*{margin:0;padding:0;}
body{margin:0;text-align:center;background: #fff;}
div,td,tr,li,input,select,dt,dd,p{ font: 12px/150% "Verdana","Arial","ËÎÌå"; color:#8f6b2c; text-align: left;}
img{border:0px;}
ul{list-style:none;}

/* clearing hack */
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-table;}
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end clearing hack */

a{ color: #8f6b2c; text-decoration: none; }
a:hover{ color: #e4000b; text-decoration: none; }

#wrapper{
	width: 100%;
	background:#8e0007 url(../images/main_bg02.gif) repeat-x top;
}
#main{
   width: 1000px;
	margin: 0 auto;
	background:url(../images/main_bg.jpg) no-repeat;
}
#pro_bg{
   background:url(../images/main_bg03.jpg) repeat-y center;
}
#header{
   margin: 0 0 0 54px;
	padding: 17px 0 0 0;
	position: relative;
}
#logo{
   float: left;
	width: 222px;
}
#header_back{
	position: absolute;
	z-index: 200;
	left: 420px;
	top:60px;
}
#nav{
	float: left;
   width: 456px;
}
#nav ul{ height: 50px; background: url(../images/nav_bg.png); }
#nav ul li{ position: relative; float: left; padding: 0 5px 0 0; }
#nav ul li a{ display: block; float: left; width: 72px; height: 50px; text-indent: -9999px; background-image: url(../images/nav_bg.png); }

#nav ul li#nav01 a{ width: 57px; background-position: 0 0; }
#nav ul li#nav01 a:hover,
#index #nav ul li#nav01 a.current
{ background-position: 0 -50px; }

li#nav02 a{ background-position: -62px 0; }
li#nav02 a:hover,
#questSchool li#nav02 a.current
{ background-position: -62px -50px; }

li#nav03 a{ background-position: -139px 0; }
li#nav03 a:hover,
#product li#nav03 a.current
{ background-position: -139px -50px; }

li#nav04 a{ background-position: -216px 0; }
li#nav04 a:hover,
#paradise li#nav04 a.current
{ background-position: -216px -50px; }

li#nav05 a{ background-position: -293px 0; }
li#nav05 a:hover,
#campaign li#nav05 a.current
{ background-position: -293px -50px; }

li#nav06 a{ background-position: -370px 0; }
li#nav06 a:hover,
#about li#nav06 a.current
{ background-position: -370px -50px; }

#happly_club{
	position: absolute;
	top:0;
   right:74px;
}
#container01{
	position: relative;	
   height: 472px;
}
#swfcontent01{
   position: absolute;
	bottom:0;
	left:0;	
}
#swfcontent02{
   position: absolute;
	bottom:0;
	left:0;	
}
.vision{
   position: absolute;
	bottom:0;
	left:0;
}
.vision img{
	vertical-align: bottom;
}
#con01_wrapper{
   position: absolute;
	z-index: 10;
	bottom:0;
	left:275px;
}
#con01_bg{
   width: 670px;
	height: 439px;
	background: url(../images/c_bg03.png);
   _background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/c_bg03.png");		
}
#con02_bg{
   width: 670px;
	height: 439px;
	background: url(../images/c_bg02.png);
   _background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/c_bg02.png");		
}
#con01{
   padding: 26px 50px 0 47px;
}
#con02{
   padding: 77px 50px 0 66px;
   position: relative;
}
#phase{
   clear: both;
   margin: 0 0 0 13px;
   padding: 12px 0 ; 
	border-top: 1px dotted #f5c8aa;
	border-bottom: 1px dotted #daa55e;
}
#con02 #phase{
   padding: 12px 0 5px 0;
	margin: 0;
}
#phase p{
   margin: 0 0 17px 0;
	color: #8f6b2c;
	line-height: 18px;
}
#phase dl{
   position: relative;
   padding: 20px 0 0 0;
	zoom:1;
	overflow: hidden;
}
#con02 #phase dl{
	padding: 15px 0 0 0;
}
#phase dl dt{
   float: left;
	display: block;
	width: 151px;
	padding: 20px 0 0 0;
}
#phase dl dd{
	float: left;
	display: block;
	width: 407px;
}
#con02 #phase dl dd{
	width: 370px;
}
#phase ul li{
	float: left;
	padding: 0 0 0 20px;
}
#con02 #phase ul li{
	padding: 0 0 0 15px;
}
#phase ul li a{
   display: block;
	float: left;
	position: relative;
	color: #df0720;
	text-align: center;
}
#phase ul li a img{
	margin: 0 0 5px 0;
}

