@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;
	list-style-type:none;
	}	
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} /*不要縮放*/
a:link {
	color: #40392D;
	text-decoration: none;
}
a:visited {
/*	color: #40392D;*/
	text-decoration: none;
}
a:hover {
	color: #F60;
	text-decoration: none;
}
a:active {
	color: #F60;
	text-decoration: none;
}
/**/
#ba {
	position: fixed;
	width:100%;
	height:100%;
	min-width:1000px;
	min-height: 900px;
	background-attachment: scroll;
	background-image: url(../images/index.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	/*background-size:cover;
	overflow:hidden;*/
	}
#content{
	position: relative;
	margin: 0px auto;
	width: 1000px;
	}
/*LOGO*/
.logo {
	width: 264px;
	height: 129px;
	display: block;
	cursor: hand;
	background-attachment: scroll;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left:0px;
	z-index: 3;
	}	
	
	
.adb {
	float:left;
	padding-left:38px;
	}	
	
.ac {
	width:147px;
	height:54px;
	display: block;
	background-image: url(../images/mu_02.png);
	background-position: 0px 0px;
	cursor:hand;
	}
.ac:hover{background-position: 0px 54px;}
.dw {
	width:147px;
	height:56px;
	display: block;
	background-image: url(../images/mu_07.png);
	background-position: 0px 0px;
	cursor:hand;
	}
.dw:hover{background-position: 0px 56px;}
/*mu*/

#mubox {
	width: 100%;
	height: 110px;
	background-attachment: scroll;
	background-image: url(../images/mubg.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	}
.mub {float:left;width:815px;}
.mua1 {
	float: left;
	display: block;
	background-image: url(../images/uu.png);
	background-position: 10px -56px;
	background-repeat: no-repeat;
	}
.mua2 {
	float: left;
	display: block;
	background-image: url(../images/uu.png);
	background-position: 5px -56px;
	background-repeat: no-repeat;
	}
.mu1 {
	float:left;
	width:207px;
	height:54px;
	display: block;
	background-image: url(../images/mu_03.png);
	background-position: 0px 0px;
	cursor:hand;
	}
.mu1a {
	width:207px;
	height:54px;
	display: block;
	background-image: url(../images/mu2_03.png);
	background-position: 0px 0px;
	}
.mu1:hover{background-position: 0px 54px;}
.mu2 {
	float:left;
	width:203px;
	height:54px;
	display: block;
	background-image: url(../images/mu_04.png);
	background-position: 0px 0px;
	cursor:hand;
	}
.mu2a {
	width:203px;
	height:54px;
	display: block;
	background-image: url(../images/mu2_04.png);
	background-position: 0px 0px;
	}
.mu2:hover{background-position: 0px 54px;}
.mu3 {
	float:left;
	width:204px;
	height:54px;
	display: block;
	background-image: url(../images/mu_05.png);
	background-position: 0px 0px;
	cursor:hand;
	}
.mu3a {
	width:204px;
	height:54px;
	display: block;
	background-image: url(../images/mu2_05.png);
	background-position: 0px 0px;
	}
.mu3:hover{background-position: 0px 54px;}
.mu4 {
	float:left;
	width:201px;
	height:54px;
	display: block;
	background-image: url(../images/mu_06.png);
	background-position: 0px 0px;
	cursor:hand;
	}
.mu4a {
	width:201px;
	height:54px;
	display: block;
	background-image: url(../images/mu2_06.png);
	background-position: 0px 0px;
	}
.mu4:hover{background-position: 0px 54px;}
.mu5 {
	float:left;
	width:207px;
	height:56px;
	display: block;
	background-image: url(../images/mu_08.png);
	background-position: 0px 0px;
	cursor:hand;
	}
.mu5a {
	width:207px;
	height:56px;
	display: block;
	background-image: url(../images/mu2_08.png);
	background-position: 0px 0px;
	}
.mu5:hover{background-position: 0px 56px;}
.mu6 {
	float:left;
	width:203px;
	height:56px;
	display: block;
	background-image: url(../images/mu_09.png);
	background-position: 0px 0px;
	cursor:hand;
	}
