@charset "utf-8"; @import url("bootstrap-grid.css"); /*@import url("bootstrap.css");*/ /*2022_lifesci CSS Document */ .img-max img{width:100%;max-width: 100%;height: auto;} * { margin:0; padding:0;} iframe{border: 0px;display: block;} @media only screen and (max-width: 479px) { #container{width:100%;height:100% !important;margin:0 auto;padding:0 !important;} #container:after {content:''; clear:both; display:block;} #Mcontainer{width:calc(100% - 1em);height:100% !important;padding:2em 1.5em;margin:0 0.5em;background: #ffffff} #Mcontainer:after {content:''; clear:both; display:block;} #Icontainer{width:100%;height:100% !important;margin:-3em 0 0 0;padding:0 0.5em;} #Icontainer:after {content:''; clear:both; display:block;} } @media screen and (min-width: 480px) and (max-width: 767px) { #container{width:100%;height:100% !important;margin:0 auto;padding:0 !important;} #container:after {content:''; clear:both; display:block;} #Mcontainer {width:calc(100% - 1em);height:100% !important;padding:2em 1.5em;margin:0 0.5em;background: #ffffff} #Mcontainer:after {content:''; clear:both; display:block;} #Icontainer{width:100%;height:100% !important;margin:-3em 0 0 0;padding: 0 0.1em;} #Icontainer:after {content:''; clear:both; display:block;} } @media screen and (min-width: 768px) and (max-width: 992px) { #container{width:100%;height:100% !important;margin:0 auto;padding:0 !important;} #container:after {content:''; clear:both; display:block;} #Mcontainer {width:calc(100% - 2em);height:100% !important;margin:0 1em;padding:3em 2.5em;background: #ffffff} #Mcontainer:after {content:''; clear:both; display:block;} #Icontainer{width:100%;height:100% !important;margin:-3em 0 0 0;padding: 0 0.1em;} #Icontainer:after {content:''; clear:both; display:block;} } @media screen and (min-width: 993px) and (max-width: 1199px) { #container{width:100%;height:100% !important;margin:0 auto;padding:0 !important;} #container:after {content:''; clear:both; display:block;} #Mcontainer{width:calc(100% - 2em);height:100% !important;margin:0 1em;padding:3em 2.5em;background: #ffffff} #Mcontainer:after {content:''; clear:both; display:block;} #Icontainer{width:100%;height:100% !important;margin:-3em 0 0 0;padding: 0 0.1em;} #Icontainer:after {content:''; clear:both; display:block;} } @media screen and (min-width: 1200px) and (max-width: 1399px) { #container{width:100%;height:100% !important;margin:0 auto;padding:0 !important;} #container:after {content:''; clear:both; display:block;} #Mcontainer {width:calc(100% - 2em);height:100% !important;margin:0 1em;padding:3em 2.5em;background: #ffffff} #Mcontainer:after {content:''; clear:both; display:block;} #Icontainer{width:100%;height:100% !important;margin:-3em 0 0 0;padding: 0 0.1em;} #Icontainer:after {content:''; clear:both; display:block;} } @media screen and (min-width: 1400px) and (max-width: 1699px) { #container{width:100%;height:100% !important;margin:/*-5em*/0 0 0 0;padding: 0 4%;} #container:after {content:''; clear:both; display:block;} #Mcontainer{width:calc(100% - 6em);height:100% !important;margin:0 3em;padding:3em 2.5em;background: #ffffff} #Mcontainer:after {content:''; clear:both; display:block;} #Icontainer{width:100%;height:100% !important;margin:-3em 0 0 0;padding: 0 0.1em;} #Icontainer:after {content:''; clear:both; display:block;} } @media (min-width: 1700px) { #container{width:100%;height:100% !important;margin:0 auto;padding: 0 8%;} #container:after {content:''; clear:both; display:block;} #Mcontainer {width:100%;height:100% !important;margin:0;padding:3em 2.5em;background: #fff} #Mcontainer:after {content:''; clear:both; display:block;} #Icontainer{width:100%;height:100% !important;margin:-3em 0 0 0;padding: 0 8%;} } #Mcontents{width:100%;padding:0 2%;font:13pt "微軟正黑體";line-height:28px;font-weight:400;letter-spacing:1px;background: #fff} /*bottom_link_block*/ #bottom_link_block{width:100%;background: url("../images/bottom_link_bg.jpg")no-repeat center top;padding:3em 0;} #bottom_link_block #bottom_link{width:100%;padding:2em 5em;background:rgba(255,135,0,0.95);display: flex;flex-wrap: wrap;justify-content: center;align-content:flex-start;align-items:stretch} #bottom_link_block #bottom_link .bottom_link_list{width:calc((100%/5) - 6em);margin:0 3em;font:1.25em"微軟正黑體";font-weight:700;color:#ffffff;text-align: center; background: rgba(146,0,2,0)} #bottom_link_block #bottom_link .bottom_link_list p{width:100% ; color:#ffffff;line-height: 2em;background: rgba(255,0,4,0); } #bottom_link_block #bottom_link .bottom_link_list .icon_calendar{width:98px;height: 98px; line-height: 98px;background:url(../images/icon_calendar.svg)no-repeat center top;background-size: 98px;margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_link{width:98px;height: 98px; line-height: 98px;background:url(../images/icon_link.svg)no-repeat center top;background-size: 98px;margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_epaper{width:98px;height: 98px; line-height: 98px;background:url(../images/icon_epaper.svg)no-repeat center top;background-size: 98px;margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_honor{width:98px;height: 98px; line-height: 98px;background:url(../images/icon_honor.svg)no-repeat center top;background-size: 98px;margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_alumni{width:98px;height: 98px; line-height: 98px;background:url(../images/icon_alumni.svg)no-repeat center top;background-size: 98px;margin: 0 auto} /*footer_bg*/ #footer_bg_block{width:100%;background:#c1c1c1 url("../images/footer_bg.jpg") no-repeat left top;padding:1em 0;} #footer_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;padding:0 0;} #footer_block #footer_info_block{width:28%;} #footer_block #footer_info_block #footer_logo{width:100%;} #footer_block #footer_info_block #footer_info{width:calc(100% - 6em);margin:0 0 1em 6em;font:0.875em "微軟正黑體";font-weight:700;letter-spacing: 1px;} #footer_block #footer_info_block #footer_link{width:calc(100% - 6em);margin:0 0 0 6em;font:0.875em "微軟正黑體";font-weight:700;display:flex;flex-wrap: wrap;justify-content: flex-start} #footer_block #footer_info_block #footer_link a{display:inline-block;color:#ffffff;background: #ff6600;border:2px solid #ff6600;border-radius: 50px;padding:0.3em 1em;margin:0 0.5em 0.7em 0;} #footer_block #footer_info_block #footer_link a:hover{display:inline-block;color:#000000;background: #ffffff;border:2px solid #ff6600;margin:0 0.5em 0.7em 0;} #footer_block #footer_link_block{width:calc(72% - 1.5em);margin: 1.2em 0 0 1.5em;} #footer_block #footer_link_block .flink_block{display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;} #footer_block #footer_link_block .flink_block .column{width:calc(100%/7);} #footer_block #footer_link_block .flink_block .column > ul >li{width:100%;font:0.875em "微軟正黑體";font-weight:700;text-align:left; line-height:20px;clear:both;} #footer_block #footer_link_block .flink_block .column .title{font:1.2em "微軟正黑體";font-weight:700;color:#000000;width:100%;margin:0 0 0.5em 0;} #footer_block #footer_link_block .flink_block .column > ul >li a{font:0.875em "微軟正黑體";font-weight:700;color:rgba(0,0,0,0.75)} #footer_block #footer_link_block .flink_block .column > ul >li a:hover{color:#000000;} #copy_block{width:100%;color:#ffffff;font:0.875em "微軟正黑體";background:rgba(111,107,105,1);text-align: center;padding:0.7em 0;} /*Inew*/ #Inews_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:1em 0;} #Inews_block #Inews_img{width:400px;} #Inews_block #Inews_content{width:calc(100% - 400px);} #Inews_block #Inews_content #Inews_content_block{width:100%;font:1.125em "微軟正黑體";font-weight:700;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: center;padding:3em 0 0 0;} #Inews_block #Inews_content #Inews_content_block .text03_1{width:150px;color:#9a9a9a;line-height: 25px;} #Inews_block #Inews_content #Inews_content_block .text03_2{width:150px;font:0.9375em "微軟正黑體";font-weight: 500;} #Inews_block #Inews_content #Inews_content_block .text03_2 span{width:90px;text-align: center; display: inline-block;border-radius: 3px; padding:0.2em 0.5em;background:#ffffff;border:2px solid #ff6600;} #Inews_block #Inews_content #Inews_content_block .text03_3{width:calc(100% - 300px);} #Inews_block #Inews_content #Inews_content_block a{color:#000000;} #Inews_block #Inews_content #Inews_content_block a:hover{color:#ff6600;} #Inews_block #Inews_content #Inews_title{display: none;} /*Iabout*/ #Iabout_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:1em 0;background:rgba(0,0,0,0)} #Iabout_block #Iabout_img{width:100%;} #Iabout_block #Iabout_content{width:100%;margin-top:-30px;z-index: 2; display: flex;flex-wrap: wrap;justify-content: flex-start;background:rgba(119,0,1,0);} #Iabout_block #Iabout_content .about_content{width:calc((100% - 200px) - 1em);padding:1em 2.5em;font:1.5625em "微軟正黑體";font-weight: 700;line-height: 40px; color:#414141;margin-top:45px;z-index: 2;} #Iabout_block #Iabout_content .about_img{width:200px;height: 200px;margin:0 1em 0 0; color:#ffffff;background:rgba(255,102,0,1);display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center; text-align: center;/*vertical-align: middle;*/} #Iabout_block #Iabout_content .about_img .text{font:2.25em "微軟正黑體";font-weight: 600;width:100%;} #Iabout_block #Iabout_content .about_img .text .text_en{font:1em "微軟正黑體";font-weight: 500;width: 100%;} #Iabout_block #Iabout_content .about_img_mobile{display: none;} /*Iannouncement_block*/ #Iannouncement_bg{width:100%;background: #efefef;padding:2em 0;} #Iannouncement_bg #Iann_block{width:100%;height: auto; display: flex;flex-wrap: wrap;justify-content:space-between;align-content:flex-start;align-items: stretch;} #Iannouncement_bg #Iann_block #Iann_list_block{width:calc(90%/3);} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_img{width:100%;margin:0 0 2em 0;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_img .img-rounded{border-radius:20px} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_date{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_title{width:100%;font:1.125em "微軟正黑體";font-weight: 700;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_title a{color:#303030;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_title a:hover{color:#000000;} /*Ivideo*/ #Ivideo_bg{width:100%;min-height: 535px; background: url("../images/Ivideo.jpg") no-repeat center top;padding:2em 0;} #Ivideo_bg #Ivideo_title{width:100%;margin:0 0 2em 0;} #Ivideo_bg #Ivideo_title p{font:2.25em "微軟正黑體";font-weight: 700;} #Ivideo_bg #Ivideo_title span{font:1em "微軟正黑體";font-weight: 700;color: #7f7f7f;} #Ivideo_bg #Ivideo_content{width:65%;display: flex;flex-wrap: wrap;justify-content: space-between;align-content:space-between;} #Ivideo_bg #Ivideo_content .Ivideo_list_block{width:45%;padding:0 3em 0 0;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_title{width:100%;margin:0 0 0.2em 0;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_title .date{font:1.125em "微軟正黑體";font-weight: 700;color:#999999} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_title .title{font:1.125em "微軟正黑體";font-weight: 700;color:#323232;height: 46px;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_video{width:100%;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_video .note{width:100%;font:1em "微軟正黑體";font-weight: 300;} /*main_location_info*/ #Mcontainer .location_info {width:100%; padding:0;display: flex;flex-wrap: wrap;justify-content: flex-start;} #Mcontainer .location_info:after {content:''; clear:both; display:block;} #Mcontainer .location_info .location {text-align:left;} #Mcontainer .location_info .location span {display:inline-block; padding-right:20px;margin-left:7px; vertical-align:middle; font:1em "微軟正黑體";font-weight:500; color:#513529; background:url(../images/arr_location.jpg) no-repeat right 7px;} #Mcontainer .location_info .location span a{color:#513529;} #Mcontainer .location_info .location span a:hover{color:#000000;} #Mcontainer .location_info .location span.last {background:none;} #Mcontainer .location_info .location strong {display:inline-block;padding-left:6px; vertical-align:middle; font:1em "微軟正黑體";font-weight:900; height:27px;line-height:27px; color:#513529;} #Mcontainer .location_info .location strong a {color:#7e7e7e;} #Mcontainer .location_info .location span.searchWord {background:none; color:#7e7e7e;} /*Title_BG*/ #titleCa_info_block1{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:0 0 0 0;} #titleCa_info_block2{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:0 0 0 0;} #titleCa_info_block3{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:0 0 0 0;} #titleCa_info_block4{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:0 0 0 0;} #titleCa_info_block5{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:0 0 0 0;} #titleCa_info_block6{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:0 0 0 0;} #titleCa_info_block7{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:0 0 0 0;} #titleCa_info_block8{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:0 0 0 0;} #titleCa_info_block9{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:0 0 0 0;} #titleCa_info_block10{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:0 0 0 0;} #titleCa_info_block11{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:0 0 0 0;} #titleCa_info_block12{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:0 0 0 0;} #titleCa_info{position:relative; width:100%; height:0px; margin:0 auto; z-index:1000;/*background: #ff6600*/} #title01{position:absolute;z-index:1000000;top:calc((220px - 80px)/2);left:5%;font:1.5em "微軟正黑體";letter-spacing: 0.5px; font-weight:700;color:#ffffff;width:auto;white-space:nowrap;} @media screen and (max-width: 995px) { /*Title_BG*/ #titleCa_info_block1{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:85px 0 0 0;} #titleCa_info_block2{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:85px 0 0 0;} #titleCa_info_block3{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:85px 0 0 0;} #titleCa_info_block4{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:85px 0 0 0;} #titleCa_info_block5{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:85px 0 0 0;} #titleCa_info_block6{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:85px 0 0 0;} #titleCa_info_block7{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:85px 0 0 0;} #titleCa_info_block8{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:85px 0 0 0;} #titleCa_info_block9{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:85px 0 0 0;} #titleCa_info_block10{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:85px 0 0 0;} #titleCa_info_block11{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:85px 0 0 0;} #titleCa_info_block12{padding:0 6%;height:220px; background:#000000 url(../images/bottom_link_bg.jpg) no-repeat center top;margin:85px 0 0 0;} } .Mtitle{width:100%;font:1.5em "微軟正黑體";font-weight: 700; color:#191919;border-bottom:1px solid #606060;padding:0.5em 0 0.5em 0; margin:2em 0 0.5em 0;background: #00aa00} .Mtitle01{width:100%;font:1.5em "微軟正黑體";font-weight: 700;color:#191919;padding:0.5em 0 0.5em 0;border-bottom:1px solid #606060; margin:2em 0 0.5em 0;} .Mtitle_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;border-bottom:1px solid #606060;padding:0.5em 0 0.5em 0; margin:2em 0 0.5em 0;} .Mtitle_block .text02_1{width:70%;font:1.5em "微軟正黑體";font-weight: 700; color:#191919;} .Mtitle_block .text02_2{width:30%;font:1.5em "微軟正黑體";font-weight: 700; color:#191919;text-align: right;} .Mtitle_block .title{font:1.5em "微軟正黑體";font-weight: 700;color:#191919;width:100%;} .Mtitle_block .eng{font:1em "微軟正黑體";font-weight: 700;color:#4F4F4F;width:100%;} @media screen and (max-width: 995px) { .Mtitle_block .title span{width:100%;display: block} } /*new_block*/ #news_list_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;} #news_list_block .text03_1{width:150px;} #news_list_block .text03_2{width:150px;} #news_list_block .text03_2 span{font:0.9375em "微軟正黑體";font-weight: 500;display: inline-block;background:#000000;color:#ffffff;padding:0.2em 1em;border-radius: 50px;} #news_list_block .text03_3{width:calc(100% - 300px);font:1.0625em "微軟正黑體";font-weight: 700;} #news_list_block .text03_3 a{color:#2d2725} #news_list_block .text03_3 a:hover{color:#000000} /*new_content*/ #news_title_content_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;padding:0 0 1em 0;} #news_title_content_block .cate{width:100%;} #news_title_content_block .cate .cate_icon{font:0.9375em "微軟正黑體";font-weight: 500;display: inline-block;background:#000000;color:#ffffff;padding:0.2em 1em;margin:0 1em 0 0; border-radius: 50px;} #news_title_content_block .cate span{font:0.9375em "微軟正黑體";font-weight: 500;} #news_title_content_block .Ntitle{width:100%;font:1.5em "微軟正黑體";font-weight: 700;margin:0 0 0.5em 0;border-bottom: 2px solid #000000;padding:0.3em 0 0.5em 0.7em;} #news_title_content_block .Nnote{width:100%;font:0.875em "微軟正黑體";font-weight: 700;;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: space-between;align-items: stretch;height: auto;} .news_files{text-align:left;padding:0;} .news_content{font:13pt "微軟正黑體";line-height:25px;letter-spacing:1px;min-height:100px;font-weight:700;color:#535353;margin:0 0 1em 0;padding:0.5em 1em 1em 1em;border-bottom:1px solid #919191;} .news_content a{color:#FF6E00;} .news_content a:hover{color:#000000;} .news_content ul {list-style:disc;padding:0 0 0 2em;} .news_content ol {list-style:decimal;padding:0 0 0 2em;} .news_content img{max-width: 100%;height: auto;} /*bottom news*/ .news_more{width:100%;padding:0.2em;} .news_more .title{font:1.0625em "微軟正黑體";font-weight:700;text-align:center;background:#d6d6d6;color:#34314c;padding:0.5em 0;} .news_more .news_more_list_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;padding:0.5em 0;} .news_more .news_more_list_block .txt01{width:35px;text-align:center;} .news_more .news_more_list_block .txt02{width:calc(100% - 35px);font:0.9375em "微軟正黑體";font-weight: 700;} .news_more .news_more_list_block a{color:#737373;} .news_more .news_more_list_block a:hover{color:#000000;} .Registration_form{border:1px solid #C3C3C3 ;padding:0.7em;margin-top:2em;} .Registration_form .Rform_pic{width:auto;height:200px;padding:10px;background:url(../images/title.jpg) center top;} .Registration_form .line{float:left;width:100%;height:auto !important;margin-bottom:15px;background-image: linear-gradient(to right, #333 40%, rgba(51, 51, 51, 0) 40%);background-position: bottom;background-size: 8px 2px;background-repeat: repeat-x;padding-bottom:15px;} .Registration_form .Rform{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;} .Registration_form .Rform .Rtxt01{width:15%;padding-right:1%;float:left;font:1em "微軟正黑體";font-weight:700;line-height:40px;text-align:right;background:#f1f1f1;} .Registration_form .Rform .Rtxt02{width:83%;padding-left:1%;float:left;font:1em "微軟正黑體";font-weight:700;line-height:40px;color:#616161;} .Registration_form .Rform .Rtxt02 .input{width:50%;padding:0.5em;} /*link_title*/ #link_Mtitle0{font:18pt "微軟正黑體";font-weight:bold;color:#ffffff;padding:0.2em 0 0.2em 0.5em;margin:1em 0 1em 0;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);/*background-color:#0a3266;*/background: linear-gradient(to right, #0a3266 0%, #00b4ff 100%);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} #link_Mtitle1{font:18pt "微軟正黑體";font-weight:bold;color:#ffffff;padding:0.2em 0 0.2em 0.5em;margin:1em 0 1em 0;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);/*background-color:#0a3266;*/background: linear-gradient(to right, #0a3266 0%, #00b4ff 100%);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} #link_Mtitle2{font:18pt "微軟正黑體";font-weight:bold;color:#ffffff;padding:0.2em 0 0.2em 0.5em;margin:1em 0 1em 0;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);/*background-color:#49660a;*/background: linear-gradient(to right, #49660a 0%, #58b200 100%);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} #link_Mtitle3{font:18pt "微軟正黑體";font-weight:bold;color:#222222;padding:0.2em 0 0.2em 0.5em;margin:1em 0 1em 0;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);/*background-color:#ff7200;*/background: linear-gradient(to right, #ff7200 0%, #ffde00 100%);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} #link_Mtitle4{font:18pt "微軟正黑體";font-weight:bold;color:#ffffff;padding:0.2em 0 0.2em 0.5em;margin:1em 0 1em 0;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);/*background-color:#eb135f;*/background: linear-gradient(to right, #eb135f 0%, #ff679d 100%);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} /*link_list*/ #link_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;} #link_block .txt{width:calc((100%/2) - 1em);margin:0 1em 0.5em 0;line-height:35px;padding-left:20px;float:left;vertical-align:middle; font:12pt "微軟正黑體";font-weight:700; color:#7e7e7e; background:url(../images/icon04.png) no-repeat left 0px;} /*alumni_block*/ #alumni_list_block{width:100%;display:flex;flex-wrap: wrap; justify-content:flex-start;padding:0;} #alumni_list_block .Tphotolist{height:auto !important;cursor:pointer;background:#ff6600;} #alumni_list_block .Tphotolist #foo .phnumber_st{with:100%;position: relative;z-index: 1;} #alumni_list_block .Tphotolist #foo .phnumber_st .phnumber{width:100%;left:0px; top:-2em;position: absolute;z-index: 2} #alumni_list_block .Tphotolist #foo .phnumber_st .phnumber span{display:inline-block;color:#ffffff;background:#ff6902 ;padding:0.2em 1em; font:15pt "微軟正黑體";font-weight:700;} #alumni_list_block .Tphotolist #foo {width:100%;height:auto !important;color:#000000;} #alumni_list_block .Tphotolist #foo:hover{filter:alpha (opacity=50); opacity: 0.5;} #alumni_list_block .Tphotolist .info{font:12pt "微軟正黑體";font-weight:700;width:100%;padding:1.5em 0 1em 0;text-align: right;color:rgba(39,39,39,1.00);} #teacher_link a{color:#FF6E00;margin-left:10px;} #teacher_link a:hover{color:#000000;} /*#alumni_list_line{width:100%;font:7pt Arial;height:auto !important;margin-bottom:15px;background-image: linear-gradient(to right, #333 40%, rgba(51, 51, 51, 0) 40%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:15px;} #alumni_list_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;} #alumni_list_block .Tphotolist{width:calc(100%/5);height:auto;margin:0;padding:2%;} #alumni_list_block .Tphotolist #foo {width:100%;} #alumni_list_block .Tphotolist .name{width:100%;display: flex;justify-content:center;bottom:0;} #alumni_list_block .Tphotolist .name span{font:12pt "微軟正黑體";font-weight:700;width:100%;display:inline-block;padding:8px 15px;text-align:center;color:#000000;background:#febb24;-webkit-border-bottom-right-radius: 7px;-webkit-border-bottom-left-radius: 7px;-moz-border-radius-bottomright: 7px;-moz-border-radius-bottomleft: 7px;border-bottom-right-radius: 7px;border-bottom-left-radius: 7px;} #alumni_list_block .Tphotolist .info{font:11pt "微軟正黑體";font-weight:700;width:100%;display: flex;justify-content:center;} #teacher_link a{color:#FF6E00;margin-left:10px;} #teacher_link a:hover{color:#000000;} */ /*alumni_block*/ .alumni_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;} .alumni_block .alumni_img{width:300px;margin:0 1em 0 0;} .alumni_block .alumni_img img{width:100%;max-width: 100%;position: relative;z-index: 1; border-radius:10px;box-shadow: inset 0px 0px 0px 1px rgba(190,0,190,1);} .alumni_block .alumni_note{width:calc((100% - 300px) - 1em);} .alumni_block .alumni_note .alumni_catbg{width:auto;min-width:100px;font-weight:700;height:auto;margin:0;display:inline-block;padding:3px 15px;text-align:center;color:#ffffff;background:#444444;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;} .alumni_block .alumni_note .alumni_catbg a{color:#ECECEC;} .alumni_block .alumni_note .alumni_catbg a:hover{color:#ffffff;} .alumni_block .alumni_note .alumni_contents{width:96%;padding:2% 2%;font:12pt "微軟正黑體";font-weight:700;letter-spacing:1px;word-wrap:break-word;word-break: break-all;} /*honor_block*/ #photost{width:100%;display:flex;flex-wrap: wrap; justify-content:flex-start;padding:0;} #photost .list{height:auto !important;cursor:pointer; border:1px #D0D0D0 solid;} #photost .list .photo{width:100%;height:auto !important;} #photost .list .photo:hover{filter:alpha (opacity=50); opacity: 0.5;} #photost .list .photo .phnumber_st{with:100%;position: relative;z-index: 1;} #photost .list .photo .phnumber_st .phnumber{width:100%;color:#FF9E00;font:10.5pt "微軟正黑體";font-weight:700;left:10px; top:0px;position: absolute;z-index: 2} #photost .list .photo .phnumber_st .phnumber .quantity{display:inline-block;background:#292929;color:#fff;border-radius: 3px;padding:0.5em;} #photost .list .photo .note{width:100%;padding:0.5em;} #photost .list .photo .note .date{width:100%;color:#333333;font:0.9375em "微軟正黑體";font-weight:300;} #photost .list .photo .note .title{width:100%;color:#1E1E1E;font:1.0625em "微軟正黑體";font-weight:700;} #photost .list .photo .note .title a{color:#1E1E1E;font:1.0625em "微軟正黑體";font-weight:700;} #photost .list .photo .note .title a:hover{color:#1E1E1E;font:1.0625em "微軟正黑體";font-weight:700;} /*honor_content*/ #honor_title_content{width:100%;border-bottom: 2px solid #000000;padding:0 0 1em 0;margin:0 0 1em 0;} #honor_title_content .title{font:1.5625em "微軟正黑體";font-weight:700;} #honor_content{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;} #honor_content .list{width:calc((100%/5) - 2em);margin:1em;} /*honor_list*/ #honor_list_block{width:100%;} #honor_list_block .list{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:center; height: auto;padding:0.5em 0;} #honor_list_block .list .text03_1{width:100px;font:0.9375em "微軟正黑體";font-weight:300;color:#333333;} #honor_list_block .list .text03_2{width:calc(100% - 170px);font:1.0625em "微軟正黑體";font-weight:700;} #honor_list_block .list .text03_3{width:70px;text-align: right;} #honor_list_block .list:nth-child(even){background:#e8e8e8} /*video*/ #video_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;} #video_block .video_list{width:calc((100%/3) - 2em);margin:1em;} #video_block .video_list .vdate{width:100%;color:#a94400;font:0.9375em "微軟正黑體";font-weight:500;} #video_block .video_list .vtitle{width:100%;color:#1E1E1E;font:1.0625em "微軟正黑體";font-weight:700;} #video_block .video_list .vsub{width:100%;color:#333333;font:0.9375em "微軟正黑體";font-weight:500;} /*unite_block*/ #unite_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;} #unite_block .video_img{width:300px;margin:0 1em 0 0;} #unite_block .video_note{width:calc(100% - 300px - 1em);} #TSquare{width:100%;height:auto;margin:1em 0;} #TSquare span{display: inline-block;border-radius: 50px;padding:0.3em 2em;font:1.0625em "微軟正黑體";font-weight:700;background:#fff000;color:#390F01;} .unite_t_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;} .unite_t_block .list{width:calc((100%/5) - 2em);margin:1em;padding:0 0 0 25px;vertical-align:middle; font:12pt "微軟正黑體";font-weight:700; color:#7e7e7e; background:url(../images/icon04.png) no-repeat left 0px;} .unite_t_block .list a{color:#323232;} .unite_t_block .list a:hover{color:#000000;} /*download_block*/ #download_list_block{width:100%;font:1.0625em "微軟正黑體";height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:center;padding:0;} #download_list_block .text03_1{width:120px;font-weight:500;color: rgba(0,0,0,0.6);padding:0.5em;} #download_list_block .text03_2{width:calc(100% - 320px);font-weight:700;color: rgba(0,0,0,0.8);padding:0.5em;} #download_list_block .text03_3{width:200px;text-align: right;padding:0.5em;} #download_list_block:nth-child(even){background:#e8e8e8} /*facility*/ #facility_list_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;padding:0.5em 0;} #facility_list_block .text03_1{width:120px;} #facility_list_block .text03_1 span{display: inline-block;border-radius: 50px;padding:0.3em 1em;font:0.9375em "微軟正黑體";font-weight:700;background:#390F01;color:#ffffff;} #facility_list_block .text03_2{width:380px;font:1em "微軟正黑體";font-weight:500;} #facility_list_block .text03_3{width:calc(100% - 500px);font:1.0625em "微軟正黑體";font-weight:700;} #facility_list_block .text01_1{width:calc(100% - 120px);margin:0 0 0 120px} /*news*/ .photost{width:100%;display:flex;flex-wrap: wrap; justify-content:flex-start;padding:0;} .photost .list{height:auto !important;cursor:pointer;background:#ff6600;/* box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);*/} .photost .list:after {content:''; clear:both; display:block;} .photost .list .photo{width:100%;height:auto !important;color:#000000;/*background:#ffffff;*/} .photost .list .photo:hover{filter:alpha (opacity=50); opacity: 0.5;} .photost .list .photo .phnumber_st{with:100%;position: relative;z-index: 1;} .photost .list .photo .phnumber_st .phnumber{width:40%;color:#FF9E00;font:10.5pt "微軟正黑體";font-weight:700;left:10px; top:0px;position: absolute;z-index: 2} .photost .list .photo .phnumber_st .phnumber .quantity{display:inline-block;background:#4ca002;color:#ffffff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);border-radius: 3px;padding:0.5em;} .photost .list .photo .phnumber_st .fbst{width:40%;text-align: right; color:#FF9E00;font:10.5pt "微軟正黑體";font-weight:700;right:10px; top:10px;position: absolute;z-index: 2} .photost .list .photo .note_block{width:100%;padding:0.5em;background:#ffffff;} .photost .list .photo .note_block .title{font:1.125em "微軟正黑體";font-weight: 700;} .photost .list .photo .note_block .title a{color:#000000;} .photost .list .photo .note_block .title a:hover{color:#292929;} .photost .list .photo .note_block .date{font:1em "微軟正黑體";font-weight: 700;color:rgba(0,0,0,0.5);} .Mphotost{width:100%;display:flex;flex-wrap: wrap; justify-content:flex-start;padding:0;} .Mphotost .list{height:auto !important;cursor:pointer;background:#ff6600;/* box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);*/} .Mphotost .list:after {content:''; clear:both; display:block;} /*facility*/ .facility_title_block{width:100%;font:1.125em "微軟正黑體";font-weight: 700;display:flex;flex-wrap: wrap; justify-content:flex-start;align-content: space-around; padding:1em 0;color:#ffffff;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background: linear-gradient(to right, #5987a6 0%, #595ea6 100%);border-radius: 7px;} .facility_title_block .text06_1{width:calc(100% - 600px);text-align: center;} .facility_title_block .text06_2{width:120px;padding:0 0.5em;text-align: center;} .facility_title_block .text06_3{width:120px;padding:0 0.5em;text-align: center;} .facility_title_block .text06_4{width:120px;padding:0 0.5em;text-align: center;} .facility_title_block .text06_5{width:120px;padding:0 0.5em;text-align: center;} .facility_title_block .text06_6{width:120px;padding:0 0.5em;text-align: center;} .facility_list_block{width:100%;display:flex;flex-wrap: wrap; justify-content:flex-start;align-content: space-around; padding:1em 0;} .facility_list_block .mob{display:none;} .facility_list_block .text06_1{width:calc(100% - 600px);text-align: left;font:1.125em "微軟正黑體";font-weight: 700;padding:0 0.5em;} .facility_list_block .text06_2{width:120px;padding:0 0.5em;text-align: center;font:1em "微軟正黑體";font-weight: 500;} .facility_list_block .text06_3{width:120px;padding:0 0.5em;text-align: center;font:1em "微軟正黑體";font-weight: 500;} .facility_list_block .text06_4{width:120px;padding:0 0.5em;text-align: center;} .facility_list_block .text06_5{width:120px;padding:0 0.5em;text-align: center;} .facility_list_block .text06_6{width:120px;padding:0 0.5em;text-align: center;} .facility_list_block:nth-child(even){background:#eaeaea} /*calendar*/ #Ca_today_block{width:100%;display:flex;flex-wrap: wrap; justify-content:flex-start;align-content: space-around; padding:1em 0;} #Ca_today_block #Ca_today_date{width:200px;} #Ca_today_block #Ca_today_date #today_date{width:calc(100% - 1em);margin:0 0 0 1em;display:flex;flex-wrap: wrap; justify-content:flex-start;align-content: space-around; padding:1em;} #Ca_today_block #Ca_today_date #today_date .ca_year{width:100%;font:1.875em "微軟正黑體";font-weight:700;color:#222222;} #Ca_today_block #Ca_today_date #today_date .ca_Mon{width:100%;font:1.875em "微軟正黑體";font-weight:700;color:#f66801;} #Ca_today_block #Ca_today_date #today_date .ca_wek{width:100%;font:1.25em "微軟正黑體";color:#6e6b6b;} #Ca_today_block #Ca_today_note{width:calc(100% - 200px);background:#eaeaea;padding:1em;border-radius: 10px;font:1.125em "微軟正黑體";font-weight:700;} #Ca_today_block #Ca_today_note a{color:#292929;} .Calendar_next_year_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-between;align-items:stretch; height: auto;padding:0.5em 0;} .Calendar_next_year_block a{color:#565656;font:1em "微軟正黑體";font-weight:700;} .Calendar_next_year_block a:hover{color:#ff6600;font:1em "微軟正黑體";font-weight:700;} .Calendar_next_year_block .text01{width:90%;} .Calendar_next_year_block .text03{display:none;} .Calendar_next_year_block .text02{width:10%;text-align: right;} @media only screen and (max-width: 479px) { .Calendar_next_year_block .text01{width:30%;text-align:left;} .Calendar_next_year_block .text03{width:40%; text-align:center;font:18pt "微軟正黑體";font-weight:700;display:inline-block;} .Calendar_next_year_block .text02{width:30%;display: flex;justify-content:flex-end;} } @media screen and (min-width: 480px) and (max-width: 767px) { .Calendar_next_year_block .text01{width:30%;text-align:left;} .Calendar_next_year_block .text03{width:40%; text-align:center;font:18pt "微軟正黑體";font-weight:700;display:inline-block;} .Calendar_next_year_block .text02{width:30%;display: flex;justify-content:flex-end;} } @media screen and (min-width: 768px) and (max-width: 959px) { .Calendar_next_year_block .text01{width:30%;text-align:left;} .Calendar_next_year_block .text03{width:40%; text-align:center;font:18pt "微軟正黑體";font-weight:700;display:inline-block;} .Calendar_next_year_block .text02{width:30%;display: flex;justify-content:flex-end;} } .Calendar_week_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-between;align-items:stretch; height: auto;padding: 2em 3em;} .Calendar_content_block{width:100%;float:left;margin-top:1em;} .Calendar_content_block .text01{width:100%;} .Calendar_content_block .text01 span{padding:0.1em 1em;background:#6B6B6B;color:#ffffff;display:inline-block;font:9pt "微軟正黑體";border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;} .Calendar_content_block .text02{display:inline-block;width:100%;word-wrap:break-word;word-break:break-all;padding-bottom:1em;margin-bottom:1em;border-bottom:2px solid #5C5C5C;} .Calendar_content_block .text03{color:#515151;width:96%;padding:2%;margin-bottom:1em;word-wrap:break-word;word-break:break-all;min-height:200px;} .Calendar_list_block{width:100%;} .Calendar_list_block .Ctext01{ BORDER-COLLAPSE: collapse; flex: 1; background-color: #f08bc3;} .Calendar_list_block .Ctext02{background:#f5f5f5;} .Calendar_list_block .Cline{float:left;width:100%;line-height:1px;height:1px;border-bottom:1px #878787 dashed;} .ca_Mon_button{color:#000000;} .ca_note{font:12pt "微軟正黑體";font-weight:700;color:#000000;padding:5px;} .ca_note a{color:#000000;} .ca_note a:hover{color:#FF7E00;} .ca_wek_st{font:13.5pt "微軟正黑體";font-weight:700;color:#000000;} .ca_list01{font:10.5pt "微軟正黑體";color:#000000} .ca_list01 a{font:10.5pt "微軟正黑體";color:#000000} .ca_list01 a:hover{font:10.5pt "微軟正黑體";color:#000000} .ca_list a{font:10.5pt "微軟正黑體";color:#ffffff;font-weight:700;} .ca_list a:hover{font:10.5pt "微軟正黑體";color:#000000;font-weight:700;} /*button*/ /*.location_button{width:60%;overflow:hidden;padding: 0 20%;} .location_button01{width:10%;overflow:hidden;padding: 0 44%;} .location_button02{width:24%;overflow:hidden;padding: 0 38%;} .location_button03{width:38%;overflow:hidden;padding: 0 32%;} .location_button #backbu,.location_button01 #backbu,.location_button02 #backbu,.location_button03 #backbu{float:left;width:120px;height:40px;display: block;margin:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} .location_button #backbu a,.location_button01 #backbu a,.location_button02 #backbu a,.location_button03 #backbu a{float:left;width:120px;height:40px;background:#666;color:#ffffff;display: block;text-align:center;line-height:33px;margin:0px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} .location_button #backbu a:hover,.location_button01 #backbu a:hover,.location_button02 #backbu a:hover,.location_button03 #backbu a:hover{float:left;width:120px;height:40px;background:#000000;color:#ffffff;display: block;text-align:center;line-height:33px;margin:0px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} */ /*calendar_list*/ .calendar_list_block{width:100%;} .calendar_list_block .title{width:100%;height:40px;line-height:40px;margin:15px 0;padding-top:10px;font:13pt "微軟正黑體";font-weight:700;color:#000000;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background-color:#f6f6f6;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;} .calendar_list_block .list{width:100%;} .calendar_list_block li{float:left;list-style:none;} .calendar_list_block .title .txt01{width:8%;text-align:center;} .calendar_list_block .title .txt02{width:77%;} .calendar_list_block .title .txt03{width:15%;text-align:center;} .calendar_list_block .list .txt01{width:10%;margin:0 2% 0 0;text-align:center;} .calendar_list_block .list .txt02{width:88%;word-wrap: break-word;word-break: break-all;} .calendar_list_block .list .txt03{width:88%;margin-left:12%;} .calendar_list_block a{color:#0245c0;font:13pt "微軟正黑體";font-weight:700;} .calendar_list_block a:hover{color:#000000;} .calendar_list_block .list .txt01 .rad01{display:inline-block;margin:4% 0 0 4%;padding:2px 4px;background:#4A4A4A;color:#ffffff;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;} .calendar_list_block .list .txt01 .rad02{display:inline-block;margin:4% 0 0 4%;padding:2px 8px;background:#4A4A4A;color:#ffffff;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;} /*calendar_03*/ .admission_content_title{width:100%;font:15pt "微軟正黑體";font-weight:700;word-wrap:break-word;word-break:break-all;margin:0 0 10px 0;padding-bottom:10px;border-bottom:2px solid #333333;} .admission_content_date{color:#8c919b;font:12pt "微軟正黑體";font-weight:700;height:25px;line-height:25px;} .admission_content{font:13pt "微軟正黑體";min-height:300px;font-weight:700;word-wrap:break-word;word-break:break-all;color:#535353;margin:10px 0 10px 0;padding-bottom:10px;border-bottom:2px solid #333333;} .admission_content a{color:#FF6E00;font:13pt "微軟正黑體";} .admission_content a:hover{color:#000000;font:13pt "微軟正黑體";} .admission_content_file{width:100%; display:flex;flex-wrap: wrap;justify-content: flex-start;font:1em "微軟正黑體";font-weight:700; color:#7e7e7e;margin:0;;} .admission_content_file p{margin:0 0.5em 0 0;} .admission_content_file .fil01{display:inline-block;} .admission_content_file .fil02{display:inline-block;} .admission_content_file .fil01 a,.admission_content_file .fil02 a{color:#ffffff;font:0.875em "微軟正黑體";font-weight:700;padding:0.2em 0.5em;background:#2E2E2E;border-radius: 5px} .admission_content_file .fil01 a:hover,.admission_content_file .fil02 a:hover{color:#ffffff;padding:0.2em 0.5em;background:#000000;border-radius: 5px} .admission_content_file a{color:#FF6E00;} .admission_content_file a:hover{color:#000000;} /*staff*/ .staff_block_line{display:none;} .staff_block{width:100%;overflow:hidden;} .staff_block .title1{width:100%;height:35px;line-height:35px;margin:15px 0;padding-top:1em;font:13pt "微軟正黑體";font-weight:700;color:#000000;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background-color:#ebabab;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .staff_block .title2{width:100%;height:35px;line-height:35px;margin:15px 0;padding-top:1em;font:13pt "微軟正黑體";font-weight:700;color:#000000;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background-color:#ebabe6;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .staff_block .title3{width:100%;height:35px;line-height:35px;margin:15px 0;padding-top:1em;font:13pt "微軟正黑體";font-weight:700;color:#000000;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background-color:#bcabeb;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .staff_block .title4{width:100%;height:35px;line-height:35px;margin:15px 0;padding-top:1em;font:13pt "微軟正黑體";font-weight:700;color:#000000;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background-color:#abceeb;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .staff_block .title5{width:100%;height:35px;line-height:35px;margin:15px 0;padding-top:1em;font:13pt "微軟正黑體";font-weight:700;color:#000000;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background-color:#abebdd;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .staff_block .title6{width:100%;height:35px;line-height:35px;margin:15px 0;padding-top:1em;font:13pt "微軟正黑體";font-weight:700;color:#000000;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background-color:#b7ebab;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .staff_block .title7{width:100%;height:35px;line-height:35px;margin:15px 0;padding-top:1em;font:13pt "微軟正黑體";font-weight:700;color:#000000;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background-color:#daebab;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .staff_block .title8{width:100%;height:35px;line-height:35px;margin:15px 0;padding-top:1em;font:13pt "微軟正黑體";font-weight:700;color:#000000;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background-color:#ebe0ab;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .staff_block .title9{width:100%;height:35px;line-height:35px;margin:15px 0;padding-top:1em;font:13pt "微軟正黑體";font-weight:700;color:#000000;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background-color:#ebc5ab;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .staff_block .title10{width:100%;height:35px;line-height:35px;margin:15px 0;padding-top:1em;font:13pt "微軟正黑體";font-weight:700;color:#000000;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background-color:#f6f6f6;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .staff_block .list{width:100%;line-height:35px;} .staff_block .list:after {content:''; clear:both; display:block;} .staff_block ol{width:100%;padding:0;margin:0;float:left;} .staff_block li{float:left;list-style:none;padding:0;margin:0;} .staff_block .title1 .txt01,.staff_block .title2 .txt01,.staff_block .title3 .txt01,.staff_block .title4 .txt01,.staff_block .title5 .txt01,.staff_block .title6 .txt01,.staff_block .title7 .txt01,.staff_block .title8 .txt01,.staff_block .title9 .txt01,.staff_block .title10 .txt01{width:25%;text-align:center;} .staff_block .title1 .txt02,.staff_block .title2 .txt02,.staff_block .title3 .txt02,.staff_block .title4 .txt02,.staff_block .title5 .txt02,.staff_block .title6 .txt02,.staff_block .title7 .txt02,.staff_block .title8 .txt02,.staff_block .title9 .txt02,.staff_block .title10 .txt02{width:25%;text-align:center;} .staff_block .title1 .txt03,.staff_block .title2 .txt03,.staff_block .title3 .txt03,.staff_block .title4 .txt03,.staff_block .title5 .txt03,.staff_block .title6 .txt03,.staff_block .title7 .txt03,.staff_block .title8 .txt03,.staff_block .title9 .txt03,.staff_block .title10 .txt03{width:25%;text-align:center;} .staff_block .title1 .txt04,.staff_block .title2 .txt04,.staff_block .title3 .txt04,.staff_block .title4 .txt04,.staff_block .title5 .txt04,.staff_block .title6 .txt04,.staff_block .title7 .txt04,.staff_block .title8 .txt04,.staff_block .title9 .txt04,.staff_block .title10 .txt04{width:25%;text-align:center;} .staff_block .list .txt01{width:25%;text-align:center;} .staff_block .list .txt02{width:25%;text-align:center;} .staff_block .list .txt03{width:25%;text-align:center;} .staff_block .list .txt04{width:25%;text-align:center;} /**/ .year_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-end;font:1em "微軟正黑體";font-weight:700;margin: 1em 0;padding:0.5em;background:#f1f1f1;} .guest_title_block{width:100%;font:1em "微軟正黑體";font-weight: 700;display:flex;flex-wrap: wrap; justify-content:flex-start;align-content: space-around; padding:1em 0;color:#ffffff;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background: linear-gradient(to right, #280977 0%, #5f42a8 100%);border-radius: 7px;} .guest_title_block .text04_1{width:120px;text-align: center;} .guest_title_block .text04_2{width:130px;padding:0 0.5em;text-align: center;} .guest_title_block .text04_3{width:calc(100% - 420px);padding:0 0.5em;text-align: left;} .guest_title_block .text04_4{width:170px;padding:0 0.5em;text-align: center;} .guest_list_block{width:100%;font:1em "微軟正黑體";font-weight: 700;display:flex;flex-wrap: wrap; justify-content:flex-start;align-content: space-around; padding:1em 0;} .guest_list_block:nth-child(even){background: #f1ebff} .guest_list_block .mobile{display:none;} .guest_list_block .desktop{display:inline-block;} .guest_list_block .text04_1{width:120px;padding:0 0.5em;text-align: center;} .guest_list_block .text04_2{width:130px;padding:0 0.5em;text-align: center;} .guest_list_block .text04_3{width:calc(100% - 420px);padding:0 0.5em;text-align: left;font-weight: 500;} .guest_list_block .text04_3 ul{list-style: disc;padding:0 0 0 2em;} .guest_list_block .text04_3 ol{list-style: decimal;padding:0 0 0 2em;} .guest_list_block .text04_4{width:170px;padding:0 0.5em;text-align: center;} /*reserve_class*/ #reClassSearch_block{padding:0.5em ;border-radius: 10px; background:#bcbcbc;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_week_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;padding:0 0 1em 0;} #reClass_week_block #reClass_week01{width:100%;font:1.0625em "微軟正黑體";font-weight: 700;} #reClass_week_block #reClass_week01 span a{font:1em "微軟正黑體";font-weight: 700;display:inline-block;border-radius: 50px;padding:0.1em 1em;background:#6e6e6e;color:#ffffff;} #reClass_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_block #reClassList{width:calc(100%/7);min-height:350px;box-shadow: inset 0px 0px 0px 1px #c0c0c0;} #reClass_block #reClassList:nth-child(6){box-shadow: inset 0px 0px 0px 1px #fea2a2;} #reClass_block #reClassList:nth-child(7){box-shadow: inset 0px 0px 0px 1px #fea2a2;} #reClass_block #reClassList:nth-child(6) #reClassList_title{color:#ea2222;background: #f1f1f1;box-shadow: inset 0px 0px 0px 1px #fea2a2;} #reClass_block #reClassList:nth-child(7) #reClassList_title{color:#ea2222;background: #f1f1f1;box-shadow: inset 0px 0px 0px 1px #fea2a2;} #reClass_block #reClassList #reClassList_title{width:100%;padding:0.5em 0.2em;text-align: left; color:#292929;background: #f1f1f1;box-shadow: inset 0px 0px 0px 1px #c0c0c0;} #reClass_block #reClassList #reClassList_note{width:calc(100% - 1em);margin:0.5em;background: #ffffff} #reClass_block #reClassList #reClassList_note ul {list-style:disc;padding:0 0 0 1.5em;font:0.9375em "微軟正黑體";font-weight: 700;} #reClass_block #reClassList #reClassList_note ol {list-style:decimal;padding:0 0 0 1.5em;font:0.9375em "微軟正黑體";font-weight: 700;} #reClass_block #reClassList #reClassList_note .Section{font:0.6875em "微軟正黑體";font-weight: 700;display:inline-block;border-radius: 50px;padding:0.1em 1em;background:#6e6e6e;color:#ffffff;} #reClass_block #reClassList #reClassList_note a{color:#3D3D3D} #reClass_block #reClassList #reClassList_note a:hover{color:#000000} #reClass_block .text02_1{width:250px;font:0.9375em "微軟正黑體";font-weight: 700;color:#000000;background: #bcbcbc;box-shadow: inset 0px 0px 0px 1px #c0c0c0;padding:0.5em;} #reClass_block .text02_2{width:calc(100% - 250px);font:0.9375em "微軟正黑體";font-weight: 700;color:#292929;background: #f1f1f1;box-shadow: inset 0px 0px 0px 1px #c0c0c0;padding:0.5em;} /*Full page*/ .M_note{width:100%;font:13pt "微軟正黑體";line-height:28px;font-weight:400;letter-spacing:1px;} .M_note ul {list-style:disc;padding:0 0 0 2em;} .M_note ol {list-style:decimal;padding:0 0 0 2em;} /**/ /**************************mobile_style**************************/ @media screen and (max-width: 399px) { /*bottom_link_block*/ #bottom_link_block{width:100%;background: url("../images/bottom_link_bg.jpg")no-repeat center top;padding:calc(3em*0.6) 0;} #bottom_link_block #bottom_link{width:calc(100% - 2em);padding:calc(2em*0.6) calc(5em*0);margin:0 1em;background:rgba(255,135,0,0.95);display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:flex-start;align-items:stretch} #bottom_link_block #bottom_link .bottom_link_list{width:calc((100%/2) - ((3em*0.6)*2));margin:0 calc(3em*0.6);font:calc(1.25em*0.7) "微軟正黑體";font-weight:700;color:#ffffff;text-align: center; background: rgba(146,0,2,0)} #bottom_link_block #bottom_link .bottom_link_list p{width:100% ; color:#ffffff;line-height: 2em;background: rgba(255,0,4,0); } #bottom_link_block #bottom_link .bottom_link_list .icon_calendar{background-size:calc(98px*0.6);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_link{background-size:calc(98px*0.6);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_epaper{background-size:calc(98px*0.6);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_honor{background-size:calc(98px*0.6);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_alumni{background-size:calc(98px*0.6);margin: 0 auto} /*footer*/ #footer_block #footer_info_block{width:100%;} #footer_block #footer_link_block{width:100%;margin: 0;} #footer_block #footer_link_block .flink_block{padding:0 0 0 6.5em; display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;} #footer_block #footer_link_block .flink_block .column{width:calc(100%/2);} /*Inew*/ #Inews_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:1em 0;} #Inews_block #Inews_img{width:400px;display: none;} #Inews_block #Inews_content{width:100%;} #Inews_block #Inews_content #Inews_content_block{width:100%;font:1.125em "微軟正黑體";font-weight:700;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: center;padding:1em 1em 0 1em;} #Inews_block #Inews_content #Inews_content_block .text03_1{width:150px;color:#9a9a9a;line-height: 25px;} #Inews_block #Inews_content #Inews_content_block .text03_2{width:calc(100% - 150px);font:0.9375em "微軟正黑體";font-weight: 500;} #Inews_block #Inews_content #Inews_content_block .text03_2 span{width:90px;text-align: center; display: inline-block;border-radius: 3px; padding:0.2em 0.5em;background:#ffffff;border:2px solid #ff6600;} #Inews_block #Inews_content #Inews_content_block .text03_3{width:100%;} #Inews_block #Inews_content #Inews_title{width:100%;padding:0 1em;display: inline-block;} #Inews_block #Inews_content #Inews_title p{font:2.25em "微軟正黑體";font-weight: 700;} #Inews_block #Inews_content #Inews_title span{font:1em "微軟正黑體";font-weight: 700;color: #7f7f7f;} /*Iabout*/ #Iabout_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:1em 0;background:rgba(0,0,0,0)} #Iabout_block #Iabout_img{width:100%;} #Iabout_block #Iabout_content{width:100%;margin-top:-30px;z-index: 2; display: flex;flex-wrap: wrap;justify-content: flex-start;} #Iabout_block #Iabout_content .about_content{width:100%;padding:1em 1em;font:calc(1.5625em*0.7) "微軟正黑體";font-weight: 700;line-height: 30px; color:#414141;margin-top:10px;z-index: 2;} #Iabout_block #Iabout_content .about_img{display: none;} #Iabout_block #Iabout_content .about_img_mobile{display: block;margin: 0 auto;} #Iabout_block #Iabout_content .about_img_mobile{width:120px;height: 120px; color:#ffffff;background:rgba(255,102,0,1);display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center; text-align: center;} #Iabout_block #Iabout_content .about_img_mobile .text{font:calc(2.25em*0.7) "微軟正黑體";font-weight: 600;width:100%;} #Iabout_block #Iabout_content .about_img_mobile .text .text_en{font:calc(1em*0.7) "微軟正黑體";font-weight: 500;width: 100%;} /*Iannouncement_block*/ #Iannouncement_bg{width:100%;background: #efefef;padding:2em 0;} #Iannouncement_bg #Iann_block{width:100%;height: auto; display: flex;flex-wrap: wrap;justify-content:space-between;align-content:flex-start;align-items: stretch;padding:0 1em;} #Iannouncement_bg #Iann_block #Iann_list_block{width:calc(100%/1);padding:0 1em 1em 1em;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_img{width:100%;margin:0 0 1em 0;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_date{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_title{width:100%;font:1.125em "微軟正黑體";font-weight: 700;} /*Ivideo*/ #Ivideo_bg{width:100%;min-height: 535px; background: url("../images/Ivideo.jpg") no-repeat center top;padding:2em 1em;} #Ivideo_bg #Ivideo_title{width:100%;margin:0 0 2em 0;} #Ivideo_bg #Ivideo_title p{font:2.25em "微軟正黑體";font-weight: 700;} #Ivideo_bg #Ivideo_title span{font:1em "微軟正黑體";font-weight: 700;color: #7f7f7f;} #Ivideo_bg #Ivideo_content{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-content:space-between;} #Ivideo_bg #Ivideo_content .Ivideo_list_block{width:100%;padding:0 0em 0 0;} /*new_block*/ #news_list_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;} #news_list_block .text03_1{width:150px;} #news_list_block .text03_2{width:calc(100% - 150px);} #news_list_block .text03_2 span{font:0.9375em "微軟正黑體";font-weight: 500;display: inline-block;background:#000000;color:#ffffff;padding:0.2em 1em;border-radius: 50px;} #news_list_block .text03_3{width:calc(100% - 0px);font:1.0625em "微軟正黑體";font-weight: 700;} /*new_content*/ #news_title_content_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;} .Registration_form{border:1px solid #C3C3C3 ;padding:0.7em;margin-top:2em;} .Registration_form .Rform_pic{width:auto;height:200px;padding:10px;background:url(../images/title.jpg) center top;} .Registration_form .line{float:left;width:100%;height:auto !important;margin-bottom:15px;background-image: linear-gradient(to right, #333 40%, rgba(51, 51, 51, 0) 40%);background-position: bottom;background-size: 8px 2px;background-repeat: repeat-x;padding-bottom:15px;} .Registration_form .Rform{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;} .Registration_form .Rform .Rtxt01{width:100%;padding-right:0%;font:1em "微軟正黑體";font-weight:700;line-height:40px;text-align:left;background:#f1f1f1;} .Registration_form .Rform .Rtxt02{width:100%;padding-left:0%;font:1em "微軟正黑體";font-weight:700;line-height:40px;color:#616161;} .Registration_form .Rform .Rtxt02 .input{width:100%;padding:0.5em;} /*alumni_block*/ .alumni_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;} .alumni_block .alumni_img{width:100%;margin:0 0em 1em 0;} .alumni_block .alumni_img img{width:100%;max-width: 100%;position: relative;z-index: 1; border-radius:10px;box-shadow: inset 0px 0px 0px 1px rgba(190,0,190,1);} .alumni_block .alumni_note{width:calc((100% - 0px) - 0em);} /*honor_block*/ /*#photost{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-between;align-items:stretch;height: auto;} #photost .list{width:calc((100%/2) - 1em);margin:1em 0.5em;} */ #photost .list .photo .note{width:100%;padding:0.5em;} #photost .list .photo .note .date{width:100%;color:#333333;font:calc(0.9375em*0.88) "微軟正黑體";font-weight:300;} #photost .list .photo .note .title{width:100%;color:#1E1E1E;font:calc(1.0625em*0.88) "微軟正黑體";font-weight:700;} #photost .list .photo .note .title a{color:#1E1E1E;font:calc(1.0625em*0.88) "微軟正黑體";font-weight:700;} #photost .list .photo .note .title a:hover{color:#1E1E1E;font:calc(1.0625em*0.88) "微軟正黑體";font-weight:700;} /*honor_content*/ #honor_title_content{width:100%;border-bottom: 2px solid #000000;padding:0 0 1em 0;margin:0 0 1em 0;} #honor_title_content .title{font:calc(1.5625em*0.88) "微軟正黑體";font-weight:700;} #honor_content{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;} #honor_content .list{width:calc((100%/2) - 1em);margin:0.5em;} /*video*/ #video_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;} #video_block .video_list{width:calc((100%/2) - 1em);margin:0.5em;} /*unite_block*/ #unite_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;} #unite_block .video_img{width:100%;margin:0 0em 0 0;} #unite_block .video_note{width:100%;} #TSquare{width:100%;height:auto;margin:1em 0;} #TSquare span{display: inline-block;border-radius: 50px;padding:0.3em 2em;font:1.0625em "微軟正黑體";font-weight:700;background:#fff000;color:#390F01;} .unite_t_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;} .unite_t_block .list{width:calc((100%/2) - 1em);margin:0.5em;padding:0 0 0 25px;vertical-align:middle; font:12pt "微軟正黑體";font-weight:700; color:#7e7e7e; background:url(../images/icon04.png) no-repeat left 0px;} /*download_block*/ #download_list_block{width:100%;font:1.0625em "微軟正黑體";height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:center;padding:0.5em 0;} #download_list_block .text03_1{width:100%;font-weight:500;color: rgba(0,0,0,0.6);padding:0em 0.5em;} #download_list_block .text03_2{width:calc(100% - 0px);font-weight:700;color: rgba(0,0,0,0.8);padding:0em 0.5em;} #download_list_block .text03_3{width:100%;text-align: left;padding:0em 0.5em;} /*facility*/ #facility_list_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;padding:0.5em 0;} #facility_list_block .text03_1{width:100%;} #facility_list_block .text03_2{width:100%;font:calc(1em*0.88) "微軟正黑體";font-weight:500;} #facility_list_block .text03_3{width:calc(100% - 0px);font:1.0625em "微軟正黑體";font-weight:700;} #facility_list_block .text01_1{width:calc(100% - 0px);margin:0 0 0 0px} /*facility*/ .facility_title_block{display:none;} .facility_list_block{width:100%;display:flex;flex-wrap: wrap; justify-content:flex-start;align-content: space-around; padding:1em 0;} .facility_list_block .mob{display:inline-block;font-weight: 700;} .facility_list_block .text06_1{width:100%;text-align: left;font:1.25em "微軟正黑體";font-weight: 700;padding:0 0.5em;} .facility_list_block .text06_2::before{content: '設置地點：';font-weight: 700;} .facility_list_block .text06_2{width:100%;padding:0 0.5em;text-align: left;font:1em "微軟正黑體";font-weight: 500;} .facility_list_block .text06_3::before{content: '管理人：';font-weight: 700;} .facility_list_block .text06_3{width:100%;padding:0 0.5em;text-align: left;font:1em "微軟正黑體";font-weight: 500;} .facility_list_block .text06_4{width:100%;padding:0 0.5em;text-align: left;} .facility_list_block .text06_5{width:100%;padding:0 0.5em;text-align: left;} .facility_list_block .text06_6{width:100%;padding:0 0.5em;text-align: left;} /*staff*/ .staff_block .title1,.staff_block .title2,.staff_block .title3,.staff_block .title4,.staff_block .title5,.staff_block .title6,.staff_block .title7,.staff_block .title8,.staff_block .title9,.staff_block .title10{display:none;} .staff_block{width:100%;} .staff_block_line{display:block;width:100%;height:10px;line-height:10px;padding-bottom:5px;border-bottom:2px solid #000000;} .staff_block ol{width:100%;padding:0;margin:0;float:left;} .staff_block li{float:left;padding:0;margin:0;} .staff_block .list{width:100%;padding-bottom:5px;border-bottom:1px dotted #AAAAAA;} .staff_block .list .txt01{width:100%;text-align:left;font-weight:700;/*background:#ff6600;color:#ffffff;*/} .staff_block .list .txt01 span{background:#CCCCCC;display:inline-block;padding:0 0.5em;margin:0.5em 0 0 0;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;} .staff_block .list .txt02{width:auto;text-align:left;font-weight:700;margin:0.5em 0 0 0.5em;} .staff_block .list .txt03{width:auto;text-align:left;color:#646464;margin:0.5em 0 0 0.5em;} .staff_block .list .txt04{width:auto;text-align:left;margin:0.7em 0 0 0.5em;} .guest_title_block{display:none;} .guest_list_block{width:100%;font:1em "微軟正黑體";font-weight: 700;display:flex;flex-wrap: wrap; justify-content:flex-start;align-content: space-around; padding:1em 0;} .guest_list_block .mobile{display:inline-block;} .guest_list_block .mobile .yBlock{display:inline-block;padding:0.2em 1em;border-radius: 50px; background:#280977;color: #ffffff;} .guest_list_block .desktop{display:none;} .guest_list_block .text04_1{width:100%;text-align: left;} .guest_list_block .text04_2{width:100%;padding:0 0.5em;text-align: left;} .guest_list_block .text04_3{width:100%;padding:0 0.5em;text-align: left;} .guest_list_block .text04_4{width:100%;padding:0 0.5em;text-align: left;} .guest_list_block .text04_3 ul{list-style: disc;padding:0 0 0 1em;} .guest_list_block .text04_3 ol{list-style: decimal;padding:0 0 0 1em;} /*reserve_class*/ #reClassSearch_block{padding:0.5em ;border-radius: 10px; background:#bcbcbc;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_week_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_week_block #reClass_week01{width:100%;font:1.0625em "微軟正黑體";font-weight: 700;text-align: center;display:flex;flex-wrap: wrap;justify-content: flex-start;} #reClass_week_block #reClass_week01 span a{font:1em "微軟正黑體";font-weight: 700;display:block;width:100%;border-radius:5px;padding:0.5em 1em;text-align: center;background:#6e6e6e;color:#ffffff;} #reClass_week_block #reClass_week01 span{margin:0.2em 0;width:100%;} #reClass_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_block #reClassList{width:calc(100%/1);min-height:100px;} #reClass_block #reClassList #reClassList_title{width:100%;padding:0.5em 0.2em;text-align: left;} #reClass_block #reClassList #reClassList_note{width:calc(100% - 1em);margin:0.5em;background: #ffffff} #reClass_block .text02_1{width:100%;font:0.9375em "微軟正黑體";font-weight: 700;color:#000000;background: #bcbcbc;box-shadow: inset 0px 0px 0px 1px #c0c0c0;padding:0.5em;} #reClass_block .text02_2{width:100%;min-height: 100px; font:0.9375em "微軟正黑體";font-weight: 700;color:#292929;background: #f1f1f1;box-shadow: inset 0px 0px 0px 1px #c0c0c0;padding:0.5em;} } @media screen and (min-width: 400px) and (max-width: 575px) { /*bottom_link_block*/ #bottom_link_block{width:100%;background: url("../images/bottom_link_bg.jpg")no-repeat center top;padding:calc(3em*0.7) 0;} #bottom_link_block #bottom_link{width:calc(100% - 2em);padding:calc(2em*0.7) calc(5em*0);margin:0 1em;background:rgba(255,135,0,0.95);display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:flex-start;align-items:stretch} #bottom_link_block #bottom_link .bottom_link_list{width:calc((100%/2) - ((3em*0.7)*2));margin:0 calc(3em*0.7);font:calc(1.25em*0.7) "微軟正黑體";font-weight:700;color:#ffffff;text-align: center; background: rgba(146,0,2,0)} #bottom_link_block #bottom_link .bottom_link_list p{width:100% ; color:#ffffff;line-height: 2em;background: rgba(255,0,4,0); } #bottom_link_block #bottom_link .bottom_link_list .icon_calendar{background-size:calc(98px*0.7);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_link{background-size:calc(98px*0.7);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_epaper{background-size:calc(98px*0.7);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_honor{background-size:calc(98px*0.7);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_alumni{background-size:calc(98px*0.7);margin: 0 auto} /*footer*/ #footer_block #footer_info_block{width:100%;} #footer_block #footer_link_block{width:100%;margin: 0;} #footer_block #footer_link_block .flink_block{padding:0 0 0 6.5em; display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;} #footer_block #footer_link_block .flink_block .column{width:calc(100%/2);} /*Inew*/ #Inews_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:1em 0;} #Inews_block #Inews_img{width:400px;display: none;} #Inews_block #Inews_content{width:100%;} #Inews_block #Inews_content #Inews_content_block{width:100%;font:1.125em "微軟正黑體";font-weight:700;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: center;padding:1em 1em 0 1em;} #Inews_block #Inews_content #Inews_content_block .text03_1{width:150px;color:#9a9a9a;line-height: 25px;} #Inews_block #Inews_content #Inews_content_block .text03_2{width:calc(100% - 150px);font:0.9375em "微軟正黑體";font-weight: 500;} #Inews_block #Inews_content #Inews_content_block .text03_2 span{width:90px;text-align: center; display: inline-block;border-radius: 3px; padding:0.2em 0.5em;background:#ffffff;border:2px solid #ff6600;} #Inews_block #Inews_content #Inews_content_block .text03_3{width:100%;} #Inews_block #Inews_content #Inews_title{width:100%;padding:0 1em;display: inline-block;} #Inews_block #Inews_content #Inews_title p{font:2.25em "微軟正黑體";font-weight: 700;} #Inews_block #Inews_content #Inews_title span{font:1em "微軟正黑體";font-weight: 700;color: #7f7f7f;} /*Iabout*/ #Iabout_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:1em 0;background:rgba(0,0,0,0)} #Iabout_block #Iabout_img{width:100%;} #Iabout_block #Iabout_content{width:100%;margin-top:-20px;z-index: 2; display: flex;flex-wrap: wrap;justify-content: flex-start;} #Iabout_block #Iabout_content .about_content{width:100%;padding:1em 1em;font:calc(1.5625em*0.7) "微軟正黑體";font-weight: 700;line-height: 30px; color:#414141;margin-top:10px;z-index: 2;} #Iabout_block #Iabout_content .about_img{display: none;} #Iabout_block #Iabout_content .about_img_mobile{display: block;margin: 0 auto;} #Iabout_block #Iabout_content .about_img_mobile{width:150px;height: 150px; color:#ffffff;background:rgba(255,102,0,1);display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center; text-align: center;} #Iabout_block #Iabout_content .about_img_mobile .text{font:calc(2.25em*0.7) "微軟正黑體";font-weight: 600;width:100%;} #Iabout_block #Iabout_content .about_img_mobile .text .text_en{font:calc(1em*0.7) "微軟正黑體";font-weight: 500;width: 100%;} /*Iannouncement_block*/ #Iannouncement_bg{width:100%;background: #efefef;padding:2em 0;} #Iannouncement_bg #Iann_block{width:100%;height: auto; display: flex;flex-wrap: wrap;justify-content:space-between;align-content:flex-start;align-items: stretch;padding:0 1em;} #Iannouncement_bg #Iann_block #Iann_list_block{width:calc(100%/1);padding:0 1em 1em 1em;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_img{width:100%;margin:0 0 1em 0;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_img .img-rounded{border-radius:20px} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_date{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_title{width:100%;font:1.125em "微軟正黑體";font-weight: 700;} /*Ivideo*/ #Ivideo_bg{width:100%;min-height: 535px; background: url("../images/Ivideo.jpg") no-repeat center top;padding:2em 1em;} #Ivideo_bg #Ivideo_title{width:100%;margin:0 0 2em 0;} #Ivideo_bg #Ivideo_title p{font:2.25em "微軟正黑體";font-weight: 700;} #Ivideo_bg #Ivideo_title span{font:1em "微軟正黑體";font-weight: 700;color: #7f7f7f;} #Ivideo_bg #Ivideo_content{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-content:space-between;} #Ivideo_bg #Ivideo_content .Ivideo_list_block{width:100%;padding:0 0em 0 0;} /*new_block*/ #news_list_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;} #news_list_block .text03_1{width:150px;} #news_list_block .text03_2{width:calc(100% - 150px);} #news_list_block .text03_2 span{font:0.9375em "微軟正黑體";font-weight: 500;display: inline-block;background:#000000;color:#ffffff;padding:0.2em 1em;border-radius: 50px;} #news_list_block .text03_3{width:calc(100% - 0px);font:1.0625em "微軟正黑體";font-weight: 700;} .Registration_form .Rform .Rtxt01{width:100%;padding-right:0%;font:1em "微軟正黑體";font-weight:700;line-height:40px;text-align:left;background:#f1f1f1;} .Registration_form .Rform .Rtxt02{width:100%;padding-left:0%;font:1em "微軟正黑體";font-weight:700;line-height:40px;color:#616161;} .Registration_form .Rform .Rtxt02 .input{width:100%;padding:0.5em;} /*alumni_block*/ .alumni_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;} .alumni_block .alumni_img{width:100%;margin:0 0em 1em 0;} .alumni_block .alumni_img img{width:100%;max-width: 100%;position: relative;z-index: 1; border-radius:10px;box-shadow: inset 0px 0px 0px 1px rgba(190,0,190,1);} .alumni_block .alumni_note{width:calc((100% - 0px) - 0em);} /*honor_block*/ /*#photost{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-between;align-items:stretch;height: auto;} #photost .list{width:calc((100%/2) - 1em);margin:1em 0.5em;} */ #photost .list .photo .note{width:100%;padding:0.5em;} #photost .list .photo .note .date{width:100%;color:#333333;font:0.9375em "微軟正黑體";font-weight:300;} #photost .list .photo .note .title{width:100%;color:#1E1E1E;font:1.0625em "微軟正黑體";font-weight:700;} #photost .list .photo .note .title a{color:#1E1E1E;font:1.0625em "微軟正黑體";font-weight:700;} #photost .list .photo .note .title a:hover{color:#1E1E1E;font:1.0625em "微軟正黑體";font-weight:700;} /*honor_content*/ #honor_title_content{width:100%;border-bottom: 2px solid #000000;padding:0 0 1em 0;margin:0 0 1em 0;} #honor_title_content .title{font:1.5625em "微軟正黑體";font-weight:700;} #honor_content{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;} #honor_content .list{width:calc((100%/2) - 1em);margin:0.5em;} /*video*/ #video_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;} #video_block .video_list{width:calc((100%/2) - 1em);margin:0.5em;} /*unite_block*/ #unite_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;} #unite_block .video_img{width:100%;margin:0 0em 0 0;} #unite_block .video_note{width:100%;} #TSquare{width:100%;height:auto;margin:1em 0;} #TSquare span{display: inline-block;border-radius: 50px;padding:0.3em 2em;font:1.0625em "微軟正黑體";font-weight:700;background:#fff000;color:#390F01;} .unite_t_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;} .unite_t_block .list{width:calc((100%/2) - 1em);margin:0.5em;padding:0 0 0 25px;vertical-align:middle; font:12pt "微軟正黑體";font-weight:700; color:#7e7e7e; background:url(../images/icon04.png) no-repeat left 0px;} /*download_block*/ #download_list_block{width:100%;font:1.0625em "微軟正黑體";height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:center;padding:0.5em 0;} #download_list_block .text03_1{width:100%;font-weight:500;color: rgba(0,0,0,0.6);padding:0em 0.5em;} #download_list_block .text03_2{width:calc(100% - 0px);font-weight:700;color: rgba(0,0,0,0.8);padding:0em 0.5em;} #download_list_block .text03_3{width:100%;text-align: left;padding:0em 0.5em;} /*facility*/ #facility_list_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;padding:0.5em 0;} #facility_list_block .text03_1{width:100%;} #facility_list_block .text03_2{width:100%;font:1em "微軟正黑體";font-weight:500;} #facility_list_block .text03_3{width:calc(100% - 0px);font:1.0625em "微軟正黑體";font-weight:700;} #facility_list_block .text01_1{width:calc(100% - 0px);margin:0 0 0 0px} /*facility*/ .facility_title_block{display:none;} .facility_list_block{width:100%;display:flex;flex-wrap: wrap; justify-content:flex-start;align-content: space-around; padding:1em 0;} .facility_list_block .mob{display:inline-block;font-weight: 700;} .facility_list_block .text06_1{width:100%;text-align: left;font:1.25em "微軟正黑體";font-weight: 700;padding:0 0.5em;} .facility_list_block .text06_2::before{content: '設置地點：';font-weight: 700;} .facility_list_block .text06_2{width:100%;padding:0 0.5em;text-align: left;font:1em "微軟正黑體";font-weight: 500;} .facility_list_block .text06_3::before{content: '管理人：';font-weight: 700;} .facility_list_block .text06_3{width:100%;padding:0 0.5em;text-align: left;font:1em "微軟正黑體";font-weight: 500;} .facility_list_block .text06_4{width:100%;padding:0 0.5em;text-align: left;} .facility_list_block .text06_5{width:100%;padding:0 0.5em;text-align: left;} .facility_list_block .text06_6{width:100%;padding:0 0.5em;text-align: left;} /*staff*/ .staff_block .title1,.staff_block .title2,.staff_block .title3,.staff_block .title4,.staff_block .title5,.staff_block .title6,.staff_block .title7,.staff_block .title8,.staff_block .title9,.staff_block .title10{display:none;} .staff_block{width:100%;} .staff_block_line{display:block;width:100%;height:10px;line-height:10px;padding-bottom:5px;border-bottom:2px solid #000000;} .staff_block ol{width:100%;padding:0;margin:0;float:left;} .staff_block li{float:left;padding:0;margin:0;} .staff_block .list{width:100%;padding-bottom:5px;border-bottom:1px dotted #AAAAAA;} .staff_block .list .txt01{width:100%;text-align:left;font-weight:700;/*background:#ff6600;color:#ffffff;*/} .staff_block .list .txt01 span{background:#CCCCCC;display:inline-block;padding:0 0.5em;margin:0.5em 0 0 0;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;} .staff_block .list .txt02{width:auto;text-align:left;font-weight:700;margin:0.5em 0 0 0.5em;} .staff_block .list .txt03{width:auto;text-align:left;color:#646464;margin:0.5em 0 0 0.5em;} .staff_block .list .txt04{width:auto;text-align:left;margin:0.7em 0 0 0.5em;} /**/ .guest_title_block{display:none;} .guest_list_block{width:100%;font:1em "微軟正黑體";font-weight: 700;display:flex;flex-wrap: wrap; justify-content:flex-start;align-content: space-around; padding:1em 0;} .guest_list_block .mobile{display:inline-block;} .guest_list_block .mobile .yBlock{display:inline-block;padding:0.2em 1em;border-radius: 50px; background:#280977;color: #ffffff;} .guest_list_block .desktop{display:none;} .guest_list_block .text04_1{width:100%;text-align: left;} .guest_list_block .text04_2{width:100%;padding:0 0.5em;text-align: left;} .guest_list_block .text04_3{width:100%;padding:0 0.5em;text-align: left;} .guest_list_block .text04_4{width:100%;padding:0 0.5em;text-align: left;} .guest_list_block .text04_3 ul{list-style: disc;padding:0 0 0 1em;} .guest_list_block .text04_3 ol{list-style: decimal;padding:0 0 0 1em;} /*reserve_class*/ #reClassSearch_block{padding:0.5em ;border-radius: 10px; background:#bcbcbc;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_week_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_week_block #reClass_week01{width:100%;font:1.0625em "微軟正黑體";font-weight: 700;text-align: center;} #reClass_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_block #reClassList{width:calc(100%/1);min-height:100px;} #reClass_block #reClassList #reClassList_title{width:100%;padding:0.5em 0.2em;text-align: left;} #reClass_block #reClassList #reClassList_note{width:calc(100% - 1em);margin:0.5em;background: #ffffff} #reClass_block .text02_1{width:100%;font:0.9375em "微軟正黑體";font-weight: 700;color:#000000;background: #bcbcbc;box-shadow: inset 0px 0px 0px 1px #c0c0c0;padding:0.5em;} #reClass_block .text02_2{width:100%;min-height: 100px; font:0.9375em "微軟正黑體";font-weight: 700;color:#292929;background: #f1f1f1;box-shadow: inset 0px 0px 0px 1px #c0c0c0;padding:0.5em;} } @media screen and (min-width: 576px) and (max-width: 767px) { /*bottom_link_block*/ #bottom_link_block{width:100%;background: url("../images/bottom_link_bg.jpg")no-repeat center top;padding:1em 0;} #bottom_link_block #bottom_link{width:calc(100% - 2em);padding:0.5em 0.5em;margin:0 1em;background:rgba(255,135,0,0.95);display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:flex-start;align-items:stretch} #bottom_link_block #bottom_link .bottom_link_list{width:calc((100%/2) - 2em);margin:0 1em;font:calc(1.25em*0.8) "微軟正黑體";font-weight:700;color:#ffffff;text-align: center; background: rgba(146,0,2,0)} #bottom_link_block #bottom_link .bottom_link_list p{width:100% ; color:#ffffff;line-height: 2em;background: rgba(255,0,4,0); } #bottom_link_block #bottom_link .bottom_link_list .icon_calendar{background-size:calc(98px*0.8);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_link{background-size:calc(98px*0.8);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_epaper{background-size:calc(98px*0.8);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_honor{background-size:calc(98px*0.8);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_alumni{background-size:calc(98px*0.8);margin: 0 auto} /*footer*/ #footer_block #footer_info_block{width:100%;} #footer_block #footer_link_block{width:100%;margin: 0;} #footer_block #footer_link_block .flink_block{padding:0 0 0 6.5em; display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;} #footer_block #footer_link_block .flink_block .column{width:calc(100%/2);} /*Inew*/ #Inews_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:1em 0;} #Inews_block #Inews_img{width:400px;display: none;} #Inews_block #Inews_content{width:100%;} #Inews_block #Inews_content #Inews_content_block{width:100%;font:1.125em "微軟正黑體";font-weight:700;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: center;padding:1em 1em 0 1em;} #Inews_block #Inews_content #Inews_content_block .text03_1{width:150px;color:#9a9a9a;line-height: 25px;} #Inews_block #Inews_content #Inews_content_block .text03_2{width:calc(100% - 150px);font:0.9375em "微軟正黑體";font-weight: 500;} #Inews_block #Inews_content #Inews_content_block .text03_2 span{width:90px;text-align: center; display: inline-block;border-radius: 3px; padding:0.2em 0.5em;background:#ffffff;border:2px solid #ff6600;} #Inews_block #Inews_content #Inews_content_block .text03_3{width:100%;} #Inews_block #Inews_content #Inews_title{width:100%;padding:0 1em;display: inline-block;} #Inews_block #Inews_content #Inews_title p{font:2.25em "微軟正黑體";font-weight: 700;} #Inews_block #Inews_content #Inews_title span{font:1em "微軟正黑體";font-weight: 700;color: #7f7f7f;} /*Iabout*/ #Iabout_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:1em 0;background:rgba(0,0,0,0)} #Iabout_block #Iabout_img{width:100%;} #Iabout_block #Iabout_content{width:100%;margin-top:-30px;z-index: 2; display: flex;flex-wrap: wrap;justify-content: flex-start;background:rgba(119,0,1,0);} #Iabout_block #Iabout_content .about_content{width:calc((100% - 150px) - 1em);padding:1em calc(2.5em*0.7);font:calc(1.5625em*0.7) "微軟正黑體";font-weight: 700;line-height: 30px; color:#414141;margin-top:45px;z-index: 2;} #Iabout_block #Iabout_content .about_img{width:150px;height: 150px;margin:0 1em 0 0; color:#ffffff;background:rgba(255,102,0,1);display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center; text-align: center;/*vertical-align: middle;*/} #Iabout_block #Iabout_content .about_img .text{font:calc(2.25em*0.7) "微軟正黑體";font-weight: 600;width:100%;} #Iabout_block #Iabout_content .about_img .text .text_en{font:calc(1em*0.7) "微軟正黑體";font-weight: 500;width: 100%;} #Iabout_block #Iabout_content .about_img_mobile{display: none;} /*Iannouncement_block*/ #Iannouncement_bg{width:100%;background: #efefef;padding:2em 0;} #Iannouncement_bg #Iann_block{width:100%;height: auto; display: flex;flex-wrap: wrap;justify-content:space-between;align-content:flex-start;align-items: stretch;padding:0 1em;} #Iannouncement_bg #Iann_block #Iann_list_block{width:calc(100%/1);padding:0 0em 1em 0em;margin:0 0 1em 0;border-bottom:2px solid rgba(70,70,70,1.00); display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_img{width:40%;margin:0 0 1em 0;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_img .img-rounded{border-radius:20px} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content{width:60%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block{width:100%;padding:0 1em;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_date{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_title{width:100%;font:1.125em "微軟正黑體";font-weight: 700;} /*Ivideo*/ #Ivideo_bg{width:100%;min-height: 470px; background: url("../images/Ivideo.jpg") no-repeat center top;padding:2em 0;} #Ivideo_bg #Ivideo_title{width:100%;margin:0 0 2em 1.5em;} #Ivideo_bg #Ivideo_title p{font:2.25em "微軟正黑體";font-weight: 700;} #Ivideo_bg #Ivideo_title span{font:1em "微軟正黑體";font-weight: 700;color: #7f7f7f;} #Ivideo_bg #Ivideo_content{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-content:space-between;padding:0 1em} #Ivideo_bg #Ivideo_content .Ivideo_list_block{width:50%;padding:0 0.5em;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_title{width:100%;margin:0 0 0.2em 0;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_title .date{font:1.125em "微軟正黑體";font-weight: 700;color:#999999} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_title .title{font:1.125em "微軟正黑體";font-weight: 700;color:#323232;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_video{width:100%;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_video .note{width:100%;font:1em "微軟正黑體";font-weight: 300;} /*new_block*/ #news_list_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;} #news_list_block .text03_1{width:150px;} #news_list_block .text03_2{width:calc(100% - 150px);} #news_list_block .text03_2 span{font:0.9375em "微軟正黑體";font-weight: 500;display: inline-block;background:#000000;color:#ffffff;padding:0.2em 1em;border-radius: 50px;} #news_list_block .text03_3{width:calc(100% - 0px);font:1.0625em "微軟正黑體";font-weight: 700;} .Registration_form .Rform .Rtxt01{width:120px;padding-right:0.5em;font:1em "微軟正黑體";font-weight:700;line-height:40px;text-align:right;background:#f1f1f1;} .Registration_form .Rform .Rtxt02{width:calc(100% - 120px);padding-left:0.5em;font:1em "微軟正黑體";font-weight:700;line-height:40px;color:#616161;} .Registration_form .Rform .Rtxt02 .input{width:100%;padding:0.5em;} /*alumni_block*/ .alumni_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;} .alumni_block .alumni_img{width:250px;margin:0 1em 0 0;} .alumni_block .alumni_img img{width:100%;max-width: 100%;position: relative;z-index: 1; border-radius:10px;box-shadow: inset 0px 0px 0px 1px rgba(190,0,190,1);} .alumni_block .alumni_note{width:calc((100% - 250px) - 1em);} /*honor_block*/ /*#photost{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-between;align-items:stretch;height: auto;} #photost .list{width:calc((100%/3) - 1em);margin:1em 0.5em;}*/ /*honor_content*/ #honor_title_content{width:100%;border-bottom: 2px solid #000000;padding:0 0 1em 0;margin:0 0 1em 0;} #honor_title_content .title{font:1.5625em "微軟正黑體";font-weight:700;} #honor_content{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;} #honor_content .list{width:calc((100%/3) - 1em);margin:0.5em;} /*unite_block*/ #unite_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;} #unite_block .video_img{width:100%;margin:0 0em 0 0;} #unite_block .video_note{width:100%;} #TSquare{width:100%;height:auto;margin:1em 0;} #TSquare span{display: inline-block;border-radius: 50px;padding:0.3em 2em;font:1.0625em "微軟正黑體";font-weight:700;background:#fff000;color:#390F01;} .unite_t_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;} .unite_t_block .list{width:calc((100%/3) - 1em);margin:0.5em;padding:0 0 0 25px;vertical-align:middle; font:12pt "微軟正黑體";font-weight:700; color:#7e7e7e; background:url(../images/icon04.png) no-repeat left 0px;} /*download_block*/ #download_list_block{width:100%;font:1.0625em "微軟正黑體";height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:center;padding:0.5em 0;} #download_list_block .text03_1{width:100%;font-weight:500;color: rgba(0,0,0,0.6);padding:0em 0.5em;} #download_list_block .text03_2{width:calc(100% - 0px);font-weight:700;color: rgba(0,0,0,0.8);padding:0em 0.5em;} #download_list_block .text03_3{width:100%;text-align: left;padding:0em 0.5em;} /*facility*/ #facility_list_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;padding:0.5em 0;} #facility_list_block .text03_1{width:120px;} #facility_list_block .text03_2{width:calc(100% -120px);font:1em "微軟正黑體";font-weight:500;} #facility_list_block .text03_3{width:calc(100% - 0px);font:1.0625em "微軟正黑體";font-weight:700;} #facility_list_block .text01_1{width:calc(100% - 0px);margin:0 0 0 0px} /*facility*/ .facility_title_block{display:none;} .facility_list_block{width:100%;display:flex;flex-wrap: wrap; justify-content:flex-start;align-content: space-around; padding:1em 0;} .facility_list_block .mob{display:inline-block;font-weight: 700;} .facility_list_block .text06_1{width:100%;text-align: left;font:1.25em "微軟正黑體";font-weight: 700;padding:0 0.5em;} .facility_list_block .text06_2::before{content: '設置地點：';font-weight: 700;} .facility_list_block .text06_2{width:100%;padding:0 0.5em;text-align: left;font:1em "微軟正黑體";font-weight: 500;} .facility_list_block .text06_3::before{content: '管理人：';font-weight: 700;} .facility_list_block .text06_3{width:100%;padding:0 0.5em;text-align: left;font:1em "微軟正黑體";font-weight: 500;} .facility_list_block .text06_4{width:100%;padding:0 0.5em;text-align: left;} .facility_list_block .text06_5{width:100%;padding:0 0.5em;text-align: left;} .facility_list_block .text06_6{width:100%;padding:0 0.5em;text-align: left;} /**/ .guest_title_block{display:none;} .guest_list_block{width:100%;font:1em "微軟正黑體";font-weight: 700;display:flex;flex-wrap: wrap; justify-content:flex-start;align-content: space-around; padding:1em 0;} .guest_list_block .mobile{display:inline-block;} .guest_list_block .mobile .yBlock{display:inline-block;padding:0.2em 1em;border-radius: 50px; background:#280977;color: #ffffff;} .guest_list_block .desktop{display:none;} .guest_list_block .text04_1{width:100%;text-align: left;} .guest_list_block .text04_2{width:100%;padding:0 0.5em;text-align: left;} .guest_list_block .text04_3{width:100%;padding:0 0.5em;text-align: left;} .guest_list_block .text04_4{width:100%;padding:0 0.5em;text-align: left;} .guest_list_block .text04_3 ul{list-style: disc;padding:0 0 0 1em;} .guest_list_block .text04_3 ol{list-style: decimal;padding:0 0 0 1em;} /*reserve_class*/ #reClassSearch_block{padding:0.5em ;border-radius: 10px; background:#bcbcbc;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_week_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_week_block #reClass_week01{width:100%;font:1.0625em "微軟正黑體";font-weight: 700;text-align: center;} #reClass_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_block #reClassList{width:calc(100%/1);min-height:100px;} #reClass_block #reClassList #reClassList_title{width:100%;padding:0.5em 0.2em;text-align: left;} #reClass_block #reClassList #reClassList_note{width:calc(100% - 1em);margin:0.5em;background: #ffffff} #reClass_block .text02_1{width:250px;font:0.9375em "微軟正黑體";font-weight: 700;color:#000000;background: #bcbcbc;box-shadow: inset 0px 0px 0px 1px #c0c0c0;padding:0.5em;} #reClass_block .text02_2{width:calc(100% - 250px);font:0.9375em "微軟正黑體";font-weight: 700;color:#292929;background: #f1f1f1;box-shadow: inset 0px 0px 0px 1px #c0c0c0;padding:0.5em;} } @media screen and (min-width: 768px) and (max-width: 991px) { /*bottom_link_block*/ #bottom_link_block{width:100%;background: url("../images/bottom_link_bg.jpg")no-repeat center top;padding:1em 0;} #bottom_link_block #bottom_link{width:calc(100% - 2em);padding:0.5em 0.5em;margin:0 1em;background:rgba(255,135,0,0.95);display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:flex-start;align-items:stretch} #bottom_link_block #bottom_link .bottom_link_list{width:calc((100%/3) - 2em);margin:0 1em;font:calc(1.25em*0.9) "微軟正黑體";font-weight:700;color:#ffffff;text-align: center; background: rgba(146,0,2,0)} #bottom_link_block #bottom_link .bottom_link_list p{width:100% ; color:#ffffff;line-height: 2em;background: rgba(255,0,4,0); } #bottom_link_block #bottom_link .bottom_link_list .icon_calendar{background-size:calc(98px*0.9);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_link{background-size:calc(98px*0.9);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_epaper{background-size:calc(98px*0.9);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_honor{background-size:calc(98px*0.9);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_alumni{background-size:calc(98px*0.9);margin: 0 auto} /*footer*/ #footer_block #footer_info_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;} #footer_block #footer_info_block #footer_logo{width:50%;} #footer_block #footer_info_block #footer_info{width:50%;margin:1.2em 0 0 0;font:0.875em "微軟正黑體";font-weight:700;letter-spacing: 1px;} #footer_block #footer_info_block #footer_link{width:calc(100% - 6.3em);margin:1em 0 0 6.3em;font:0.875em "微軟正黑體";font-weight:700;display:flex;flex-wrap: wrap;justify-content: flex-start} #footer_block #footer_link_block{width:100%;margin: 0;} #footer_block #footer_link_block .flink_block{padding:0 0 0 6.5em; display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;} #footer_block #footer_link_block .flink_block .column{width:calc(100%/3);} /*Inew*/ #Inews_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:1em 0;} #Inews_block #Inews_img{width:250px;} #Inews_block #Inews_img img{width:100%;max-width: 100%;height: auto;} #Inews_block #Inews_content{width:calc(100% - 250px);padding:0 1em 0 1em;} #Inews_block #Inews_content #Inews_content_block{width:100%;font:1.125em "微軟正黑體";font-weight:700;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: center;padding:1em 0 0 0;} #Inews_block #Inews_content #Inews_content_block .text03_1{width:150px;color:#9a9a9a;line-height: 25px;} #Inews_block #Inews_content #Inews_content_block .text03_2{width:calc(100% - 150px);font:0.9375em "微軟正黑體";font-weight: 500;} #Inews_block #Inews_content #Inews_content_block .text03_2 span{width:90px;text-align: center; display: inline-block;border-radius: 3px; padding:0.2em 0.5em;background:#ffffff;border:2px solid #ff6600;} #Inews_block #Inews_content #Inews_content_block .text03_3{width:100%;} #Inews_block #Inews_content #Inews_content_block a{color:#000000;} #Inews_block #Inews_content #Inews_content_block a:hover{color:#ff6600;} /*Iabout*/ #Iabout_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:1em 0;background:rgba(0,0,0,0)} #Iabout_block #Iabout_img{width:100%;} #Iabout_block #Iabout_content{width:100%;margin-top:-30px;z-index: 2; display: flex;flex-wrap: wrap;justify-content: flex-start;background:rgba(119,0,1,0);} #Iabout_block #Iabout_content .about_content{width:calc((100% - 150px) - 1em);padding:1em calc(2.5em*0.7);font:calc(1.5625em*0.7) "微軟正黑體";font-weight: 700;line-height: 30px; color:#414141;margin-top:45px;z-index: 2;} #Iabout_block #Iabout_content .about_img{width:150px;height: 150px;margin:0 1em 0 0; color:#ffffff;background:rgba(255,102,0,1);display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center; text-align: center;/*vertical-align: middle;*/} #Iabout_block #Iabout_content .about_img .text{font:calc(2.25em*0.7) "微軟正黑體";font-weight: 600;width:100%;} #Iabout_block #Iabout_content .about_img .text .text_en{font:calc(1em*0.7) "微軟正黑體";font-weight: 500;width: 100%;} #Iabout_block #Iabout_content .about_img_mobile{display: none;} /*Iannouncement_block*/ #Iannouncement_bg{width:100%;background: #efefef;padding:2em 0;} #Iannouncement_bg #Iann_block{width:100%;height: auto; display: flex;flex-wrap: wrap;justify-content:space-between;align-content:flex-start;align-items: stretch;padding:0 1em;} #Iannouncement_bg #Iann_block #Iann_list_block{width:calc(90%/3);padding:0 0em 1em 0em;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_img{width:100%;margin:0 0 1em 0;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_img .img-rounded{border-radius:20px} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block{width:100%;padding:0 0em;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_date{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_title{width:100%;font:1.125em "微軟正黑體";font-weight: 700;} /*Ivideo*/ #Ivideo_bg{width:100%;min-height: 470px; background: url("../images/Ivideo.jpg") no-repeat center top;padding:2em 0;} #Ivideo_bg #Ivideo_title{width:100%;margin:0 0 2em 1.5em;} #Ivideo_bg #Ivideo_title p{font:2.25em "微軟正黑體";font-weight: 700;} #Ivideo_bg #Ivideo_title span{font:1em "微軟正黑體";font-weight: 700;color: #7f7f7f;} #Ivideo_bg #Ivideo_content{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-content:space-between;padding:0 1em} #Ivideo_bg #Ivideo_content .Ivideo_list_block{width:50%;padding:0 0.5em;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_title{width:100%;margin:0 0 0.2em 0;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_title .date{font:1.125em "微軟正黑體";font-weight: 700;color:#999999} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_title .title{font:1.125em "微軟正黑體";font-weight: 700;color:#323232;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_video{width:100%;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_video .note{width:100%;font:1em "微軟正黑體";font-weight: 300;} .Registration_form .Rform .Rtxt01{width:140px;padding-right:0.5em;font:1em "微軟正黑體";font-weight:700;line-height:40px;text-align:right;background:#f1f1f1;} .Registration_form .Rform .Rtxt02{width:calc(100% - 140px);padding-left:0.5em;font:1em "微軟正黑體";font-weight:700;line-height:40px;color:#616161;} .Registration_form .Rform .Rtxt02 .input{width:70%;padding:0.5em;} /*alumni_block*/ /*#alumni_list_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;} #alumni_list_block .Tphotolist{width:calc(100%/4);height:auto;margin:0;padding:2%;} */ /*honor_block*/ /*#photost{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-between;align-items:stretch;height: auto;} #photost .list{width:calc((100%/3) - 1em);margin:1em 0.5em;} */ /*honor_content*/ #honor_title_content{width:100%;border-bottom: 2px solid #000000;padding:0 0 1em 0;margin:0 0 1em 0;} #honor_title_content .title{font:1.5625em "微軟正黑體";font-weight:700;} #honor_content{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;} #honor_content .list{width:calc((100%/3) - 1em);margin:0.5em;} /*unite_block*/ #unite_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;} #unite_block .video_img{width:300px;margin:0 1em 0 0;} #unite_block .video_note{width:calc(100% - 300px - 1em);} #TSquare{width:100%;height:auto;margin:1em 0;} #TSquare span{display: inline-block;border-radius: 50px;padding:0.3em 2em;font:1.0625em "微軟正黑體";font-weight:700;background:#fff000;color:#390F01;} .unite_t_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;} .unite_t_block .list{width:calc((100%/4) - 1em);margin:0.5em;padding:0 0 0 25px;vertical-align:middle; font:12pt "微軟正黑體";font-weight:700; color:#7e7e7e; background:url(../images/icon04.png) no-repeat left 0px;} /*facility*/ #facility_list_block{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;padding:0.5em 0;} #facility_list_block .text03_1{width:120px;} #facility_list_block .text03_2{width:calc(100% -120px);font:1em "微軟正黑體";font-weight:500;} #facility_list_block .text03_3{width:calc(100% - 0px);font:1.0625em "微軟正黑體";font-weight:700;} #facility_list_block .text01_1{width:calc(100% - 0px);margin:0 0 0 0px} /*facility*/ .facility_title_block{display:none;} .facility_list_block{width:100%;display:flex;flex-wrap: wrap; justify-content:flex-start;align-content: space-around; padding:1em 0;} .facility_list_block .mob{display:inline-block;font-weight: 700;} .facility_list_block .text06_1{width:100%;text-align: left;font:1.25em "微軟正黑體";font-weight: 700;padding:0 0.5em;} .facility_list_block .text06_2::before{content: '設置地點：';font-weight: 700;} .facility_list_block .text06_2{width:100%;padding:0 0.5em;text-align: left;font:1em "微軟正黑體";font-weight: 500;} .facility_list_block .text06_3::before{content: '管理人：';font-weight: 700;} .facility_list_block .text06_3{width:100%;padding:0 0.5em;text-align: left;font:1em "微軟正黑體";font-weight: 500;} .facility_list_block .text06_4{width:100%;padding:0 0.5em;text-align: left;} .facility_list_block .text06_5{width:100%;padding:0 0.5em;text-align: left;} .facility_list_block .text06_6{width:100%;padding:0 0.5em;text-align: left;} /*reserve_class*/ #reClassSearch_block{padding:0.5em ;border-radius: 10px; background:#bcbcbc;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_block #reClassList{width:calc(100%/3);min-height:100px;} #reClass_block #reClassList #reClassList_title{width:100%;padding:0.5em 0.2em;text-align: left;} #reClass_block #reClassList #reClassList_note{width:calc(100% - 1em);margin:0.5em;background: #ffffff} #reClass_block .text02_1{width:250px;font:0.9375em "微軟正黑體";font-weight: 700;color:#000000;background: #bcbcbc;box-shadow: inset 0px 0px 0px 1px #c0c0c0;padding:0.5em;} #reClass_block .text02_2{width:calc(100% - 250px);font:0.9375em "微軟正黑體";font-weight: 700;color:#292929;background: #f1f1f1;box-shadow: inset 0px 0px 0px 1px #c0c0c0;padding:0.5em;} } @media screen and (min-width: 992px) and (max-width: 1199px){ /*bottom_link_block*/ #bottom_link_block{width:100%;background: url("../images/bottom_link_bg.jpg")no-repeat center top;padding:1em 0;} #bottom_link_block #bottom_link{width:calc(100% - 2em);padding:0.5em 0.5em;margin:0 1em;background:rgba(255,135,0,0.95);display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:flex-start;align-items:stretch} #bottom_link_block #bottom_link .bottom_link_list{width:calc((100%/5) - 2em);margin:0 1em;font:calc(1.25em*0.9) "微軟正黑體";font-weight:700;color:#ffffff;text-align: center; background: rgba(146,0,2,0)} #bottom_link_block #bottom_link .bottom_link_list p{width:100% ; color:#ffffff;line-height: 2em;background: rgba(255,0,4,0); } #bottom_link_block #bottom_link .bottom_link_list .icon_calendar{background-size:calc(98px*0.9);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_link{background-size:calc(98px*0.9);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_epaper{background-size:calc(98px*0.9);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_honor{background-size:calc(98px*0.9);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_alumni{background-size:calc(98px*0.9);margin: 0 auto} /*footer*/ #footer_block #footer_info_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;} #footer_block #footer_info_block #footer_logo{width:50%;} #footer_block #footer_info_block #footer_info{width:50%;margin:1.2em 0 0 0;font:0.875em "微軟正黑體";font-weight:700;letter-spacing: 1px;} #footer_block #footer_info_block #footer_link{width:calc(100% - 6.3em);margin:1em 0 0 6.3em;font:0.875em "微軟正黑體";font-weight:700;display:flex;flex-wrap: wrap;justify-content: flex-start} #footer_block #footer_link_block{width:100%;margin: 0;} #footer_block #footer_link_block .flink_block{padding:0 0 0 6.5em; display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;} #footer_block #footer_link_block .flink_block .column{width:calc(100%/4);} /*Inew*/ #Inews_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:1em 0;} #Inews_block #Inews_img{width:250px;} #Inews_block #Inews_img img{width:100%;max-width: 100%;height: auto;} #Inews_block #Inews_content{width:calc(100% - 250px);padding:0 1em 0 1em;} #Inews_block #Inews_content #Inews_content_block{width:100%;font:1.125em "微軟正黑體";font-weight:700;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: center;padding:1em 0 0 0;} #Inews_block #Inews_content #Inews_content_block .text03_1{width:120px;color:#9a9a9a;line-height: 25px;} #Inews_block #Inews_content #Inews_content_block .text03_2{width:120px;font:0.9375em "微軟正黑體";font-weight: 500;} #Inews_block #Inews_content #Inews_content_block .text03_2 span{width:90px;text-align: center; display: inline-block;border-radius: 3px; padding:0.2em 0.5em;background:#ffffff;border:2px solid #ff6600;} #Inews_block #Inews_content #Inews_content_block .text03_3{width:calc(100% - 240px);} #Inews_block #Inews_content #Inews_content_block a{color:#000000;} #Inews_block #Inews_content #Inews_content_block a:hover{color:#ff6600;} /*Iabout*/ #Iabout_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:1em 0;background:rgba(0,0,0,0)} #Iabout_block #Iabout_img{width:100%;} #Iabout_block #Iabout_content{width:100%;margin-top:-30px;z-index: 2; display: flex;flex-wrap: wrap;justify-content: flex-start;background:rgba(119,0,1,0);} #Iabout_block #Iabout_content .about_content{width:calc((100% - 150px) - 1em);padding:1em calc(2.5em*0.7);font:calc(1.5625em*0.7) "微軟正黑體";font-weight: 700;line-height: 30px; color:#414141;margin-top:45px;z-index: 2;} #Iabout_block #Iabout_content .about_img{width:150px;height: 150px;margin:0 1em 0 0; color:#ffffff;background:rgba(255,102,0,1);display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center; text-align: center;/*vertical-align: middle;*/} #Iabout_block #Iabout_content .about_img .text{font:calc(2.25em*0.7) "微軟正黑體";font-weight: 600;width:100%;} #Iabout_block #Iabout_content .about_img .text .text_en{font:calc(1em*0.7) "微軟正黑體";font-weight: 500;width: 100%;} #Iabout_block #Iabout_content .about_img_mobile{display: none;} /*Iannouncement_block*/ #Iannouncement_bg{width:100%;background: #efefef;padding:2em 0;} #Iannouncement_bg #Iann_block{width:100%;height: auto; display: flex;flex-wrap: wrap;justify-content:space-between;align-content:flex-start;align-items: stretch;padding:0 1em;} #Iannouncement_bg #Iann_block #Iann_list_block{width:calc(90%/3);padding:0 0em 1em 0em;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_img{width:100%;margin:0 0 1em 0;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_img .img-rounded{border-radius:20px} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block{width:100%;padding:0 0em;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_date{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_title{width:100%;font:1.125em "微軟正黑體";font-weight: 700;} /*Ivideo*/ #Ivideo_bg{width:100%;min-height: 470px; background: url("../images/Ivideo.jpg") no-repeat center top;padding:2em 0;} #Ivideo_bg #Ivideo_title{width:100%;margin:0 0 2em 1.5em;} #Ivideo_bg #Ivideo_title p{font:2.25em "微軟正黑體";font-weight: 700;} #Ivideo_bg #Ivideo_title span{font:1em "微軟正黑體";font-weight: 700;color: #7f7f7f;} #Ivideo_bg #Ivideo_content{width:70%;display: flex;flex-wrap: wrap;justify-content: space-between;align-content:space-between;padding:0 1em} #Ivideo_bg #Ivideo_content .Ivideo_list_block{width:50%;padding:0 0.5em;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_title{width:100%;margin:0 0 0.2em 0;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_title .date{font:1.125em "微軟正黑體";font-weight: 700;color:#999999} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_title .title{font:1.125em "微軟正黑體";font-weight: 700;color:#323232;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_video{width:100%;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_video .note{width:100%;font:1em "微軟正黑體";font-weight: 300;} /*honor_block*/ /*#photost{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-between;align-items:stretch;height: auto;} #photost .list{width:calc((100%/4) - 1em);margin:1em 0.5em;}*/ /*honor_content*/ #honor_title_content{width:100%;border-bottom: 2px solid #000000;padding:0 0 1em 0;margin:0 0 1em 0;} #honor_title_content .title{font:1.5625em "微軟正黑體";font-weight:700;} #honor_content{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;} #honor_content .list{width:calc((100%/4) - 1em);margin:0.5em;} /*reserve_class*/ #reClassSearch_block{padding:0.5em ;border-radius: 10px; background:#bcbcbc;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_block #reClassList{width:calc(100%/4);min-height:100px;} #reClass_block #reClassList #reClassList_title{width:100%;padding:0.5em 0.2em;text-align: left;} #reClass_block #reClassList #reClassList_note{width:calc(100% - 1em);margin:0.5em;background: #ffffff} #reClass_block .text02_1{width:250px;font:0.9375em "微軟正黑體";font-weight: 700;color:#000000;background: #bcbcbc;box-shadow: inset 0px 0px 0px 1px #c0c0c0;padding:0.5em;} #reClass_block .text02_2{width:calc(100% - 250px);font:0.9375em "微軟正黑體";font-weight: 700;color:#292929;background: #f1f1f1;box-shadow: inset 0px 0px 0px 1px #c0c0c0;padding:0.5em;} } @media screen and (min-width: 1200px) and (max-width: 1399px){ /*bottom_link_block*/ #bottom_link_block{width:100%;background: url("../images/bottom_link_bg.jpg")no-repeat center top;padding:1em 0;} #bottom_link_block #bottom_link{width:calc(100% - 2em);padding:0.5em 0.5em;margin:0 1em;background:rgba(255,135,0,0.95);display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:flex-start;align-items:stretch} #bottom_link_block #bottom_link .bottom_link_list{width:calc((100%/5) - 2em);margin:0 1em;font:calc(1.25em*0.9) "微軟正黑體";font-weight:700;color:#ffffff;text-align: center; background: rgba(146,0,2,0)} #bottom_link_block #bottom_link .bottom_link_list p{width:100% ; color:#ffffff;line-height: 2em;background: rgba(255,0,4,0); } #bottom_link_block #bottom_link .bottom_link_list .icon_calendar{background-size:calc(98px*0.9);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_link{background-size:calc(98px*0.9);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_epaper{background-size:calc(98px*0.9);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_honor{background-size:calc(98px*0.9);margin: 0 auto} #bottom_link_block #bottom_link .bottom_link_list .icon_alumni{background-size:calc(98px*0.9);margin: 0 auto} /*Inew*/ #Inews_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:1em 0;} #Inews_block #Inews_img{width:300px;} #Inews_block #Inews_img img{width:100%;max-width: 100%;height: auto;} #Inews_block #Inews_content{width:calc(100% - 300px);padding:0 1em 0 1em;} #Inews_block #Inews_content #Inews_content_block{width:100%;font:1.125em "微軟正黑體";font-weight:700;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: center;padding:1em 0 0 0;} #Inews_block #Inews_content #Inews_content_block .text03_1{width:150px;color:#9a9a9a;line-height: 25px;} #Inews_block #Inews_content #Inews_content_block .text03_2{width:calc(100% - 150px);font:0.9375em "微軟正黑體";font-weight: 500;} #Inews_block #Inews_content #Inews_content_block .text03_2 span{width:90px;text-align: center; display: inline-block;border-radius: 3px; padding:0.2em 0.5em;background:#ffffff;border:2px solid #ff6600;} #Inews_block #Inews_content #Inews_content_block .text03_3{width:100%;} #Inews_block #Inews_content #Inews_content_block a{color:#000000;} #Inews_block #Inews_content #Inews_content_block a:hover{color:#ff6600;} /*Iabout*/ #Iabout_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:1em 0;background:rgba(0,0,0,0)} #Iabout_block #Iabout_img{width:100%;} #Iabout_block #Iabout_content{width:100%;margin-top:-30px;z-index: 2; display: flex;flex-wrap: wrap;justify-content: flex-start;background:rgba(119,0,1,0);} #Iabout_block #Iabout_content .about_content{width:calc((100% - 150px) - 1em);padding:1em calc(2.5em*0.7);font:calc(1.5625em*0.7) "微軟正黑體";font-weight: 700;line-height: 30px; color:#414141;margin-top:45px;z-index: 2;} #Iabout_block #Iabout_content .about_img{width:150px;height: 150px;margin:0 1em 0 0; color:#ffffff;background:rgba(255,102,0,1);display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center; text-align: center;/*vertical-align: middle;*/} #Iabout_block #Iabout_content .about_img .text{font:calc(2.25em*0.7) "微軟正黑體";font-weight: 600;width:100%;} #Iabout_block #Iabout_content .about_img .text .text_en{font:calc(1em*0.7) "微軟正黑體";font-weight: 500;width: 100%;} #Iabout_block #Iabout_content .about_img_mobile{display: none;} /*Iannouncement_block*/ #Iannouncement_bg{width:100%;background: #efefef;padding:2em 0;} #Iannouncement_bg #Iann_block{width:100%;height: auto; display: flex;flex-wrap: wrap;justify-content:space-between;align-content:flex-start;align-items: stretch;padding:0 1em;} #Iannouncement_bg #Iann_block #Iann_list_block{width:calc(90%/3);padding:0 0em 1em 0em;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_img{width:100%;margin:0 0 1em 0;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_img .img-rounded{border-radius:20px} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block{width:100%;padding:0 0em;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_date{width:100%;} #Iannouncement_bg #Iann_block #Iann_list_block #Iann_content #Iann_note_block .Iann_note_title{width:100%;font:1.125em "微軟正黑體";font-weight: 700;} /*Ivideo*/ #Ivideo_bg{width:100%;min-height: 470px; background: url("../images/Ivideo.jpg") no-repeat center top;padding:2em 0;} #Ivideo_bg #Ivideo_title{width:100%;margin:0 0 2em 1.5em;} #Ivideo_bg #Ivideo_title p{font:2.25em "微軟正黑體";font-weight: 700;} #Ivideo_bg #Ivideo_title span{font:1em "微軟正黑體";font-weight: 700;color: #7f7f7f;} #Ivideo_bg #Ivideo_content{width:70%;display: flex;flex-wrap: wrap;justify-content: space-between;align-content:space-between;padding:0 1em} #Ivideo_bg #Ivideo_content .Ivideo_list_block{width:47%;padding:0 0.5em;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_title{width:100%;margin:0 0 0.2em 0;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_title .date{font:1.125em "微軟正黑體";font-weight: 700;color:#999999} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_title .title{font:1.125em "微軟正黑體";font-weight: 700;color:#323232;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_video{width:100%;} #Ivideo_bg #Ivideo_content .Ivideo_list_block .Ivideo_list_video .note{width:100%;font:1em "微軟正黑體";font-weight: 300;} /*honor_block*/ /*#photost{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-between;align-items:stretch;height: auto;} #photost .list{width:calc((100%/4) - 1em);margin:1em 0.5em;} */ /*honor_content*/ #honor_title_content{width:100%;border-bottom: 2px solid #000000;padding:0 0 1em 0;margin:0 0 1em 0;} #honor_title_content .title{font:1.5625em "微軟正黑體";font-weight:700;} #honor_content{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;} #honor_content .list{width:calc((100%/4) - 1em);margin:0.5em;} /*reserve_class*/ #reClassSearch_block{padding:0.5em ;border-radius: 10px; background:#bcbcbc;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;} #reClass_block #reClassList{width:calc(100%/5);min-height:100px;} #reClass_block #reClassList #reClassList_title{width:100%;padding:0.5em 0.2em;text-align: left;} #reClass_block #reClassList #reClassList_note{width:calc(100% - 1em);margin:0.5em;background: #ffffff} } /*DEAN*/ #dean_header{width:100%;text-align: center; font:2.1875em "微軟正黑體";font-weight: 700; color: #2d2b2a;padding:1em 0;} #dean_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center} #dean_block #dean_img{width: 350px;text-align: right;} #dean_block #dean_notes{width:calc(100% - 350px);margin:2em 0;padding:1em;border:1px solid #f0f0f0;border-radius:0 10px 10px 0; background:#f0f0f0;} #dean_block #dean_notes .dean_title{font:1.7em "微軟正黑體";font-weight: 700;} #dean_block #dean_notes .dean_subtitle{font:1.5625em "微軟正黑體";font-weight: 700;color:#787878;margin:0 0 2em 0;} #past_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:0 1em;} #past_block #past_header{width:100%;color:#727170;font:1.4375em "微軟正黑體";font-weight: 700;} #past_block #past_list{width:calc((100%/5) - 2em);margin:1em;border:2px solid #ff6600;box-sizing: border-box;padding:1em;border-radius: 10px;} #past_block #past_list .title{font:1.0625em "微軟正黑體";font-weight: 700;margin:0 0 1em 0;} #past_block #past_list .note{font:1em "微軟正黑體";font-weight: 700;} #past_block #past_list .hiBlock{width:100%;height: auto;top:0;left:0;position: relative;} #past_block #past_list .hiBlock .number{position: absolute;right:-0.2em;top:-1em;} #past_block #past_list .hiBlock .number span{background:#ff6600;color:#ffffff;display:inline-block;padding:0.2em 0.5em;} #past_block #past_list01{width:calc((100%/5) - 2em);margin:1em;border:2px solid #ffae00;box-sizing: border-box;padding:1em;border-radius: 10px;} #past_block #past_list01 .title{font:1.0625em "微軟正黑體";font-weight: 700;margin:0 0 1em 0;} #past_block #past_list01 .note{font:1em "微軟正黑體";font-weight: 700;} #past_block #past_list01 .hiBlock{width:100%;height: auto;top:0;left:0;position: relative;} #past_block #past_list01 .hiBlock .number{position: absolute;right:-0.2em;top:-1em;} #past_block #past_list01 .hiBlock .number span{background:#ffae00;color:#ffffff;display:inline-block;padding:0.2em 0.5em;} /****************************/ .headers_desktop{display:inline-block;} .headers_mobile{display:none;} /*comm_block*/ #comm_title_block{display: flex;flex-wrap: wrap;justify-content: flex-start;font:1.125rem "微軟正黑體";font-weight: 700;} #comm_list_block{display: flex;flex-wrap: wrap; justify-content: flex-start;align-items: center;font:1.125rem "微軟正黑體";font-weight: 600;} #comm_list_block .mobile{display:none;} #comm_list_block a{color:#000000;} #comm_list_block a:hover{color:#2D2D2D;} @media only screen and (max-width: 479px) { /*DEAN*/ #dean_header{width:100%;text-align: center; font:2.1875em "微軟正黑體";font-weight: 700; color: #2d2b2a;padding:1em 0;} #dean_block{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center} #dean_block #dean_img{width: 100%;text-align: center;} #dean_block #dean_notes{width:calc(100% - 2em);margin:2em 1em;padding:1em;border:1px solid #f0f0f0;border-radius:0 10px 10px 0; background:#f0f0f0;} #dean_block #dean_notes .dean_title{font:calc(1.7em*0.8) "微軟正黑體";font-weight: 700;} #dean_block #dean_notes .dean_subtitle{font:calc(1.5625em*0.8) "微軟正黑體";font-weight: 700;color:#787878;margin:0 0 2em 0;} #past_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:0 1em;} #past_block #past_header{width:100%;color:#727170;font:1.4375em "微軟正黑體";font-weight: 700;} #past_block #past_list{width:calc((100%/1) - 2em);margin:1em;border:2px solid #ff6600;box-sizing: border-box;padding:1em;border-radius: 10px;} #past_block #past_list .title{font:calc(1.0625em/0.8) "微軟正黑體";font-weight: 700;margin:0 0 1em 0;} #past_block #past_list .note{font:calc(1em/0.8) "微軟正黑體";font-weight: 700;} #past_block #past_list01{width:calc((100%/1) - 2em);margin:1em;border:2px solid #ffae00;box-sizing: border-box;padding:1em;border-radius: 10px;} #past_block #past_list01 .title{font:calc(1.0625em/0.8) "微軟正黑體";font-weight: 700;margin:0 0 1em 0;} #past_block #past_list01 .note{font:calc(1em/0.8) "微軟正黑體";font-weight: 700;} .headers_desktop{display:none;} .headers_mobile{display:inline-block;} #comm_title_block{display: none;} #comm_list_block .mobile{display:inline-block;color:#000;} #comm_list_block .mobdate{font:1.125rem "微軟正黑體";font-weight: 800;margin-left:0em;color:rgba(53,53,53,1.00);} #comm_list_block .comm_Title{font:1.375rem "微軟正黑體";font-weight: 700;display: inline-block;} #comm_list_block .input{border:1px #8f8f9d solid;background:#ffffff;padding:0.5em;width:90%;margin:0 0 0 0;} #comm_list_block .mob_Date{font:0.9375em "微軟正黑體";font-weight: 700;display:inline-block;border-radius: 50px;padding:0.2em 1em;background:#220051;color:#ffffff;} #comm_list_block span{display:inline-block;color:#292929;border:1px solid #292929; border-radius: 50px;padding:0.2em 1em;font:0.8125em "微軟正黑體";font-weight: 700;} } @media screen and (min-width: 480px) and (max-width: 767px) { /*DEAN*/ #dean_header{width:100%;text-align: center; font:2.1875em "微軟正黑體";font-weight: 700; color: #2d2b2a;padding:1em 0;} #dean_block{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center} #dean_block #dean_img{width: 100%;text-align: center;} #dean_block #dean_notes{width:calc(100% - 2em);margin:2em 1em;padding:1em;border:1px solid #f0f0f0;border-radius:0 10px 10px 0; background:#f0f0f0;} #dean_block #dean_notes .dean_title{font:calc(1.7em*0.8) "微軟正黑體";font-weight: 700;} #dean_block #dean_notes .dean_subtitle{font:calc(1.5625em*0.8) "微軟正黑體";font-weight: 700;color:#787878;margin:0 0 2em 0;} #past_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:0 1em;} #past_block #past_header{width:100%;color:#727170;font:1.4375em "微軟正黑體";font-weight: 700;} #past_block #past_list{width:calc((100%/2) - 2em);margin:1em;border:2px solid #ff6600;box-sizing: border-box;padding:1em;border-radius: 10px;} #past_block #past_list .title{font:calc(1.0625em/0.8) "微軟正黑體";font-weight: 700;margin:0 0 1em 0;} #past_block #past_list .note{font:calc(1em/0.8) "微軟正黑體";font-weight: 700;} #past_block #past_list01{width:calc((100%/2) - 2em);margin:1em;border:2px solid #ffae00;box-sizing: border-box;padding:1em;border-radius: 10px;} #past_block #past_list01 .title{font:calc(1.0625em/0.8) "微軟正黑體";font-weight: 700;margin:0 0 1em 0;} #past_block #past_list01 .note{font:calc(1em/0.8) "微軟正黑體";font-weight: 700;} .headers_desktop{display:none;} .headers_mobile{display:inline-block;} #comm_title_block{display: none;} #comm_list_block .mobile{display:inline-block;color:#000;} #comm_list_block .mobdate{font:1.125rem "微軟正黑體";font-weight: 800;margin-left:0em;color:rgba(53,53,53,1.00);} #comm_list_block .comm_Title{font:1.25rem "微軟正黑體";font-weight: 700;display: inline-block;} #comm_list_block .input{border:1px #8f8f9d solid;background:#ffffff;padding:0.5em;width:80%;margin:0 0 0 0.5em;} #comm_list_block .mob_Date{font:0.9375em "微軟正黑體";font-weight: 700;display:inline-block;border-radius: 50px;padding:0.2em 1em;background:#220051;color:#ffffff;} } @media screen and (min-width: 768px) and (max-width: 991px) { /*DEAN*/ #dean_header{width:100%;text-align: center; font:2.1875em "微軟正黑體";font-weight: 700; color: #2d2b2a;padding:1em 0;} #dean_block{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center} #dean_block #dean_img{width: 100%;text-align: center;} #dean_block #dean_notes{width:calc(100% - 2em);margin:2em 1em;padding:1em;border:1px solid #f0f0f0;border-radius:0 10px 10px 0; background:#f0f0f0;} #dean_block #dean_notes .dean_title{font:calc(1.7em*0.8) "微軟正黑體";font-weight: 700;} #dean_block #dean_notes .dean_subtitle{font:calc(1.5625em*0.8) "微軟正黑體";font-weight: 700;color:#787878;margin:0 0 2em 0;} #past_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:0 1em;} #past_block #past_header{width:100%;color:#727170;font:1.4375em "微軟正黑體";font-weight: 700;} #past_block #past_list{width:calc((100%/4) - 2em);margin:1em;border:2px solid #ff6600;box-sizing: border-box;padding:1em;border-radius: 10px;} #past_block #past_list .title{font:calc(1.0625em/0.8) "微軟正黑體";font-weight: 700;margin:0 0 1em 0;} #past_block #past_list .note{font:calc(1em/0.8) "微軟正黑體";font-weight: 700;} #past_block #past_list01{width:calc((100%/4) - 2em);margin:1em;border:2px solid #ffae00;box-sizing: border-box;padding:1em;border-radius: 10px;} #past_block #past_list01 .title{font:calc(1.0625em/0.8) "微軟正黑體";font-weight: 700;margin:0 0 1em 0;} #past_block #past_list01 .note{font:calc(1em/0.8) "微軟正黑體";font-weight: 700;} #comm_title_block{display: flex;flex-wrap: wrap;justify-content: flex-start;font:1.125rem "微軟正黑體";font-weight: 700;} } @media screen and (min-width: 992px) and (max-width: 1199px) { #comm_title_block{display: flex;flex-wrap: wrap;justify-content: flex-start;font:1.125rem "微軟正黑體";font-weight: 700;} }