@charset "utf-8";
/* CSS Document */

body,
html {
    margin: 0;
    padding: 0;
    font-family: 微軟儷黑體, 微軟正黑體, Arial, Helvㄑetica, Microsoft JhengHei, Verdana, \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;    
	color: #000;
	font-size: 20px;
	background: url(../images/content-bg.png) top center fixed no-repeat #7AC9D3;
	background-size: 100%;
}

img { border:0; }

a:link,
a:visited,
a:hover,
a:active { text-decoration: none; }

.clear { clear: both; width: 0; height: 0; }

/*主框架*/
.header {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 2;	
	height: 265px;
	background: url(../images/header_bg.png) top center no-repeat;
	background-size: 100%;
}
.footer {
	width: 100%;
	height: 182px;
	position: relative;
	text-align: center;
	background: url(../images/footer_bg.png) top center no-repeat;
	background-size: 100%;
}

.container { 
	position: relative;
	width: 1000px;
	min-height: 630px;
	margin: 265px auto 0;
}
/*主框架ed*/

/*Header*/
.header-box { 
	width: 1000px;
	position: relative;
	margin: 10px auto;
	overflow: hidden;
}
.logo { 
	width: 350px;
	height: auto;
	float: left;
	display: inline-block;
    animation: float1 3s ease-in-out infinite;
}
.logo img { 
	width: 100%;
	height: auto;
}
.menu { 
	width: auto;
	float: right;
	margin-top: 80px;
}
/*ie11 css hack*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, .menu { margin-top: 60px; } 
} 

.menu-list { 
	display: inline-block;
	margin: 0 5px;
	padding: 8px 20px;
	float: left;
	color: #333;
	font-size: 22px;
	font-weight: bold; 
	text-align: center;
	transition: 0.2s linear;
	border-radius: 25px;
	background: #EBF3E2;
}
.menu-list.active { 
	background: #F4B81D;
	color: #FFF;
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
	display: inline-block;
	vertical-align: middle;
	transition: all 0.3s;
}
.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:active {
	color: #FFF;
	background: #F4B81D;
}
/*Header ed*/


/*index*/
.index-left { width:450px; float:left; }
.index-right { width:520px; float:right; text-align: right; padding-top: 30px; }
.index-right img { width: auto; height: 500px; }