.mu6a {
	width:203px;
	height:56px;
	display: block;
	background-image: url(../images/mu2_09.png);
	background-position: 0px 0px;
	}
.mu6:hover{background-position: 0px 56px;}
.mu7 {
	float:left;
	width:204px;
	height:56px;
	display: block;
	background-image: url(../images/mu_10.png);
	background-position: 0px 0px;
	cursor:hand;
	}
.mu7a {
	width:204px;
	height:56px;
	display: block;
	background-image: url(../images/mu2_10.png);
	background-position: 0px 0px;
	}
.mu7:hover{background-position: 0px 56px;}
.mu8 {
	float:left;
	width:201px;
	height:56px;
	display: block;
	background-image: url(../images/mu_11.png);
	background-position: 0px 0px;
	cursor:hand;
	}
.mu8a {
	width:201px;
	height:56px;
	display: block;
	background-image: url(../images/mu2_11.png);
	background-position: 0px 0px;
	}
.mu8:hover{background-position: 0px 56px;}
.mub2 {	
	width:446px;
	height: 100px;
	position: absolute;
	left: 278px;
	top: 608px;
	}
.mu9 {
	float:left;
	width: 223px;
	height: 100px;
	display: block;
	background-image: url(../images/butten_01.png);
	background-position: 0px 0px;
	cursor: hand;
	}
.mu9 span.hover{
	width:223px;
	height:100px;
	display:block;
	background-image: url(../images/butten_01.png);
	background-position: 0px 100px;
	}
.mu10 {
	float:left;
	width: 223px;
	height: 100px;
	display: block;
	background-image: url(../images/butten_02.png);
	background-position: 0px 0px;
	cursor: hand;
	}
.mu10 span.hover{
	width:223px;
	height:100px;
	display:block;
	background-image: url(../images/butten_02.png);
	background-position: 0px 100px;
	}
.mu10_1 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt1.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu10_1:hover{background-position: 0px 65px;}
.mu10_2 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt2.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu10_2:hover{background-position: 0px 65px;}	
.mu10_3 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt3.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu10_3:hover{background-position: 0px 65px;}
.mu10_4 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt4.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu10_4:hover{background-position: 0px 65px;}
.mu10_5 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt5.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu10_5:hover{background-position: 0px 65px;}
.mu10_6 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt6.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu10_6:hover{background-position: 0px 65px;}
.mu10_7 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt7.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu10_7:hover{background-position: 0px 65px;}
.mu10_8 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt8.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	}
.mu10_8:hover{background-position: 0px 65px;}
/*版宣*/
#bbox {
	width: 100%;
	min-width: 1000px;
	background-repeat: no-repeat;
	position: fixed;
	bottom: 0;
	z-index:3;
	overflow: hidden;
	}
#cy {
	width:100%;
	height:0px;/*72*/
	min-width:1000px;
	background-image: url(../images/cy.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	}
.cybb{
	position: relative;
	margin: 0px auto;
	width:1000px;
	height:72px;
	}
.gd {
	position: absolute;
	left: 857px;
	top: 8px;
	width: 39px;
	height: 58px;
	display: block;
	cursor: hand;
	}
.bh {
	position: absolute;
	left: 816px;
	top: 9px;
	width: 38px;
	height: 58px;
	display: block;
	cursor: hand;
	}
.fb2 {
	position: absolute;
	left: 898px;
	top: 8px;
	width: 37px;
	height: 58px;
	display: block;
	cursor: hand;
	}
	
/* 內頁*/
#inba {
	position: fixed;
	width: 100%;
	height: 100%;
	min-width: 1000px;
	min-height: 900px;
	background-attachment: scroll;
	background-image: url(../images/in.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	z-index: 1;
	left: 0px;
	top: 0px;
	display:none;
	}
