@charset "utf-8";

#wrap {
	width:980px;
	margin:auto;
	padding-bottom:40px;
}

/*header*/

#header {
	padding-top:21px;
	padding-left:28px;
	height:85px;
	background:url(../images/header-bg.png) 207px bottom no-repeat;
}

#header a {
	text-decoration:none;
}

/*language*/

#language {
	top:25px;
	right:25px;
	color:#878787;
	font-size:11px;
}

#language li {
	float:left;
	width:88px;
	margin-right:3px;
	display:inline;
}

#language a {
	display:block;
	background-image:url(../images/icon/gradient/silver.png);
	border:1px solid #cbcbcb;
	height:16px;
	padding-top:2px;
	color:inherit;
	text-align:center;
}

/*header-fn*/

#header-fn {
	top:48px;
	right:28px;
	border:1px solid #cbcbcb;
	width:167px;
	height:46px;
	padding-top:4px;
	background:url(../images/icon/gradient/vline.png) 79px 4px no-repeat;
	color:#9a9a9a;
}

#header-fn li {
	float:left;
	height:38px;
	padding-top:6px;
	display:inline;
	margin-left:6px;
}

#header-fn1 {
	background:url(../images/icon/calendar.png) 0 0 no-repeat;
	width:31px;
	padding-left:43px;
}

#header-fn2 {
	background:url(../images/icon/folder.png) 0 1px no-repeat;
	width:25px;
	padding-left:49px;
}

#header-fn a {
	color:inherit;
}

/*navi*/

#navi {
	top:25px;
	left:212px;
	z-index:2;
}

#navi a {
	text-decoration:none;
}

#navi > li {
	position:absolute;
}

#navi2 {
	left:84px;
}

#navi3 {
	left:171px;
}

#navi4 {
	left:257px;
}

#navi5 {
	left:375px;
}

#navi6 {
	left:474px;
}

#navi7 {
	left:560px;
}

#navi > li > a {
	display:block;
	overflow:hidden;
	position:relative;
	height:20px;
}

#navi > li > a img {
	position:absolute;
}

#navi > li:hover > a img, #navi li.active img {
	top:-20px;
}

#navi1 > a, #navi2 > a, #navi3 > a, #navi6 > a, #navi7 > a {
	width:72px;
}

#navi2 > a img {
	left:-72px;
}

#navi3 > a img {
	left:-144px;
}

#navi4 > a {
	width:103px;
}

#navi4 > a img {
	left:-216px;
}

#navi5 > a {
	width:86px;
}

#navi5 > a img {
	left:-319px;
}

#navi6 > a img {
	left:-405px;
}

#navi7 > a img {
	right:0;
}

/*navi-sub*/

.navi-sub {
	margin-top:9px;
	margin-left:-2px;
	display:none;
}

.navi-sub li {
	background-color:#eeeeee;
	padding-left:6px;
	width:78px;
	height:18px;
	color:#595959;
	margin-top:2px;
}

#navi2 .navi-sub li {
	width:100px;
}

#navi3 .navi-sub li {
	width:130px;
}

#navi5 .navi-sub li {
	width:120px;
}

.navi-sub li:first-child {
	margin-top:0;
}

.navi-sub a {
	color:inherit;
	display:block;
	height:17px;
	padding-top:1px;
	padding-right:6px;
}

#navi > li:hover {
	background-image:url(../script/ie8/blank.gif);
}

#navi > li:hover .navi-sub {
	display:block;
}

/*container*/


#container.leftbanner1 {
	background:url(../images/icon/sidebanner1.jpg) 26px 0 no-repeat;
}

.sidebanner-AU {
	background-image:url(../images/icon/sidebanner-AU.jpg);
}

#container.leftbanner-research {
	background:url(../images/icon/sidebanner-research.jpg) 26px 0 no-repeat;
}

.sidebanner-student {
	background-image:url(../images/icon/sidebanner-student.jpg);
}

#container.sidebanner-stu_abroad {
	background:url(../images/icon/sidebanner-stu_abroad.jpg) 26px 0 no-repeat;
}

#container.sidebanner-newstu {
	background:url(../images/icon/sidebanner-newstu.jpg) 26px 0 no-repeat;
}

#container.sidebanner-about {
	background:url(../images/icon/sidebanner-about.jpg) 26px 0 no-repeat;
}


.blue-word {
	color:#0066b4;
}

