@charset "utf-8";
/* CSS Document */
.ie6 img {	width:100%;}

*, body, html {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: "微軟正黑體", Arial;
	font-size: 12px;
}
html {
	overflow-x: hidden;
}
body{
	overflow-x: hidden;
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-color: #fff;
	}
a {
 text-decoration: none;
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
	
a:visited {
	background: none;
	font-weight: normal;
	}	
img{ border:0px; margin:0px; padding:0px;}
/*-------------------------------------------*/
.wrapper{
	display: block;
	width: 1174px;
	margin-left: -587px;
	z-index: 99;
	left: 50%;
	top: 60px;
	overflow: hidden;
	position: absolute;
}

.header{
	display: block;
	height: 118px;
	width: 100%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
/*	overflow: hidden;*/
}
#nav{
	background-image: url(../img/nav_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	clear: both;
	height: 57px;
	width: 1174px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
#logo{
	height: 118px;
	width: 284px;
	margin-left: -142px;
	position: absolute;
	left: 50%;
	z-index: 99;
}
#logo a{
	display: block;
	height: 118px;
	width: 284px;
	}

.main{
	display: block;
	width: 1172px;
	margin-top: 320px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}
/*-----------------------------------------------*/
.dowmnload{
	display: block;
	width: 700px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	height: 134px;
/*	background-color: #FFFFFF;*/
}
.qr{
	display: block;
	height: 134px;
	width: 134px;
	float: left;
	overflow: hidden;
	margin-right: 20px;
	margin-left: 204px;
}
.app_box{
	display: block;
	width: 129px;
	height: 134px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
}
a.google{
	background-image: url(../img/google.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 40px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 5px;
	width: 129px;
}
a.app{
	background-image: url(../img/ios.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 40px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 5px;
	width: 129px
}
a.apk{
	background-image: url(../img/apk.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 40px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 5px;
	width: 129px
}
a.google:hover,
a.app:hover,
a.apk:hover{	background-position: -129px 0px;}

.video_box{
	display: block;
	float: left;
	height: 134px;
	width: 121px;
	overflow: hidden;
	margin-left: 20px;
}

/*-----------------------------------------------*/
.subnav{
	display: block;
	width: 100%;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	height: 130px;
}
.subnav ul{
	display: block;
	width: 100%;}
.subnav li{
	display: block;
	float: left;
	height: 130px;
}
.subnav li.b1 a{
	display: block;
	float: left;
	height: 130px;
	width: 293px;
	background-image: url(../img/banner.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	}
.subnav li.b1 a:hover{	background-position: 0px -131px;}
.subnav li.b2 a{
	display: block;
	float: left;
	height: 130px;
	width: 293px;
	background-image: url(../img/banner.png);
	background-repeat: no-repeat;
	background-position: -293px 0px;
	overflow: hidden;
	}
.subnav li.b2 a:hover{	background-position: -293px -131px;}
.subnav li.b3 a{
	display: block;
	float: left;
	height: 130px;
	width: 293px;
	background-image: url(../img/banner.png);
	background-repeat: no-repeat;
	background-position: -585px 0px;
	overflow: hidden;
	}
.subnav li.b3 a:hover{	background-position: -585px -131px;}
.subnav li.b4 a{
	display: block;
	float: left;
	height: 130px;
	width: 293px;
	background-image: url(../img/banner.png);
	background-repeat: no-repeat;
	background-position: -878px 0px;
	overflow: hidden;
	}
.subnav li.b4 a:hover{	background-position: -878px -131px;}

/*news*/
.news_box{
	background-image: url(../img/news_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	display: block;
	width: 1172px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	overflow: hidden;
	height: 284px;
}

/*BAHA YOUTUBE FB*/
.fans_box{
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	overflow: hidden;
	height: 171px;
}

.youtube a{
	background-image: url(../img/banner2.png);
	background-repeat: no-repeat;
	height: 171px;
	width: 390px;
	float: left;
	background-position: 0px 0px;
	display: block;
	overflow: hidden;}
.youtube a:hover{	background-position: 0px -172px;}

.baha a{
	background-image: url(../img/banner2.png);
	background-repeat: no-repeat;
	height: 171px;
	width: 390px;
	float: left;
	background-position: -390px 0px;
	display: block;
	overflow: hidden;
}
.baha a:hover{	background-position: -390px -172px;}

.fb_box{
	height: 171px;
	width: 392px;
	float: left;
	display: block;
	overflow: hidden;
	background-color: #666;
	padding-top: 10px;
}
/*
footer{
	display: block;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	height: 90px;
	width: 100%;
	overflow: hidden;
	text-align: center;
	background-color: #FFFFFF;
	margin-top: 1300px;
}
*/
/*----------------------------anima*/
.get_box{
	display: block;
	height: 133px;
	width: 184px;
	position: absolute;
	left: 50%;
	overflow: hidden;
	margin-left: -350px;
	top: 430px;
	z-index: 50;
}
.mist_1{
	display: block;
	height: 691px;
	width: 1812px;
	position: absolute;
	overflow: hidden;
	left: -960px;
	top: 450px;
	z-index: 2;
	opacity: 0;
	background-image: url(../img/mist_1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.mist_2{
	display: block;
	height: 691px;
	width: 1812px;
	position: absolute;
	overflow: hidden;
	top: 450px;
	z-index: 3;
	opacity: 0;
	background-image: url(../img/mist_2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	left: -960px;
	}
.mist_3{
	display: block;
	height: 691px;
	width: 1812px;
	position: absolute;
	overflow: hidden;
	left: -960px;
	top: 450px;
	z-index: 4;
	opacity: 0;
	background-image: url(../img/mist_1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}