@charset "utf-8";
@import url("bootstrap-grid.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@500&display=swap');

/*國立中興大學電機系 CSS Document */


* { margin:0; padding:0;}
iframe{border: 0px;display: block;}

.ie6 img{width:100%;}
.img-responsive img{width:100%;max-width: 100%;}

@media only screen and (max-width: 479px) {
.ie6 img{width:100%;max-width: 100%;}
.img-responsive img{width:100%;max-width: 100%;}	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.ie6 img{width:100%;max-width: 100%;}
.img-responsive img{width:100%;max-width: 100%;}	
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.ie6 img{width:100%;max-width: 100%;}
.img-responsive img{width:100%;max-width: 100%;}
}

@media only screen and (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: block;

  }
}

.js-fadein {
  opacity: 0;
}
.js-fadein.is-active {
  animation: anm-fade-up .5s ease-in-out forwards
}
@keyframes anm-fade-up {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;

  }
}

@keyframes logomove {
0%{transform:rotate(0deg);}
50%{transform:rotate(180deg);}
100%{transform:rotate(360deg);}
}	

@keyframes Iimg05IMGmove {
	0%{opacity: 0;
	 filter: alpha(opacity=0);
	transform: translateY(-100px)
	}
	100%{opacity: 1;
	 filter: alpha(opacity=100);
		transform: translateY(0px)
	}
}

@keyframes Iimg05Notemove {
	0%{opacity: 0;
	 filter: alpha(opacity=0);
	transform: translateX(-30px)
	}
	20%{opacity: 1;
	 filter: alpha(opacity=10);
		transform: translateX(0px)
	}
}

@media only screen and (max-width: 991px) {

.mobile{display:block;}
.desktop{display:none;}
}
@media (min-width: 992px) {
.mobile{display:none;}
.desktop{display:block;}

}
/*260605*/
#top_mobile_block{display:none;}	


@media only screen and (max-width: 1189px) {
	
#top_mobile_block{display:block;}
	
#top_mobile_block{width: 100%;display:flex;flex-wrap: wrap;justify-content: flex-start;/*background: #eaeae8;*/padding:0em;border-top: 0px solid rgba(39,39,39,0);border-bottom: 1px solid #eaeae8;}	
#top_mobile_block:after {content:''; clear:both; display:block;}	
	
#top_mobile_block .top_bg_block{width:100%;padding:0.5em;display:flex;flex-wrap: wrap;justify-content: flex-start; background: #eaeae8; }	
#top_mobile_block .top_bg_block span:first-child {border-left: 1px solid #002454;}	
#top_mobile_block .top_bg_block span{border-right: 1px solid #002454;}	
	
#top_mobile_block .top_bg_block a{color:#002454;font:1.4rem "微軟正黑體";font-weight: 700;padding:0 0.5em;}
#top_mobile_block .top_bg_block a:hover{color:#000000;}

#top_mobile_block .bottom_bg_block{width:100%;padding:0.5em;display:flex;flex-wrap: wrap;justify-content: center; background:#0f8db7}	

	
#top_mobile_block .bottom_bg_block .btn01 a{font:1.6rem "微軟正黑體";font-weight:700;width:100%;height:auto;background:#fff;padding:0.7em 30vw;color:#000;display:inline-block;text-align:center;border-radius: 0.7em;}
#top_mobile_block .bottom_bg_block .btn01 a:hover{width:100%;height:auto;background:#171717;color:#fff;display: inline-block;text-align:center;border-radius: 0.7em;}
	
	
	
#top_mobile_block .bottom_herf_block{display:flex;flex-wrap: wrap;justify-content: flex-start;padding:0.5em}	
#top_mobile_block .bottom_herf_block a{color:#023c85;font:1.5rem "微軟正黑體";font-weight: 700;margin:0.2em;background:url("../images/arrow01.svg")no-repeat left -2px;padding:0 0 0 27px;}		
#top_mobile_block .bottom_herf_block a:hover{color:#000000;}	
}





/**/
#bottom_herf_block{display:flex;flex-wrap: wrap;justify-content: center;padding:1em 0.5em;background: rgba(255,255,255,1.00);}
#bottom_herf_block a{margin:0.2em 0.5em;}
/*#bottom_herf_block a{font:1.6rem "微軟正黑體";font-weight:700;width:auto;height:auto;background:#fff;border:1px solid #013d86;color:#013d86;display:inline-block;text-align:center;border-radius: 0.5em;padding:0.3em 1em;margin:0.2em 0.5em;}
#bottom_herf_block a:hover{width:auto;height:auto;background:#013d86;border:1px solid #013d86;color:#ffffff;display: inline-block;text-align:center;border-radius: 0.5em;padding:0.3em 1em;margin:0.2em 0.5em;}
*/

#nav_container{position:relative;z-index:10000;width:100%;margin:0 auto; height: 100px;}

#nav_container .Prelative{position:relative;z-index:10000;width:100%;background: rgba(0,0,40,0);margin:0 auto; height: 100px;}
#nav_container .Prelative .Pabsolute{position:absolute;z-index: 5;width:1200px;height:auto;margin:0 auto;left:50%; transform: translate(-50%, 0);-ms-transform:translate(-50%, 0);}

/*header_submenu*/
#top_menu_block_r{position: relative;z-index: 0;width:100%;height: auto;}
#top_menu_block_r .top_menu_block{position:absolute;z-index:9;color:#000; right: 0px;width:auto;}

#top_menu_block_r .top_menu_block .Tblock{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: space-around;align-items:center;}
#top_menu_block_r .top_menu_block .Tblock .top_menu_r{width:350px;padding:0 28vw 0 0}
#top_menu_block_r .top_menu_block .Tblock .top_menu_l{width:calc(100% - 450px - 0);text-align: right;margin:20px 0 0 0;}


#top_menu_block_r .top_menu_block .Tblock .top_menu_l .top_menu{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: space-around;align-items:center; margin:0;padding:0 0.2em 0 0;}
#top_menu_block_r .top_menu_block .Tblock .top_menu_l .top_menu a{color:#ffffff;margin: 0 0 0 1em;display: inline-block;font:1.5rem "微軟正黑體";font-weight: 700;}
#top_menu_block_r .top_menu_block .Tblock .top_menu_l .top_menu a:hover{color:#ffd200;}
#top_menu_block_r .top_menu_block .Tblock .top_menu_l .top_menu span{display: inline-block;border-radius: 20px;padding:0.1em 1em;color:#ffffff;background:#000000;}

#top_menu_block_r .top_menu_block .Tblock .top_menu_l .Tbtn_block{color:#000;width:100%;background:rgba(255,0,0,0);display:flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-end}
#top_menu_block_r .top_menu_block .Tblock .top_menu_l .Tbtn_block a{margin: 0 0 0 1em;display: inline-block;}



.top_menu_mobile{display:none;}


@media screen and (min-width: 992px) and (max-width: 1189px) {	
	
/*header_submenu*/
#top_menu_block_r{position: relative;z-index: 0;width:100%;height: auto;top:-125px;}
#top_menu_block_r .top_menu_block{position:absolute;z-index:9;color:#000;top:0; right: 150px;width:auto;height: 50px}
	
#top_menu_block_r .top_menu_block .Tblock{width:100%;display: flex;flex-wrap: wrap;justify-content: center;align-content: space-around;align-items:center;}	
#top_menu_block_r .top_menu_block .Tblock .top_menu_r{width:100%;display:inline-block;padding:0 10vw 0 0}
#top_menu_block_r .top_menu_block .Tblock .top_menu_l{display: none;}	
	
	
}
@media only screen and (max-width: 991px) {
	#top_menu_block_r{display: none;}
}
/*#container{width:100%;height:100% !important;margin:0 auto;padding: 0 12%;background:rgba(20,144,57,1.00)}
#container:after {content:''; clear:both; display:block;}
	
	
#Mcontainer{width:calc(100% - 0em);height:100% !important;margin:0 0em;padding:3em 2.5em;background:transparent}
#Mcontainer:after {content:''; clear:both; display:block;}	
	
#Icontainer{width:100%;height:100% !important;margin:0 0 0 0;padding: 0 12%;background: transparent}	
*/

@media only screen and (max-width: 479px) {
#container{width:100%;height:100% !important;margin:0 auto;padding:0 !important;background:  transparent}
#container:after {content:''; clear:both; display:block;}	
	
#Mcontainer{width:calc(100% - 0em);height:100% !important;padding:0em 1.5em;margin:0em;background: transparent}
#Mcontainer:after {content:''; clear:both; display:block;}		
	
#Icontainer{width:100%;height:100% !important;margin:0;padding:81px 0 0 0;}		
#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;background: transparent}
#container:after {content:''; clear:both; display:block;}	

#Mcontainer{width:calc(100% - 0em);height:100% !important;margin:0 0em;padding:0em 1.5em;background:transparent}
#Mcontainer:after {content:''; clear:both; display:block;}		
	
#Icontainer{width:100%;height:100% !important;margin:0 0 0 0;padding:81px 0 0 0;}		
#Icontainer:after {content:''; clear:both; display:block;}		
}

@media screen and (min-width: 768px) and (max-width: 991px) {
#container{width:100%;height:100% !important;margin:0 auto;padding:0 !important;background:  transparent}
#container:after {content:''; clear:both; display:block;}	

#Mcontainer{width:calc(100% - 0em);height:100% !important;margin:0 0em;padding:0em 2.5em;background:transparent}
#Mcontainer:after {content:''; clear:both; display:block;}		
	
#Icontainer{width:100%;height:100% !important;margin:0 0 0 0;padding:81px 0 0 0;}			
#Icontainer:after {content:''; clear:both; display:block;}		
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
#container{width:100%;height:100% !important;margin:0 auto;padding:0 !important;background: transparent}
#container:after {content:''; clear:both; display:block;}	
	
#Mcontainer{width:calc(100% - 0em);height:100% !important;margin:0 0em;padding:0em 2.5em;background:transparent}
#Mcontainer:after {content:''; clear:both; display:block;}		
	
#Icontainer{width:100%;height:100% !important;margin:0 0 0 0;padding: 0 0em;}
#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;background: transparent}
#container:after {content:''; clear:both; display:block;}	
	
#Mcontainer{width:calc(100% - 0em);height:100% !important;margin:0 0em;padding:0em 2.5em;background: transparent}
#Mcontainer:after {content:''; clear:both; display:block;}		
	
#Icontainer{width:100%;height:100% !important;margin:0 0 0 0;padding: 0 0em;}	
#Icontainer:after {content:''; clear:both; display:block;}		
}
@media screen and (min-width: 1400px) and (max-width: 1699px) { 
#container{width:100%;height:100% !important;margin:0;padding: 0 4%;background:transparent}
#container:after {content:''; clear:both; display:block;}
	
	
#Mcontainer{width:calc(100% - 0em);height:100% !important;margin:0 0em;padding:0em 2.5em;background:transparent}
#Mcontainer:after {content:''; clear:both; display:block;}	

#Icontainer{width:100%;height:100% !important;margin:0 0 0 0;padding: 0 0em;background: transparent}		
#Icontainer:after {content:''; clear:both; display:block;}	
}

@media (min-width: 1700px) {

#container{width:100%;height:100% !important;margin:0 auto;padding: 0 12%;background:transparent}
#container:after {content:''; clear:both; display:block;}
	
	
#Mcontainer{width:calc(100% - 0em);height:100% !important;margin:0 0em;padding:0em 2.5em;background:transparent}
#Mcontainer:after {content:''; clear:both; display:block;}	
	
#Icontainer{width:100%;height:100% !important;margin:0 0 0 0;padding: 0 0em;background: transparent}		
#Icontainer:after {content:''; clear:both; display:block;}		
}
@media screen and (min-width: 992px) and (max-width: 1699px) { 
#Tcontainer{width:100%;height:100% !important;margin:20px 0 0 0;padding: 0;background: transparent}		
}

@media only screen and (max-width: 991px) {
#Tcontainer{width:100%;height:100% !important;margin:80px 0 0 0;padding: 0;background: transparent}	
}
@media (min-width: 1700px) {
	
#Tcontainer{width:100%;height:100% !important;margin:20px 0 0 0;padding: 0 12%;background: transparent}	
}


#Mcontents{width:100%;padding:0;font:1.7rem "微軟正黑體";line-height:28px;font-weight:400;letter-spacing:1px;background: transparent}

/*footer*/
#footer_bg_block{width:100%;background:#013d85 url("../images/ee_footer_bg.jpg")no-repeat center top;padding:1em 0;}

#footer_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: flex-start;height: auto;padding:0;}

#footer_block #footer_info_block{width:320px;font:1.3rem "微軟正黑體";color:#ffffff;}
#footer_block #footer_info_block .footer_logo{width:100%;}
#footer_block #footer_info_block .footer_address{width:100%;padding:1.5em 0 0 0.3em;color:rgba(255,255,255,0.5);}

#footer_block #footer_info_block .footer_btn_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;margin:1em 0 0 0;}
#footer_block #footer_info_block .footer_btn_block div{margin:0 0 1em 0;}
#footer_block #footer_info_block .footer_btn_block .btn01 a{color:#ffffff;background:#0b1e5d;padding:0.2em 0.8em;margin:0 0.8em 0.8em 0;border-radius: 8em;}
#footer_block #footer_info_block .footer_btn_block .btn01 a:hover{background:#000000;padding:0.2em 0.8em;border-radius: 8em;}
#footer_block #footer_info_block .footer_btn_block .btn02 a{color:#ffffff;background:#2f8500;padding:0.2em 0.8em;margin:0 0.8em 0.8em 0;border-radius: 8em;}
#footer_block #footer_info_block .footer_btn_block .btn02 a:hover{background:#000000;padding:0.2em 0.8em;border-radius:  8em;}
#footer_block #footer_info_block .footer_btn_block .btn03 a{color:#ffffff;background:#9c4d00;padding:0.2em 0.8em;margin:0 0.8em 0.8em 0;border-radius:  8em;}
#footer_block #footer_info_block .footer_btn_block .btn03 a:hover{background:#000000;padding:0.2em 0.8em;border-radius:  8em;}
#footer_block #footer_info_block .footer_btn_block .btn04 a{color:#ffffff;background:#272727;padding:0.2em 0.8em;margin:2em 0.8em 0 0;border-radius:  8em;}
#footer_block #footer_info_block .footer_btn_block .btn04 a:hover{background:#000000;padding:0.2em 0.8em;border-radius:  8em;}



#footer_block #footer_link_block{width:calc((100% - 320px) - 1em);margin:0 0.5em;padding:1.2em 0 0 0;}
#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%/10);padding:0 0.5em 0 0; color:#ffffff;}
#footer_block #footer_link_block .flink_block .column .title{font-size:1.6rem;font-weight: 600; color:#ffffff;width:100%;margin:0 0 0.5em 0;}

#footer_block #footer_link_block .flink_block .column .column_list_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;}
#footer_block #footer_link_block .flink_block .column .column_list_block .column_list{width:100%;font-size:1.4rem;padding: 0.3em 0 0 0}
#footer_block #footer_link_block .flink_block .column .column_list_block .column_list a{font-size:1.4rem;color:rgba(255,255,255,0.7)}
#footer_block #footer_link_block .flink_block .column .column_list_block .column_list a:hover{color:rgba(255,255,255,1)}

#copy_block{width:100%;background:#002858;font-size: 1.3rem;color:rgba(255,255,255,0.7); padding:0.5em 0;text-align: center;}






/*main_pic*/

/*Title_BG275PX*/

#titleCa_info_block1{padding:0 6%;height:200px; background:#000000 url(../images/main_title/title01.jpg) no-repeat center top;margin:0 0 0 0;}
#titleCa_info_block2{padding:0 6%;height:200px; background:#000000 url(../images/main_title/title02.jpg) no-repeat center top;margin:0 0 0 0;}
#titleCa_info_block3{padding:0 6%;height:200px; background:#000000 url(../images/main_title/title03.jpg) no-repeat center top;margin:0 0 0 0;}
#titleCa_info_block4{padding:0 6%;height:200px; background:#000000 url(../images/main_title/title04.jpg) no-repeat center top;margin:0 0 0 0;}
#titleCa_info_block5{padding:0 6%;height:200px; background:#000000 url(../images/main_title/title05.jpg) no-repeat center top;margin:0 0 0 0;}
#titleCa_info_block6{padding:0 6%;height:200px; background:#000000 url(../images/main_title/title06.jpg) no-repeat center top;margin:0 0 0 0;}
#titleCa_info_block7{padding:0 6%;height:200px; background:#000000 url(../images/main_title/title07.jpg) no-repeat center top;margin:0 0 0 0;}
#titleCa_info_block8{padding:0 6%;height:200px; background:#000000 url(../images/main_title/title08.jpg) no-repeat center top;margin:0 0 0 0;}
#titleCa_info_block9{padding:0 6%;height:200px; background:#000000 url(../images/main_title/title09.jpg) no-repeat center top;margin:0 0 0 0;}



