@charset "utf-8";
/* CSS Document */
/*------ style ------*/
html{text-align:left;
}
html,legend{color:#fff;
}
body{font:16px/1.5  "微軟正黑體", Verdana, Arial, Helvetica, sans-serif;
background:url(images/bg_body.jpg) repeat-y;
}
input,button,textarea,select{font-family:inherit;
font-size:inherit;
font-weight:inherit;
color:#333;
padding:1px;
}
.input_radio{background:none;
border:none;
}
p{margin:0 0 10px 0;
}
a{color:#fff100;
}
h1{
	float:left;
	width:100%;
	font:20px/1.5  "微軟正黑體", Verdana, Arial, Helvetica, sans-serif;
	color:#ffe402;
	font-weight:700;
}
p{
	font:16px/1.5  "微軟正黑體", Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	width:100%;
}


/*------ wrapper ------*/

#wrapper{
	float:left;
	width:100%;
	background:url(images/bg_index.jpg) no-repeat center top;
}
#banner_box{
	clear:both;
	width:860px;
	margin:0 auto;
	height:1175px;
}
#container{
	clear:both;
	margin:9px auto 0px auto;
	width:780px;
	position:relative;
}
/*------ banner ------*/
#banner{
	width:860px;
	height:542px;
	left:0px;
	top:0px;
	position: relative;
	z-index:5;
}
.tbox1{
	width:860px;
	height:542px;
	background-image: url(../images/index_banner_a.png);
	background-repeat: no-repeat;
	z-index:7;
	}
.web-btn{
	position:absolute;	
	width:103px;
	height:23px;
	left:316px;
	top:182px;
	z-index:10;
}
.down-btn{
	position:absolute;	
	width:103px;
	height:23px;
	left:442px;
	top:182px;
	z-index:10;
}
.btn_a{
	float:left;
	display:block;
	width:100%;
}
.btn_a a{
	background-color:#cf8267;
	display:block;
	text-align:center;
	padding:3px 0px;
	border-radius:5px;
	color:#fff;
	font-family:"微軟正黑體";
	text-decoration:none;
	text-shadow:1px 1px 1px #000;
	font:14px/1.3  "微軟正黑體", Verdana, Arial, Helvetica, sans-serif;
}
.btn_a a:hover{
	background-color:#c55b36;
}
#mail_box{
	position: relative;
	width:780px;
	height:472px;
	top:161px;
	left:0px;
	margin:0 40px;
	background:url(../images/index_letter.png) no-repeat top;
}
.login{
	position:absolute;
	display:block;
	width:296px;
	height:77px;
	left:242px;
	top:308px;
}
.login a{
	height:77px;
	background:url(../images/index_btn.png) no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
.login a:hover{
	background-position:0 -77px;
}
.img01{
	position:absolute;
	width:224px;
	height:340px;
	right:-167px;
	top:170px;
	z-index:20;
}
.img02{
	position:absolute;
	width:256px;
	height:589px;
	left:-310px;
	top:83px;
	z-index:20;
}
/*------ box01 ------*/
#box01{
	float:left;
	width:740px;
	padding:20px;
	background:url(images/bg_b.png) repeat;
}
/*------ box02 ------*/
#box02{
	float:left;
	width:100%;
	margin:11px 0 27px 0;
}
/*------ note ------*/
.note{
	clear:both;
	width:760px;
	padding:10px;
	font:16px/1.7 Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
	color:#c99980;
}
.noteList{
	float:left;
	width:735px;
	color:#d9bdb0;
	font:12px/1.9 Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 50px 25px;
	font-family:"微軟正黑體";
}
.noteList li{
	width:730px;
}
/*------ btn
.btn_size{
	float:left;
	width:123px;
	height:30px;
}
.btn_location-01{position:absolute;left:37px;top:182px;}
.btn_location-02{position:absolute;left:237px;top:182px;}
.btn_location-03{position:absolute;left:437px;top:182px;}
.btn_location-04{position:absolute;left:637px;top:182px;}
.btn_location-05{position:absolute;left:837px;top:182px;}
.btn_location-06{position:absolute;left:37px;top:411px;}
.btn_location-07{position:absolute;left:237px;top:411px;}
.btn_location-08{position:absolute;left:437px;top:411px;}
.btn_location-09{position:absolute;left:637px;top:411px;}
.btn_location-10{position:absolute;left:837px;top:411px;}
.btn_location-11{position:absolute;left:37px;top:650px;}
.btn_location-12{position:absolute;left:237px;top:650px;}
.btn_location-13{position:absolute;left:437px;top:650px;}
.btn_location-14{position:absolute;left:637px;top:650px;}
.btn_location-15{position:absolute;left:837px;top:650px;}
.btn_location-16{position:absolute;left:37px;top:888px;}
.btn_location-17{position:absolute;left:237px;top:888px;}
.btn_location-18{position:absolute;left:437px;top:888px;}
.btn_location-19{position:absolute;left:637px;top:888px;}
.btn_location-20{position:absolute;left:837px;top:888px;}
.btn_location-21{position:absolute;left:337px;top:1166px;}
.btn_location-22{position:absolute;left:537px;top:1166px;}
.btn-01{
	display:block;
	width:100%;
}
.btn-01 a{
	background-color:#1abc9c;
	display:block;
	padding:1px 3px;
	text-align:center;
	border-radius:5px;
	color:#fff;
	font-family:"微軟正黑體";
	text-decoration:none;
	font-size:18px;
}
.btn-01 a:hover{
	background-color:#0ba385;
} ------*/
/*------ footer ------*/
.copyright{
	clear:both;
	width:100%;
	height:114px;
	position:relative;
	background-color:#000;
}
#footer{
	clear:both;
	background:url(images/footer.jpg) no-repeat center top;
	width:1000px;
	height:114px;
	margin:0px auto;
	position:relative;
}
.fb {
	width:30px;
	height:30px;
	text-indent:-6509px;
	top:36px;
	right:20px;
	display:block;
	position: absolute;
	z-index: 4;
}
.garena {
	width:62px;
	height:20px;
	text-indent:-6509px;
	top:38px;
	left:114px;
	display:block;
	position: absolute;
	z-index: 4;}