/*
 * Ver: 5.0
 * Date: 2012-11-2
 */

/* reset //////////////////////////////////////////// */
.banner-warp{ width:100%; height:520px; margin:auto; background:url(/image/Mobile/banner_bg.jpg) no-repeat center center;}
.banner{ width:1180px; height:520px; margin:auto; background:url(/image/Mobile/banner_bg.jpg) no-repeat center center; position:relative;width:expression_r(document.body.clientWidth <= 1180? "1180px": "auto");min-width:1180px; }
.banner_mobile{ width:290px; height:360px; background:url(/image/Mobile/banner_mobile.png); position:absolute; margin-top:90px; margin-left:900px;  opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}
.banner_title{ width:600px; height:185px; background:url(/image/Mobile/banner_title.png); position:absolute; margin-top:30px; margin-left:100px; opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}
.banner_btn_box{ width:440px; position:absolute; height:74px; margin-top:355px; margin-left:190px;}
.banner_btn_box .banner_link{ width:187px; height:75px; margin-right:29px; float:left;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}
.banner_btn_box .iphone{ background:url(/image/Mobile/banner_btn.png) no-repeat;}
.banner_btn_box .android{ background:url(/image/Mobile/banner_btn.png) no-repeat 0 -75px;}
.banner_btn_box .win8{ background:url(/image/Mobile/banner_btn.png) no-repeat 0 -150px;}
.banner_btn_box .iphone a{width:187px; height:75px; display:block;  background:url(/image/Mobile/banner_btn.png) no-repeat 0 0; }
.banner_btn_box .android a{width:187px; height:75px; display:block;  background:url(/image/Mobile/banner_btn.png) no-repeat 0 -75px; }
/*.banner_btn_box .win8 a{width:187px; height:75px; display:block;  background:url(Images/banner_btn.png) no-repeat 0 -150px; }*/

.banner_btn_box .iphone a:hover{width:187px; height:75px; display:block;  background:url(/image/Mobile/banner_btn.png) no-repeat -187px 0; }
.banner_btn_box .android a:hover{width:187px; height:75px; display:block;  background:url(/image/Mobile/banner_btn.png) no-repeat -187px -75px; }
/*.banner_btn_box .win8 a:hover{width:187px; height:75px; display:block;  background:url(Images/banner_btn.png) no-repeat -187px -150px; }*/

.banner_mark{ width:474px; height:47px; position:absolute; bottom:0; margin-bottom:0px;background:url(/image/Mobile/banner_mark.png) no-repeat;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}