#titleCa_info{position:relative; width:100%;  height:0px; margin:0 auto; z-index:100;}
#title01{position:absolute;z-index:1000000;top:calc((200px - 80px)/2);left:10%;font:1.5em "微軟正黑體";letter-spacing: 0.5px; font-weight:700;color:#ffffff; text-shadow: 0 0 5px rgba(0,0,0,0.7); width:auto;white-space:nowrap;}

#title01 span{display:inline-block;/*background:rgba(0,0,0,0.2);*/padding:0.5em;}

@media screen and (max-width: 991px) {
/*Title_BG*/
	
#titleCa_info_block1{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title01.jpg) no-repeat center top;margin:0 0 0 0;}
#titleCa_info_block2{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title02.jpg) no-repeat center top;margin:0 0 0 0;}
#titleCa_info_block3{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title03.jpg) no-repeat center top;margin:0 0 0 0;}
#titleCa_info_block4{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title04.jpg) no-repeat 50% top;margin:0 0 0 0;}
#titleCa_info_block5{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title05.jpg) no-repeat center top;margin:0 0 0 0;}
#titleCa_info_block6{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title06.jpg) no-repeat center top;margin:0 0 0 0;}
#titleCa_info_block7{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title07.jpg) no-repeat center top;margin:0 0 0 0;}
#titleCa_info_block8{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title08.jpg) no-repeat center top;margin:0 0 0 0;}
#titleCa_info_block9{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title09.jpg) no-repeat 55% top;margin:0 0 0 0;}

#title01{position:absolute;z-index:1000000;top:calc((270px - 80px)/2);left:10%;font:1.5em "微軟正黑體";letter-spacing: 0.5px; font-weight:700;color:#ffffff; text-shadow: 0 0 5px rgba(0,0,0,0.7); width:auto;white-space:nowrap;}	
	
}
@media screen and (max-width: 399px) {
/*Title_BG*/

#titleCa_info_block1{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title01.jpg) no-repeat 42% top;margin:0 0 0 0;}
#titleCa_info_block2{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title02.jpg) no-repeat 50% top;margin:0 0 0 0;}
#titleCa_info_block3{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title03.jpg) no-repeat 50% top;margin:0 0 0 0;}
#titleCa_info_block4{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title04.jpg) no-repeat 54% top;margin:0 0 0 0;}
#titleCa_info_block5{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title05.jpg) no-repeat 40% top;margin:0 0 0 0;}
#titleCa_info_block6{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title06.jpg) no-repeat 55% top;margin:0 0 0 0;}
#titleCa_info_block7{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title07.jpg) no-repeat 30% top;margin:0 0 0 0;}
#titleCa_info_block8{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title08.jpg) no-repeat 40% top;margin:0 0 0 0;}
#titleCa_info_block9{padding:0 6%;height:200px;position:relative;top:66px;background:#000000 url(../images/main_title/title09.jpg) no-repeat 55% top;margin:0 0 0 0;}

}









/*main_location_info*/
#Mcontainer .location_info {float:left; width:100%; height:auto;margin:0 0 0em 0; padding:0; clear:both;}
#Mcontainer .location_info .location {/*line-height:40px;*/text-align:left;padding:0 0 2em 0;}
#Mcontainer .location_info .location span {display:inline-block; padding:0 20px 0 5px; vertical-align:middle; font:1.4rem "微軟正黑體";font-weight:bold; color:#000000; background:url(../images/arr_location.jpg) no-repeat right 5px;}
#Mcontainer .location_info .location span a{color:#000000;}
#Mcontainer .location_info .location span a:hover{color:#073488;}
#Mcontainer .location_info .location span.last {background:none;}
#Mcontainer .location_info .location strong {display:inline-block;padding-left:5px; vertical-align:middle; font:1.4rem "微軟正黑體";font-weight:bold; /*height:27px;line-height:27px;*/ color:#073488;}
#Mcontainer .location_info .location strong a {color:#7e7e7e;}
#Mcontainer .location_info .location span.searchWord {background:none; color:#7e7e7e;}