#con02_bg{
   width: 672px;
	height: 450px;
	overflow: hidden;
	background: url(../images/c_bg04.png);
   _background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/c_bg04.png");		
}

#more01{
   position: absolute;
	display: block;
   width: 170px;
	height: 21px;
	right: 250px;
	top: 7px;
	text-indent: -99999px;
}
#back02{
	position: absolute;
	display: block;
   width: 45px;
	height: 45px;
	right: 60px;
	top: 29px;
	text-indent: -99999px;
}
.title_wrap{
   position: relative;
	zoom:1;
}
#time{
	float: left;
	width: 133px;
	height: 68px;
   line-height: 68px;
	text-align: center;
	padding: 0 0 10px 0;		
}
.time01 img{
   margin: 20px 0 0 0;
}
.time02 img{
   margin: 10px 0 0 0;
}
#articles_list{
	float: left;
	position: relative;
	margin: -5px 0 0 40px;

}
#articles_list li{
	background: url(../images/list_ico.png) no-repeat 0 50%;
	padding: 0 0 0 17px;
}
#articles_list li.current{
	background: url(../images/list_ico_current.png) no-repeat 0 50%;
}
#articles_list li.current a{
	 color: #e4000b;
}
#articles{
   height: 120px;
	width: 530px;
	padding: 0 10px 0 0;
	overflow: auto;
}
#articles ol{
	margin: 0 0 20px 30px;
}
#articles ol li{
	margin: 0 0 0 0 ;
}

/*============= product style =============*/
#product_wrap{
	position: relative;
	width: 729px;
	margin: 40px auto 0 auto;
	padding: 0 0 60px 0;	
}

.secondary_nav li{
   position: relative;
	width: 153px;
   height: 37px;
   float: left;
	margin: 0 0 0 15px;
}
.secondary_nav li a{
   position: absolute;
	display: block;
	float: left;
	width: 153px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	color: #bf0000;
   background: url(../images/nav2_bg.gif) no-repeat 0 0;
}
.secondary_nav li a.current,
.secondary_nav li a:hover{
   top:-5px;
   height: 42px;
	line-height: 42px;
}
.qa{
   position: absolute;
	top:10px;
   left: 254px;
}
.qa li{
   height: 58px;	
}
.qa li a{
   height: 58px;	
}
.qa li a.current,
.qa li a:hover{
   top:-5px;
   height: 63px;
}
.product_intro_w{
	width: 727px;
	margin: 26px auto 0 auto;
	background:#face57 url(../images/pro_box_bg01.gif) no-repeat; 
}
#sj_w{
	background:#fff url(../images/pro_box_bg01_01.gif) no-repeat;
}
.product_intro{
   padding: 15px 38px 10px 24px;
   background: url(../images/pro_box_bg02.gif) no-repeat bottom; 
}
#sj_intro{
   padding: 30px 10px 20px 20px;
	background: url(../images/pro_box_bg02_01.gif) no-repeat bottom;
}
.product_intro ul{
  padding: 15px 0;
  border-bottom: 1px solid #f5ab49;
}
.product_intro ul.sj_list{
  padding:  10px 0 0 0;
  border-bottom: none;
}
.product_intro ul.sj_list .color01{
  color: #46b9e7;
}
.product_intro ul.sj_list .color02{
  color: #e1702a;
}
.product_intro ul.no_border{
	border: 0;
}
.product_intro ul li{
	float: left;
	width: 320px;
}
.product_intro ul li.right{
	float: right;
   width: 330px;
}
.product_intro ul li div{
	float: left;
    width: 85px;
	 text-align: center;
}
.product_intro ul li p{
   width:230px;
	float: left;
}
.product_intro ul li.right p{
	width:230px;
}
.pro_gray_line{
   height: 26px;
	width: 697px;
	background: url(../images/p_line.png);	
}
#con03_wrapper{
   position: absolute;
	z-index: 10;
	bottom:30px;
	left:224px;
}
#con03_bg{
   width: 753px;
	height: 401px;
	background: url(../images/c_qa_bg.png);
   _background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/c_qa_bg.png");		
}
#con03{
   position: relative;
   padding: 50px 0 0 316px;
}
#con03_bg{
   width: 753px;
	height: 401px;
	background: url(../images/c_qa_bg.png);
   _background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/c_qa_bg.png");		
}
#qa_back{
	position: absolute;
	top:28px;
	right: 44px;
}
#qa_back02{
	position: absolute;
	top:18px;
	right: 55px;
}
.qa_list li a{
	display: block;
	padding: 0 0 0 9px;
	height: 25px;
	line-height: 25px;
	color: #da4702;
}
.qa_list li a:hover{
   color: #fff;
	background: url(../images/qa_t_bg.png) no-repeat;
}
.qa_pages{
   padding: 15px 0 0 104px;
}
#qa_answer{
   margin: 30px 0 0 0;
   width: 390px;
	height: 234px;
	overflow: auto;
}
#qa_answer *{
   color: #da4702;	
}
#qa_answer h4{
	font-size: 12px;
}
#qa_answer h4,#qa_answer p{
	padding: 0 0 1em 0;
}
#qa_answer ul{
	list-style: disc;
	margin: 0 0 0 20px;
}

