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

body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset,div {margin:0; padding:0; border:0;}
body {
	/*font-family: "微軟正黑體", Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	line-height: 20px;
	color: #686459;
	}
a,img{
	outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */	
	border: 0;
	}			
	
/* 區塊 */

#cbackground{
	max-width:2000px;
	background-attachment: scroll;
	background-image: url(../images/ba.jpg);
	background-repeat: repeat;
	}
	
.mubackground{
	background-attachment:fixed;
	background-image: url(../images/muba.png);
	background-repeat: repeat-y;
	background-position: left top;
	z-index:100;
	}
.mubottom{
	min-width:1000px;
	min-height:840px;
	
	}
	
#content{width:100%;}
	
/* 選單 */

#mu{
	position:fixed;
	/*position:absolute;*/
	width:280px;
	left:0px;
	top:0px;
	z-index:2;
	}

/*申帳&下載 */

.apc{
	position:relative;
	width:328px;
	height:162px;
	background-image: url(../images/apc.png);
	margin-top:-15px;
	}
.apc1{
	position: absolute;
	left: 301px;
	top: -150px;
	width: 33px;
	height: 91px;
	z-index: 5;
	background-image: url(../images/apc3.png);
	}
.apc2{
	position:absolute;
	left:231px;
	top:0px;
	width:5px;
	height:78px;
	z-index:5;
	background-image: url(../images/apc4.png);
	}
.muba{
	position:relative;
	width:243px;
	min-height:500px;
	margin-top:-14px;
	}
.mubox {
	float: left;
	width:230px;
	background: url(../images/mubox.png) no-repeat -462px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #220e05;
	padding-bottom:1px;
	}

.mubox img {
	width:230px;
	margin-left:15px;
}
.mubox01 {
	position:absolute;
	width:230px;
	left:0px;
	top:0px;
	z-index:1;
	display:none;
	}

.mubox01 img {
	width:230px;
	margin-left:15px;
	}
		
.mubox02 {
	position:absolute;
	width:231px;
	height:62px;
	left:0px;
	top:55px;
	z-index:1;
	display:none;
	}
.mubox02 img {
	width:230px;
	margin-left:15px;
	}
		
.mubox03 {
	position:absolute;
	width:231px;
	height:62px;
	left:0px;
	top:110px;
	z-index:1;
	display:none;
	}
.mubox03 img {
	width:230px;
	margin-left:15px;
	}
			
.mubox04 {
	position:absolute;
	width:231px;
	height:62px;
	left:0px;
	top:165px;
	z-index:1;
	display:none;
	}
	
.mubox04 img {
	width:230px;
	margin-left:15px;
	}
		
.mubox05 {
	position:absolute;
	width:231px;
	height:62px;
	left:0px;
	top:220px;
	z-index:1;
	display:none;
	}
	
.mubox05 img {
	width:230px;
	margin-left:15px;
	}
		
			
.mubox06 {
	position:absolute;
	width:231px;
	height:62px;
	left:0px;
	top:275px;
	z-index:1;
	display:none;
	}
.mubox06 img {
	width:230px;
	margin-left:15px;
	}
		
.mubox07 {
	position:absolute;
	width:231px;
	height:62px;
	left:0px;
	top:330px;
	z-index:1;
	display:none;
	}
.mubox07 img {
	width:230px;
	margin-left:15px;
	}
.mubox08 {
	position:absolute;
	width:231px;
	height:62px;
	left:0px;
	top:386px;
	z-index:1;
	display:none;
	}
.mubox08 img {
	width:230px;
	margin-left:15px;
	}			
.ac {
	float:left;
	width:151px;
	height:80px;
	display: block;
	background-image:url(../images/ac.jpg);
	background-position: 0px 0px;
	cursor:hand;
	margin-top:50px;

	}
	
.ac  span.hover{
	width:151px;
	height:80px;
	display:block;
	background-image:url(../images/ac.jpg);
	background-position: 0px 78px;	
	}
.dw {
	float:left;
	width:147px;
	height:82px;
	display: block;
	background-image:url(../images/dw.jpg);
	background-position: 0px 0px;
	cursor:hand;
	margin-top:50px;
	}
.dw  span.hover{
	width:147px;
	height:82px;
	display:block;
	background-image:url(../images/dw.jpg);
	background-position: 0px 82px;	
	}	
	
.bh {
	float:left;
	width:36px;
	height:36px;
	margin-top:18px;
	margin-left:85px;
	margin-right:7px;
	display: block;
	background-image:url(../images/baha.png);
	background-position: 0px 0px;
	cursor:hand;
	}
.bh  span.hover{
	width:36px;
	height:36px;
	display:block;
	background-image:url(../images/baha.png);
	background-position: 0px 36px;	
	}
.gd {
	float:left;
	width:36px;
	height:36px;
	margin-top:18px;
	margin-right:7px;
	display: block;
	background-image:url(../images/gb.png);
	background-position: 0px 0px;
	cursor:hand;
	}
