@charset "utf-8";
@import "reset.css";
@import "font-awesome.min.css";
@import "bootstrap.min.css";
@import "default.css";
@import "content.css";
@import "zdatepicker.css";
@import "error.css";

[class*='div_']{position: absolute; left: 0;}
[class*='div_'] a{color:rgba(255,255,255,.25);}
.div_u{top: 0;}
.div_c, .div_r{top: -20px;}
.wrapper{ display: block; position:relative; margin:0 auto; padding: 0 20px 0 20px; width:1280px;}
.header.alert:after, .wrapper:after, header:after, header .vt:after, header .searchBlk:after, footer:after, .footerBlk:after, .copyRightBlk ul:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden;}

header{position:relative; background-color: rgba(42,114,187,1);}
a.sr-only {z-index: 999; color: rgba(255,255,255,1);}
header>.wrapper{ min-height:45px;}
header li{list-style-type:none;}
.header.alert { margin: 0 0; border-radius: 0; background-color: rgba(42,114,187,1);font-size: 1.25rem; padding: .5rem 1.25rem 0 1.25rem; text-align: center; color: yellow; font-weight:bold; line-height: 1.35; }
.header.alert .fa{ margin-right: .5rem;}
.logoBlk{ position:absolute; left:20px; top:6px;}
.logoBlk.mb{ display: none;}
.logoBlk h1, .logoBlk .h1{ text-indent:-9999px; margin: 0 0;}
.logoBlk a{ display:block;width:240px;height:49px;background:transparent url(../images/logo.png) no-repeat 0 0;background-size:240px 49px}
header .toggleBlk{ display: none;}