.yellowish-word {
	color:#df9b0a;
}

/*main*/

#container #main {
	width:546px;
	float:left;
	margin-left:215px;
	display:inline;
	position:relative;
}

#title {
	position:absolute;
	top:-27px;
	width:546px;
	background:url(../images/icon/title-bg.png) 0 8px repeat-x;
}

/*sub-nav*/

#sub-nav {
	float:left;
	display:inline;
	width:166px;
	margin-top:-2px;
	margin-left:-735px;
	padding-bottom:339px;
	background-repeat:no-repeat;
	background-position:0 bottom;	
}

#sub-nav li {
	margin-left:7px;
	padding-top:8px;
	margin-top:1px;
	background:url(../images/icon/sub-nav-bg.png) 0 0 no-repeat;
}

*+html #sub-nav li {
	margin-bottom:-2px;
}

#sub-nav li:first-child {
	padding-top:0;
	margin-top:0;
	background:none;
}

#sub-nav a {
	display:block;
	height:25px;
	padding-left:13px;
}

*+html #sub-nav a {
	margin-left:-13px;
}

#sub-nav a:hover {
	background:url(../images/icon/sub-nav-item-bg.png) 0 bottom no-repeat;
}

/*related site*/

#related-site {
	width:175px;
	float:right;
	padding:6px 25px 15px 0;
	text-align:center;
}

#related-site li {
	margin-top:4px;
}

#related-site li:first-child {
	margin-top:0;
}

/*pathnav*/

#pathnav {
	top:-46px;
	right:218px;
	color:#4dae00;
}

#pathnav li {
	display:inline;
	background:url(../images/icon/litype3.png) 0 5px no-repeat;
	padding-left:8px;
	margin-left:3px;
}

#pathnav li:first-child {
	background:none;
}

#pathnav a {
	color:#979797;
}

/*footer*/

#footer {
	width:935px;
	height:28px;
	left:20px;
	bottom:0;
	padding-top:9px;
	padding-right:2px;
	border-top:3px solid #c0cb4c;
	text-align:right;
	color:#aaaaaa;
}

#footer address {
	margin-right:5px;
	padding-left:20px;
	background:url(../images/icon/mail.png) 0 3px no-repeat;
}

#copyright span {
	margin-left:10px;
}

#footer a {
	color:#a5b500;
}

/*egg*/

.blue_title {/*藍色抬頭*/
	background:transparent;
	color:#0066b4;
	line-height: 170%;
	margin-top:20px;
    padding: 0px 0px 0px 0px;
}

.article {/*文章左右對齊*/
	background:transparent;
	line-height: 170%;
	margin-top:20px;
	text-align: justify;
	text-justify: inter-ideograph;
	}
.underline {
	text-decoration:underline; 
	}

.article2 {/*文章左右對齊*/
	background:transparent;
	line-height: 170%;
	margin:30px 30px 0px 20px;
	text-align: justify;
	text-justify: inter-ideograph;
	}
	
.article3 {/*文章左右對齊*/
	background:transparent;
	line-height: 170%;
	margin:6px 30px 0px 50px;
	text-align: justify;
	text-justify: inter-ideograph;
	}

.btitle {/*文章左右對齊*/
	color:#0066b4;
	background:transparent;
	margin:30px 30px 0px 30px;
	text-align: justify;
	
	}
	
.red_word {	/*粉紅色, 副標文字*/
	color:#dc5632;
	line-height: 160%;
	text-indent:5%;
	}
	
.inside_word { /*縮排文字*/
	text-indent:5%;
	}
	
.photoleft {
  float: left;
  display: block;
  
  margin: 10px;
  text-align: center;
}

.photoright {
  float: right;
  display: block;
  
  margin: 10px;
  text-align: center;
}

.double {
	border-style:double;
	border-color:#036;
	border-width:3px; 
	margin:20px 60px 20px 60px;
	letter-spacing:4px;
	color:#036;
	font-size:15px;
	text-align:center;
	font-weight: 600;
	}
	
.tablestyle {
	border-collapse:collapse;
	text-align:center; 
	margin:auto;
	}
	
.tablestyle td, .tablestyle th {
	padding:5px;
	border:1px solid #333;
}

.tablestyle th {
	background-color:#9CF;
	color:#036;
	font-size:12px;
	font-weight: 100;
	}

/*clear float*/
* html .clearfix {height:1%;}
*+html .clearfix {display:inline-block;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}