@charset "utf-8";

/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: 12px;
	line-height: 23px;
	color: #29241e;
	}
a,img{
	outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */	
	}
img, div{
	border:0px;
	}
input,textarea{outline:none} /*消除chrome黃色框*/
textarea{resize:none} /*不要縮放*/

#logo{
	width:336px;
	height:190px;
	position:fixed;
	z-index:5;
	left:0px;
	top:0px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	}
.inba{
	background-attachment: fixed;
	background-image: url(../images/inba.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;	
	}		
#topbox {
	width:100%;
	min-width:1000px;
	}	
#mubox {
	float:right;
	width:385px;
	}
.mubox2 {
	position:fixed;
	width:385px;
	z-index:5;
	}
	
/* 帳號申請&下載 */

.apgd {
	position:absolute;
	width:400px;
	height:132px;
	z-index:3;
	top: 0px;
	}
.apgd01 { float:left;}
.ap01 {
	float:left;
	width:177px;
	height:73px;
	display: block;
	background-image:url(../images/apply_03.jpg);
	background-position: 0px 0px;
	cursor:pointer;
	}
.ap01 span.hover{
	width:177px;
	height:73px;
	display:block;
	background-image:url(../images/apply_03.jpg);
	background-position: 0px 73px;	
	}
.gd01 {
	float:left;
	width:172px;
	height:73px;
	display: block;
	background-image:url(../images/apply_04.jpg);
	background-position: 0px 0px;
	cursor:pointer;
	}
.gd01 span.hover{
	width:172px;
	height:73px;
	display:block;
	background-image:url(../images/apply_04.jpg);
	background-position: 0px 73px;	
	}
	
/* 選單 */

.menu {
	position:absolute;
	width:385px;
	height:1280px;
	z-index:2;
	top:-1020px;
	/*top: -148px;*/
	}
.menu2 {
	position:absolute;
	width:385px;
	height:360px;
	z-index:1;
	top: -148px;
	/*top: -200px;*/
	background-image: url(../images/mu_37a.png);
	}
.mu00 {
	width:385px;
	height:274px;
	background-image:url(../images/mu_01.png);
	}
.mu01 {
	width:311px;
	height:45px;
	display: block;
	background-image:url(../images/mu_03.png);
	background-position: 0px 0px;
	cursor:pointer;
	margin-left:44px;
	}
.mu01 span.hover{
	width:311px;
	height:45px;
	display:block;
	background-image:url(../images/mu_03.png);
	background-position: 0px 45px;	
	}
.mu02 {
	width:301px;
	height:44px;
	display: block;
	background-image:url(../images/mu_06.png);
	background-position: 0px 0px;
	cursor:pointer;
	margin-left:48px;
	}
.mu02 span.hover{
	width:301px;
	height:44px;
	display:block;
	background-image:url(../images/mu_06.png);
	background-position: 0px 44px;	
	}
.mu03 {
	width:301px;
	height:47px;
	display: block;
	background-image:url(../images/mu_09.png);
	background-position: 0px 0px;
	cursor:pointer;
	margin-left:48px;
	}
.mu03 span.hover{
	width:301px;
	height:47px;
	display:block;
	background-image:url(../images/mu_09.png);
	background-position: 0px 47px;	
	}
.mu04 {
	width:296px;
	height:45px;
	display: block;
	background-image:url(../images/mu_12.png);
	background-position: 0px 0px;
	cursor:pointer;
	margin-left:50px;
	}
.mu04 span.hover{
	width:296px;
	height:45px;
	display:block;
	background-image:url(../images/mu_12.png);
	background-position: 0px 45px;	
	}
.mu05 {
	width:295px;
	height:47px;
	display: block;
	background-image:url(../images/mu_15.png);
	background-position: 0px 0px;
	cursor:pointer;
	margin-left:51px;
	}
.mu05 span.hover{
	width:295px;
	height:47px;
	display:block;
	background-image:url(../images/mu_15.png);
	background-position: 0px 47px;	
	}
.mu06 {
	width:293px;
	height:46px;
	display: block;
	background-image:url(../images/mu_18.png);
	background-position: 0px 0px;
	cursor:pointer;
	margin-left:52px;
	}
.mu06 span.hover{
	width:293px;
	height:46px;
	display:block;
	background-image:url(../images/mu_18.png);
	background-position: 0px 46px;	
	}
.mu07 {
	width:293px;
	height:46px;
	display: block;
	background-image:url(../images/mu_21.png);
	background-position: 0px 0px;
	cursor:pointer;
	margin-left:52px;
	}
.mu07 span.hover{
	width:293px;
	height:46px;
	display:block;
	background-image:url(../images/mu_21.png);
	background-position: 0px 46px;	
	}
.mu08 {
	width:300px;
	height:46px;
	display: block;
	background-image:url(../images/mu_24.png);
	background-position: 0px 0px;
	cursor:pointer;
	margin-left:50px;
	}
.mu08 span.hover{
	width:300px;
	height:46px;
	display:block;
	background-image:url(../images/mu_24.png);
	background-position: 0px 46px;	
	}
.mu09 {
	width:304px;
	height:65px;
	display: block;
	background-image:url(../images/mu_27.png);
	background-position: 0px 0px;
	cursor:pointer;
	margin-left:50px;
	}
.mu10 {
	width:288px;
	height:44px;
	display: block;
	background-image:url(../images/mu_30.png);
	cursor:pointer;
	margin-left:60px;
	}
.mu11 {
	width:400px;
	height:387px;
	background-image:url(../images/mu_32.png);
	}
.mu12 {
	width:320px;
	height:61px;
	background-image:url(../images/mu_34.png);
	margin-left:38px;
	}
.mu12a {
	width:321px;
	height:61px;
	display: block;
	background-image:url(../images/open.gif);
	cursor:pointer;
	/*display:none;*/
	}
.mu13 {
	width:400px;
	height:77px;
	background-image:url(../images/mu_36.png);
	}
	
/**/
#logolink {
	position: absolute;
	left: 3px;
	top: 3px;
	width: 304px;
	height: 126px;
	display: block;
	cursor: pointer;
	z-index: 1;
}
#logolink2 {
	position: absolute;
	left: 160px;
	top: 129px;
	width: 93px;
	height: 43px;
	display: block;
	cursor: pointer;
	z-index: 1;
}
#bh {
	position: absolute;
	left: 26px;
	top: 132px;
	width: 43px;
	height: 43px;
	display: block;
	cursor: pointer;
	z-index: 1;
}
#gd {
	position: absolute;
	left: 71px;
	top: 132px;
	width: 43px;
	height: 43px;
	display: block;
	cursor: pointer;
	z-index: 1;
}
#fb {
	position: absolute;
	left: 114px;
	top: 130px;
	width: 43px;
	height: 43px;
	display: block;
	cursor: pointer;
	z-index: 1;
}