header nav{ background: #ffffff;}
header nav.sticky { position: fixed; top: 0; z-index: 2; width: 100%; box-shadow: 0 2px 5px rgba(0,0,0,.25);}
header.sticky { position: fixed; top: 0; z-index: 2; width: 100%; box-shadow: 0 2px 5px rgba(0,0,0,.25);}
header .pull-right{ float: none; position: absolute; right: 20px; top: -35px;}
header .vt{ clear: both; float: right;}
header .pull-right ul{ display: flex; flex-wrap: wrap; margin: 0 0 ;}
header .pull-right ul li{ float:left; font-size:.875rem; color: rgba(255,255,255,1);}
header .pull-right ul li a{ display:inline-block; margin:0 0 0 0;	color: rgba(255,255,255,1); border: 2px solid rgba(255,255,255,0);}
header .vt ul li a{ font-size:.875rem; padding: 0 .5rem; text-align: center;}
header .vt ul li a .fa{ margin-right: .25rem;}
header .vt ul li.fb a, header .vt ul li.yt a{ position: relative; font-size:.875rem; margin: 0 .25rem 0 0; padding: 0 0 0 1.35rem;}
header .vt ul li.fb a:before{ content: "\f082";}
header .vt ul li.yt a:before{ content: "\f16a";}
header .vt ul li.fb a:before, header .vt ul li.yt a:before{	text-indent: 0; position: absolute; left: 0; top: -.35rem; font-family: FontAwesome; transition: all .125s ease-in; font-size: 1.25rem; z-index: 2;}
header .vt ul li.fb a:before{ color: #0049a4;}
header .vt ul li.yt a:before{ color: #FF0000;}
header .vt ul li.fb a:after,header .vt ul li.yt a:after{ display:block;content:"";position:absolute;left:.125rem;top:.25rem;display:block;width:.75rem;background:#fff;z-index:0}
header .vt ul li.fb a:after{ height: .913rem;}
header .vt ul li.yt a:after{ height: .75rem;}
header .pull-right ul li.active a, header .pull-right ul li a:hover{ color: rgba(255,255,255,1);}
header .pull-right ul li.active a, header .vt ul li a:hover{ text-decoration: underline;}

.navBlk{ width:100%;display:flex;display:-ms-flexbox;--ms-flex-pack:end!important;justify-content:flex-end!important}
.navBlk>ul{ display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin: 0 0;}
.navBlk ul li{ display: block; position:relative;}
.navBlk>ul>li{ -ms-flex: 1 1 auto; flex: 1 1 auto;  margin: 0 2px;}
.navBlk>ul>li:nth-child(n+2){margin-left: 0;}
.navBlk ul li a{ display:block; padding:0 0 0 0; color:rgba(75,75,75,1); font-size:1.0625rem; transition: all .125s ease-in;}
.navBlk ul li a:hover{ text-decoration: none;}
.navBlk>ul>li>a{ position:relative;padding:1.25rem .5rem;text-align:center;line-height:1rem;white-space:nowrap;font-weight:700;border:2px solid rgba(255,255,255,0);transform:perspective(1px) translateZ(0)}
.navBlk>ul>li:hover>ul{display: block;}/*debug mobile menu*/
.navBlk>ul>li:hover>a, .navBlk>ul>li>a:focus{ background:transparent; text-decoration: none; border:2px solid rgba(0,0,0,0);}
.navBlk ul li.active>a{ border:2px solid rgba(0,0,0,0); color: rgba(42,114,187,1);}
.navBlk>ul>li:hover>a, .navBlk>ul>li>a:hover, .navBlk>ul>li>a:focus{color: #cc0000;}
.navBlk>ul>li:hover:before, .navBlk ul li.active:before{ display: block; width: 55%; height: 4px; content: ""; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(42,114,187,1); margin: 0 auto;}
.navBlk>ul>li>ul{ display:none;position:absolute;left:0;top:100%;z-index:2;width:270px;padding:.913rem .913em;color:#fff;background:#2a72bb;border-radius:.5rem}
.navBlk>ul>li.last>ul, .navBlk>ul>li:nth-last-of-type(1)>ul{ float: right; left: inherit; right: 0;}
.navBlk ul li ul li a{ color:#ffffff; font-size:1rem; text-align:left; background: transparent;	}
.navBlk>ul>li>ul>li>a{ padding:.25em .25em; border:2px solid rgba(0,0,0,0);}
.navBlk ul li ul li a:hover, .navBlk ul li ul li a:focus{ background: rgba(255,255,255,1); border:2px solid rgba(0,0,0,0); color:#222;}
.navBlk ul li ul li ul{ display:none;}

footer{width:100%; background: #00387b;}
.footerBlk{ padding:0 0 0 0; width:100%; position: relative; border-top: 1px solid #d2d2d2;}
.footerBlk .btn-collapse{ display:inline-block;display:none;width:80px;height:30px;line-height:30px;border:1px solid #00387b;border-bottom:1px solid #00387b;background-color:#00387b;color:#fff;padding:0 .75rem;font-size:1rem;text-align:center;position:absolute;left:50%;top:-30px;margin-left:-40px;transition:all .125s ease-in;z-index:1;-webkit-border-top-left-radius:.25rem;-webkit-border-top-right-radius:.25rem;-moz-border-radius-topleft:.25rem;-moz-border-radius-topright:.25rem;border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.footerBlk .collapse.active{border-bottom: 1px solid #d2d2d2;}
.footerBlk .btn-collapse:focus{border: 2px dotted orange;}
.footerBlk ul{ display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:stretch;align-content:stretch;padding:2rem 0 0 0}
.footerBlk ul>li{ position: relative; list-style-type: none; width: 25%; padding-left: 2rem; margin-bottom: 1.75rem; }
.ie .footerBlk ul>li:before{top: 3px;}
.footerBlk ul>li>a{ display:inline-block; position: relative; margin:0 0 .5rem 0; font-size:1.125rem; color: #40d2f2; font-weight: bold; letter-spacing: 0.0625rem;	}
.footerBlk ul>li>ul{ display:block;padding:.5rem 0 1.5rem 0;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:stretch;align-content:stretch;border-top:1px solid #fff}
.footerBlk ul>li>ul>li{ width: inherit; margin: 0; padding-left: 0;}
.footerBlk ul>li>ul>li:before{ display: none;}
.footerBlk ul li ul li a{ margin:0 0 .5rem 0; font-size:.93rem; color:#ffffff; line-height: 1.25rem; font-weight: normal;}
.footerBlk ul li a:hover{ text-decoration: underline; }
.footerBlk ul li a:focus{ text-decoration: none;}
.footerBlk ul li ul li ul{ display: none;}
.copyRightBlk{ position:relative; background: #00387b;}
.stickBlk{ display:none;position:fixed;right:0;bottom:0;font-family:Verdana;font-size:.875rem;text-align:center;z-index:1}
.stickBlk.active{ right:0;bottom:0;}
.stickBlk .blk{ display: block;position: absolute; right:0;bottom:0;}
.edutii,.gotop{ position:absolute;right:0;color:#333;font-size:.93rem;line-height:1rem;font-family:Verdana,微軟正黑體,"Microsoft JhengHei",新細明體,MingLiU,sans-serif;background-repeat:no-repeat;transition:all .1s ease-in}
.gotop span, .edutii span{ display: block; color: #ffffff; font-size: .875rem;}
.gotop{ display:block;width:64px;height:64px;border-radius:64px;bottom:60px;background-color:rgba(50,50,50,.875);border:2px solid rgba(3,27,59,0);position:relative;padding:35px 5px 0 5px}
.gotop:before{ position:absolute;left:0;right:0;top:0;content:"";display:block;width:61px;height:35px;line-height:35px;content:"\f106";font-family:FontAwesome;font-size:2.5rem;text-align:center;color:#fff}
.edutii{ display:block;width:130px;height:40px;line-height:37px;bottom:0;background-color:#138574;border:2px solid #138574;position:relative;text-align:center;padding:0 0 0 30px}
.edutii:before{ position:absolute;left:18px;top:7px;content:"";display:block;width:24px;height:24px;background:transparent url(../images/books-piled.png) no-repeat center center;background-size:24px 24px}
.edutii:hover{ background: rgba(42,114,187,1); border: 2px solid rgba(42,114,187,1); text-decoration: none;}
.stickBlk .gotop:hover{ background-color: #666666;border: 2px solid #666666;}
.stickBlk .gotop:focus{ border: 2px dotted orange;}

.copyRightBlk .tb{ display:flex;display:-ms-flexbox;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;width:100%;padding:1.75rem 0 4rem 0;border-top:1px solid #b9b7b7;position:relative}
.copyRightBlk .tb:before{ display:block;content:"";width:24px;height:9px;background-color:#00387b;position:absolute;right:0;top:-5px;visibility:visible}
.copyRightBlk .tb:after{ display:block;content:"";width:9px;height:9px;background-color:#b9b7b7;position:absolute;right:0;top:-5px;visibility:visible}
.copyRightBlk .tb .cell{ vertical-align: top; color: #ffffff; font-size: .813rem; line-height: 1.25rem;}
.copyRightBlk .cell.floatR{ text-align: right;}
.copyRightBlk .cell.floatR a{ margin: 0 .25rem;}
.copyRightBlk .cell p{ margin: 0 0; line-height: 1.5rem; color:#fff; }
.copyRightBlk .cell span, .copyRightBlk .cell time{ display: inline-block;}
.copyRightBlk .cell p a{ display:inline-block;background:rgba(0,0,0,.25);color:#fff;padding:.125rem .35rem;line-height:1em;border-radius:30px;margin-right:.5rem;border:2px solid rgba(255,255,255,0)}
.copyRightBlk .cell p a:hover{text-decoration: underline;}
.aaplus{margin-top: .5rem; float: right;}
.aaplus a{ display: block; overflow: hidden; width: 127px; height: 45px; width: 88px; height: 31px;}


@media (min-width: 1200px) {
	header .modal-dialog{max-width: 768px;}
}

@media (max-width: 1366px){
	.wrapper {width: 1140px;}
	.navBlk>ul>li>a{padding: 1.25rem .25rem; }
}

@media (max-width: 1100px) {
	.wrapper{width:940px;}
	.navBlk>ul>li>a{font-size: .913rem;}
	.eng .footerBlk ul>li>ul>li{width: inherit;}
}

@media (max-width: 960px){
body.fix{ overflow-y: hidden;}
.header.alert { font-size: .913rem; text-align: justify; padding: .5rem 1.25rem .5rem 1.25rem;}
.navOverlay{ width: 100%; height: 100%; position: fixed; top: 0; right: -100%; z-index: 2; background: rgba(0,0,0,.5); overflow: hidden; transition: opacity 0.15s linear;}
.navOverlay.active{ right: 0;}
.wrapper{ margin: 0 0; padding:0 0; width: 100%;}
[class*='div_'] { visibility: hidden;}
header{ background: #ffffff;}
header>.wrapper {height: 60px;}
header nav>.wrapper { padding: 0 0;}
.logoBlk { left:15px;}
nav .logoBlk{ display: none;}
.logoBlk.mb{ display: block;}
.logoBlk a{ background-size: 100% 100%;}
header .toggleBlk, .toggleBlk a{ display:block;}
.toggleBlk{ position: absolute; right: .5rem; top: 10px;}
.toggleBlk>a{ display:block;padding:8px 8px;width:46px;height:38px;text-indent:-9999px;border:2px solid rgba(255,255,255,0);font-size:0;}
.toggleBlk .icon-bar { display: block; width: 26px; height: 4px; border-radius: 1px; background-color: #043065;}
.toggleBlk .icon-bar+.icon-bar {margin-top: 5px;}
.toggleBlk.active a .icon-bar{ margin-top:0;}
.toggleBlk.active a .icon-bar:nth-child(1){ transform: translateY(9px) rotate(135deg); -moz-transform: translateY(9px) rotate(135deg); -webkit-transform: translateY(9px) rotate(135deg); top: 6px;}
.toggleBlk.active a .icon-bar:nth-child(2){display:none;}
.toggleBlk.active a .icon-bar:nth-child(3){ transform: translateY(6px) rotate(-135deg); -moz-transform: translateY(6px) rotate(-135deg); -webkit-transform: translateY(6px) rotate(-135deg); top: 6px; margin-top:1px;}
.toggleBlk.active a{ border: none;}
.toggleBlk>a:focus {border: 2px solid rgba(255,255,255,0) !important;}

header nav{ width:calc(100% - 80px);height:100%;position:fixed;right:-100%;top:0;z-index:2;overflow-y:auto;transition:all .25s ease-in;background:#043065}
header nav.active{ right: 0;padding-bottom:4rem;}
header .pull-right{ float:none;position:static;right:inherit;top:inherit;padding:10px 5px 10px 10px}
header .vt{ float: none;}
header .vt ul li a{ padding: .35rem .35rem;}
header .vt ul li.fb a, header .vt ul li.yt a{ padding: .35rem .35rem .35rem 1.35rem;}
header .vt ul li.fb a:before, header .vt ul li.yt a:before{ top: 0; }
header .vt ul li.fb a:after, header .vt ul li.yt a:after{ left: .125rem; top: 10px;}
.ff header .vt ul li.fb a:after, .ff header .vt ul li.yt a:after{ top: 9px;}
header .vt ul li.fb a:after{ height: .913rem;}
header .vt ul li.yt a:after{ height: .875rem;}

.navBlk{display: block;}
.navBlk ul { display: block;margin: 0 0; width: 100%;}
.navBlk>ul{background:#043065;border-bottom: 1px solid rgba(255,255,255,.125);}
.navBlk>ul>li { display: block; border-top: 1px solid rgba(255,255,255,.125); margin: 0 0;}
.navBlk ul li a{ float:none; position:relative; margin:0 10px;border-radius:0;font-size:1.125rem;color:#fff;line-height:1.5rem}
.navBlk ul li .arrow,.navBlk ul li .arrow:before{ display:block; width:49px;height:45px;line-height:45px;text-align:center}
.navBlk ul li .arrow{ position:absolute; right:0; top:0; cursor:pointer;color:#fff}
.navBlk ul li .arrow:before{ content:"\f105"; font-size:1.5rem;font-family:FontAwesome;transition:all .4s ease}
.navBlk>ul>li>a{ width:100%; height:inherit; min-height:45px;text-align:left;border:none;white-space:normal;padding:.75rem 50px .5rem 1rem;margin:0; font-weight: normal; letter-spacing:.0625rem}
.navBlk ul li.active, .navBlk ul li.activeM{ background: rgba(42,114,187,1);}/*debug mobile menu*/
.navBlk ul li.active .arrow, .navBlk ul li.activeM .arrow{ top:0; color: #ffffff; }
.navBlk ul li.active .arrow:before, .navBlk ul li.activeM .arrow:before{ transform: rotate(90deg); color: #baebf9;}
.navBlk ul li.active>a {border: none;}
.navBlk>ul>li:hover>a, .navBlk>ul>li>a:hover, .navBlk>ul>li>a:focus, .navBlk ul li.active>a, .navBlk ul li.activeM>a{ color: #baebf9;}/*debug mobile menu*/
.navBlk ul li:hover:before, .navBlk ul li.active:before{ display: none;}
.navBlk ul li ul{ display:none; float: none; position:relative; background-color: transparent;}
.navBlk ul li:hover ul{ display:none;position:static;left:inherit;top:inherit;min-width:inherit;padding:0 0}
.navBlk ul li ul,.navBlk ul li:hover ul{ position:static;left:inherit;right:inherit;top:inherit;padding:0 0;margin:0;text-align:left;width:auto}
.navBlk>ul>li.last>ul, .navBlk>ul>li:nth-last-of-type(1)>ul { float:none; right: inherit;}
.navBlk ul li.active ul, .navBlk ul li.activeM ul{ display: block; padding: 0 .5rem .5rem .5rem; }/*debug mobile menu*/
.navBlk>ul>li:hover>a{ border: none;}
.navBlk>ul>li>a.active, .navBlk>ul>li>a.active:before, .navBlk>ul>li>a.active:hover:before{ color: #ffffff;}
.navBlk ul li ul { border-radius: 0;}
.navBlk ul li ul li{ border: none;}
.navBlk ul li ul li .arrow{ display: none;}
.navBlk ul li ul li:nth-child(1){ border-top: 1px solid rgba(255,255,255,.5);}
.navBlk ul li ul li a{ border:none;border-top:none;text-align:left;padding:.5rem .5rem .5rem 1.75rem;margin:0 0;background:0 0}
.navBlk>ul>li>ul>li>a, .navBlk ul li ul li a:hover, .navBlk ul li ul li a:focus{ border: none;}
.navBlk ul li.active ul li ul { padding-left: .875rem;}
.navBlk>ul>li>ul>li>a:hover, .navBlk>ul>li>ul>li>a:focus{ border: none;}
.navBlk ul li ul li a:before{ display:none; content:"\f107"}

.copyRightBlk {padding: 30px 0 30px 0;}
footer .wrapper {padding: 0 1rem 0 1rem;}
.footerBlk ul>li {width: 33.33%; padding-right: 1rem;}
.copyRightBlk .tb{display: block;}
.copyRightBlk .td p {line-height: 1.25rem; margin-bottom: 1rem;}
.aaplus {float: none;}
.copyRightBlk .cell.floatR { margin-top: 1rem; text-align: left;}
}

@media (max-width: 768px) {
	[class*='div_'] { display: none;}
	header .searchBar .modal-body{padding: 32px 6.425%; max-height: 65vh;}
	.footerBlk ul>li{width: 50%; padding: 0 1rem;}
}

@media (max-width: 600px) {
	body{overflow-x: hidden;}
	header .searchBar .modal-header .h3 {font-size: 1.25rem;}
	.footerBlk ul>li{width: 100%; padding: 0;}
	.gotop{bottom: 60px;}
}

@media print {
	* {-webkit-print-color-adjust: exact !important;}
	footer, .mainSearchBlk{display: none;}
	.stickBlk, .stickyBarBlk{display: none !important;}
}

@page {margin: 1.5cm 1.5cm;}