.int {
	position: fixed;
	width:1000px;
	height:150px;
	background-attachment: scroll;
	background-image: url(../images/tbox.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	z-index: 2;
	/*left: 0px;*/
	top:-150px;
	}
.int2 {
	position: fixed;
	width:1000px;
	height:150px;
	background-attachment: scroll;
	background-image: url(../images/incbg1.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	z-index: 1;
	/*left: 0px;*/
	top:0px;
	display:none;
	}
.clo {
	position: absolute;
	left: 775px;
	top: 0px;
	width: 100px;
	height: 100px;
	display: block;
	cursor: hand;
	}
.tit {
	position: absolute;
	left:260px;/*302*/
	top: 3px;
	width: 359px;
	height: 91px;
	background-attachment: scroll;
	background-image: url(../images/tit.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
.evc {
	width: 610px;
	margin-left: 195px;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 22px;
	color: #33291C;
	/*margin-top:0px;*/
	padding-top:0px;/*150*/
	padding-bottom:200px;
	text-align:center;
	}
.ph {text-align:center;}
.evc img{
	border: 1px solid #564030;
	margin:10px;
	}
.evc div{text-align:left;}
.f0{
	font-size:22px;
	line-height: 40px;
	color: #33291C;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 3px;
	margin-right: 3px;
	font-weight: bold;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #d8d7c8;
	background-image: url(../images/gba2.png);
	background-repeat:repeat;
	}
.f1{
	font-size: 16px;
	line-height:30px;
	color: #33291C;
	}
.f2{
	font-size: 18px;
	line-height:40px;
	margin-top:30px;
	margin-bottom:10px;
	color: #33291C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #33291C;
	}
	
.inba1 {
	position:fixed;
	width: 100%;
	height: 100%;
	min-width: 1000px;
	background-attachment: scroll;
	background-image: url(../images/incbg.png);
	background-repeat: no-repeat;
	background-position: 50% -1680px;
	}

.inba1a {
	position: absolute;
	width: 100%;
	height: 100%;
	}
.ub {
	font-size: 15px;
	line-height:33px;
	height:37px;
	font-weight: bold;
	color:#fbe5b8;
	padding-left:15px;
	padding-right:15px;
	/*text-align:center;*/
	background-image: url(../images/ub_02.png);
	background-repeat:repeat-x;
	display:inline-block;
	position:relative;
	margin:3px;
	margin-top:10px;
	cursor: hand;
	}
.ub:link{color:#fbe5b8;}
.ub:hover{background-image: url(../images/ub_02a.png);color:#fff5e1;}
/*.ub:visited{color:#fbe5b8;}
.ub:active{color:#fbe5b8;}*/
.ub:before{content:url(../images/ub_01.png);position:absolute;left:0px;top:0px;}
.ub:after{content:url(../images/ub_03.png);position:absolute;right:0px;top:0px;}
/* top */
.topbox {
	position:absolute;
	top:430px;
	left:815px;
	width:44px;
	height:46px;
	z-index:1;	
	display:none;
	}
/*	
.topp {
	width: 27px;
	height:35px;
	display: block;
	cursor: pointer;
	cursor: hand;
	background-attachment: scroll;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 200px;
	left: 425px;
	z-index: 1;
	display:none;
	}*/
#loo{
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	background-image: url(../images/loading.svg);
	/*z-index: 5;*/
}
#bacc{
	width:100%;
	height:100%;
	position: fixed;
	z-index:2;
	background-image:url(../images/ba.png);
	}	
@media only screen and (max-width:1000px)
	{
	/*#ba {background-size:cover;}
	.mub2{top:452px;}	*/
	}
/**/
.slo {
	width: 500px;
	height: 222px;
	background-image:url(../images/sg.jpg);
	-webkit-animation: play .9s steps(30) infinite;
	-moz-animation: play .9s steps(30) infinite;
	-ms-animation: play .9s steps(30) infinite;
	-o-animation: play .9s steps(30) infinite;
	animation: play .9s steps(30) infinite;
	position: absolute;
	left: 250px;
	top: 337px;
}
@-webkit-keyframes play {
   from { background-position:    0px; }
     to { background-position: -15000px; }
}

@-moz-keyframes play {
   from { background-position:    0px; }
     to { background-position: -15000px; }
}

@-ms-keyframes play {
   from { background-position:    0px; }
     to { background-position: -15000px; }
}

@-o-keyframes play {
   from { background-position:    0px; }
     to { background-position: -15000px; }
}

@keyframes play {
   from { background-position:    0px; }
     to { background-position: -15000px; }
}