/*============= campagin style =============*/
#campagin_wrap{
   position: relative;
	padding: 72px 72px 0 62px;
}
#campagin_wrap02{
   position: relative;
	padding: 76px 85px 0 93px;
}
#campagin_years{
	float: left;
	width: 70px;
}
#campagin_years li{
   zoom:1;
	overflow: hidden;
}
#campagin_years li a{
   display: block;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
   font:bolder 28px/32px "Arial","ËÎÌå";
	color:#906a29;
}
#campagin_years li a:hover,
#campagin_years li a.current{
   color: #e4000b;
	background: url(../images/arrow_red.gif) no-repeat right;
}
.campagin_list{
   position: relative;
	float: right;
	width: 442px;
	height: 237px;
	overflow: auto;
}
.campagin_list dl{
   padding: 0 1em 0 0 ;
}
.campagin_list dt{
   font-weight: bolder;
	margin: 5px 0;
}
.campagin_list dt a{
	background: url(../images/list_ico.png) no-repeat 0 50%;
	padding: 0 0 0 17px;
}
.campagin_list dt a:hover{
	background: url(../images/list_ico_current.png) no-repeat 0 50%;
}
.campagin_list dd{
   position: relative;
	padding: 0 0 10px 17px;
   border-bottom: 1px dotted #f2d1ce;
	zoom:1;
	overflow: hidden;
}
.campagin_list dd span.more01{
	position: absolute;
	right:0;
   bottom: 10px;
	cursor: pointer;
}
#con04_bg{
   width: 670px;
	height: 439px;
   background: url(../images/c_bg06.png);
   _background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/c_bg06.png");		
}
.campagin_detail{
	width: 492px;
	height: 264px;
	overflow: auto;
}
.campagin_detail_w{
	padding:0 15px 0 0;
}
.campagin_detail h4{
	font-size: 16px; line-height: 16px; font-family: "Microsoft Yahei"; font-weight: normal; 
}
.campagin_detail p{
	margin: 1em 0 0 0;
}
.campagin_top_p{
   margin: 0 0 0 0;
	text-align: center;
}
/*============= about style =============*/
#about_history{
	position: absolute;
	top:88px;
	left: 150px;
	z-index: 300;
}
.about_nav{
   position: absolute;
	top:5px;
   right: 88px;
}
.about_nav li{
   height: 58px;	
}
.about_nav li a{
   height: 58px;	
}
.about_nav li a.current,
.about_nav li a:hover{
   top:-5px;
   height: 63px;
}
#brand{
	padding: 54px 113px 0 103px;
}
#brand h4{
   color: #fe3539;
	font:normal 14px/14px "Microsoft Yahei" ; 
}
#brand p{
	margin: 1em 0 0 0 ;
}


/*============= footer style =============*/
#footer{
	width: 100%;
	background: #cfcdce
}
#footer div{
	margin: 0 auto;
   width: 1000px;
	padding:6px 0;
	line-height: 0;
   text-align: right;
}
#footer div a{
	margin: 0 9px 0 23px;
}
#footer div img{
	vertical-align: middle;
}
/*============= copyright style =============*/
#copyright{
   position: relative;
   margin: 0 auto;
	width: 1000px;
	height: 88px;
}
#footer_copy{
	position: absolute;
	top:9px;
	left: 54px;
}
#footer_logo{
	position: absolute;
	top:8px;
	right: 26px;	
}

* html .png{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "../images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}
* html #index .png{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}