@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: #ff004e;
	text-decoration: none;
}
a:visited {
	color: #ff004e;
	text-decoration: none;
}
a:hover {
	color: #F60;
	text-decoration: none;
}
a:active {
	color: #F60;
	text-decoration: none;
}


/**/
#hbg {/*background-image: url(../images/bg.jpg);*/ background-color:#a29a8f;}
#ba {
	position: fixed;
	width:100%;
	height:100%;
	min-width:1000px;
	background-attachment: scroll;
	background-image: url(../images/index.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size:cover;
	}	
#soo{
	position:absolute;
	width:100%;
	height:100%;
	overflow:auto;
	}
#content{
	position: relative;
	margin: 0px auto;
	width: 1000px;
	}
/*LOGO*/
#logo {
	width:100%;
	height:146px;
	display:block;
	cursor:pointer;
	}
.ac {
	float:left;
	width:131px;
	height:72px;
	display:block;
	background-image: url(../images/ac.png);
	background-position:0 0;
	cursor:pointer;
	margin-bottom:30px;
	}
.ac:hover{background-position:0 72px;}
.dw {
	float:left;
	width:122px;
	height:72px;
	background-image: url(../images/dw.png);
	cursor:pointer;
	margin-bottom:30px;
	}
.dw:hover{background-position:0 72px;}
/*mu*/
#mubox {
	position:fixed;
	width: 278px;
	height: 100%;
	top: 0;
	left: 0;
	z-index:3;
	background-image: url(../images/mbg.png);
	background-position: 0 0;
	background-repeat: repeat-y;	/*cursor:pointer;*/
	}
	
.mub{
	position:fixed;
	width: 278px;
	height: 100%;
	background-image: url(../images/mubox.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	top:0;
	left:0;
	z-index:3;
	}
.mub2{
	width: 263px;
	background-image: url(../images/bbg1.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px -30px;
	}
.mub2 > a{
	width:253px;
	display: block;
	cursor: pointer;
	background-position: 0 1px;
	}
.mub2 > span{width:253px;height:3px;display:block;background-image: url(../images/sl.png);}
.m1{ height:48px;background-image: url(../images/m1.png);}
.m1:hover{background-position:0 51px;}
.m1a{background-position:0 51px;}
.m2{ height:48px;background-image: url(../images/m2.png);}	
.m2:hover{background-position:0 51px;}
.m2a{background-position:0 51px;}
.m3{ height:48px;background-image: url(../images/m3.png);}
.m3:hover{background-position:0 51px;}
.m3a{background-position:0 51px;}
.m4{ height:48px;background-image: url(../images/m4.png);}
.m4:hover{background-position:0 51px;}
.m4a{background-position:0 51px;}
.m5{ height:48px;background-image: url(../images/m5.png);}	
.m5:hover{background-position:0 51px;}
.m5a{background-position:0 51px;}
.m6{ height:48px;background-image: url(../images/m6.png);}
.m6:hover{background-position:0 51px;}	
.m6a{background-position:0 51px;}
.m7{ height:48px;background-image: url(../images/m7.png);}	
.m7:hover{background-position:0 51px;}
.m7a{background-position:0 51px;}
.m8{height:48px;background-image: url(../images/m8.png);}	
.m8:hover{background-position:0 51px;}
.m8a{background-position:0 51px;}
#mm2box{
	position:fixed;
	width:121px;
	height:344px;
	right:0px;
	bottom:200px;
	z-index:5;
	}

/*#mm2box > a{
	width:121px;
	display:block;
	cursor:pointer;
	background-position: 0 0;
	}*/
.pp0{
	width:121px;
	height:99px;
	display:block;
	background-image:url(../images/m2_01.png);
	}
.pp1{
	width:121px;
	height:63px;
	display:block;
	cursor:pointer;
	background-image:url(../images/m2_02.png);
	background-position: 0 0;
	}
.pp1:hover{
	background-position:0px 63px;
	}
.pp2{
	width:121px;
	height:69px;
	display:block;
	cursor:pointer;
	background-image: url(../images/m2_03.png);
	background-position: 0 0;
	}
.pp2:hover{background-position:0 69px;}
.pp3{
	width:121px;
	height:66px;
	display:block;
	cursor:pointer;
	background-image: url(../images/m2_04.png);
	background-position: 0 0;
	}
.pp3:hover{background-position:0 66px;}
.mm2d{ width:121px; height:42px;background-image: url(../images/m2_05.png); position:relative;}
.mm2da{ width:29px; height:29px;background-image: url(../images/m2_05_03.gif); top:3px; left:48px; position:absolute;}
#strbox{
	position:fixed;
	width:210px;
	height:55px;
	top:7px;
	right:10px;
	z-index:5;
	}
#strbox a{
	float:left;
	display:block;
	height:55px;
	cursor: pointer;
	background-position: 0 0;
	} 
#strbox a:hover{background-position:0 55px;}
.str1{width:53px;background-image: url(../images/str_01.png);}
.str2{width:53px;background-image: url(../images/str_02.png);}
.str3{width:49px;background-image: url(../images/str_03.png);}
.str4{width:52px;background-image: url(../images/str_04.png);}
#cybox{
	position: fixed;
	width: 100%;
	height: 72px;
	background-image: url(../images/cybg.png);
	background-position: 100% 100%;
	bottom: 0;
	left: 0;
	z-index:5;
	}
.cyb{
	position: absolute;
	width: 100%;
	height: 72px;
	background-image: url(../images/cy.png);
	background-position:55% 50%;
	background-repeat: no-repeat;
	}
.drb{
	position: absolute;
	width: 276px;
	height: 254px;
	background-image: url(../images/dr.png);
	left: 0;
	bottom: 0;
	display: block;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size:cover;
	}
@media screen and (max-height:910px)
{
 .drb{width: 260px;height: 200px;}
}
@media screen and (max-height:870px)
{
 .mub{position:absolute; height:840px;}
}

/* loading */
#loo{
	position:absolute;
	width:50px;/*32*/
	height:50px;
	left: 50%;
	top: 50%;
	margin-left: -25px;/*-16*/
	margin-top: -25px;
	background-color: #000;
	background-image: url(../images/loading.gif);
	border-radius: 99px;
	background-repeat: no-repeat;
	background-position: 50% 50%;	/*z-index: 5;*/
	overflow:hidden;
}
#bacc{
	width:100%;
	height:100%;
	position: fixed;
	z-index:8;
	background-image:url(../images/ba.png);
	}
	
	
	
/**/	
.ina{
	opacity:.2;
	animation:box2 .4s infinite alternate;
	/*animation-fill-mode:forwards;*/
	-webkit-animation:box2 .4s infinite alternate;
	/*-webkit-animation-fill-mode:forwards;*/
	-moz-animation:box2 .4s infinite alternate;
	/*-moz-animation-fill-mode:forwards;*/
	-o-animation:box2 .4s infinite alternate;
	/*-o-animation-fill-mode:forwards;*/
	}
	@keyframes box2 {
		0% {opacity:.2;}
		50% {opacity:.6;}
		100${opacity:.2;}
	}
	@-webkit-keyframes box2 {
		0% {opacity:2;}
		50% {opacity:.6;}
		100${opacity:.2;}
	}
	@-moz-keyframes box2 {
		0% {opacity:2;}
		50% {opacity:.6;}
		100${opacity:.2;}
	}
	@-o-keyframes box2 {
		0% {opacity:2;}
		50% {opacity:.6;}
		100${opacity:.2;}
	}