.p1-warp{ width:100%; height:471px; margin:auto; background-color:#0083d7; position:relative;width:expression_r(document.body.clientWidth <= 1180? "1180px": "auto");min-width:1180px;}
.p1_bg{ width:100%; height:471px; margin:auto;  position:absolute; background:url(/image/Mobile/p1_bg.png);  z-index:999;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0; left:0;width:expression_r(document.body.clientWidth <= 1180? "1180px": "auto");min-width:1180px;}
.p1{ overflow:hidden; display:block; width:1180px; margin:auto; height:471px; z-index:9999; position:relative;width:expression_r(document.body.clientWidth <= 1180? "1180px": "auto");min-width:1180px; }
.p1_mobile{ background:url(/image/Mobile/p1_mobile.png) no-repeat; width:300px; height:404px; position:absolute; bottom:-404px; margin-bottom:-404px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}
.p1_title{ font-size:60px; font-weight:bolder; color:#FFF; width:600px; position:absolute; left:550px; top:-100px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}
.p1_txt{ font-size:24px; color:#FFF; width:550px; position:absolute; right:-550px; top:280px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}

.p2-warp{ width:100%; height:471px; margin:auto; background-color:#F2CA43; position:relative; width:expression_r(document.body.clientWidth <= 1180? "1180px": "auto");min-width:1180px;}
.p2_bg{ width:100%; height:471px; margin:auto;  position:absolute; background:url(/image/Mobile/p2_bg.png); z-index:999;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0; left:0;width:expression_r(document.body.clientWidth <= 1180? "1180px": "auto");min-width:1180px;}
.p2{ overflow:hidden; display:block;width:1180px; margin:auto; height:471px; z-index:9999; position:relative;width:expression_r(document.body.clientWidth <= 1180? "1180px": "auto");min-width:1180px; }
.p2_mobile{ background:url(/image/Mobile/p2_mobile.png) no-repeat; width:300px; height:404px; position:absolute; bottom:-404px; right:0; margin-bottom:-404px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}
.p2_title{ font-size:60px; font-weight:bolder; color:#FFF; width:600px; position:absolute; left:150px; top:-140px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}
.p2_txt{ font-size:24px; color:#FFF; width:550px; position:absolute; left:150px; top:750px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}

.p3-warp{ width:100%; height:471px; margin:auto; background-color:#3DB14A; position:relative;width:expression_r(document.body.clientWidth <= 1180? "1180px": "auto");min-width:1180px;}
.p3_bg{ width:100%; height:471px; margin:auto;  position:absolute; background:url(/image/Mobile/p3_bg.png);  z-index:999;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0; left:0;width:expression_r(document.body.clientWidth <= 1180? "1180px": "auto");min-width:1180px;}
.p3{ overflow:hidden; display:block;width:1180px; margin:auto; height:471px; z-index:9999; position:relative;width:expression_r(document.body.clientWidth <= 1180? "1180px": "auto");min-width:1180px; }
.p3_mobile{ background:url(/image/Mobile/p3_mobile.png) no-repeat; width:300px; height:404px; position:absolute; bottom:-404px; margin-bottom:-404px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}
.p3_title{ font-size:60px; font-weight:bolder; color:#FFF; width:600px; position:absolute; left:550px; top:-100px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}
.p3_txt{ font-size:24px; color:#FFF; width:550px; position:absolute; right:-550px; top:280px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}

.p4-warp{ width:100%; height:471px; margin:auto; background-color:#EF7133; position:relative; width:expression_r(document.body.clientWidth <= 1180? "1180px": "auto");min-width:1180px;}
.p4_bg{ width:100%; height:471px; margin:auto;  position:absolute; background:url(/image/Mobile/p4_bg.png); z-index:999;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0; left:0;width:expression_r(document.body.clientWidth <= 1180? "1180px": "auto");min-width:1180px;}
.p4{ overflow:hidden; display:block;width:1180px; margin:auto; height:471px; z-index:9999; position:relative;width:expression_r(document.body.clientWidth <= 1180? "1180px": "auto");min-width:1180px; }
.p4_mobile{ background:url(/image/Mobile/p4_mobile.png) no-repeat; width:300px; height:404px; position:absolute; bottom:-404px; right:0; margin-bottom:-404px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}
.p4_title{ font-size:60px; font-weight:bolder; color:#FFF; width:600px; position:absolute; left:150px; top:-140px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}
.p4_txt{ font-size:24px; color:#FFF; width:550px; position:absolute; left:150px; top:750px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}

.bottom_banner{ border-top:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; height:180px; width:100%; background-color:#ECECEC;width:expression_r(document.body.clientWidth <= 1180? "1180px": "auto");min-width:1180px; }
.bottom_banner .link_box{ width:606px; margin-left:auto; margin-right:auto; height:180px;}
.bottom_banner .link_box a{ width:239px; height:76px; display:inline-block; background:url(/image/Mobile/bottom_btn.png) no-repeat; margin:50px 30px 0;}
.bottom_banner .link_box a:hover{ box-shadow:0px 0px 3px #333;}

.bottom_banner .link_box .b_iphone{ background:url(/image/Mobile/bottom_btn.png) 0 0 no-repeat;}
.bottom_banner .link_box .b_android{ background:url(/image/Mobile/bottom_btn.png) 0 -77px no-repeat;}

.barcode{ width:122px; height:170px; background:url(/image/Mobile/mobile_barcode.png) no-repeat; position: fixed; top: 130px; right: 3px; display: block; overflow: hidden; _position: absolute; _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight - 75); _left: expression(documentElement.scrollLeft+documentElement.clientWidth-this.offsetWidth - 15); z-index:99999;}
.barcode .close{ width:20px; height:20px;  float:right; cursor:pointer;}

#barcode{}
.IE-hack{ display:none;}
.IE-hack .banner{background:url(/image/Mobile/banner_bg_ie.jpg) no-repeat center center;}