.Mtitle{font:2.7rem "微軟正黑體";font-weight:700;color:#000000;padding:0.5em 0 0.5em 0;border-bottom:1px rgba(0,0,0,0.4) solid;text-indent:0.5em;margin-bottom:0.3em;}


/*full_page*/
.M_note{width:100%;font:1.5rem "微軟正黑體";font-weight:500;color:#444444;padding: 2em 1em;}
.M_note_title{width: 100%;font: 2.7rem "微軟正黑體";font-weight: 700;color: #222222;padding:0 0 0 0.5em;margin:1em 0;border-left:5px solid #073488}

/*.M_note{width:100%;font:1.8rem "微軟正黑體";font-weight:500;color:#444444;line-height:2em;letter-spacing:1px;padding: 2em 1em;}
.M_note_title{width: 100%;font: 2.7rem "微軟正黑體";font-weight: 700;color: #222222;padding:0 0 0 0.5em;margin:1em 0;border-left:5px solid #073488}*/

.M_note ul {list-style:disc;padding:0 0 0 2em;}
.M_note ol {list-style:decimal;padding:0 0 0 2em;}

.M_note a{color:#073488;}
.M_note a:hover{color:#000000;}


/*Introduction*/
#Introduction_block{display:flex;flex-wrap: wrap;justify-content: flex-start;}
#Introduction_block .Introduction_img{width:490px;}
#Introduction_block .Introduction_content{width:calc(100% - 490px);}


#Introduction_block01{display:flex;flex-wrap: wrap;justify-content: flex-start;flex-direction:row-reverse}
#Introduction_block01 .Introduction_img01{width:490px;}
#Introduction_block01 .Introduction_content01{width:calc(100% - 490px);}



/*pro_list*/

#Inews_bg_block{width:100%;height: 100%!important ;background:#f3f3f3;padding:8rem 0 0 0;}
#Inews_bg_block:after {content:''; clear:both; display:block;}

#Inews_bg_block #Inews_block{width:calc(100% - 20vw);float: right;height: auto; min-height: 450px; margin: 0 0 0rem 20vw;padding:0em 0;background:rgba(255,255,255,1);border-top-left-radius: 30px;border-bottom-left-radius: 30px;}

#Inews_bg_block #Inews_block .animation_block{width:100%;height: auto; background:#ff6600; z-index: 0; position: relative}
#Inews_bg_block #Inews_block .animation_block .animte01{width:100px;position: absolute;top:-5em;right: 20vw;z-index: 1;  }

#Inews_bg_block #Inews_block .animation_block .animte02{position: absolute;top:0em;left: -5em;z-index: 1; }
#Inews_bg_block #Inews_block .animation_block .animte02.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05Notemove;animation-iteration-count:1;}


/*#Inews_bg_block #Inews_block .Inews_list_block{width:780px;margin:7em 0 0 10em;display: flex;flex-wrap: wrap;justify-content:flex-start;}*/
#Inews_bg_block #Inews_block .Inews_list_block{width:780px;margin:3em 0 0 10em;display: flex;flex-wrap: wrap;justify-content:flex-start;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list01{width:150px;margin:0;}

#Inews_bg_block #Inews_block .Inews_list_block .Inews_list01 span{width:110px;font:1.4rem "微軟正黑體";font-weight:700;display: inline-block;text-align: center; border-radius: 20px;padding:0.3em 0;background:#ff6600;}


#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02{width:calc(100% - 150px);color:#000914;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 .date{width:100%;font:1.6rem "微軟正黑體";font-weight:500;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 .title{width:100%;font:1.8rem "微軟正黑體";font-weight:700;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 a{color:#353535;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 a:hover{color:#000000;}
/*Iphoto*/


#Iphoto_title{width:100%;text-align: center;padding:2em 0 0 0;background: #f3f3f3}
#Iphoto_title p{width:100%;font:3rem "微軟正黑體";font-weight: 700;line-height: 1em; color:#003c8d;}
#Iphoto_title span{background:#0086b3;color:#ffffff;font:1.2rem "微軟正黑體";font-weight: 700;border-radius: 10px;padding:0.2em 0.8em;}

#Iphoto_bg_block{width:100%;background: #f3f3f3;}
#Iphoto_bg_block #Iphoto_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0;}
#Iphoto_bg_block #Iphoto_block:after {content:''; clear:both; display:block;}
#Iphoto_bg_block #Iphoto_block .Iphoto_list{height:auto !important;cursor:pointer;}
#Iphoto_bg_block #Iphoto_block .Iphoto_list:after {content:''; clear:both; display:block;}
#Iphoto_bg_block #Iphoto_block .Iphoto_list .photo{height:auto !important;z-index:1;position:relative; }

/*#Inews_bg_block #Iphoto_block .Iphoto_list .photo:hover{filter:alpha (opacity=50); opacity: 0.5;}*/

#Iphoto_bg_block #Iphoto_block .Iphoto_list .photo .image-container {overflow: hidden; transition: transform 0.3s ease; }
#Iphoto_bg_block #Iphoto_block .Iphoto_list .photo .image-container img {display: block;/*width: 100%; height: 100%;*/ transition: transform 0.3s ease; }
#Iphoto_bg_block #Iphoto_block .Iphoto_list .photo .image-container:hover img {transform: scale(1.1); }


#Iphoto_bg_block #Iphoto_block .Iphoto_list .photo #photo_total{width:auto;height:auto;z-index:2;position:absolute;top:0px;left:10px;}
#Iphoto_bg_block #Iphoto_block .Iphoto_list .photo #photo_total .Picon{display:inline-block;padding:0.2em 0.4em;background:#00acba;color:#fff;}

#Iphoto_bg_block #Iphoto_block .Iphoto_list .photo .note{width:calc(100% - 4%);margin:2%;padding:0 0 4em;}
#Iphoto_bg_block #Iphoto_block .Iphoto_list .photo .note .snote{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;line-height:30px;}

#Iphoto_bg_block #Iphoto_block .Iphoto_list .photo .note .date{width:100%;color:#808080;font:1.6rem "微軟正黑體";font-weight:700;}
#Iphoto_bg_block #Iphoto_block .Iphoto_list .photo .note .title{width:100%;color:#1E1E1E;font:1.8rem "微軟正黑體";font-weight:700;}
#Iphoto_bg_block #Iphoto_block .Iphoto_list .photo .note .title a{color:#353535;font:1.8rem "微軟正黑體";font-weight:700;}
#Iphoto_bg_block #Iphoto_block .Iphoto_list .photo .note .title a:hover{color:#000000;font:1.8rem "微軟正黑體";font-weight:700;}
#Iphoto_bg_block #Iphoto_block .Iphoto_list .photo .note .phnumber{width:100%;color:#FF9E00;font:1.4rem "微軟正黑體";font-weight:700;}
#Iphoto_bg_block #Iphoto_block .Iphoto_list .photo .note .phnumber .txt01{display:inline-block;color:#b44d01;width:45%;}
#Iphoto_bg_block #Iphoto_block .Iphoto_list .photo .note .phnumber .txt02{display:inline-block;color:#949494;width:50%;text-align:right;}


/*Iabout*/

#Iabout_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;flex-direction: row-reverse;margin:0;background:#ffffff;}
#Iabout_block .Iabout_content_block{width:55%;margin:0;} 
#Iabout_block .Iabout_content_block .Iabout_sp{width:100%;height:88px;display: block;background: #f3f3f3;}
#Iabout_block .Iabout_content_block .Iabout_content_bg{width: 100%;height: auto; min-height: auto;padding:5.5vw 0;opacity: 0;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: center;align-items: baseline; background:#014590 url("../images/iabout_content_bg.jpg") no-repeat right top;}
#Iabout_block .Iabout_content_block .Iabout_content_bg.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;}

#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block{width:500px;margin:0 2em 0 0;padding:0;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_title{font:3rem "微軟正黑體";font-weight:700;font-family: 'Noto Serif TC', serif;color:#ffffff;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_ensub{color:rgba(255,255,255,0.6);font:1.4rem "微軟正黑體";font-weight:700;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_text{color:#ffffff;font:1.8rem "微軟正黑體";font-weight:500;line-height: 3rem;margin:2em 0 0 0;}

#Iabout_block .Iabout_img_block{width:45%;margin:0;position: relative;}
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text{;position: absolute;left:0;/*bottom:10px;*/font:14rem "微軟正黑體";font-weight:500;opacity: 0; color:#014590;/*mix-blend-mode: difference;filter: invert(1);*/}
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;transform: translateY(-100px);}

#Iabout_block .Iabout_img_block .Iabout_img_sp{width:100%;height:88px;display: block;background: #ffffff;}
#Iabout_block .Iabout_img_block .Iabout_img{width:100%;opacity: 0;}
#Iabout_block .Iabout_img_block .Iabout_img img{width:100%;max-width: 100%;}
#Iabout_block .Iabout_img_block .Iabout_img.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05IMGmove;animation-iteration-count:1;}

/*Ivideo*/
#Ivideo_title{width:100%;text-align: center;padding:2em 0 0 0;}
#Ivideo_title p{width:100%;font:3rem "微軟正黑體";font-weight: 700;line-height: 1em; color:#003c8d;}
#Ivideo_title span{background:#0086b3;color:#ffffff;font:1.2rem "微軟正黑體";font-weight: 700;border-radius: 10px;padding:0.2em 0.8em;}

#Ivideo_list_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;padding:4.5rem;}
#Ivideo_list_block .Ivideo_list{width:calc((100%/2) - 1em);margin:0.5em;}
#Ivideo_list_block .Ivideo_list .Ivideo{width:100%;margin:0 0 1.3em 0;}
#Ivideo_list_block .Ivideo_list .Ivideo_content{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;}
#Ivideo_list_block .Ivideo_list .Ivideo_content .date{width:130px;}
#Ivideo_list_block .Ivideo_list .Ivideo_content .date span{display:inline-block;background:#c4c4c4;color:#000000;border-radius: 20px;padding:0.2em 1em;}
#Ivideo_list_block .Ivideo_list .Ivideo_content .content{width:calc(100% - 130px);font:1.8rem "微軟正黑體";font-weight: 700;}

/*Icate4*/
#Icate_bg_block{width:100%;background:#eaeaea;}
#Icate_bg_block .Icate_list_block{display:flex;flex-wrap: wrap;justify-content: flex-start;padding:1em;}
#Icate_bg_block .Icate_list_block .Icate_list{width:calc((100%/2) - 2em);display:flex;flex-wrap: wrap;justify-content: flex-start;margin:0 2em 1em 0;padding:1em;background:#ffffff;border-radius: 20px;}
#Icate_bg_block .Icate_list_block .Icate_list .Iimg{width:200px;}

#Icate_bg_block .Icate_list_block .Icate_list .Iimg_block{width:100%;position: relative;}
#Icate_bg_block .Icate_list_block .Icate_list .Iimg_block .Iimg_title01{right:1em;top: -3em; position: absolute;}
#Icate_bg_block .Icate_list_block .Icate_list .Iimg_block .Iimg_title01 span{display:inline-block;background:#073488;color:#ffffff;font:2rem "微軟正黑體";font-weight: 700;padding:0 1em;border-radius: 20px;}

#Icate_bg_block .Icate_list_block .Icate_list .Iimg_block .Iimg_title02{right:1em;top: -3em; position: absolute;}
#Icate_bg_block .Icate_list_block .Icate_list .Iimg_block .Iimg_title02 span{display:inline-block;background:#b87a04;color:#ffffff;font:2rem "微軟正黑體";font-weight: 700;padding:0 1em;border-radius: 20px;}

#Icate_bg_block .Icate_list_block .Icate_list .Iimg_block .Iimg_title03{right:1em;top: -3em; position: absolute;}
#Icate_bg_block .Icate_list_block .Icate_list .Iimg_block .Iimg_title03 span{display:inline-block;background:#00b9a5;color:#ffffff;font:2rem "微軟正黑體";font-weight: 700;padding:0 1em;border-radius: 20px;}

#Icate_bg_block .Icate_list_block .Icate_list .Iimg_block .Iimg_title04{right:1em;top: -3em; position: absolute;}
#Icate_bg_block .Icate_list_block .Icate_list .Iimg_block .Iimg_title04 span{display:inline-block;background:#590788;color:#ffffff;font:2rem "微軟正黑體";font-weight: 700;padding:0 1em;border-radius: 20px;}



#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block{width:calc((100% - 200px) - 1em);margin:0 0 0 1em;}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list{with:100%}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list .date{width:100%;font:1.6rem "微軟正黑體";font-weight: 500;color:#5e5e5e}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list .Icontent{width:100%;font:1.6rem "微軟正黑體";font-weight: 700;color:#000000;}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list .Icontent a{color:#353535;}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list .Icontent a:hover{color:#000000;}

/*new_list*/
.news_searchst{width:100%;height:auto;border-radius:2px;background:#d2d2d2;padding:0.8em 1.2em;margin:0}
.news_searchst .news_search{width:100%;display:inline-block;margin:0 auto;font-weight:700;}
.news_searchst .news_search select{padding:0.2em;background:#ffffff;border:1px solid #4B4B4B; font:1.7rem "微軟正黑體";font-weight:700;}

.news_searchst .news_search .inpu{width:100%;display:inline-block;color:#000000;}
.news_searchst .news_search .inpu .input{width:calc(100%/2 - 13em);background:#ffffff;border:0px solid #DDDDDD;padding:0.2em 0.5em;font:1.6rem "微軟正黑體";margin:0 0.2em}
@media only screen and (max-width: 479px) {
	
.news_searchst .news_search .inpu .input{width:calc(100% - 11em);background:#ffffff;border:0px solid #DDDDDD;padding:0.2em 0.5em;font:1.6rem "微軟正黑體";margin:0 0.2em}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.news_searchst .news_search .inpu .input{width:calc(100% - 16em);background:#ffffff;border:0px solid #DDDDDD;padding:0.2em 0.5em;font:1.6rem "微軟正黑體";margin:0 0.2em}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.news_searchst .news_search .inpu .input{width:calc(100%/2 - 11em);background:#ffffff;border:0px solid #DDDDDD;padding:0.2em 0.5em;font:1.6rem "微軟正黑體";margin:0 0.2em}
}

.news_searchst .news_search .news_searchbu a{font:1.5rem "微軟正黑體";color:#ffffff;border-radius: 5px; background:#013d85;display:inline-block;text-align:center;padding:0.4em 1em;border:none;cursor:pointer;}
.news_searchst .news_search .news_searchbu a:hover{color:#ffffff;background:#002858;display:inline-block;text-align:center;padding:0.4em 1em;}


.news_list_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;margin:2em 0;}

.news_list_block .txt03_1{width:120px;font:1.7rem "微軟正黑體";font-weight:500;}
.news_list_block .txt03_2{width:130px;}
.news_list_block .txt03_2 span{display:inline-block;font:1.4rem '微軟正黑體';font-weight:700;padding:0.2em 0;border-radius: 30px;width:120px;text-align: center}
.news_list_block .txt03_3{width:calc(100% - 250px);font:1.7rem "微軟正黑體";font-weight:700;}
.news_list_block .news_line{float:left;width:100%;height:auto !important;margin-bottom:15px;background-image: linear-gradient(to right, #a7a7a7 40%, rgba(167, 167, 167, 0) 40%);background-position: bottom;background-size: 4px 1px;background-repeat: repeat-x;padding-bottom:15px;}

.news_list_block  a{color:#353535;}
.news_list_block  a:hover{color:#000000;}

/*news*/
#news_title_block{width:100%;height: auto;padding:0.5em 0;}
#news_title_block #news_title{width:100%;}	

#news_title_block #news_title .Ndate_block{display:flex;flex-wrap: wrap;justify-content: flex-start;padding:0.5em 0;border-top: 2px solid #000000;}
#news_title_block #news_title .Ndate{width:calc(100% - 62px); font:1.4rem '微軟正黑體';}
#news_title_block #news_title .Ndate .Nnote01{color:#013d85}
#news_title_block #news_title .Ndate .Nnote02{color:#2993c5 }
#news_title_block #news_title .Ndate .Nnote03{color:#555555 }
#news_title_block #news_title .Nfb{width:62px;}	


#news_title_block #news_title .cate{width:100%;}
#news_title_block #news_title .cate span{font:1.4rem '微軟正黑體';font-weight:600;display:inline-block;padding:0.2em 1.3em;border-radius: 30px;}
#news_title_block #news_title .Ntitle01{width:100%;font:1.8rem "微軟正黑體";font-weight: 700;color:#000;margin: 0.5em 0}	


.news_content{font:1.7rem "微軟正黑體";line-height:30px;letter-spacing:1px;min-height:300px;font-weight:500;color:#444444;margin:0 0 1em 0;padding:0.5em 0em 1em 0em;border-bottom:1px solid #919191;}
.news_content a{color:#006db4;}
.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;}


/*bottom news*/
.news_more{/*background:#f7f7f7;*/padding:0.2em;}
.news_more .title{font:1.8rem "微軟正黑體";font-weight:700;text-align:center;background:#333738;color:#ffffff;padding:0.5em 0;margin:0 0 0.5em 0}

.news_more .news_more_block{font:1.6rem "微軟正黑體";font-weight:700;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0.5em;}
.news_more .news_more_block:nth-child(odd){background:rgba(0,0,0,0.1);}

.news_more .news_more_block .txt02_1{width:25px;padding:0.2em 0;}
.news_more .news_more_block .txt02_2{width:calc(100% - 25px);padding:0.2em 0;letter-spacing: 1px;}





.news_more .news_more_block a{color:#303030;}
.news_more .news_more_block a:hover{color:#000000;}
.news_more .news_more_block .news_more_line{width:100%;padding-bottom:2px;height:5px;line-height:5px;border-bottom:1px #ffffff dotted;}


@media only screen and (max-width: 479px) {
.news_more .news_more_block .txt02_1{width:25px;padding:0.2em 0;}
.news_more .news_more_block .txt02_2{width:calc(100% - 25px);padding:0.2em 0;letter-spacing: 1px;}	
	
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.news_more .news_more_block .txt02_1{width:25px;padding:0.2em 0;}
.news_more .news_more_block .txt02_2{width:calc(100% - 25px);padding:0.2em 0;letter-spacing: 1px;}
	
}


/*Registration_form*/
.Registration_form{border:1px solid #C3C3C3 ;padding:0.7em;margin-top:2em;}
.Registration_form .Rform_pic{width:auto;height:178px;/*padding:10px;*/background:url(../images/form_title.jpg) center top no-repeat;}
.Registration_form .line{float:left;width:100%;height:auto !important;margin-bottom:5px;background-image: linear-gradient(to right, #333 20%, rgba(51, 51, 51, 0) 20%);background-position: bottom;background-size: 1px 1px;background-repeat: repeat-x;padding-bottom:5px;}
.Registration_form .Rform{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:0;}

.Registration_form .Rform .Rtxt00{width:100%;float:left;font:14pt "微軟正黑體";font-weight:700;line-height:40px;color:#616161;margin-bottom: 0.4em;}
.Registration_form .Rform .Rtxt01{width:15%;padding-left:1%;font:14pt "微軟正黑體";font-weight:700;line-height:40px;text-align:right;background:#f1f1f1;color: #282828;margin-bottom: 0.4em;}
.Registration_form .Rform .Rtxt02{width:83%;padding-left:1%;float:left;font:14pt "微軟正黑體";font-weight:700;line-height:40px;color:#616161;margin-bottom: 0.4em;}
.Registration_form .Rform .Rform_input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:auto;font:1.6rem "微軟正黑體";font-weight:700;}
.Registration_form .Rform .Rform_input01{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:auto;font:1.6rem "微軟正黑體";font-weight:700;}
.Registration_form .Rform .Rform_textarea{width:auto;max-width:700px;height:70px;max-height:70px; border:1px #bbbbbb solid;padding:0.5em;}
.Registration_form .Rform .Rtxt02 select{font:1.6rem "微軟正黑體";font-weight:700;padding:0.5em;border:1px #c9caca solid;background:#ffffff;width:auto}

@media only screen and (max-width: 479px) {
/*Registration_form*/
.Registration_form .Rform_pic{width:auto;height:178px;background:url(../images/form_title.jpg) center top no-repeat;}	
.Registration_form .Rform .Rtxt00{width:100%;font:15pt "微軟正黑體";font-weight:700;line-height:40px;color:#616161;}
.Registration_form .Rform .Rtxt01{width:100%;font:15pt "微軟正黑體";font-weight:700;line-height:40px;background:#f1f1f1;color: #282828; text-align:left;}
.Registration_form .Rform .Rtxt02{width:100%;font:15pt "微軟正黑體";font-weight:700;line-height:40px;color:#616161;}
.Registration_form .Rform .Rform_input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((100% - 1em) - 2px);font:1.6rem "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rform_input01{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((25% - 1em) - 2px);font:1.6rem "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rtxt02 select{font:1.6rem "微軟正黑體";font-weight:700;padding:0.5em;border:1px #c9caca solid;background:#ffffff;width:100%}
}
@media screen and (min-width: 480px) and (max-width: 767px) {

.Registration_form .Rform_pic{width:auto;height:178px;background:url(../images/form_title.jpg) center top no-repeat;}	

.Registration_form .Rform .Rtxt00{width:100%;font:14pt "微軟正黑體";font-weight:700;line-height:40px;color:#616161;}	
.Registration_form .Rform .Rtxt01{width:100%;font:14pt "微軟正黑體";font-weight:700;line-height:40px;background:#f1f1f1;color: #282828; text-align:left;}
.Registration_form .Rform .Rtxt02{width:100%;font:14pt "微軟正黑體";font-weight:700;line-height:40px;color:#616161;}	
.Registration_form .Rform .Rform_input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((100% - 1em) - 2px);font:1.6rem "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rform_input01{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((25% - 1em) - 2px);font:1.6rem "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rtxt02 select{font:1.6rem "微軟正黑體";font-weight:700;padding:0.5em;}	
}
@media screen and (min-width: 768px) and (max-width: 992px) {

.Registration_form .Rform_pic{width:auto;height:178px;background:url(../images/form_title.jpg) center top no-repeat;}	
.Registration_form .Rform .Rtxt00{width:100%;font:14pt "微軟正黑體";font-weight:700;line-height:40px;color:#616161;}	
.Registration_form .Rform .Rtxt01{width:100%;font:1.7rem  "微軟正黑體";font-weight:700;line-height:40px;background:#f1f1f1;color: #282828; text-align:left;}
.Registration_form .Rform .Rtxt02{width:100%;font:1.7rem  "微軟正黑體";font-weight:700;line-height:40px;color:#616161;}	
.Registration_form .Rform .Rform_input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((100% - 1em) - 2px);font:1.6rem "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rform_input01{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((100px - 1em) - 2px);font:1.6rem "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rtxt02 select{font:1.6rem "微軟正黑體";font-weight:700;padding:0.5em;}	
}

/*clerk*/
#clerk_block{display:flex;flex-wrap: wrap;justify-content: flex-start;}	
#clerk_block .clerk_list_block{width:calc((100%/2) - 1em);padding:0.8em;margin:0.5em;display: flex;flex-wrap: wrap;justify-content: flex-start;border-radius: 10px;background: rgba(0,0,0,0.1)}	
#clerk_block .clerk_list_block .clerk_list_img{width:210px;padding:1em;background: #ffffff}	
#clerk_block .clerk_list_block .clerk_list_content{width:calc((100% - 210px) - 0em);line-height: 1.6rem; margin:0em;padding:0.5em;background: #ffffff}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_title{width:100%;margin:0 0 1em 0;}
#clerk_block .clerk_list_block .clerk_list_content .clerk_title .name{font:2.4rem "微軟正黑體";font-weight:600;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_title .job{font:1.5rem "微軟正黑體";font-weight: 400; display: inline-block;background:rgba(0,134,220,1.00);color:#ffffff;border-radius: 20px;padding:0 1em;margin:0 0 0 1em;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_text{width:100%;font:1.7rem "微軟正黑體";font-weight: 700;background: url("../images/left_sub_arrow01.svg")left 0.4em no-repeat;padding:0.2em 0 0.2em 22px;}	
	

/*teacher*/
#teacher_Re_areas_photolist_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0em 0em;}
#teacher_Re_areas_photolist_block:after {content:''; clear:both; display:block;}
#teacher_Re_areas_photolist_block .Tphotolist{height:auto !important;/*cursor:pointer;*/}
#teacher_Re_areas_photolist_block .Tphotolist:after {content:''; clear:both; display:block;}
#teacher_Re_areas_photolist_block .Tphotolist .photo{width:100%;height:auto !important;z-index:1;position:relative;/*box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);*/}

#teacher_Re_areas_photolist_block .Tphotolist .photo .image-container {overflow: hidden; transition: transform 0.3s ease; }
#teacher_Re_areas_photolist_block .Tphotolist .photo .image-container img {display: block; transition: transform 0.3s ease; }
#teacher_Re_areas_photolist_block .Tphotolist .photo .image-container:hover img {transform: scale(1.1); }


#teacher_Re_areas_photolist_block .Tphotolist .photo .note_block{width:100%;margin:0px;padding:0.8em;}
#teacher_Re_areas_photolist_block .Tphotolist .photo .note_block .name{width:100%;margin:0;font:1.5em "微軟正黑體";font-weight: 700;color:#000000;}
#teacher_Re_areas_photolist_block .Tphotolist .photo .note_block .name a{color:#000000;}
#teacher_Re_areas_photolist_block .Tphotolist .photo .note_block .name a:hover{color:#000000;}	
	
#teacher_Re_areas_photolist_block .Tphotolist .photo .note_block .job{width:100%;text-align: right;margin:0 0 1em 0;}
#teacher_Re_areas_photolist_block .Tphotolist .photo .note_block .job span{font:1.3rem "微軟正黑體";font-weight:700;display:inline-block;padding:0.3em 0.8em;border-radius: 30px; background:rgba(0,0,0,0.1);color:rgba(67,67,67,1.00);}


#teacher_Re_areas_photolist_block .Tphotolist .photo .note_block .info{width:100%;font:1.5rem "微軟正黑體";font-weight: 700;color:rgba(0,0,0,0.5);line-height: 2.5rem; display:flex;flex-wrap: wrap;justify-content:flex-start;align-items: baseline}
#teacher_Re_areas_photolist_block .Tphotolist .photo .note_block .info .sub_title{width:100%}
#teacher_Re_areas_photolist_block .Tphotolist .photo .note_block .info .sub_title span{display:inline-block;padding:0.1em 0.3em;border:1px solid rgba(0,0,0,0.5);}
#teacher_Re_areas_photolist_block .Tphotolist .photo .note_block .info .info_content{margin:5px 0 0 0;min-height: 80px;}



/**/
.teacher_Mtitle{font:2.7rem "微軟正黑體";font-weight:700;color:#000000;padding:0.5em 0 0.5em 0;border-bottom:1px rgba(0,0,0,0.4) solid;/*text-indent:0.5em;*/margin-bottom:0.3em;}
.teacher_Mtitle span{display: inline-block;background:#0066cc;color:#ffffff;margin:0 0 0 0.5em;padding:0.1em 1em;border-radius: 30px; font:2rem "微軟正黑體";font-weight: 700;}

.teacher_bg .teacher_bs_block{color:#313131;}

.teacher_bg{width:calc(100% - 2em);font:1.7rem  "微軟正黑體";color:#222222;padding:1.5em 2em;margin:2em 1em;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.teacher_bg .teacher_bs_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}
.teacher_bg .teacher_bs_block .teacher_bs_area02_1{width:400px;}
.teacher_bg .teacher_bs_block .teacher_bs_area02_2{width:calc((100% - 400px) - 2.5em);margin-left: 2.5em;}
.teacher_bg .teacher_bs_block .teacher_bs_area02_2 .title{width:100%;font:2.7rem "微軟正黑體";font-weight: 700;margin:0 0 1em 0;}
.teacher_bg .teacher_bs_block .teacher_bs_area02_2 .title span{display: inline-block;background:#c21920;color:#ffffff;padding:0.1em 0.2em;font:2.2rem "微軟正黑體";font-weight: 700;}

.teacher_bg .teacher_bs_block .teacher_bs_area01_1{width:100%;}
.teacher_bg .teacher_bs_block .teacher_bs_area02_2 .info{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}
.teacher_bg .teacher_bs_block .teacher_bs_area02_2 .info .txt01{width:110px;font-weight:700;margin:0.2em 0;background:url("../images/arrow01.svg")no-repeat left top;padding:0 0 0 25px;}
.teacher_bg .teacher_bs_block .teacher_bs_area02_2 .info .txt02{width:calc(100% - 110px);word-wrap: break-word;word-break: break-all;margin:0.2em 0;}

.teacher_bg .teacher_bs_block .staff_bs_area02_1{width:27%;}
.teacher_bg .teacher_bs_block .staff_bs_area02_2{width:calc((100% - 27%) - 2.5em);margin-left: 2.5em;font:1.8rem "微軟正黑體";}
.teacher_bg .teacher_bs_block .staff_bs_area02_2 .info{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}
.teacher_bg .teacher_bs_block .staff_bs_area02_2 .info .txt01{width:100px;font-weight:700;margin:0.2em 0;color:#000000;font-weight: 700;}
.teacher_bg .teacher_bs_block .staff_bs_area02_2 .info .txt02{width:calc(100% - 100px);word-wrap: break-word;word-break: break-all;margin:0.2em 0;color:#1f1f1f;font-weight: 500;}




@media only screen and (max-width: 959px) {
.teacher_bg{width:calc(100% - 1em);font:1.7rem  "微軟正黑體";color:#222222;padding:1.5em 1em;margin:2em 0.5em;box-shadow:1px 1px 7px #a09f9e;background:url(../nimages/teacher/bg.jpg) no-repeat right top;}
	
.teacher_bg .teacher_bs_block .teacher_bs_area02_1{width:100%;}
.teacher_bg .teacher_bs_block .teacher_bs_area02_2{width:calc((100% - 0%) - 0em);margin-left: 0em;}	
.teacher_bg .teacher_bs_block .teacher_bs_area02_2 .info .txt01{width:100%;font-weight:700;margin:0;}
.teacher_bg .teacher_bs_block .teacher_bs_area02_2 .info .txt02{width:100%;word-wrap: break-word;word-break: break-all;margin:0;padding:0 0 0 25px;}
	
.teacher_bg .teacher_bs_block .staff_bs_area02_1{width:100%;}
.teacher_bg .teacher_bs_block .staff_bs_area02_2{width:calc((100% - 0%) - 0em);margin-left: 0em;}	
.teacher_bg .teacher_bs_block .staff_bs_area02_2 .info .txt01{width:100%;font-weight:700;margin:0;}
.teacher_bg .teacher_bs_block .staff_bs_area02_2 .info .txt02{width:100%;word-wrap: break-word;word-break: break-all;margin:0;}	

	
}


.teacher_plan_block{width:96%;padding:0 2%;font:1.6rem "微軟正黑體";font-weight:700;letter-spacing:1px;}
.teacher_plan_block .list{width:100%;}
.teacher_plan_block .list ol{width:100%;margin:0;padding:0;}
.teacher_plan_block .list .txt01{width:13px;margin-right:2px;float:left;text-align:right;font-weight:700;}
.teacher_plan_block .list .txt02{width:calc(100% - 15px);float:left;font-weight:700;word-wrap: break-word;word-break: break-all;}
.teacher_plan_block .list .txt03{width:calc(100% - 15px);float:left;padding-left:9%;color:#858585;}
.teacher_plan_block .list .txt04{width:calc(100% - 15px);float:left;padding-left:9%;color:#FF7600}


.teacher_plan_block .list .txt05{width:auto;float:left;background:#CFCFCF;color:#000000;padding:0.1em 0.5em;font:1.5rem "微軟正黑體";font-weight:700;}
.teacher_plan_block .list .txt06{width:100%;float:left;font-weight:700;word-wrap: break-word;word-break: break-all;}
.teacher_plan_block .list .txt07{width:50%;float:left;color:#ff6600;}
.teacher_plan_block .list .txt08{width:50%;float:left;color:#858585;}



#teacher_plan_list_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}
#teacher_plan_list_block .text_04_1{width:20px;}
#teacher_plan_list_block .text_04_2{width:calc(100% - 20px);font-weight:700;word-wrap: break-word;word-break: break-all;}
#teacher_plan_list_block .text_04_3{width:calc(100% - 20px);margin-left:20px;color:#858585;}
#teacher_plan_list_block .text_04_4{width:calc(100% - 20px);margin-left:20px;color:#FF7600}


/*teacher_content*/
.teacher_cat{display:inline-block;vertical-align:top;margin:5px 0 0 1%;width:auto;height:auto;font:1.6rem '微軟正黑體';font-weight:700;padding:0.1em 0.2em 0.2em 0.2em}
.teacher_title{width: 100%;font: 2.7rem "微軟正黑體";font-weight: 700;color: #222222;padding:0 0 0 1.5em;margin:1em 0;background:url("../images/arrow02.svg")no-repeat left 3px;/*border-left:5px solid #c11920*/}


.teacher_catbg{font-weight:700;margin:2em 0;display:inline-block;padding:3px 1.5em;text-align:center;color:#ffffff;background:#444444;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
#Mcontents_teacher {width:100%;background:#f6f6f6;color: #000000;padding:1.5em 2em;margin:1.5em 0;}

#Mcontents_teacher ul {list-style:disc;padding:0 0 0 2em;}
#Mcontents_teacher ol {list-style:decimal;padding:0 0 0 2em;}

#Mcontents_teacher a{color:#073488;}
#Mcontents_teacher a:hover{color:#000000;}
/*teacher_block*/


#professor_list_b{width:100%;}
#professor_list_b .title{font:1.7rem "微軟正黑體";font-weight:700;padding:0.2em 2em;background:#666;color:#ffffff;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
#professor_list_b .Writings_content{width:100%;height:auto;font:1.7rem "微軟正黑體";font-weight:500;line-height:30px;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;}
#professor_list_b .Writings_content .Wtext02_1{width:45px;margin-right: 5px; text-align: right;color:#ff0000;font-weight: 700;}
#professor_list_b .Writings_content .Wtext02_2{width:calc(100% - 50px);}

.assistant_catbg{width:auto;min-width:100px;font-weight:700;height:22px;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;}
.assistant_catbg a{color:#ECECEC;}
.assistant_catbg a:hover{color:#ffffff;}

.staff_name{width:100%;font:14pt "微軟正黑體";font-weight:700;margin:1em 0;display:inline-block;}


/*photo*/

.photost{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0em 0em;}
.photost:after {content:''; clear:both; display:block;}
.photost .list{height:auto !important;/*cursor:pointer;*/}
.photost .list:after {content:''; clear:both; display:block;}
.photost .list .photo{width:100%;height:auto !important;z-index:1;position:relative;/*box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);*/}

.photost .list .photo .image-container {overflow: hidden; transition: transform 0.3s ease; }
.photost .list .photo .image-container img {display: block; transition: transform 0.3s ease; }
.photost .list .photo .image-container:hover img {transform: scale(1.1); }

/*
.photost{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0em 0em;}
.photost:after {content:''; clear:both; display:block;}
.photost .list{height:auto !important;cursor:pointer;}
.photost .list:after {content:''; clear:both; display:block;}

.photost .list .photo{width:100%;height:auto !important;z-index:1;position:relative;box-shadow:0px 2px 6px 0px rgba(0,0,0,0.2);}
*/

.photost .list .photo #photo_total{width:auto;height:auto;z-index:2;position:absolute;top:10px;left:10px;}
.photost .list .photo #photo_total .Picon{display:inline-block;padding:0.2em 0.4em;border-radius:5px;background:#00acba;color:#fff;}



.photost .list .photo .note{width:calc(100% - 4%);margin:2%;padding:0 0 4em;}
.photost .list .photo .note .snote{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;line-height:30px;}
.photost .list .photo .note .date{width:100%;color:#8c919b;font:1.6rem "微軟正黑體";font-weight:700;}
.photost .list .photo .note .title{width:100%;color:#1E1E1E;font:1.6rem "微軟正黑體";font-weight:700;}
.photost .list .photo .note .title a{color:#1E1E1E;font:1.6rem "微軟正黑體";font-weight:700;}
.photost .list .photo .note .title a:hover{color:#1E1E1E;font:1.6rem "微軟正黑體";font-weight:700;}
.photost .list .photo .note .phnumber{width:100%;color:#FF9E00;font:1.4rem "微軟正黑體";font-weight:700;}
.photost .list .photo .note .phnumber .txt01{display:inline-block;color:#b44d01;width:45%;}
.photost .list .photo .note .phnumber .txt02{display:inline-block;color:#949494;width:50%;text-align:right;}

/*Med_photo_list*/
.Ntitle{width:100%;font:2.4rem "微軟正黑體";font-weight: 700;margin:0 0 0.5em 0;border-bottom: 2px solid #000000;padding:0.3em 0 0.5em 0.7em;}
.Nnote{width:100%;font:1.4rem "微軟正黑體";font-weight: 700;;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: space-between;align-items: stretch;height: auto;}


.Mphotost{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:space-between;align-items:stretch;  height: auto;padding: 2em 0em;background:#EFEFEF;}
.Mphotost:after {content:''; clear:both; display:block;}
.Mphotost .list{height:auto !important;cursor:pointer;}
.Mphotost .list:after {content:''; clear:both; display:block;}
.Mphotost .list .photo{width:100%;height:auto !important;}
.Mphotost .list .photo:hover{filter:alpha (opacity=50); opacity: 0.5;}

/*photo_content*/
.location_photo_button{width:100%;margin:0 auto;display: flex;flex-wrap: wrap;justify-content: center;}

.location_photo_button #text{float:left;width:300px;text-align:center;}
.location_photo_button #backbu {width:calc((100% - 300px)/2);float:left;height:26px;line-height:26px;display:inline-block; padding-left:30px; vertical-align:middle; font:13pt "微軟正黑體";font-weight:bold; color:#bfbfbf; }
.location_photo_button #backbu a{float:left;height:26px;line-height:26px;display:inline-block; padding-left:30px; vertical-align:middle; font:13pt "微軟正黑體";font-weight:bold; color:#7e7e7e; background:url(../nimages/link01_icon.jpg) no-repeat left 0px;}
.location_photo_button #backbu a:hover{float:left;height:26px;line-height:26px;display:inline-block; padding-left:30px; vertical-align:middle; font:13pt "微軟正黑體";font-weight:bold; color:#013e85; background:url(../nimages/link01_icon_b.jpg) no-repeat left 0px;}

.location_photo_button #backbu01 {width:calc((100% - 300px)/2);float:left;height:26px;line-height:26px;display:inline-block; padding-left:30px; vertical-align:middle; font:13pt "微軟正黑體";font-weight:bold; color:#bfbfbf; }
.location_photo_button #backbu01 a{height:26px;line-height:26px;display:inline-block; padding-right:30px; vertical-align:middle; font:13pt "微軟正黑體";font-weight:bold; color:#7e7e7e; background:url(../nimages/link_icon.jpg) no-repeat right 0px;}
.location_photo_button #backbu01 a:hover{height:26px;line-height:26px;display:inline-block; padding-right:30px; vertical-align:middle; font:13pt "微軟正黑體";font-weight:bold; color:#013e85; background:url(../nimages/link_icon_b.jpg) no-repeat right 0px;}

@media only screen and (max-width: 840px) {
.location_photo_button #text{float:left;width:30%;text-align:center;}	
.location_photo_button #backbu {width:calc((100% - 30%)/2);float:left;height:26px;line-height:26px;display:inline-block; padding-left:0px; vertical-align:middle; font:13pt "微軟正黑體";font-weight:bold; color:#bfbfbf; }
.location_photo_button #backbu a{float:left;height:26px;line-height:26px;display:inline-block; padding-left:0px; vertical-align:middle; font:13pt "微軟正黑體";font-weight:bold; color:#7e7e7e; background:url(../nimages/link01_icon.jpg) no-repeat left 0px;}
.location_photo_button #backbu a:hover{float:left;height:26px;line-height:26px;display:inline-block; padding-left:0px; vertical-align:middle; font:13pt "微軟正黑體";font-weight:bold; color:#013e85; background:url(../nimages/link01_icon_b.jpg) no-repeat left 0px;}

.location_photo_button #backbu01 {width:calc((100% - 30%)/2);float:left;height:26px;line-height:26px;display:inline-block;padding-right:0px; vertical-align:middle; font:13pt "微軟正黑體";font-weight:bold; color:#bfbfbf; }
.location_photo_button #backbu01 a{height:26px;line-height:26px;display:inline-block; padding-right:0px; vertical-align:middle; font:13pt "微軟正黑體";font-weight:bold; color:#7e7e7e; background:url(../nimages/link_icon.jpg) no-repeat right 0px;}
.location_photo_button #backbu01 a:hover{height:26px;line-height:26px;display:inline-block; padding-right:0px; vertical-align:middle; font:13pt "微軟正黑體";font-weight:bold; color:#013e85; background:url(../nimages/link_icon_b.jpg) no-repeat right 0px;}
	
}


.photo_content{width:100%;padding:5%;background:#F7F7F7;display: flex;flex-wrap: wrap;justify-content: center;text-align:center;}
@media only screen and (max-width: 992px) {
.photo_content{width:100%;padding:1%;background:#F7F7F7;display: flex;flex-wrap: wrap;justify-content: center;text-align:center;}	
}

/*video*/
.video_block{width:100%;height:100% !important;overflow:hidden;}
.video_block .video_list{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-between;align-items:flex-start;}
.video_block .video_list .video_info{width:calc(100%/2 - 4%);height:auto;margin:2%;padding:2%;}
.video_block .video_list .video_info .vdate{font:1.6rem Arial;font-weight:700;}
.video_block .video_list .video_info .vtitle{font:1.8rem "微軟正黑體";font-weight:700;color:#0053A0;}
.video_block .video_list .video_info .vsub{font:1.6rem "微軟正黑體";font-weight:500;color:#767676;margin-top:0.5em;}



/*download*/
.download_title{text-align: center; clear:both;font:2.5rem "微軟正黑體";font-weight:bold;color:#222222;padding:0.5em 1em;margin:0 0 1em 0;box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background-color:#f6f6f6;border-radius: 5px;}
.download_list_block{font:1.7rem "微軟正黑體";color:#222222;display: flex;padding:0 1em;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}
.download_list_block .txt03_1{width:110px;}
.download_list_block .txt03_2{width:auto;display:inline-block; vertical-align:middle;  background:url(../images/line.gif) repeat-x left 13px;}
.download_list_block .txt03_2 span{line-height: 20px; font-weight: 700;background: #ffffff;padding-right:1em;}
.download_list_block .txt03_3{width:auto;}
.download_list_block .txt03_2mob{display: none;}

.download_list_block .download_list_line{width:100%;}

@media only screen and (max-width: 479px) {
.download_list_block .txt03_1{width:100%;}
.download_list_block .txt03_2{display:none;}	
.download_list_block .txt03_2mob{width:100%;font:1.7rem "微軟正黑體";font-weight: 700;display:block;}
.download_list_block .txt03_3{width:100%;}	
.download_list_block .download_list_line{width:100%;height:20px;line-height:20px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px dotted #A3A3A3;display: block;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
.download_list_block .txt03_1{width:100%;}	
.download_list_block .txt03_2{display:none;}		
.download_list_block .txt03_2mob{width:100%;font:1.7rem "微軟正黑體";font-weight: 700;display:block;}
.download_list_block .txt03_3{width:100%;}
.download_list_block .download_list_line{width:100%;height:20px;line-height:20px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px dotted #A3A3A3;display: block;}
	
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.download_list_block .txt03_1{width:100%;}
.download_list_block .txt03_2{display:none;}		
.download_list_block .txt03_2mob{width:100%;font:1.7rem "微軟正黑體";font-weight: 700;display:block;}
.download_list_block .txt03_3{width:100%;}	
.download_list_block .download_list_line{width:100%;height:20px;line-height:20px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px dotted #A3A3A3;display: block;}
	
}

/*honor*/
#honor_list_block{display:flex;flex-wrap: wrap;justify-content: flex-start;}
#honor_list_block .text03-1{width:120px;padding:0.8em 0;}
#honor_list_block .text03-1 span{display: inline-block;background:#d2d2d2;color:#000000;margin:0;padding:0.1em 1em;border-radius: 30px; font:1.4rem "微軟正黑體";font-weight: 600;}
#honor_list_block .text03-2{width:calc(100% - 240px);font:1.7rem "微軟正黑體";font-weight: 700;padding:0.8em 0.8em 0.8em 0;}
#honor_list_block .text03-3{width:120px;padding:0.8em 0;}
#honor_list_block .text03-3_mob{display: none;}

/*Alumni*/
#Alumni_block_title{width:100%;margin: 1em 0 0 0; font:2.4rem "微軟正黑體";font-weight: 700;padding:0 0 0 35px;background:url("../images/arrow02.svg") no-repeat left top;}
#Alumni_block{display:flex;flex-wrap: wrap;justify-content: flex-start;background:rgba(0,0,0,0.05);padding:1em;}
#Alumni_block .Alumni_list_block{width:calc((100%/1) - 1em);margin:0.5em;display:flex;flex-wrap: wrap;justify-content: flex-start;}	
#Alumni_block .Alumni_list_block .Alumni_img{width:200px;}
	
#Alumni_block .Alumni_list_block .Alumni_content{width:calc(100% - 200px);padding:0 0.5em;}	
	
#Alumni_block .Alumni_list_block .Alumni_content .name{width:100%;font:3rem "微軟正黑體";font-weight: 700;margin:0 0 0.5em 0;}
#Alumni_block .Alumni_list_block .Alumni_content .name span{display:inline-block;background:#d2d2d2;padding:0.2em 0.8em;border-radius: 30px;margin:0 0 0 0.5em; color:#000000;font:1.4rem "微軟正黑體";font-weight: 500;}	
#Alumni_block .Alumni_list_block .Alumni_content .job{width:100%;font:2rem "微軟正黑體";font-weight: 700;padding:0 0 1em 0;color:#424242;}		   
#Alumni_block .Alumni_list_block .Alumni_content .content{width:100%;font:1.6rem "微軟正黑體";font-weight: 500;color: #434343} 	


/*Admissions*/
.Mtitle_block{width:100%; margin:0.5em 0;text-align: left; background-image: linear-gradient(300deg,#666666, #666666);background-position:center;background-size: 1px 1px;background-repeat: repeat-x;padding-bottom:5px;}
.Mtitle_block .Mtitle_content{width:auto;height:auto;display:inline-block;padding:3px; margin:0 auto;border-radius:30px;/*background:#ff6600;*/}
.Mtitle_block .Mtitle_content .Mtitle_text{width:auto;height:auto;font:2rem "微軟正黑體";font-weight: 700; border-radius:30px;/*color:#fff;*/padding:0.2em 1.2em}

#Admissions_content{background:rgba(0,0,0,0);margin:0;padding:0;width:90%;}

#chair_content{background: rgba(0,0,0,0); padding:0 5vw 0 0;margin:0 0 2em 0;font:1.8rem "微軟正黑體";font-weight: 700;color:#000000;text-align: right}
#chair_content .name{font:2.4rem "微軟正黑體";font-weight: 700;color: #052e8d;}

/***************************mobile**************************************/
@media only screen and (max-width: 399px) {
	
 #main_pic_block {width:100%;height:200px;position: relative; top:81px;background:url(../images/main_title/title01.jpg) no-repeat -60em top;}		
	
/*Introduction*/
#Introduction_block{display:flex;flex-wrap: wrap;justify-content: flex-start;}
#Introduction_block .Introduction_img{width:100%;}
#Introduction_block .Introduction_content{width:100%;}


#Introduction_block01{display:flex;flex-wrap: wrap;justify-content: flex-start;flex-direction:row-reverse}
#Introduction_block01 .Introduction_img01{width:100%;}
#Introduction_block01 .Introduction_content01{width:100%;}	
	
	
/*footer*/	

#footer_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: flex-start;height: auto;padding:0 1em;}	
#footer_block #footer_info_block{width:100%;font:1.3rem "微軟正黑體";color:#ffffff;}
#footer_block #footer_info_block .footer_logo{width:100%;}
#footer_block #footer_info_block .footer_address{width:100%;padding:1.5em 0 0 0.3em;color:rgba(255,255,255,0.5);}

#footer_block #footer_info_block .footer_btn_block{width:100%;display: flex;flex-wrap: wrap;justify-content:center;margin:1em 0 0 0;}
#footer_block #footer_info_block .footer_btn_block .btn01 a{color:#ffffff;background:#0b1e5d;padding:0.2em 0.8em;margin:0.5em 0.5em 0.5em 0;border-radius: 8em;}
#footer_block #footer_info_block .footer_btn_block .btn01 a:hover{background:#000000;padding:0.2em 0.8em;border-radius: 8em;}
#footer_block #footer_info_block .footer_btn_block .btn02 a{color:#ffffff;background:#2f8500;padding:0.2em 0.8em;margin:0.5em 0.5em 0.5em 0;border-radius: 8em;}
#footer_block #footer_info_block .footer_btn_block .btn02 a:hover{background:#000000;padding:0.2em 0.8em;border-radius:  8em;}
#footer_block #footer_info_block .footer_btn_block .btn03 a{color:#ffffff;background:#9c4d00;padding:0.2em 0.8em;margin:0.5em 0.5em 0.5em 0;border-radius:  8em;}
#footer_block #footer_info_block .footer_btn_block .btn03 a:hover{background:#000000;padding:0.2em 0.8em;border-radius:  8em;}
	
#footer_block #footer_info_block .footer_btn_block .btn04 a{color:#ffffff;background:#272727;padding:0.2em 0.8em;margin:0.5em 0.5em 0.5em 0;border-radius:  8em;}
#footer_block #footer_info_block .footer_btn_block .btn04 a:hover{background:#000000;padding:0.2em 0.8em;border-radius:  8em;}	

#footer_block #footer_link_block{width:calc((100% - 0px) - 1em);margin:0 0.5em;padding:1.2em 0 0 0;}
#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%/1);padding:0 0.5em 0 0; color:#ffffff;}
#footer_block #footer_link_block .flink_block .column .title{font-size:1.6rem;font-weight: 600; color:#ffffff;width:100%;margin:0 0 0.2em 0;}

#footer_block #footer_link_block .flink_block .column .column_list_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;padding:0 0 1.5em 0;}
#footer_block #footer_link_block .flink_block .column .column_list_block .column_list{width:calc(100%/2);font-size:1.4rem;padding: 0.3em 0 0 0}
#footer_block #footer_link_block .flink_block .column .column_list_block .column_list a{font-size:1.4rem;color:rgba(255,255,255,0.7)}
#footer_block #footer_link_block .flink_block .column .column_list_block .column_list a:hover{color:rgba(255,255,255,1)}


	
/*pro_list*/

#Inews_bg_block{width:100%;background:#f3f3f3;padding:5rem 0 0 0;}
#Inews_bg_block #Inews_block{width:calc(100% - 3em);float: right;height: auto; min-height: 450px; margin: 0 0 0 3rem;padding:1em 0;background:rgba(255,255,255,1);border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
#Inews_bg_block #Inews_block .animation_block{width:100%;height: auto;  z-index: 0; position: relative}
#Inews_bg_block #Inews_block .animation_block .animte01{width:100px;position: absolute;top:-3em;right: 5vw;z-index: 1;  }

#Inews_bg_block #Inews_block .animation_block .animte02{position: absolute;top:0em;left: -4em;z-index: 1; }
#Inews_bg_block #Inews_block .animation_block .animte02.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05Notemove;animation-iteration-count:1;}
#Inews_bg_block #Inews_block .animation_block .animte01 img{width:80%;}
#Inews_bg_block #Inews_block .animation_block .animte02 img{width:70%;}
	
#Inews_bg_block #Inews_block .Inews_list_block{width:calc(100% - 6em);margin:1em 2em 0 4em;display: flex;flex-wrap: wrap;justify-content:flex-start;}		

#Inews_bg_block #Inews_block .Inews_list_block .Inews_list01{width:100%;margin:0 0 1em 0;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list01 span{width:120px;font:1.4rem "微軟正黑體";font-weight:700;display: inline-block;border-radius: 20px;padding:0.2em auto;background:#ff6600;}

#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02{width:100%;color:#000914;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 .date{width:100%;font:1.6rem "微軟正黑體";font-weight:500;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 .title{width:100%;font:1.8rem "微軟正黑體";font-weight:700;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 a{color:#353535;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 a:hover{color:#000000;}	
	
	
/*Iabout*/

#Iabout_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;flex-direction:column;margin:0;background:#ffffff;}
#Iabout_block .Iabout_content_block{width:100%;margin:0;} 
#Iabout_block .Iabout_content_block .Iabout_sp{width:100%;height:88px;display: none;background: #f3f3f3;}
#Iabout_block .Iabout_content_block .Iabout_content_bg{width: 100%;min-height: auto;opacity: 0;padding:3vw 0;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: center;align-items: baseline; background:#014590 url("../images/iabout_content_bg.jpg") no-repeat right top;}
#Iabout_block .Iabout_content_block .Iabout_content_bg.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;}

#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block{width:100%;margin:0 0em 0 0;padding:2em;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_title{font:2.2rem "微軟正黑體";font-weight:700;font-family: 'Noto Serif TC', serif;color:#ffffff;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_ensub{color:rgba(255,255,255,0.6);font:1.4rem "微軟正黑體";font-weight:700;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_text{color:#ffffff;font:1.8rem "微軟正黑體";font-weight:500;line-height: 3rem;margin:2em 0 0 0;}

	
#Iabout_block .Iabout_img_block{width:100%;height: auto; margin:0;padding:0;}	
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text{position: absolute; left:0.5em;bottom:0vh;font:6rem "微軟正黑體";font-weight:500;opacity: 0; color:#ffffff;/*mix-blend-mode: difference;filter: invert(0);*/}
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;transform: translateY(-10px);}
	
	

#Iabout_block .Iabout_img_block .Iabout_img_sp{width:100%;height:88px;display: none;}
#Iabout_block .Iabout_img_block .Iabout_img{width:100%;height: auto; opacity: 0;display:flex;flex-wrap: wrap;justify-content: flex-end;}
#Iabout_block .Iabout_img_block .Iabout_img img{width:100%;max-width: 100%;height: auto}
#Iabout_block .Iabout_img_block .Iabout_img.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05IMGmove;animation-iteration-count:1;}

/*Ivideo*/
#Ivideo_title{width:100%;text-align: center;padding:2em 0 0 0;}
#Ivideo_title p{width:100%;font:3rem "微軟正黑體";font-weight: 700;line-height: 1em; color:#003c8d;}
#Ivideo_title span{background:#0086b3;color:#ffffff;font:1.2rem "微軟正黑體";font-weight: 700;border-radius: 10px;padding:0.2em 0.8em;}

#Ivideo_list_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;padding:4.5rem;}
#Ivideo_list_block .Ivideo_list{width:calc((100%/1) - 1em);margin:0.5em;}
#Ivideo_list_block .Ivideo_list .Ivideo{width:100%;margin:0 0 1.3em 0;}
#Ivideo_list_block .Ivideo_list .Ivideo_content{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;}
#Ivideo_list_block .Ivideo_list .Ivideo_content .date{width:100%;}
#Ivideo_list_block .Ivideo_list .Ivideo_content .date span{display:inline-block;background:#c4c4c4;color:#000000;border-radius: 20px;padding:0.2em 1em;}
#Ivideo_list_block .Ivideo_list .Ivideo_content .content{width:calc(100% - 0px);font:1.8rem "微軟正黑體";font-weight: 700;}
	
	
/*Icate4*/
#Icate_bg_block{width:100%;background:#eaeaea;}
#Icate_bg_block .Icate_list_block{display:flex;flex-wrap: wrap;justify-content: flex-start;padding:1em;}
#Icate_bg_block .Icate_list_block .Icate_list{width:calc((100%/1) - 0em);display:flex;flex-wrap: wrap;justify-content: flex-start;margin:0 0em 1em 0;padding:1em;background:#ffffff;border-radius: 20px;}
#Icate_bg_block .Icate_list_block .Icate_list .Iimg{width:100%;}
#Icate_bg_block .Icate_list_block .Icate_list .Iimg img{width:100%;max-width: 100%;}	
	
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block{width:100%;margin:0 0 0 0em;}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list{with:100%}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list .date{width:100%;font:1.6rem "微軟正黑體";font-weight: 500;color:#5e5e5e}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list .Icontent{width:100%;font:1.6rem "微軟正黑體";font-weight: 700;color:#000000;}

/*news_list*/
.news_list_block .txt03_1{width:120px;}
.news_list_block .txt03_2{width:130px;vertical-align:middle;}
.news_list_block .txt03_3{width:calc(100% - 0px);}	
			
	
/*video*/
.video_block{width:100%;height:100% !important;overflow:hidden;}
.video_block .video_list{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-between;align-items:flex-start;}
.video_block .video_list .video_info{width:calc(100%/1 - 8%);height:auto;margin:2%;padding:2%;}
.video_block .video_list .video_info .vdate{font:1.6rem Arial;font-weight:700;}
.video_block .video_list .video_info .vtitle{font:2.6rem "微軟正黑體";font-weight:700;color:#0053A0;}
.video_block .video_list .video_info .vsub{font:1.8rem "微軟正黑體";font-weight:500;color:#767676;margin-top:0.5em;}	
	
/*honor*/
#honor_list_block{display:flex;flex-wrap: wrap;justify-content: flex-start;}
#honor_list_block .text03-1{width:120px;padding:0.2em 0;}
#honor_list_block .text03-1 span{display: inline-block;background:#d2d2d2;color:#000000;margin:0;padding:0.1em 1em;border-radius: 30px; font:1.4rem "微軟正黑體";font-weight: 600;}
#honor_list_block .text03-2{width:calc(100% - 0px);font:1.7rem "微軟正黑體";font-weight: 700;padding:0.2em 0;}
#honor_list_block .text03-3{display:none;}
#honor_list_block .text03-3_mob{width:calc(100% - 120px);padding:0.2em 0;display:inline-block;}
	
/*Alumni*/
#Alumni_block{display:flex;flex-wrap: wrap;justify-content: flex-start;background:rgba(0,0,0,0.05);padding:1em;}
#Alumni_block .Alumni_list_block{width:calc((100%/1) - 1em);margin:0.5em;display:flex;flex-wrap: wrap;justify-content: flex-start;}	
#Alumni_block .Alumni_list_block .Alumni_img{width:100%;}
#Alumni_block .Alumni_list_block .Alumni_img img{width:100%;max-width: 100%}		
#Alumni_block .Alumni_list_block .Alumni_content{width:calc(100% - 0px);padding:0 0.5em;}	
	
#Alumni_block .Alumni_list_block .Alumni_content .name{width:100%;font:3rem "微軟正黑體";font-weight: 700;margin:0 0 0.5em 0;}
#Alumni_block .Alumni_list_block .Alumni_content .name span{display:inline-block;background:#d2d2d2;padding:0.2em 0.8em;border-radius: 30px;margin:0 0 0 0.5em; color:#000000;font:1.4rem "微軟正黑體";font-weight: 500;}	
#Alumni_block .Alumni_list_block .Alumni_content .job{width:100%;font:2rem "微軟正黑體";font-weight: 700;padding:0 0 1em 0;color:#424242;}		   
#Alumni_block .Alumni_list_block .Alumni_content .content{width:100%;font:1.6rem "微軟正黑體";font-weight: 500;color: #434343} 	
	
	

/*clerk*/
#clerk_block{display:flex;flex-wrap: wrap;justify-content: flex-start;}	
#clerk_block .clerk_list_block{width:calc((100%/1) - 0em);padding:0.8em;margin:0 0 1em 0;display: flex;flex-wrap: wrap;justify-content: flex-start;border-radius: 10px;background: rgba(0,0,0,0.1)}	
#clerk_block .clerk_list_block .clerk_list_img{width:100%;padding:1em;background: #ffffff}	
#clerk_block .clerk_list_block .clerk_list_content{width:100%;line-height: 1.6rem; margin:0em;padding:0.5em;background: #ffffff}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_title{width:100%;margin:0 0 1em 0;}
#clerk_block .clerk_list_block .clerk_list_content .clerk_title .name{font:2.4rem "微軟正黑體";font-weight:600;display: block}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_title .job{font:1.5rem "微軟正黑體";font-weight: 400; display: inline-block;background:rgba(0,134,220,1.00);color:#ffffff;border-radius: 20px;padding:0 1em;margin:0 0 0 0em;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_text{width:100%;font:1.4rem "微軟正黑體";font-weight: 500; word-wrap: break-word;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_text span{display: block}	
	
	
#chair_content{background: rgba(0,0,0,0); padding:0 ;font:1.8rem "微軟正黑體";font-weight: 700;color:#000000;text-align: center}
#chair_content .name{font:2.4rem "微軟正黑體";font-weight: 700;color: #052e8d;}	
	
}
@media screen and (min-width: 400px) and (max-width: 575px) {
 #main_pic_block {width:100%;height:200px;position: relative; top:81px;background:url(../images/main_title/title01.jpg) no-repeat -35em top;}		
	
/*Introduction*/
#Introduction_block{display:flex;flex-wrap: wrap;justify-content: flex-start;}
#Introduction_block .Introduction_img{width:100%;}
#Introduction_block .Introduction_content{width:100%;}
#Introduction_block .Introduction_img img{width: 100%;max-width: 100%;height: auto;}

#Introduction_block01{display:flex;flex-wrap: wrap;justify-content: flex-start;flex-direction:row-reverse}
#Introduction_block01 .Introduction_img01{width:100%;}
#Introduction_block01 .Introduction_content01{width:100%;}	
#Introduction_block01 .Introduction_img01 img{width: 100%;max-width: 100%;height: auto;}	
	
	
	
/*footer*/	

#footer_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: flex-start;height: auto;padding:0 1em;}	
#footer_block #footer_info_block{width:100%;font:1.3rem "微軟正黑體";color:#ffffff;}
#footer_block #footer_info_block .footer_logo{width:100%;}
#footer_block #footer_info_block .footer_address{width:100%;padding:1.5em 0 0 0.3em;color:rgba(255,255,255,0.5);}

#footer_block #footer_info_block .footer_btn_block{width:100%;display: flex;flex-wrap: wrap;justify-content:center;margin:1em 0 0 0;}
#footer_block #footer_info_block .footer_btn_block .btn01 a{color:#ffffff;background:#0b1e5d;padding:0.2em 0.8em;margin:0 0.5em 0 0;border-radius: 8em;}
#footer_block #footer_info_block .footer_btn_block .btn01 a:hover{background:#000000;padding:0.2em 0.8em;border-radius: 8em;}
#footer_block #footer_info_block .footer_btn_block .btn02 a{color:#ffffff;background:#2f8500;padding:0.2em 0.8em;margin:0 0.5em 0 0;border-radius: 8em;}
#footer_block #footer_info_block .footer_btn_block .btn02 a:hover{background:#000000;padding:0.2em 0.8em;border-radius:  8em;}
#footer_block #footer_info_block .footer_btn_block .btn03 a{color:#ffffff;background:#9c4d00;padding:0.2em 0.8em;margin:0 0.5em 0 0;border-radius:  8em;}
#footer_block #footer_info_block .footer_btn_block .btn03 a:hover{background:#000000;padding:0.2em 0.8em;border-radius:  8em;}
	
#footer_block #footer_info_block .footer_btn_block .btn04 a{color:#ffffff;background:#272727;padding:0.2em 0.8em;margin:0 0.5em 0 0;border-radius:  8em;}
#footer_block #footer_info_block .footer_btn_block .btn04 a:hover{background:#000000;padding:0.2em 0.8em;border-radius:  8em;}	

#footer_block #footer_link_block{width:calc((100% - 0px) - 1em);margin:0 0.5em;padding:1.2em 0 0 0;}
#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%/1);padding:0 0.5em 0 0; color:#ffffff;}
#footer_block #footer_link_block .flink_block .column .title{font-size:1.6rem;font-weight: 600; color:#ffffff;width:100%;margin:0 0 0.2em 0;}

#footer_block #footer_link_block .flink_block .column .column_list_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;padding:0 0 1.5em 0;}
#footer_block #footer_link_block .flink_block .column .column_list_block .column_list{width:calc(100%/2);font-size:1.4rem;padding: 0.3em 0 0 0}

	
	
	
/*pro_list*/

	
#Inews_bg_block{width:100%;background:#f3f3f3;padding:5rem 0 0 0;}
#Inews_bg_block #Inews_block{width:calc(100% - 3em);float: right;height: auto; min-height: 450px; margin: 0 0 0 3rem;padding:1em 0;background:rgba(255,255,255,1);border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
#Inews_bg_block #Inews_block .animation_block{width:100%;height: auto;  z-index: 0; position: relative}
#Inews_bg_block #Inews_block .animation_block .animte01{width:100px;position: absolute;top:-3em;right: 10vw;z-index: 1;  }

#Inews_bg_block #Inews_block .animation_block .animte02{position: absolute;top:0em;left: -4em;z-index: 1; }
#Inews_bg_block #Inews_block .animation_block .animte02.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05Notemove;animation-iteration-count:1;}
#Inews_bg_block #Inews_block .animation_block .animte01 img{width:85%;}
#Inews_bg_block #Inews_block .animation_block .animte02 img{width:75%;}
	
#Inews_bg_block #Inews_block .Inews_list_block{width:calc(100% - 6em);margin:1em 2em 0 4em;display: flex;flex-wrap: wrap;justify-content:flex-start;}		

#Inews_bg_block #Inews_block .Inews_list_block .Inews_list01{width:100%;margin:0 0 1em 0;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list01 span{font:1.4rem "微軟正黑體";font-weight:700;display: inline-block;border-radius: 20px;padding:0.2em 1em;background:#ff6600;}

#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02{width:100%;color:#000914;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 .date{width:100%;font:1.6rem "微軟正黑體";font-weight:500;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 .title{width:100%;font:1.8rem "微軟正黑體";font-weight:700;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 a{color:#353535;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 a:hover{color:#000000;}	

	
/*Iabout*/

#Iabout_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;flex-direction: row-reverse;margin:0;background:#ffffff;}
#Iabout_block .Iabout_content_block{width:100%;margin:0;} 
#Iabout_block .Iabout_content_block .Iabout_sp{width:100%;height:88px;display: none;background: #f3f3f3;}
#Iabout_block .Iabout_content_block .Iabout_content_bg{width: 100%;min-height: auto;opacity: 0;padding:3.5vw 0;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: center;align-items: baseline; background:#014590 url("../images/iabout_content_bg.jpg") no-repeat right top;}
#Iabout_block .Iabout_content_block .Iabout_content_bg.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;}

#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block{width:100%;margin:0 0em 0 0;padding:2em;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_title{font:2.2rem "微軟正黑體";font-weight:700;font-family: 'Noto Serif TC', serif;color:#ffffff;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_ensub{color:rgba(255,255,255,0.6);font:1.4rem "微軟正黑體";font-weight:700;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_text{color:#ffffff;font:1.8rem "微軟正黑體";font-weight:500;line-height: 3rem;margin:2em 0 0 0;}

#Iabout_block .Iabout_img_block{width:100%;margin:0;position: relative;}
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text{position: absolute; left:0.5em;bottom:0vh;font:6rem "微軟正黑體";font-weight:500;opacity: 0; color:#ffffff;/*mix-blend-mode: difference;filter: invert(0);*/}
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;transform: translateY(-10px);}


#Iabout_block .Iabout_img_block .Iabout_img_sp{width:100%;height:88px;display: none;background: #ffffff;}
#Iabout_block .Iabout_img_block .Iabout_img{width:100%;opacity: 0;display:flex;flex-wrap: wrap;justify-content: flex-end;}
#Iabout_block .Iabout_img_block .Iabout_img img{width:100%;max-width: 100%;}
#Iabout_block .Iabout_img_block .Iabout_img.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05IMGmove;animation-iteration-count:1;}	

/*Ivideo*/
#Ivideo_title{width:100%;text-align: center;padding:2em 0 0 0;}
#Ivideo_title p{width:100%;font:3rem "微軟正黑體";font-weight: 700;line-height: 1em; color:#003c8d;}
#Ivideo_title span{background:#0086b3;color:#ffffff;font:1.2rem "微軟正黑體";font-weight: 700;border-radius: 10px;padding:0.2em 0.8em;}

#Ivideo_list_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;padding:4.5rem;}
#Ivideo_list_block .Ivideo_list{width:calc((100%/1) - 1em);margin:0.5em;}
#Ivideo_list_block .Ivideo_list .Ivideo{width:100%;margin:0 0 1.3em 0;}
#Ivideo_list_block .Ivideo_list .Ivideo_content{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;}
#Ivideo_list_block .Ivideo_list .Ivideo_content .date{width:100%;}
#Ivideo_list_block .Ivideo_list .Ivideo_content .date span{display:inline-block;background:#c4c4c4;color:#000000;border-radius: 20px;padding:0.2em 1em;}
#Ivideo_list_block .Ivideo_list .Ivideo_content .content{width:calc(100% - 0px);font:1.8rem "微軟正黑體";font-weight: 700;}
	
	
/*Icate4*/
#Icate_bg_block{width:100%;background:#eaeaea;}
#Icate_bg_block .Icate_list_block{display:flex;flex-wrap: wrap;justify-content: flex-start;padding:2em;}
#Icate_bg_block .Icate_list_block .Icate_list{width:calc((100%/1) - 0em);display:flex;flex-wrap: wrap;justify-content: flex-start;margin:0 0em 1em 0;padding:1.5em;background:#ffffff;border-radius: 20px;}
#Icate_bg_block .Icate_list_block .Icate_list .Iimg{width:100%;}
#Icate_bg_block .Icate_list_block .Icate_list .Iimg img{width:100%;max-width: 100%;}	
	
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block{width:100%;margin:0 0 0 0em;}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list{with:100%}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list .date{width:100%;font:1.6rem "微軟正黑體";font-weight: 500;color:#5e5e5e}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list .Icontent{width:100%;font:1.6rem "微軟正黑體";font-weight: 700;color:#000000;}

/*news_list*/
.news_list_block .txt03_1{width:120px;}
.news_list_block .txt03_2{width:calc(100% - 120px);vertical-align:middle;}
.news_list_block .txt03_3{width:calc(100% - 0px);}		
	
/*video*/
.video_block{width:100%;height:100% !important;overflow:hidden;}
.video_block .video_list{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-between;align-items:flex-start;}
.video_block .video_list .video_info{width:calc(100%/1 - 8%);height:auto;margin:2%;padding:2%;}
.video_block .video_list .video_info .vdate{font:1.6rem Arial;font-weight:700;}
.video_block .video_list .video_info .vtitle{font:2.6rem "微軟正黑體";font-weight:700;color:#0053A0;}
.video_block .video_list .video_info .vsub{font:1.8rem "微軟正黑體";font-weight:500;color:#767676;margin-top:0.5em;}		
	
/*honor*/
#honor_list_block{display:flex;flex-wrap: wrap;justify-content: flex-start;}
#honor_list_block .text03-1{width:120px;padding:0.2em 0;}
#honor_list_block .text03-1 span{display: inline-block;background:#d2d2d2;color:#000000;margin:0;padding:0.1em 1em;border-radius: 30px; font:1.4rem "微軟正黑體";font-weight: 600;}
#honor_list_block .text03-2{width:calc(100% - 0px);font:1.7rem "微軟正黑體";font-weight: 700;padding:0.2em 0;}
#honor_list_block .text03-3{display:none;}
#honor_list_block .text03-3_mob{width:calc(100% - 120px);padding:0.2em 0;display:inline-block;}
	
/*Alumni*/
#Alumni_block{display:flex;flex-wrap: wrap;justify-content: flex-start;background:rgba(0,0,0,0.05);padding:1em;}
#Alumni_block .Alumni_list_block{width:calc((100%/1) - 1em);margin:0.5em;display:flex;flex-wrap: wrap;justify-content: flex-start;}	
#Alumni_block .Alumni_list_block .Alumni_img{width:100%;}
#Alumni_block .Alumni_list_block .Alumni_img img{width:100%;max-width: 100%}	
#Alumni_block .Alumni_list_block .Alumni_content{width:calc(100% - 0px);padding:0 0.5em;}	
	
#Alumni_block .Alumni_list_block .Alumni_content .name{width:100%;font:3rem "微軟正黑體";font-weight: 700;margin:0 0 0.5em 0;}
#Alumni_block .Alumni_list_block .Alumni_content .name span{display:inline-block;background:#d2d2d2;padding:0.2em 0.8em;border-radius: 30px;margin:0 0 0 0.5em; color:#000000;font:1.4rem "微軟正黑體";font-weight: 500;}	
#Alumni_block .Alumni_list_block .Alumni_content .job{width:100%;font:2rem "微軟正黑體";font-weight: 700;padding:0 0 1em 0;color:#424242;}		   
#Alumni_block .Alumni_list_block .Alumni_content .content{width:100%;font:1.6rem "微軟正黑體";font-weight: 500;color: #434343} 	
	
/*clerk*/
#clerk_block{display:flex;flex-wrap: wrap;justify-content: flex-start;}	
#clerk_block .clerk_list_block{width:calc((100%/1) - 0em);padding:0.8em;margin:0 0 1em 0;display: flex;flex-wrap: wrap;justify-content: flex-start;border-radius: 10px;background: rgba(0,0,0,0.1)}	
#clerk_block .clerk_list_block .clerk_list_img{width:100%;padding:1em;background: #ffffff}	
#clerk_block .clerk_list_block .clerk_list_img img{width:100%;max-width: 100%;height: auto}	
#clerk_block .clerk_list_block .clerk_list_content{width:calc((100% - 0px) - 0em);line-height: 1.6rem; margin:0em;padding:0.5em;background: #ffffff}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_title{width:100%;margin:0 0 1em 0;}
#clerk_block .clerk_list_block .clerk_list_content .clerk_title .name{font:2.4rem "微軟正黑體";font-weight:600;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_title .job{font:1.5rem "微軟正黑體";font-weight: 400; display: inline-block;background:rgba(0,134,220,1.00);color:#ffffff;border-radius: 20px;padding:0 1em;margin:0 0 0 1em;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_text{width:100%;font:1.5rem "微軟正黑體";font-weight: 700;background: url("../images/left_sub_arrow01.svg")left 0.4em no-repeat;padding:0.2em 0 0.2em 22px;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_text span{display:block;}	
	
#chair_content{background: rgba(0,0,0,0); padding:0;font:1.8rem "微軟正黑體";font-weight: 700;color:#000000;text-align: center}
#chair_content .name{font:2.4rem "微軟正黑體";font-weight: 700;color: #052e8d;}		
}
@media screen and (min-width: 576px) and (max-width: 767px) {
 #main_pic_block {width:100%;height:200px;position: relative; top:81px;background:url(../images/main_title/title01.jpg) no-repeat -30em top;}		
	
	
/*Introduction*/
#Introduction_block{display:flex;flex-wrap: wrap;justify-content: flex-start;}
#Introduction_block .Introduction_img{width:100%;}
#Introduction_block .Introduction_content{width:100%;}
#Introduction_block .Introduction_img img{width: 100%;max-width: 100%;height: auto;}

#Introduction_block01{display:flex;flex-wrap: wrap;justify-content: flex-start;flex-direction:row-reverse}
#Introduction_block01 .Introduction_img01{width:100%;}
#Introduction_block01 .Introduction_content01{width:100%;}	
#Introduction_block01 .Introduction_img01 img{width: 100%;max-width: 100%;height: auto;}		
	
/*footer*/

#footer_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: flex-start;height: auto;padding:0 1em;}

#footer_block #footer_info_block{width:100%;font:1.3rem "微軟正黑體";color:#ffffff;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#footer_block #footer_info_block .footer_logo{width:230px;}
#footer_block #footer_info_block .footer_address{width:calc(100% - 230px);padding:0em 0 0 0.3em;color:rgba(255,255,255,0.5);}

#footer_block #footer_info_block .footer_btn_block{width:100%;display: flex;flex-wrap: wrap;justify-content: center;margin:1em 0 0 0;}

#footer_block #footer_link_block{width:calc((100% - 0px) - 1em);margin:0 0.5em;padding:1.2em 0 0 0;}
#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%/4);padding:0 0.5em 0 0; color:#ffffff;}
#footer_block #footer_link_block .flink_block .column .title{font-size:1.6rem;font-weight: 600; color:#ffffff;width:100%;margin:0 0 0.5em 0;}

#footer_block #footer_link_block .flink_block .column .column_list_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;margin:0 0 1em 0;}

	
	
	
/*pro_list*/

#Inews_bg_block{width:100%;background:#f3f3f3;padding:8rem 0 0 0;}
#Inews_bg_block #Inews_block{width:calc(100% - 10vw);float: right;height: auto; min-height: 450px; margin: 0 0 0rem 10vw;padding:2em 0;background:rgba(255,255,255,1);border-top-left-radius: 30px;border-bottom-left-radius: 30px;}	
#Inews_bg_block #Inews_block .animation_block{width:100%;height: auto; background:#ff6600; z-index: 0; position: relative}
#Inews_bg_block #Inews_block .animation_block .animte01{width:100px;position: absolute;top:-4em;right: 15vw;z-index: 1;  }

#Inews_bg_block #Inews_block .animation_block .animte02{position: absolute;top:0em;left: -4em;z-index: 1; }
#Inews_bg_block #Inews_block .animation_block .animte02.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05Notemove;animation-iteration-count:1;}

#Inews_bg_block #Inews_block .animation_block .animte01 img{width:85%;}
#Inews_bg_block #Inews_block .animation_block .animte02 img{width:75%;}	
	
#Inews_bg_block #Inews_block .Inews_list_block{width:calc(100% - 7em);margin:2em 2em 0 5em;display: flex;flex-wrap: wrap;justify-content:flex-start;}		
	
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list01{width:150px;margin:0;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list01 span{font:1.4rem "微軟正黑體";font-weight:700;display: inline-block;border-radius: 20px;padding:0.2em 1em;background:#ff6600;}

#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02{width:calc(100% - 150px);color:#000914;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 .date{width:100%;font:1.6rem "微軟正黑體";font-weight:500;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 .title{width:100%;font:1.8rem "微軟正黑體";font-weight:700;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 a{color:#353535;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 a:hover{color:#000000;}
	
	
/*Iabout*/

#Iabout_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;flex-direction: row-reverse;margin:0;background:#ffffff;}
#Iabout_block .Iabout_content_block{width:100%;margin:0;} 
#Iabout_block .Iabout_content_block .Iabout_sp{width:100%;height:88px;display: none;background: #f3f3f3;}
#Iabout_block .Iabout_content_block .Iabout_content_bg{width: 100%;min-height: auto;opacity: 0;padding:4vw 0;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: center;align-items: baseline; background:#014590 url("../images/iabout_content_bg.jpg") no-repeat right top;}
#Iabout_block .Iabout_content_block .Iabout_content_bg.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;}

#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block{width:100%;margin:0 0em 0 0;padding:2em;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_title{font:3rem "微軟正黑體";font-weight:700;font-family: 'Noto Serif TC', serif;color:#ffffff;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_ensub{color:rgba(255,255,255,0.6);font:1.4rem "微軟正黑體";font-weight:700;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_text{color:#ffffff;font:1.8rem "微軟正黑體";font-weight:500;line-height: 3rem;margin:2em 0 0 0;}

#Iabout_block .Iabout_img_block{width:100%;margin:0;}
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text{position: absolute; left:0.5em;bottom:0vh;font:10rem "微軟正黑體";font-weight:500;opacity: 0; color:#ffffff;/*mix-blend-mode: difference;filter: invert(0);*/}
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;transform: translateY(-10px);}


#Iabout_block .Iabout_img_block .Iabout_img_sp{width:100%;height:88px;display: none;background: #ffffff;}
#Iabout_block .Iabout_img_block .Iabout_img{width:100%;opacity: 0;display:flex;flex-wrap: wrap;justify-content: flex-end;}
#Iabout_block .Iabout_img_block .Iabout_img img{width:100%;max-width: 100%;}
#Iabout_block .Iabout_img_block .Iabout_img.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05IMGmove;animation-iteration-count:1;}		

/*Ivideo*/
#Ivideo_title{width:100%;text-align: center;padding:2em 0 0 0;}
#Ivideo_title p{width:100%;font:3rem "微軟正黑體";font-weight: 700;line-height: 1em; color:#003c8d;}
#Ivideo_title span{background:#0086b3;color:#ffffff;font:1.2rem "微軟正黑體";font-weight: 700;border-radius: 10px;padding:0.2em 0.8em;}

#Ivideo_list_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;padding:4.5rem;}
#Ivideo_list_block .Ivideo_list{width:calc((100%/2) - 1em);margin:0.5em;}
#Ivideo_list_block .Ivideo_list .Ivideo{width:100%;margin:0 0 1.3em 0;}
#Ivideo_list_block .Ivideo_list .Ivideo_content{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;}
#Ivideo_list_block .Ivideo_list .Ivideo_content .date{width:100%;}
#Ivideo_list_block .Ivideo_list .Ivideo_content .date span{display:inline-block;background:#c4c4c4;color:#000000;border-radius: 20px;padding:0.2em 1em;}
#Ivideo_list_block .Ivideo_list .Ivideo_content .content{width:calc(100% - 0px);font:1.8rem "微軟正黑體";font-weight: 700;}

/*Icate4*/
#Icate_bg_block{width:100%;background:#eaeaea;}
#Icate_bg_block .Icate_list_block{display:flex;flex-wrap: wrap;justify-content: flex-start;padding:1em;}
#Icate_bg_block .Icate_list_block .Icate_list{width:calc((100%/1) - 0em);display:flex;flex-wrap: wrap;justify-content: flex-start;margin:0 0em 1em 0;padding:1em;background:#ffffff;border-radius: 20px;}
#Icate_bg_block .Icate_list_block .Icate_list .Iimg{width:200px;}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block{width:calc((100% - 200px) - 1em);margin:0 0 0 1em;}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list{with:100%}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list .date{width:100%;font:1.6rem "微軟正黑體";font-weight: 500;color:#5e5e5e}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list .Icontent{width:100%;font:1.6rem "微軟正黑體";font-weight: 700;color:#000000;}


/*clerk*/
#clerk_block{display:flex;flex-wrap: wrap;justify-content: flex-start;}	
#clerk_block .clerk_list_block{width:calc((100%/1) - 0em);padding:0.8em;margin:0 0 1em 0;display: flex;flex-wrap: wrap;justify-content: flex-start;border-radius: 10px;background: rgba(0,0,0,0.1)}	
#clerk_block .clerk_list_block .clerk_list_img{width:180px;padding:1em;background: #ffffff}	
#clerk_block .clerk_list_block .clerk_list_content{width:calc((100% - 180px) - 0em);line-height: 1.6rem; margin:0em;padding:0.5em;background: #ffffff}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_title{width:100%;margin:0 0 1em 0;}
#clerk_block .clerk_list_block .clerk_list_content .clerk_title .name{font:2.4rem "微軟正黑體";font-weight:600;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_title .job{font:1.5rem "微軟正黑體";font-weight: 400; display: inline-block;background:rgba(0,134,220,1.00);color:#ffffff;border-radius: 20px;padding:0 1em;margin:0 0 0 1em;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_text{width:100%;font:1.6rem "微軟正黑體";font-weight: 700;background: url("../images/left_sub_arrow01.svg")left 0.4em no-repeat;padding:0.2em 0 0.2em 22px;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_text span{display:block;}	

	
#chair_content{background: rgba(0,0,0,0); padding:0 ;font:1.8rem "微軟正黑體";font-weight: 700;color:#000000;text-align: center}
#chair_content .name{font:2.4rem "微軟正黑體";font-weight: 700;color: #052e8d;}		
}
@media screen and (min-width: 768px) and (max-width: 991px) {
 #main_pic_block {width:100%;height:200px;position: relative; top:81px;background:url(../images/main_title/title01.jpg) no-repeat -25em top;}
	
/*Introduction*/
#Introduction_block{display:flex;flex-wrap: wrap;justify-content: flex-start;}
#Introduction_block .Introduction_img{width:300px;}
#Introduction_block .Introduction_content{width:calc(100% - 300px);}
#Introduction_block .Introduction_img img{width: 100%;max-width: 100%;height: auto;}

#Introduction_block01{display:flex;flex-wrap: wrap;justify-content: flex-start;flex-direction:row-reverse;margin: 0 0 1em 0;}
#Introduction_block01 .Introduction_img01{width:350px;}
#Introduction_block01 .Introduction_content01{width:calc(100% - 350px);}
#Introduction_block01 .Introduction_img img{width: 100%;max-width: 100%;height: auto;}		
	
	
/*footer*/

#footer_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: flex-start;height: auto;padding:0 1em;}

#footer_block #footer_info_block{width:100%;font:1.3rem "微軟正黑體";color:#ffffff;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#footer_block #footer_info_block .footer_logo{width:230px;}
#footer_block #footer_info_block .footer_address{width:calc(100% - 230px);padding:0em 0 0 0.3em;color:rgba(255,255,255,0.5);}

#footer_block #footer_info_block .footer_btn_block{width:100%;display: flex;flex-wrap: wrap;justify-content: center;margin:1em 0 0 0;}

#footer_block #footer_link_block{width:calc((100% - 0px) - 1em);margin:0 0.5em;padding:1.2em 0 0 0;}
#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%/4);padding:0 0.5em 0 0; color:#ffffff;}
#footer_block #footer_link_block .flink_block .column .title{font-size:1.6rem;font-weight: 600; color:#ffffff;width:100%;margin:0 0 0.5em 0;}

#footer_block #footer_link_block .flink_block .column .column_list_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;margin:0 0 1em 0;}
	
/*pro_list*/

#Inews_bg_block{width:100%;background:#f3f3f3;padding:8rem 0 0 0;}
#Inews_bg_block #Inews_block{width:calc(100% - 10vw);float: right;height: auto; min-height: 450px; margin: 0 0 0rem 10vw;padding:2em 0;background:rgba(255,255,255,1);border-top-left-radius: 30px;border-bottom-left-radius: 30px;}	

#Inews_bg_block #Inews_block .animation_block{width:100%;height: auto; background:#ff6600; z-index: 0; position: relative}
#Inews_bg_block #Inews_block .animation_block .animte01{width:100px;position: absolute;top:-5em;right: 20vw;z-index: 1;  }

#Inews_bg_block #Inews_block .animation_block .animte02{position: absolute;top:0em;left: -5em;z-index: 1; }
#Inews_bg_block #Inews_block .animation_block .animte02.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05Notemove;animation-iteration-count:1;}

#Inews_bg_block #Inews_block .animation_block .animte01 img{width:90%;}
#Inews_bg_block #Inews_block .animation_block .animte02 img{width:80%;}	
	
#Inews_bg_block #Inews_block .Inews_list_block{width:calc(100% - 10em);margin:7em 2em 0 8em;display: flex;flex-wrap: wrap;justify-content:flex-start;}	

#Inews_bg_block #Inews_block .Inews_list_block .Inews_list01{width:150px;margin:0;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list01 span{font:1.4rem "微軟正黑體";font-weight:700;display: inline-block;border-radius: 20px;padding:0.2em 1em;background:#ff6600;}

#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02{width:calc(100% - 150px);color:#000914;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 .date{width:100%;font:1.6rem "微軟正黑體";font-weight:500;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 .title{width:100%;font:1.8rem "微軟正黑體";font-weight:700;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 a{color:#353535;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 a:hover{color:#000000;}
	
	
/*Iabout*/

#Iabout_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;flex-direction: row-reverse;margin:0;background:#ffffff;}
#Iabout_block .Iabout_content_block{width:100%;margin:0;} 
#Iabout_block .Iabout_content_block .Iabout_sp{width:100%;height:88px;display: none;background: #f3f3f3;}
#Iabout_block .Iabout_content_block .Iabout_content_bg{width: 100%;min-height: auto;opacity: 0;padding:4.5vw 0;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: center;align-items: baseline; background:#014590 url("../images/iabout_content_bg.jpg") no-repeat right top;}
#Iabout_block .Iabout_content_block .Iabout_content_bg.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;}

#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block{width:100%;margin:0 0em 0 0;padding:2em;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_title{font:2.7rem "微軟正黑體";font-weight:700;font-family: 'Noto Serif TC', serif;color:#ffffff;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_ensub{color:rgba(255,255,255,0.6);font:1.4rem "微軟正黑體";font-weight:700;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_text{color:#ffffff;font:1.8rem "微軟正黑體";font-weight:500;line-height: 3rem;margin:2em 0 0 0;}

#Iabout_block .Iabout_img_block{width:100%;margin:0;}
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text{position: absolute; left:0.2em;bottom:0vh;font:8em "微軟正黑體";font-weight:500;opacity: 0; color:#ffffff;/*mix-blend-mode: difference;filter: invert(0);*/}
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;transform: translateY(-10px);}


#Iabout_block .Iabout_img_block .Iabout_img_sp{width:100%;height:88px;display: none;background: #ffffff;}
#Iabout_block .Iabout_img_block .Iabout_img{width:100%;opacity: 0;display:flex;flex-wrap: wrap;justify-content: flex-end;}
#Iabout_block .Iabout_img_block .Iabout_img img{width:100%;max-width: 100%;}
#Iabout_block .Iabout_img_block .Iabout_img.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05IMGmove;animation-iteration-count:1;}

/*Ivideo*/
#Ivideo_title{width:100%;text-align: center;padding:2em 0 0 0;}
#Ivideo_title p{width:100%;font:3rem "微軟正黑體";font-weight: 700;line-height: 1em; color:#003c8d;}
#Ivideo_title span{background:#0086b3;color:#ffffff;font:1.2rem "微軟正黑體";font-weight: 700;border-radius: 10px;padding:0.2em 0.8em;}

#Ivideo_list_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;padding:4.5rem;}
#Ivideo_list_block .Ivideo_list{width:calc((100%/2) - 1em);margin:0.5em;}
#Ivideo_list_block .Ivideo_list .Ivideo{width:100%;margin:0 0 1.3em 0;}
#Ivideo_list_block .Ivideo_list .Ivideo_content{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;}
#Ivideo_list_block .Ivideo_list .Ivideo_content .date{width:100%;}
#Ivideo_list_block .Ivideo_list .Ivideo_content .date span{display:inline-block;background:#c4c4c4;color:#000000;border-radius: 20px;padding:0.2em 1em;}
#Ivideo_list_block .Ivideo_list .Ivideo_content .content{width:calc(100% - 0px);font:1.8rem "微軟正黑體";font-weight: 700;}
	
	
/*Icate4*/
#Icate_bg_block{width:100%;background:#eaeaea;}
#Icate_bg_block .Icate_list_block{display:flex;flex-wrap: wrap;justify-content: flex-start;padding:1em;}
#Icate_bg_block .Icate_list_block .Icate_list{width:calc((100%/1) - 0em);display:flex;flex-wrap: wrap;justify-content: flex-start;margin:0 0em 1em 0;padding:1em;background:#ffffff;border-radius: 20px;}
#Icate_bg_block .Icate_list_block .Icate_list .Iimg{width:200px;}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block{width:calc((100% - 200px) - 1em);margin:0 0 0 1em;}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list{with:100%}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list .date{width:100%;font:1.6rem "微軟正黑體";font-weight: 500;color:#5e5e5e}
#Icate_bg_block .Icate_list_block .Icate_list .Icontent_block .Icontent_list .Icontent{width:100%;font:1.6rem "微軟正黑體";font-weight: 700;color:#000000;}

/*clerk*/
#clerk_block{display:flex;flex-wrap: wrap;justify-content: flex-start;}	
#clerk_block .clerk_list_block{width:calc((100%/1) - 1em);padding:0.8em;margin:0.5em;display: flex;flex-wrap: wrap;justify-content: flex-start;border-radius: 10px;background: rgba(0,0,0,0.1)}	
#clerk_block .clerk_list_block .clerk_list_img{width:210px;padding:1em;background: #ffffff}	
#clerk_block .clerk_list_block .clerk_list_content{width:calc((100% - 210px) - 0em);line-height: 1.6rem; margin:0em;padding:0.5em;background: #ffffff}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_title{width:100%;margin:0 0 1em 0;}
#clerk_block .clerk_list_block .clerk_list_content .clerk_title .name{font:2.4rem "微軟正黑體";font-weight:600;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_title .job{font:1.5rem "微軟正黑體";font-weight: 400; display: inline-block;background:rgba(0,134,220,1.00);color:#ffffff;border-radius: 20px;padding:0 1em;margin:0 0 0 1em;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_text{width:100%;font:1.7rem "微軟正黑體";font-weight: 700;background: url("../images/left_sub_arrow01.svg")left 0.4em no-repeat;padding:0.2em 0 0.2em 22px;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_text span{display:block;}		
	
#chair_content{background: rgba(0,0,0,0); padding:0 ;font:1.8rem "微軟正黑體";font-weight: 700;color:#000000;text-align: center}
#chair_content .name{font:2.4rem "微軟正黑體";font-weight: 700;color: #052e8d;}			
}
@media screen and (min-width: 992px) and (max-width: 1199px) {

/*footer*/
#footer_bg_block{width:100%;background:#013d85 url("../images/ee_footer_bg.jpg")no-repeat center top;padding:1em 0;}

#footer_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: flex-start;height: auto;padding:0 1em;}
/*pro_list*/

#Inews_bg_block{width:100%;background:#f3f3f3;padding:8rem 0 0 0;}
#Inews_bg_block #Inews_block{width:calc(100% - 15vw);float: right;height: auto; min-height: 450px; margin: 0 0 0rem 15vw;padding:2em 0;background:rgba(255,255,255,1);border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
#Inews_bg_block #Inews_block .animation_block{width:100%;height: auto; background:#ff6600; z-index: 0; position: relative}
#Inews_bg_block #Inews_block .animation_block .animte01{width:100px;position: absolute;top:-5em;right: 20vw;z-index: 1;  }

#Inews_bg_block #Inews_block .animation_block .animte02{position: absolute;top:0em;left: -5em;z-index: 1; }
#Inews_bg_block #Inews_block .animation_block .animte02.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05Notemove;animation-iteration-count:1;}

#Inews_bg_block #Inews_block .animation_block .animte01 img{width:95%;}
#Inews_bg_block #Inews_block .animation_block .animte02 img{width:85%;}	
	
#Inews_bg_block #Inews_block .Inews_list_block{width:calc(100% - 10em);margin:7em 2em 0 8em;display: flex;flex-wrap: wrap;justify-content:flex-start;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list01{width:150px;margin:0;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list01 span{font:1.4rem "微軟正黑體";font-weight:700;display: inline-block;border-radius: 20px;padding:0.2em 1em;background:#ff6600;}

#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02{width:calc(100% - 150px);color:#000914;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 .date{width:100%;font:1.6rem "微軟正黑體";font-weight:500;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 .title{width:100%;font:1.8rem "微軟正黑體";font-weight:700;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 a{color:#353535;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 a:hover{color:#000000;}	

	
/*Iabout*/

#Iabout_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;flex-direction: row-reverse;margin:0;background:#ffffff;}
#Iabout_block .Iabout_content_block{width:50%;margin:0;} 
#Iabout_block .Iabout_content_block .Iabout_sp{width:100%;height:50px;display: block;background: #f3f3f3;}
#Iabout_block .Iabout_content_block .Iabout_content_bg{width: 100%;height: auto; min-height: auto;padding:5vw 0;opacity: 0;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: center;align-items: baseline; background:#014590 url("../images/iabout_content_bg.jpg") no-repeat right top;}
#Iabout_block .Iabout_content_block .Iabout_content_bg.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;}

#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block{width:100%;margin:0 0em 0 0;padding:2em;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_title{font:2.7rem "微軟正黑體";font-weight:700;font-family: 'Noto Serif TC', serif;color:#ffffff;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_ensub{color:rgba(255,255,255,0.6);font:1.4rem "微軟正黑體";font-weight:700;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_text{color:#ffffff;font:1.8rem "微軟正黑體";font-weight:500;line-height: 3rem;margin:2em 0 0 0;}

#Iabout_block .Iabout_img_block{width:50%;margin:0;position: relative;}
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text{;position: absolute;left:0;font:10rem "微軟正黑體";font-weight:500;opacity: 0; color:#014590;/*mix-blend-mode: difference;filter: invert(1);*/}
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;transform: translateY(-70px);}

#Iabout_block .Iabout_img_block .Iabout_img_sp{width:100%;height:50px;display: block;background: #ffffff;}
#Iabout_block .Iabout_img_block .Iabout_img{width:100%;opacity: 0;}
#Iabout_block .Iabout_img_block .Iabout_img img{width:100%;max-width: 100%;}
#Iabout_block .Iabout_img_block .Iabout_img.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05IMGmove;animation-iteration-count:1;}
	
/*clerk*/
#clerk_block{display:flex;flex-wrap: wrap;justify-content: flex-start;}	
#clerk_block .clerk_list_block{width:calc((100%/1) - 1em);padding:0.8em;margin:0.5em;display: flex;flex-wrap: wrap;justify-content: flex-start;border-radius: 10px;background: rgba(0,0,0,0.1)}	
#clerk_block .clerk_list_block .clerk_list_img{width:210px;padding:1em;background: #ffffff}	
#clerk_block .clerk_list_block .clerk_list_content{width:calc((100% - 210px) - 0em);line-height: 1.6rem; margin:0em;padding:0.5em;background: #ffffff}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_title{width:100%;margin:0 0 1em 0;}
#clerk_block .clerk_list_block .clerk_list_content .clerk_title .name{font:2.4rem "微軟正黑體";font-weight:600;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_title .job{font:1.5rem "微軟正黑體";font-weight: 400; display: inline-block;background:rgba(0,134,220,1.00);color:#ffffff;border-radius: 20px;padding:0 1em;margin:0 0 0 1em;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_text{width:100%;font:1.7rem "微軟正黑體";font-weight: 700;background: url("../images/left_sub_arrow01.svg")left 0.4em no-repeat;padding:0.2em 0 0.2em 22px;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_text span{display:block;}	
	
#chair_content{background: rgba(0,0,0,0); padding:0 ;font:1.8rem "微軟正黑體";font-weight: 700;color:#000000;text-align: center}
#chair_content .name{font:2.4rem "微軟正黑體";font-weight: 700;color: #052e8d;}		
	
}
@media screen and (min-width: 1200px) and (max-width: 1399px) { 
	
/*pro_list*/

#Inews_bg_block{width:100%;background:#f3f3f3;padding:8rem 0 0 0;}
#Inews_bg_block #Inews_block{width:calc(100% - 15vw);float: right;height: auto; min-height: 450px; margin: 0 0 0rem 15vw;padding:2em 0;background:rgba(255,255,255,1);border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
#Inews_bg_block #Inews_block .animation_block{width:100%;height: auto; background:#ff6600; z-index: 0; position: relative}
#Inews_bg_block #Inews_block .animation_block .animte01{width:100px;position: absolute;top:-5em;right: 20vw;z-index: 1;  }

#Inews_bg_block #Inews_block .animation_block .animte02{position: absolute;top:0em;left: -5em;z-index: 1; }
#Inews_bg_block #Inews_block .animation_block .animte02.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05Notemove;animation-iteration-count:1;}

#Inews_bg_block #Inews_block .animation_block .animte01 img{width:95%;}
#Inews_bg_block #Inews_block .animation_block .animte02 img{width:85%;}	
	
#Inews_bg_block #Inews_block .Inews_list_block{width:calc(100% - 10em);margin:7em 2em 0 8em;display: flex;flex-wrap: wrap;justify-content:flex-start;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list01{width:150px;margin:0;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list01 span{font:1.4rem "微軟正黑體";font-weight:700;display: inline-block;border-radius: 20px;padding:0.2em 1em;background:#ff6600;}

#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02{width:calc(100% - 150px);color:#000914;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 .date{width:100%;font:1.6rem "微軟正黑體";font-weight:500;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 .title{width:100%;font:1.8rem "微軟正黑體";font-weight:700;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 a{color:#353535;}
#Inews_bg_block #Inews_block .Inews_list_block .Inews_list02 a:hover{color:#000000;}	

/*Iabout*/

#Iabout_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;flex-direction: row-reverse;margin:0;background:#ffffff;}
#Iabout_block .Iabout_content_block{width:55%;margin:0;} 
#Iabout_block .Iabout_content_block .Iabout_sp{width:100%;height:88px;display: block;background: #f3f3f3;}
#Iabout_block .Iabout_content_block .Iabout_content_bg{width: 100%;height: auto; min-height: auto;padding:5.5vw 0;opacity: 0;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: center;align-items: baseline; background:#014590 url("../images/iabout_content_bg.jpg") no-repeat right top;}
#Iabout_block .Iabout_content_block .Iabout_content_bg.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;}

#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block{width:500px;margin:0 2em 0 0;padding:0;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_title{font:3rem "微軟正黑體";font-weight:700;font-family: 'Noto Serif TC', serif;color:#ffffff;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_ensub{color:rgba(255,255,255,0.6);font:1.4rem "微軟正黑體";font-weight:700;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_text{color:#ffffff;font:1.8rem "微軟正黑體";font-weight:500;line-height: 3rem;margin:2em 0 0 0;}

#Iabout_block .Iabout_img_block{width:45%;margin:0;position: relative;}
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text{;position: absolute;left:0;font:12rem "微軟正黑體";font-weight:500;opacity: 0; color:#014590;/*mix-blend-mode: difference;filter: invert(1);*/}
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;transform: translateY(-80px);}

#Iabout_block .Iabout_img_block .Iabout_img_sp{width:100%;height:88px;display: block;background: #ffffff;}
#Iabout_block .Iabout_img_block .Iabout_img{width:100%;opacity: 0;}
#Iabout_block .Iabout_img_block .Iabout_img img{width:100%;max-width: 100%;}
#Iabout_block .Iabout_img_block .Iabout_img.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05IMGmove;animation-iteration-count:1;}
	
	
/*clerk*/
#clerk_block{display:flex;flex-wrap: wrap;justify-content: flex-start;}	
#clerk_block .clerk_list_block{width:calc((100%/1) - 1em);padding:0.8em;margin:0.5em;display: flex;flex-wrap: wrap;justify-content: flex-start;border-radius: 10px;background: rgba(0,0,0,0.1)}	
#clerk_block .clerk_list_block .clerk_list_img{width:210px;padding:1em;background: #ffffff}	
#clerk_block .clerk_list_block .clerk_list_content{width:calc((100% - 210px) - 0em);line-height: 1.6rem; margin:0em;padding:0.5em;background: #ffffff}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_title{width:100%;margin:0 0 1em 0;}
#clerk_block .clerk_list_block .clerk_list_content .clerk_title .name{font:2.4rem "微軟正黑體";font-weight:600;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_title .job{font:1.5rem "微軟正黑體";font-weight: 400; display: inline-block;background:rgba(0,134,220,1.00);color:#ffffff;border-radius: 20px;padding:0 1em;margin:0 0 0 1em;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_text{width:100%;font:1.7rem "微軟正黑體";font-weight: 700;background: url("../images/left_sub_arrow01.svg")left 0.4em no-repeat;padding:0.2em 0 0.2em 22px;}	
#clerk_block .clerk_list_block .clerk_list_content .clerk_text span{display:block;}	
}
@media screen and (min-width: 1400px) and (max-width: 1699px) { 
/*Iabout*/

#Iabout_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;flex-direction: row-reverse;margin:0;background:#ffffff;}
#Iabout_block .Iabout_content_block{width:55%;margin:0;} 
#Iabout_block .Iabout_content_block .Iabout_sp{width:100%;height:88px;display: block;background: #f3f3f3;}
#Iabout_block .Iabout_content_block .Iabout_content_bg{width: 100%;height: auto; min-height: auto;padding:5.5vw 0;opacity: 0;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: center;align-items: baseline; background:#014590 url("../images/iabout_content_bg.jpg") no-repeat right top;}
#Iabout_block .Iabout_content_block .Iabout_content_bg.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;}

#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block{width:500px;margin:0 0em 0 0;padding:0 2em 0 0;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_title{font:3rem "微軟正黑體";font-weight:700;font-family: 'Noto Serif TC', serif;color:#ffffff;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_ensub{color:rgba(255,255,255,0.6);font:1.4rem "微軟正黑體";font-weight:700;}
#Iabout_block .Iabout_content_block .Iabout_content_bg .Iabout_text_block .Iabout_text{color:#ffffff;font:1.8rem "微軟正黑體";font-weight:500;line-height: 3rem;margin:2em 0 0 0;}

#Iabout_block .Iabout_img_block{width:45%;margin:0;position: relative;}
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text{position: absolute;left:0;font:14rem "微軟正黑體";font-weight:500;opacity: 0; color:#014590;/*mix-blend-mode: difference;filter: invert(1);*/}
#Iabout_block .Iabout_img_block .Iabout_img .Iabout_img_text.is-active{opacity: 1;animation-duration: 2s;animation-name: anm-fade-up;animation-iteration-count:1;transform: translateY(-100px);}

#Iabout_block .Iabout_img_block .Iabout_img_sp{width:100%;height:88px;display: block;background: #ffffff;}
#Iabout_block .Iabout_img_block .Iabout_img{width:100%;opacity: 0;}
#Iabout_block .Iabout_img_block .Iabout_img img{width:100%;max-width: 100%;}
#Iabout_block .Iabout_img_block .Iabout_img.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05IMGmove;animation-iteration-count:1;}
	
	
}

/*課程地圖*/
.class_map_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: flex-start;background:#f6f6f6;margin:1em 0;}
.class_map_block .text05-1{width:80px;}
.class_map_block .text05-2{width:calc((100% - 80px)/4);}
.class_map_block .text05-3{width:calc((100% - 80px)/4);}
.class_map_block .text05-4{width:calc((100% - 80px)/4);}
.class_map_block .text05-5{width:calc((100% - 80px)/4);}

.class_map_block .class_title{width:100%;background:rgba(49,49,49,1.00);color:#ffffff;font-weight: 700; text-align: center;padding:0.5em;}
.class_map_block .class_content{width:100%;color:#000000;padding:0.5em;}

@media only screen and (max-width: 479px) {
.class_map_block .text05-1{display: none;}
.class_map_block .text05-2{width:100%;}  
.class_map_block .text05-3{width:100%;}
.class_map_block .text05-4{width:100%;}
.class_map_block .text05-5{width:100%;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
.class_map_block .text05-1{display: none;}
.class_map_block .text05-2{width:100%;}  
.class_map_block .text05-3{width:100%;}
.class_map_block .text05-4{width:100%;}
.class_map_block .text05-5{width:100%;}
}		
@media screen and (min-width: 768px) and (max-width: 991px) {
.class_map_block .text05-1{display: none;}
.class_map_block .text05-2{width:calc(100%/2);}  
.class_map_block .text05-3{width:calc(100%/2);}
.class_map_block .text05-4{width:calc(100%/2);}
.class_map_block .text05-5{width:calc(100%/2);}	
}
/*lab_block*/
#Lab_block{display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;padding:0.5em;font:1.6rem "微軟正黑體";font-weight:700;}
#Lab_block .text03_01{width:80px;}	
#Lab_block .text03_02{width:calc((100% - 30%) - 80px);}	
#Lab_block .text03_03{width:30%}
	
#Lab_list{display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;padding:0.5em;font:1.6rem "微軟正黑體";font-weight:700;}
#Lab_list .text03_01{width:80px;}	
#Lab_list .text03_02{width:calc((100% - 30%) - 80px);}	
#Lab_list .text03_03{width:30%}
#Lab_list:nth-child(even){background:rgba(0,0,0,0.15);}	
#Lab_list:nth-child(odd){background:rgba(255,255,255,1);}	
	
@media (max-width: 991px) {
#Lab_block{display:none;} 	
#Lab_list .text03_01::before{content: "門號：";font:1.7rem "微軟正黑體";font-weight:700;color:#000000}
#Lab_list .text03_01{width:100%; color:#373737}	
#Lab_list .text03_02::before{content: "實驗室：";font:1.7rem "微軟正黑體";font-weight:700;color:#000000}
#Lab_list .text03_02{width:100%;color:#373737}	
#Lab_list .text03_03::before{content: "主持人：";font:1.7rem "微軟正黑體";font-weight:700;color:#000000}		
#Lab_list .text03_03{width:100%;color:#373737}	
}