@charset "utf-8";

.programNav .tableStyle2{max-width:500px}	

/*手機尺吋*/
@media (max-width: 767px) {
body{padding-top:60px;}
header {position:fixed;z-index:9999;left:0;top:0;}
header h1{width:80%;}
header h1 a{height:50px;display:block;}		

/*mobileBtn*/
.mobileBtnOpen{right:10px;top:10px;position:fixed;width:40px;height:40px;font-size:25px;text-align:center;line-height:40px;z-index:90;}
.mobileBtnClose{right:10px;top:10px;position:absolute;font-size:30px;color:#fff;}   

/*block*/
.block{width:100%;height:100%;background:rgba(0,0,0,0.0);position:fixed;left:0;top:0;display:none;z-index:9990}            
	
#Nav {width: 55%;
    position: fixed;
    background:#444752;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 99999;
	transform: translateX(100%);
    transition:all .7s;
	margin-top:0;
	}
#Nav ul {margin-top:50px;}
#Nav li {margin-left: 0;width: 100% !important;padding: 10px 20px;border-bottom:1px solid #fff;}
#Nav li a{color: #fff;font-size:16px;height:auto;line-height:1.2;display:block;}
#Nav li a h3{display:none;}
#Nav li a small{font-size:150%;color:#fff;}
#Nav.active,#subNav.active{transform: translateX(0);}
#Nav li a:after{left:-20px;top: calc(50% - 10px);border-width: 10px 0 10px 15px;border-color: transparent transparent transparent #dec570;;}

	
#Nav >div{padding: 0}
#topNav{display:none;}	
	
#subNav{background:rgb(222,197,112,.95);position:fixed;bottom:auto;width:100%;height: 100%; left: 0;top:0;z-index:9999;opacity:1;transform: translateX(100%);}
#subNav ul{width:40%;margin-top: 55px;}
#subNav ul li{margin-right: 0;margin-bottom:20px;width: 100%;}
#subNav ul li a{line-height: 1}
	
.mobile-topNav{margin-top:20px !important}
.mobile-topNav li a{font-size:13px !important;text-align:right;color:#1ad8b7 !important;}
	

/*.programNav*/
.programNav .tableStyle2{max-width:765px;padding:0px}	
	
.programNav>div{padding:0;}
.programNav ul ,.newprogramNav .navmain{margin-bottom: 20px; padding: 0}
.programNav ul li,.newprogramNav .navmain li{max-width: none;display: block;width: 100%;position: relative;border-right: 0px solid #d7d8db;}	
.programNav	ul li a:before,.newprogramNav .navmain  li a:before{content: "";width:0;height: 26px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.programNav ul li.active :after,.newprogramNav .navmain  li.active :after{content: "";background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20190111085031/https://www.studyintaiwan.org/contents/frontend/assets/images/icon_arrow6.png) no-repeat;background-size: contain;width: 15px;
height: 15px;position: absolute;right: 5px;top: 20px;}	
	
.programNav ul li a,.newprogramNav .navmain li a{margin: 0 1px;font-weight: bold;font-size: 15px;height: 46px;padding: 10px;line-height: 2;text-align: left;
	background: none;color: #666060;border-top: 1px solid rgba(0,0,0,0);border-bottom: 1px solid #deece9;}

.programNav ul li a:hover, .programNav ul li.active a {background-color: #e8dbaf;color: #616675;border-top: 1px solid rgba(0,0,0,0);border-bottom: 1px solid #deece9;}
.programNav	ul li.active{width: 100%;height: 2.5em;background: none;color: #107f75 !important;}		
	
.ft-programNav ul li{display:block;}
.ft-programNav ul li + li{border:none;border-top:1px solid #eee;}

}

/* 2020.08.31 */
.mobileBtnOpen2{
	position: fixed;
	display: block;
	width: 26px;
	height: 26px;
	top: 13px;
	right: 55px;
}





/*
     FILE ARCHIVED ON 8:50:31 一月 11, 2019 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 14:31:12 五月 23, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/