/********************** basic **********************/
body{
	margin:0;
	padding:0;
	background-color:#070707;
}
img,input,a{
	border:0;
	outline:none;
}
a:hover,a:active{
	background-color:none;
}
.main{
	width:999px;
	margin:0 auto;
}
.page-container{
	width:100%;
	min-height:978px;
	background-image:url(../img/basic/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/basic/bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/basic/bg.jpg', sizingMethod='scale')";
}
.page-content{
	margin-left:104px;
	padding-top:89px;
	padding-bottom:100px;
}
.page-space-line{
	width:762px;
	height:1px;
	border-top:1px solid #7f6d27;
	margin-left:1px;
}

/********************** menu **********************/
div#nav_side_bar{
	position: fixed;
	width:100%;
	height:66px;
	right:0;
	top:-66px;
	z-index:18;
}
div#nav_side_bar_b{
	position: fixed;
	width:100%;
	height:66px;
	right:0;
	top:0;
	z-index:18;
}
div.btn_control{
	width:77px;
	height:63px;
	background:url(../img/basic/menu_btn.png) center 0 no-repeat;
	text-indent:-400em;
	top:66px;
	left:10%;
	position: absolute;
	z-index:2;
}
div.btn_control a{
	display:block;
	width:77px;
	height:55px;
	text-indent:-400em;
	overflow: hidden;	
}
ul.menu{
	width:100%;
	height:66px;
	background-color:#fecb01;
	top:0;
	left:0;
	z-index:3;
	text-align:left;
	margin:0;
	padding:0;
	list-style:none;
	padding-left:10%;
}
ul.menu li{
	margin-top:19px;
	margin-right:-2px;
	margin-left:0;
	margin-bottom:0;
	float:left;
	padding:0;
	list-style:none;
}
ul.menu li a{
	background:url(../img/basic/menu1.png) no-repeat;
	height:27px;
	display:block;
	overflow: hidden;	
	border-right:2px solid #fffae7;
}
ul.menu li.menu1 a{
	width:85px;
	background-position:0 0;
}
ul.menu li.menu1 a:hover{
	background-position:0 -27px;
}
ul.menu li.menu2 a{
	width:115px;
	background-position:-85px 0;
}
ul.menu li.menu2 a:hover{
	background-position:-85px -27px;
}
ul.menu li.menu3 a{
	width:111px;
	background-position:-200px 0;
}
ul.menu li.menu3 a:hover{
	background-position:-200px -27px;
}
ul.menu li.menu4 a{
	width:114px;
	background-position:-311px 0;
}
ul.menu li.menu4 a:hover{
	background-position:-311px -27px;
}
ul.menu li.menu5 a{
	width:113px;
	background-position:-425px 0;
}
ul.menu li.menu5 a:hover{
	background-position:-425px -27px;
}
ul.menu li.menu6 a{
	width:164px;
	background-position:-538px 0;
}
ul.menu li.menu6 a:hover{
	background-position:-538px -27px;
}
ul.menu li.menu7 a{
	width:110px;
	background-position:-702px 0;
	border-right:0;
}
ul.menu li.menu7 a:hover{
	background-position:-702px -27px;
}

/********************** footer **********************/
#footer{
	width:100%;
	height:73px;
	background:url(../img/basic/ft_bg.jpg) center repeat-y;
}
.footer-content{
	padding-top:10px;
	padding-left:15px;
}
.footer-content img{
	margin-right:17px;
}
.footer-content img.ft-title{
	margin-bottom:8px;
	margin-left:2px;
}

/********************** index **********************/
.index-container{
	width:100%;
	height:857px;
	background:url(../img/index/bg.jpg) top center no-repeat;
}
#main-index{
	width:999px;
	height:857px;
	margin:0 auto;
	position:relative;
}
#main-index .slogan{
	width:617px;
	height:370px;
	background:url(../img/index/slogan.png) no-repeat;
	position:absolute;
	top:138px;
	left:370px;
}
#main-index .button{
	width:284px;
	height:147px;
	background:url(../img/index/button.png) no-repeat;
	position:absolute;
	top:526px;
	right:83px;
}
#main-index .button a{
	display:block;
	width:210px;
	height:68px;
	margin:40px 0 0 40px;
	background:none;
}
ul.point{
	position:absolute;
	top:527px;
	left:420px;
	margin:0;
	padding:0;
	list-style:none;
}
ul.point li{
	margin:0 0 11px 0;
	padding:0;
	list-style:none;
	height:42px;
}
ul.point li.point1 a div{
	width:397px;
	height:146px;
	display:none;
	position:absolute;
	top:-82px;
	left:-405px;
}
ul.point li.point1 a:hover div{
	display:block;
}
ul.point li.point2 a div{
	width:397px;
	height:123px;
	display:none;
	position:absolute;
	top:-36px;
	left:-405px;
}
ul.point li.point2 a:hover div{
	display:block;
}
ul.point li.point3 a div{
	width:397px;
	height:123px;
	display:none;
	position:absolute;
	top:18px;
	left:-405px;
}
ul.point li.point3 a:hover div{
	display:block;
}