.gd  span.hover{
	width:36px;
	height:36px;
	display:block;
	background-image:url(../images/gb.png);
	background-position: 0px 36px;
	}
.fb01 {
	float:left;
	width:36px;
	height:36px;
	margin-top:18px;
	display: block;
	background-image:url(../images/fbs.png);
	background-position: 0px 0px;
	cursor:hand;
	}
.fb01  span.hover{
	width:36px;
	height:36px;
	display:block;
	background-image:url(../images/fbs.png);
	background-position: 0px 36px;	
	}
	
/* 版宣 */

#cy{
	position:fixed;
	width:100%;
	min-width:1000px;
	height:59px;
	background-color:#000000;
	z-index:999;
	bottom:0;
	}
.cy2{
	position:absolute;
	width:765px;
	height:59px;
	top:0px;
	left:0px;
	z-index:3;
	}

/* 內頁 */

#tba{
	width:769px;
	/*width:655px;*/
	margin-left:300px;
	overflow: hidden;
	position: relative;
}
.tbabox{
	position:absolute;
	width:655px;
	top:0px;
	left:-655px;
	z-index: 1;
}

.close_box{float:right;}

.tba01{float:left;}

.tba02{
	float:left;
	width:655px;
	
}
.tba03{
	width:550px;
	height:600px;
	padding-left:53px;
	padding-right:45px;

}

.tba03 p{
     font-size:16px;
	 line-height: 30px;　
}

.con_pic{
	display: block;
	margin: 10px auto;
	border: 3px solid #4d3a32;	 
}

.con_st{
	display:block;
	width:450px;
	margin: 10px auto;
}


.f01{float:left;width:113px;margin-bottom:3px;}
.f02{float:left;width:382px;line-height:30px;margin-bottom:3px;}
.f03{float:left;width:490px;margin-bottom:5px; padding-left:5px;}
.f04{
	float:left;
	width:490px;
	margin-bottom:2px;
	padding-left:5px;
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	color: #4a463d;
}
.f05{float:left;width:495px;margin-top:5px;margin-bottom:5px;text-align:center;}

#ac00{
	width:100%;
	min-width:1000px;
	height:851px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image:url(../images/ac00.jpg);
	background-position: 300px 0px;	
	}
#ac01{
	width:100%;
	min-width:1000px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image:url(../images/ac01.jpg);
	background-position: 300px 0px;
	}
#ac02{
	width:100%;
	min-width:1000px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image:url(../images/ac02.jpg);
	background-position: 300px 0px;	
	}
#ac03{
	width:100%;
	min-width:1000px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image:url(../images/ac03.jpg);
	background-position: 300px 0px;	
	}
#ac04{
	width:100%;
	min-width:1000px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image:url(../images/ac04.jpg);
	background-position: 300px 0px;	
	}
#ac05{
	width:100%;
	min-width:1000px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image:url(../images/ac05.jpg);
	background-position: 300px 0px;	
	}
#ac06{
	width:100%;
	min-width:1000px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image:url(../images/ac06.jpg);
	background-position: 300px 0px;	
	}
#ac07{
	width:100%;
	min-width:1000px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image:url(../images/ac07.jpg);
	background-position: 300px 0px;	
	}
	
/*rightbtn*/	



.rightNav {
  position: fixed;
  z-index: 101;
  text-align: center;
  right: 2%;
  width: 238px;
  height: 358px;
  padding-top: 100px;
  padding-left: 7px;
  background: transparent url(../images/rightnav.png) left top no-repeat;
}

.rightNav.topfixd {
  margin-top: 400px;
}

.r-nav-01 {
	float:left;
	width:130px;
	height:60px;
	margin-top:-15px;
	margin-left:48px;
	display: block;
	background-image:url(../images/right_bt1.png);
	background-position: 0px 0px;
	cursor:hand;
}

.r-nav-01:hover{
	width:130px;
	height:60px;
	display:block;
	background-image:url(../images/right_bt1.png);
	background-position: 0px 65px;
	}
	
.r-nav-02 {
	float:left;
	width:161px;
	height:30px;
	margin-top:15px;
	margin-left:37px;
	display: block;
	background-image:url(../images/right_bt2.png);
	background-position: 0px 0px;
	cursor:hand;
}

.r-nav-02:hover{
	width:161px;
	height:30px;
	display:block;
	background-image:url(../images/right_bt2.png);
	background-position: 0px 37px;
	}


.r-nav-03 {
	float:left;
	width:46px;
	height:25px;
	margin-top:30px;
	margin-left:95px;
	display: block;
	background-image:url(../images/right_bt3.png);
	background-position: 0px 0px;
	cursor:hand;
}

.r-nav-03:hover{
	width:46px;
	height:25px;
	display:block;
	background-image:url(../images/right_bt3.png);
	background-position: 0px 24px;
	}
	

