html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




body {color:#444;font-family:"寰蒋闆呴粦",Arial,Helvetica,sans-serif;font-size: 14px;background-repeat:repeat-x;}
#main{width:960px;margin:0 auto;max-width: 100%;}

#header {height:88px;border-bottom:solid #CFCDCD 1px;margin-bottom:10px;zoom:1;}
#header:after {content:'\0020';display:block;clear:both;}
#header #he-logo{float:left;width:190px;height:100%;}
#header #menu{margin-left:190px;}
#he-logo img{margin:22px 0 0 20px;}
#menu ul:after{content:'\0020';display:block;clear:both;}
#menu li{float:left;width:146px;line-height:88px;cursor:pointer;}
#menu li a:hover{color:#fff;background:url(http://www.happyelements.cn/global/img/menu_li_bg.png) no-repeat center top;}
#menu li a{display:block;text-align:center;color:#474747;text-decoration:none;font-size:18px;}

/*#downloads:after {content:'\0020';display:block;clear:both;}
h1#logo{float:left;margin:58px 0 0 260px;overflow:hidden;width:332px;height:215px;text-indent:-999em;background:url(images/xxl-logo.png) no-repeat 0 0;}
#btn-appstore{float:left;margin:5px 0 0 250px;cursor:pointer;}*/
h1#logo{padding-top:58px;margin-left:260px;overflow:hidden;width:332px;height:225px;text-indent:-999em;/*background:url(images/xxl-logo.png) no-repeat 0 100%;*/}
#btns{text-align:center;position:relative;z-index:1;}
#btns1{text-align:center;margin:1005px auto 0;z-index:2;}
#btns2{text-align:center;margin:0px auto 0;z-index:2;}
.btn{margin:5px -25px;display:inline-block;*zoom:1;vertical-align:middle;}
.btn:hover{-webkit-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);-ms-transform:scale(1.02,1.02);-o-transform:scale(1.02,1.02);}
.btn1{margin:5px 30px;display:inline-block;*zoom:1;vertical-align:middle;}
.btn1:hover{-webkit-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);-ms-transform:scale(1.02,1.02);-o-transform:scale(1.02,1.02);}
#otherplatforms {width:860px;margin:-45px auto 0;text-align:center;vertical-align:middle;}
#otherplatforms span{color:#019ef5;font-size:20px;font-weight:700;vertical-align:middle;}
#whitesmoke{width:860px;height:148px;margin-bottom:-100px; }
.section h2{color:#fff;font-size:46px;font-weight:700;line-height:60px;text-shadow: 1px 2px 3px rgba(0,0,0,0.4);}
.section p {color:#fff;font-size:26px;font-weight:400;line-height:86px;text-shadow: 1px 1px 2px rgba(0,0,0,0.4);}
#section1 {padding-left:465px;margin-top:45px;}
#section1 h2{width:400px;}
#section2 {padding-left:25px;margin-top:32px;}
#section2 h2{width:520px;}
#section3 {padding-left:25px;margin-top:12px;}
#section3 h2{width:520px;}

#footer{height:auto;background:#2B2B2B;color:#989898;}
#footer:after{content:'\0020';display:block;clear:both;}
#footer-logo {float:left;width: calc(100% - 80px);padding-left:50px;margin-left:30px;margin-top:20px;text-align:left;max-width: 100%;margin-bottom: 20px;}
#footer-logo p {line-height:19px;font-size:14px;height: auto;width: calc(100% - 30px)}
#footer-menu{float:right;width:500px;margin-top:19px;}
#footer-menu ul{}
#footer-menu ul li{float:left;width:80px;}
#footer-menu ul li a{color:#989898;text-decoration:none;line-height:53px;font-size:16px;}
#footer-menu ul li a:hover{color:#fff;}


#menu, #menu img {vertical-align:bottom;}
#menu {height:80px;padding-top:5px;text-align:right;}

#explorerTip{display:none;position:absolute;left:0;width:100%;z-index:1;top:40px;background:#000;opacity:0.84;}
#explorerTip .wrapper{padding:20px;}
#explorerTip p{font-size:50px;line-height:60px;color:#61a31c;}
#explorerTip p.p1 {text-align:right;color:#fef958;}
#explorerTip p.p2 {font-size:80px;line-height:120px;color:#fef958;text-align:center;}
#explorerTip p.p3 {font-size:40px;margin-top:15px;text-align:right;}
#triangle2{position:absolute;top:-79px;right:80px;width:0;height:0;border-width:40px;border-style:solid;border-color:transparent;border-bottom-color:#000;}
#content p{margin-bottom: .8em; font-size: 14px; line-height: 1.8; color: #7d7d7d;padding:0px 1em;}
.update-time{text-align: right;color: #000!important;}
.pull-right{text-align: right;}
u { text-decoration: underline; }
a { color:#6aa9ff; }
#topic-content {padding:4.84% 8%;}
#topic-content p{margin-bottom: .8em; font-size: 14px; line-height: 1.8; color: #7d7d7d;}
@media only screen and (max-width: 414px) {
    #topic-content {padding:8%;}
}