/********************** challenge **********************/
.cha-container{
	width:100%;
	height:1285px;
	background:url(../img/page/cha/bg.jpg) top center no-repeat;
}
.cha-content{
	margin-left:106px;
	padding-top:86px;
	padding-bottom:100px;
}
.cha-title{
	width:762px;
	height:155px;
	background:url(../img/page/cha/title.png) no-repeat;
}
.cha-limit{
	width:565px;
	height:26px;
	background:url(../img/page/cha/limit.png) no-repeat;
	margin-top:-19px;
	margin-left:3px;
}
.cha-way{
	width:282px;
	height:26px;
	background:url(../img/page/cha/way.png) no-repeat;
	float:left;
	margin-top:22px;
	margin-bottom:26px;
	margin-left:3px;
}
.cha-button{
	display:block;
	width:150px;
	height:52px;
	background:url(../img/page/cha/button.png) no-repeat;
	float:left;
	margin-top:10px;
	margin-left:21px;
}
.cha-step{
	width:487px;
	height:57px;
	background:url(../img/page/cha/step.png) no-repeat;
	clear:both;
	margin-left:123px;
}
.cha-progress{
	width:607px;
	height:210px;
	background:url(../img/page/cha/progress.png) no-repeat;
	margin-left:3px;
	margin-top:26px;
}
.cha-grade{
	width:607px;
	height:397px;
	background:url(../img/page/cha/grade.png) no-repeat;
	margin-left:3px;
	margin-top:28px;
}
.cha-happy{
	width:607px;
	height:106px;
	background:url(../img/page/cha/happy.png) no-repeat;
	margin-left:3px;
	margin-top:39px;
}

/********************** session **********************/
.ses-title{
	width:764px;
	height:166px;
	background:url(../img/page/ses/title.png) no-repeat;
}
.ses-form{
	width:989px;
	height:496px;
	background:url(../img/page/ses/form.png) no-repeat;
	margin-left:1px;
	margin-top:-36px;
}

/********************** schedule **********************/
.sch-title{
	width:764px;
	height:166px;
	background:url(../img/page/sch/title.png) no-repeat;
}
.sch-pass{
	width:719px;
	height:208px;
	background:url(../img/page/sch/pass.png) no-repeat;
	margin-left:5px;
	margin-top:-10px;
	margin-bottom:19px;
}
.sch-first{
	width:735px;
	height:550px;
	background:url(../img/page/sch/first.png) no-repeat;
	margin-left:5px;
	margin-top:18px;
}
.sch-second{
	width:735px;
	height:371px;
	background:url(../img/page/sch/second.png) no-repeat;
	margin-left:5px;
	margin-top:44px;
}

/********************** shortlist **********************/
.sho-title{
	width:764px;
	height:166px;
	background:url(../img/page/sho/title.png) no-repeat;
}
.sho-list-title{
	width:138px;
	height:26px;
	background:url(../img/page/sho/list-title.png) no-repeat;
	margin-left:5px;
	margin-top:-11px;
}
table.sho-list{
	width:701px;
	border-top:1px solid #987e19;
	border-left:1px solid #987e19;
	margin-top:14px;
	margin-left:28px;
}
table.sho-list th, table.sho-list td{
	border-right:1px solid #987e19;
	border-bottom:1px solid #987e19;
	padding:0 15px;
	height:39px;
}
table.sho-list td{
	font-family:'微軟正黑體';
	font-size:17px;
	color:#fdfdfc;
}
th.t1{
	width:43px;
	background:url(../img/page/sho/th01.png) 50% 50% no-repeat;
}
th.t2{
	width:203px;
	background:url(../img/page/sho/th02.png) 50% 50% no-repeat;
}
th.t3{
	width:165px;
	background:url(../img/page/sho/th03.png) 50% 50% no-repeat;
}
th.t4{
	width:166px;
	background:url(../img/page/sho/th04.png) 50% 50% no-repeat;
}
th.waiting-list{
	width:100%;
	height:100%;
	background:url(../img/page/sho/th-waiting.png) no-repeat;
}

/********************** success **********************/
.suc-title{
	width:715px;
	height:166px;
	background:url(../img/page/suc/title.png) no-repeat;
	margin-left:20px;
	margin-top:-9px;
}
.suc-text{
	width:700px;
	height:588px;
	background:url(../img/page/suc/text.png) no-repeat;
	margin-left:24px;
	margin-top:-22px;
}

/********************** previous **********************/
.pre-container{
	width:100%;
	height:2585px;
	background:url(../img/page/pre/bg.jpg) top center no-repeat;
}
.pre-title{
	width:764px;
	height:166px;
	background:url(../img/page/pre/title.png) no-repeat;
}
.pre-text{
	width:715px;
	height:47px;
	background:url(../img/page/pre/text.png) no-repeat;
	margin-left:5px;
	margin-top:-11px;
}
.pre-2012{
	width:713px;
	height:717px;
	background:url(../img/page/pre/2012.png) no-repeat;
	margin-left:5px;
	margin-top:41px;
}
.pre-2011{
	width:713px;
	height:525px;
	background:url(../img/page/pre/2011.png) no-repeat;
	margin-left:5px;
	margin-top:44px;
}
.pre-2010{
	width:482px;
	height:340px;
	background:url(../img/page/pre/2010.png) no-repeat;
	margin-left:5px;
	margin-top:47px;
}
.pre-2009{
	width:713px;
	height:491px;
	background:url(../img/page/pre/2009.png) no-repeat;
	margin-left:5px;
	margin-top:41px;
}