.separate{
	width: 550px;
	height: 1px;
	clear: both;
	margin-left:50px;
	display: inline-block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6c6c6;
}

.ac02_bt1{
	float: left;
	width: 100px;
	height: 31px;
	display: block;
	background-image: url(../images/ac2/bt1.jpg);
	background-position: 0px 0px;
	cursor: pointer;
	margin-left:5px;
	margin-right:5px;
	}
	
.ac02_bt1:hover{
	width:100px;
	height:31px;
	display:block;
	background-image: url(../images/ac2/bt1.jpg);
	background-position: 0px 31px;
	}
	
.ac02_bt2{
	float: left;
	width: 100px;
	height: 31px;
	display: block;
	background-image: url(../images/ac2/bt2.jpg);
	background-position: 0px 0px;
	cursor: pointer;
	margin-left:5px;
	margin-right:5px;
	}
	
.ac02_bt2:hover{
	width:100px;
	height:31px;
	display:block;
	background-image: url(../images/ac2/bt2.jpg);
	background-position: 0px 31px;
	}	
	
.btn_list{
	display: block;
	width: 220px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

/*------------------------------------*/
.ac03_bt1{
	float: left;
	width: 100px;
	height: 31px;
	display: block;
	background-image: url(../images/ac3/bt1.jpg);
	background-position: 0px 0px;
	cursor: pointer;
	margin-left:5px;
	margin-right:5px;
	}
	
.ac03_bt1:hover{
	width:100px;
	height:31px;
	display:block;
	background-image: url(../images/ac3/bt1.jpg);
	background-position: 0px 31px;
	}
	
.ac03_bt2{
	float: left;
	width: 100px;
	height: 31px;
	display: block;
	background-image: url(../images/ac3/bt2.jpg);
	background-position: 0px 0px;
	cursor: pointer;
	margin-left:5px;
	margin-right:5px;
	}
	
.ac03_bt2:hover{
	width:100px;
	height:31px;
	display:block;
	background-image: url(../images/ac3/bt2.jpg);
	background-position: 0px 31px;
	}	
	
.ac03_bt3{
	float: left;
	width: 100px;
	height: 31px;
	display: block;
	background-image: url(../images/ac3/bt3.jpg);
	background-position: 0px 0px;
	cursor: pointer;
	margin-left:5px;
	margin-right:5px;
	}
	
.ac03_bt3:hover{
	width:100px;
	height:31px;
	display:block;
	background-image: url(../images/ac3/bt3.jpg);
	background-position: 0px 31px;
	}
		
.btn_list2{
	display: block;
	width: 330px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

/*------------------------------------*/
.ac04_bt1{
	float: left;
	width: 100px;
	height: 31px;
	display: block;
	background-image: url(../images/ac4/bt1.jpg);
	background-position: 0px 0px;
	cursor: pointer;
	margin-left:5px;
	margin-right:5px;
	}
	
.ac04_bt1:hover{
	width:100px;
	height:31px;
	display:block;
	background-image: url(../images/ac4/bt1.jpg);
	background-position: 0px 31px;
	}
	
.ac04_bt2{
	float: left;
	width: 100px;
	height: 31px;
	display: block;
	background-image: url(../images/ac4/bt2.jpg);
	background-position: 0px 0px;
	cursor: pointer;
	margin-left:5px;
	margin-right:5px;
	}
	
.ac04_bt2:hover{
	width:100px;
	height:31px;
	display:block;
	background-image: url(../images/ac4/bt2.jpg);
	background-position: 0px 31px;
	}	
	
.ac04_bt3{
	float: left;
	width: 100px;
	height: 31px;
	display: block;
	background-image: url(../images/ac4/bt3.jpg);
	background-position: 0px 0px;
	cursor: pointer;
	margin-left:5px;
	margin-right:5px;
	}
	
.ac04_bt3:hover{
	width:100px;
	height:31px;
	display:block;
	background-image: url(../images/ac4/bt3.jpg);
	background-position: 0px 31px;
	}
	
	
/*=========  =============*/
.mu9_1 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/ac9/bbt1.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu9_1:hover{background-position: 0px 65px;}

.mu9_2 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/ac9/bbt2.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu9_2:hover{background-position: 0px 65px;}	
.mu9_3 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/ac9/bbt3.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu9_3:hover{background-position: 0px 65px;}
.mu9_4 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/ac9/bbt4.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu9_4:hover{background-position: 0px 65px;}
.mu9_5 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/ac9/bbt5.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu9_5:hover{background-position: 0px 65px;}
.mu9_6 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/ac9/bbt6.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu9_6:hover{background-position: 0px 65px;}
.mu9_7 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/ac9/bbt7.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu9_7:hover{background-position: 0px 65px;}
.mu9_8 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/ac9/bbt8.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu9_8:hover{background-position: 0px 65px;}