.index-txt { width:90%; margin:20px 0 0 50px; }
.index-txt h2 { margin:0 0 5px 0; padding:0; font-size:26px; color:#166C7D; }
.index-txt p { margin:0; padding:0; font-size:16px; line-height:28px; }
.note { font-size:17px; line-height:20px; color: #C03; }
.note a { color: #C03; }
.note a:hover { text-decoration: underline; }

.index-icon { width:90%; margin:30px 0 0 0; }
.index-icon img { margin-right:30px; }

.index-video { width:600px; height:450px; margin-top:50px; text-align:center; }

.index-button {
	width: 120px;
	display: inline-block;
	padding: 10px;
	margin-right:5px;
	border: 2px solid #B53942;
	border-radius: 6px;
	background: #DB5B53;
	text-align: center;
	font-size: 18px;
	color: #FFF;
	transition:0.2s;
}
.index-button a { color: #FFF; text-decoration: none; }
.index-button:hover {  color: #000;font-weight: bold; background: #F4B81D; border: 2px solid #FFF;}


/*event*/
.event-box { width:100%; margin:0 auto 30px; padding:20px 0 30px 0; border-bottom: 1px solid rgba(255,255,255,.7); }
.event-box-left { width:180px; float:left; text-align:center; margin-left:20px; }
.event-item { width:130px; height:130px; border-radius:120px; margin:auto; text-align:center; background:#166C7D;}
.event-item img { margin-top:28px; }
.event-box-left p { font-size:30px; color:#333; margin:5px 0; padding:0; font-weight:bold; }

.event-box-right { width:770px; float:right; }

.event-box-right dl { margin:10px 0; padding:0; }
.event-box-right dl dt { margin:0; padding:0; }
.event-box-right dl dd { margin:-27px 0 35px 170px; }

.event-box-right ul { margin:0; padding:0; }
.event-box-right ul li { margin:10px 0; padding:0; list-style-type:none; line-height:30px; }
.event-box-right ul li img { vertical-align:middle; margin-right:5px; }
.event-box-right ul li a { color:#C03; font-weight:bold; }
.event-box-right ul li a:hover { color:#2E5BB4; }
.event-box-right ul li ul { margin:0; padding:0; }
.event-box-right ul li ul li { margin:5px 0; padding:0; list-style-type:none; font-size:18px; color:#888; }
.event-box-right ul li ul li img { vertical-align:middle; margin-right:5px; }

#hint span {
	position: relative;
	top: 2px;
}
#hint a {
	position: absolute;
}
#hint img:hover {
	border: 1px solid #000;
	border-radius: 35px;
}

/*master*/
.master-box { 
	width: 100%; 
	margin: 0 0 20px 0; 
	padding: 30px 0; 
	border-bottom: 1px solid rgba(255,255,255,.7); 
	overflow: hidden;
}
.master-pic { 
	width: 250px;
}
.master-pic img { 
	width: 100%; 
	height: auto;
}
.master-pic.left {
	float: left;
}
.master-pic.right {
	float: right;
}
.master-txt { 
	width: 730px;
	font-size: 18px;
	line-height: 28px;
}
.master-txt.right { 
	float: right;
}
.master-txt.left { 
	float: left;
}
.name { 
	margin: 0;
	padding: 0 0 10px 0;
}
.name h2 {
	font-size: 28px;
	margin: 0;
}
.master-txt p { 
	margin: 10px 0 0 0;
	color: #166C7D;
}

/*review*/
.review-menu { width:100%; height:60px; margin:230px 0 0 0; border-bottom:2px #166C7D solid;  }
.review-menu-over { height:60px; float:left; margin-right:15px; border-radius:15px 15px 0 0; background: #166C7D; text-align:center; color:#FFF; line-height:60px; font-size:26px; font-weight:bold; padding: 0 30px; }
.review-menu-out { height:60px; float:left; margin-right:15px; border-radius:15px 15px 0 0; background:#cda8b8; text-align:center; color:#222; line-height:60px; font-size:22px; transition: 0.3s linear; cursor:pointer; padding: 0 20px; }
.review-menu-out:hover { background: #166C7D; color:#222; }

.review-box { width:100%;  padding:10px 0 30px 0;  border-radius:0 0 15px 15px; *background:#FFF; background:#FFF\9; background:rgba(255,255,255,0.3); }

.review-box-title { width:100%;  margin:20px 0 10px 0; font-size:26px; color:#222; }
.review-box-title img { vertical-align:middle; margin:0 10px 0 50px; }


/*student*/
.student { 
	width:97%; 
	margin:230px auto 0; 
	font-size:24px; 
	color:#DB0003;
}
.student h2 { 
	font-size:36px; 
	color:#2E5BB4; 
	margin:0 0 5px 0; 
}
.student-name { 
	width:100%; 
	margin:10px auto 20px; 
	padding-bottom:20px;
	font-size:24px; 
	color:#333;
	line-height:40px; 
	border-bottom:1px #333 dashed;
}
.student-name p {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 18px; 
	color: #DB0003;
	line-height:22px;
}

/*footer*/
.submenu { 
	width:1000px;
	position: absolute;	
	z-index: 2;
	bottom: 20px;
	left: 50%;
	margin-left: -500px;
	text-align: center;
}
/*ie11 css hack*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, .submenu { bottom: 50px;} 
} 
.submenu ul { margin:0; padding:0; font-size: 16px; line-height:26px; }
.submenu li { display: inline; list-style-type: none; border-right: 1px solid #000; padding:0 10px; margin:0; }
.submenu a { color: #000; font-weight: normal; text-decoration: none; }
.submenu a:hover { color: #166C7D; text-decoration: none; }
.submenu p { margin:0; padding:0; text-align: center; font-size: 16px; color:#000; line-height:26px; }
.submenu p a { color: #000; border-right:0; }
.submenu p a:hover { color: #166C7D; }


/*Back to top button */
#back-top { position: fixed; bottom: 10px; right:20px; z-index:500; }
#back-top a { width: 70px; display: block; text-align: center; font-size:16px; color: #555; line-height:100px; }
#back-top span { width: 70px; height: 70px; display: block; background:#FFF url(../images/up-arrow.png) no-repeat 50% 15px; /* rounded corners */
border-radius: 10px; /* background color transition */ -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; border:1px #CCC solid; }
#back-top a:hover span { background-color:#333; color:#999; border:1px #333 solid; }


/*input file*/
.file-wrapper { position: relative; display: inline-block; overflow: hidden; cursor: pointer; }
.file-wrapper input { position: absolute; top: 0; right: 0; filter: alpha(opacity=1); opacity: 0.01; -moz-opacity: 0.01; cursor: pointer; height:50px; }
.file-wrapper .button { color: #fff; background: #222; width:150px; height:50px; line-height:50px; margin-right:5px; border-radius:10px; display: inline-block; cursor: pointer; 
font-family: Verdana,\5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size:22px; text-align:center; }
.file-holder { color: #000; font-size:20px; font-family: Verdana,\5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; }

.file-txt { height:50px; line-height:50px; float:left; margin-right:10px; }


/*verification*/
.verification { width:100%; height:80px;  }
.verification-txt { width:35%; height:80px; float:left; text-align:right; font-size:24px; line-height:80px; margin-right:10px; }
.verification-code { width:63%; height:80px; float:right;  }

/*錄取名單用虛線*/
.dotted_line {
	width: 100%;
	border-bottom:#666 3px dashed;
}


.admission ul {
	margin: 0;
	padding: 0;
}
.admission li {
	list-style: none;
}
.admission .name {
	line-height: 40px;
}
.admission p {
	font-weight: 600;
}
.admission .ex {
	color: #DB5B53;
}