@charset "utf-8";
/* Reset CSS */
html, body, dl, dd, h1, h2, h3, h4, h5, h6, p, ol, ul{ margin:0; padding:0;}
article, aside, figure, footer, header, menu, nav, section, summary, time{display:block; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#000;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#000;}
img{border:none;}
input:focus {outline: none;} 
 
ul, ol {list-style: none;}
a{color:#08c; text-decoration:none; hide-focus: expression(this.hideFocus=true); outline: none;}
a:focus {outline: 0;}
a:visited, a:link, a:active {text-decoration: none; color:#66BB6A;}
a:hover {color:#08c; text-decoration: underline;}
.pw980{width:980px; margin-left:auto; margin-right:auto;}
.pw980 .logo{float:left;padding-top:15px;}
.pw980 .logo a{display:block; background:url(../../../images/logo.png) no-repeat; width:150px; height:70px; text-indent:-9999px;}
.zoom{*+zoom:1;}
.zoom:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.ulcircle{list-style:disc; padding-left:20px;}
.left{ float:left;}
.alc{ text-align:center;}

.nav_more_pro>a{ color:#666;}
.over_layer{ background-color:rgba(0,0,0,0.5); position:fixed; z-index: 99999; width: 100%; height: 1200px; }
.over_layer_show{ width: 676px; height: 580px; margin: 100px auto 0 auto; background: url(../img/over_bg.png) no-repeat; overflow: hidden; border-radius:5px;}
.over_layer_show div{ width: 550px; margin: 330px auto 0 auto;}
.over_layer_show div p{ text-align: center; font-size: 18px; line-height: 28px; color:#000; margin-top:10px;}
.over_layer_show div p a{ display:block; width:347px; height:56px; line-height:56px; background-color: #1cbaee; color: #fff; font-size: 16px; border-radius:5px; margin:20px auto 0 auto;}
.over_layer_show div p a:hover{ background: #2ecbff; text-decoration: none;}


html, body,.wrap{ height:100%; background-color:#vc0ebf0;}
.wrap .isfixed{top:0; position:fixed;}
.mask_banner_cont{ width:99.8%; height:100%; background:url(../img/cloud_bg.png) center no-repeat; background-color:rgba(220,247,255,0.9); background-size:cover; position:absolute; top:0; border:2px solid #feb566; position:absolute; top:0; z-index:9;}
.mask_cont{ background:url(../img/mask_box.png) top center no-repeat; text-align:center; overflow:hidden;}
.mask_cont>h1{ margin:460px auto 0 auto;}
.mask_cont>p{ width:780px; margin:0 auto 15px auto; font-size:14px; line-height:1.857; }
.mask_cont>span{ display:inline-block; font-size:16px; color:#ef760b; padding:0 25px 7px 25px;}
.anniversary{ width:100%; position: absolute; top:0; background:url(../img/bg.png) top center repeat-y;}

.anniversary_cont h1{ font-size:42px; font-weight:bolder; font-style:italic; text-align:center; color:#fd8300; margin-top: 80px;}
.anniversary_cont h1 span{ color:#3d3d3d;}
.anniversary_cont>p{ font-size:16px;  text-align:center; margin:30px auto 40px auto;}
.count_down{ width:462px; margin:0 auto;}
.count_down b{ font-size:28px;  float:left; line-height:86px; margin-right:15px;}
.count_down p{ width:68px; border-radius:2px; background-color:#ff8500; float:left; text-align:center; margin-left:10px;}
.count_down p b{width:68px; display: block; font-size:48px; line-height:64px; font-weight:300; color:#fff;}
.count_down p span{width:68px; display: block; float:left; font-size: 12px; color:#fff; margin-top: 5px;}
.count_down_block>p{ text-align:center; margin:25px auto; font-size:16px; font-weight:bold;}
.share_cont{ background:url(../img/product_box.png) top left no-repeat; margin:50px auto 20px auto;}
.share_block{width:480px; float:right; margin:80px auto;}
.share_block li{ font-size:16px; line-height:35px; }
.dl_btn{ width:296px; height:52px; display:block; border:2px solid #44a3d6; border-radius:5px; font-size:18px; line-height:52px; color:#37a6df; text-align:center; margin:25px auto 20px auto;}
.dl_btn:hover{ background-color:#44a3d6; color:#fff; text-decoration:none;}
.dl_btn>span{ float:left; margin-left:40px;}
.dl_btn>img{ padding:10px 0 0 15px; float:left;}
.share_frame{width:428px; border:1px dashed #bcbcbc; border-radius:5px; position:relative; padding:24px 20px; background-color:#fff; margin-top:20px;}
.share_frame p{ font-size:14px; }
.share_btn>a{ height:38px; float:left; font-size:20px; line-height:38px; color:#fff; border-radius:5px; margin:20px 0;}
.share_btn>a:hover{ text-decoration:none;}
.share_btn>span{ float:left; line-height:38px; margin:20px 10px 0 10px; font-weight:bolder;}
.tw_btn{ width:95px; background:url(../img/tw_icon.png) #1bc4fc 11px center no-repeat; padding-left:70px;}
.fb_btn{ width:110px; background:url(../img/fb_icon.png) #3a5b9a left center no-repeat; padding-left:55px;}
.share_frame .note{ font-size:12px; color:#666;}


.note b{ color:#ec1b22;}
.dl_block{ display:none;}
.comment{position:relative;}
.comment>a{ position:absolute; top:10px;}
.comment .toleft{ margin-left:-40px; left:0;}
.comment .toright{ margin-right:-40px; right:0;}
.comment_cont{ height:80px; overflow:hidden;}
.comment_block{ width:916px; background-color:#fff6ef; position:absolute; margin-left:40px;opacity:0; z-index:-10; transform:scale(0.8); -webkit- transform:scale(0.8); transition:transform 1s ease, opacity 0.5s ease; -webkit-transition:transform 1s ease, opacity 0.5s ease;}
.comment_cont .comment_block_sel{ z-index:5; opacity:1; transform:scale(1); -webkit-transform:scale(1);}

.comment_block>p{ float:right; width:728px; font-size:14px; line-height:24px;  margin-top:5px;}
.comment_block>p span{ display:block; color:#18aadb;}
.circle>a{ width:8px; height:8px; border-radius:8px; display:inline-block; border:1px solid #9e9e9e; margin:20px 5px 0 5px; transition:background 0.5s ease; -webkit-transition:background 0.5s ease;}
.circle .circle_sel{ background-color:#fd8300; border:1px solid #fd8300;}
.ribbon{ height:366px; background:url(../img/ribbon.png) center no-repeat; margin-top:50px; overflow:hidden;}
.ribbon_cont h3{ font-size:20px; color:#34302b; margin:220px 0 10px 20px;}
.ribbon_cont p{ font-size:14px; color:#585149; margin-left:20px;}
.ribbon_cont b{ color:#ee1338; font-size:16px; font-weight:bolder;}
.ribbon_cont i{ font-weight:bolder;}
.pro_introduce{ margin:20px auto;}
.pro_screenshot{ width:550px; height:400px; float:left; position:relative;}
.pro_screenshot>img,.pro_screenshot_cont img{ position:absolute;}
.pro_introduce_cont{margin:65px auto; overflow:hidden;}

 
.screenshot_bg2{ top:268px; left:-13px; z-index:20;}
.screenshot_bg1{top:-10px; left:-60px; z-index:-1; }
.pro_text{ width:418px; height:380px; float:right; position:absolute; left:0; top:0; background-color:#fff6ef; transform:scale(0.8); opacity:0;}
.pro_text_block .pro_text_sel{ z-index:10; transform:scale(1); opacity:1; transition:all 1s ease 0.5s;}
.pro_screenshot_cont,.pro_text_block{position:relative;}
.pro_text_block{width:418px; float:right;}

.pro_screenshot_cont img{ transform:translateY(0px); opacity:0;margin-top:25px;}
.pro_introduce_an .screenshot_sel{transform:translateY(450px); opacity:1; transition:all 2s ease; z-index:10;}
.pro_introduce_an .screenshotn{animation:screenshotn 0.5s ease forwards;}
@keyframes screenshotn{
	0%{opacity:0;}	
	100%{opacity:1;}

}
.pro_text h2{ margin:105px 0 10px;}
.pro_text h2,.get_card_cont h2,.get_card_cont h2 b{ font-size:30px;} 
.pro_text p{ font-size:14px; line-height:24px; }
.get_card{ height:318px; background:url(../img/card_box.png) right center no-repeat; margin:0 auto 90px auto;}
.get_card_cont{ width:518px; background:url(../img/card_frames_bg.png) top center no-repeat; text-align:center; overflow:hidden; margin-top:24px;}
.get_card_cont h2{ margin-top:40px;}
.get_card_cont h2 b{ color:#ee1338;}
.get_card_cont p{ width:420px; margin:10px auto 60px auto; line-height:22px; font-size: 14px;}
.get_card_cont>a{ width:172px; height:64px; display:block; background: url(../img/share_twitter.png);  margin:0 auto; padding: 0 0 0 50px; font-size:16px; line-height:68px; color: #fff;} 
.get_card_cont>a:hover{background: url(share_twitter2.png); text-decoration: none;}
.get_card_cont>a img{ float:left; margin:0 10px 0 20px;}
.rules{ border-top:1px solid #e5e5e5;}
.rules2{ border: 0; width: 980px; margin: 0 auto;}
.rules2 h3{ font-size: 18px; margin: 20px 0 20px 0;}
.rules h3{ font-size:18px; margin:40px auto 10px auto;}
.rules li{ line-height:30px;}
.rules li b{ font-weight:bolder;}
.bottom{ background-color:#f2f2f2; margin-top:40px; z-index:999;}
.bottom p{ text-align:center; line-height:38px;}
.warp .bottom{ left: 0px; right: 0px; position: absolute; z-index: -1;}
.scroll_height{ height:800%;}
.pro_cont{background: url(way.png) center bottom no-repeat; overflow: hidden;}


/*results style**/
.mask_cont>h3{ font-size:30px; margin:480px auto 25px auto;}
.mask_cont .licence{ width:535px; height:67px; border:1px solid #30a1db; border-radius:5px; background-color:#fff; font-size:24px; line-height:67px; color:#30a1db;}
.mask_cont .licence_note{ font-size:18px; margin:30px 0 20px 40px;}
.mask_cont .licence_note span{ color:#ee1338; font-style:italic;}
.mask_cont .email_info{ width:550px;}
.email_account{ width:445px; height:48px; border:1px solid #d6d6d6; border-radius:5px; font-size:24px; line-height:48px; text-align: center;}
.email_info .send_mail{ width:120px; height:52px; border-radius:5px; background-color:#41b9eb; margin-left:-20px; font-size:24px; line-height:52px; color:#fff;}
.email_info .send_mail:hover{ text-decoration:none; background-color:#56cafa;}
.back_btn{ width:243px; height:56px; display:block; margin:38px auto 0 auto; border:1px solid #41b9eb; border-radius:8px; font-size:24px; line-height:56px; color:#41b9eb;}
.back_btn:hover{ text-decoration:none; background-color:#41b9eb; color:#000;}
.mask_banner .noborder{ border:none; width:100%;}
.fbinfoid{ display:none;}
.dl_block_re { margin-top: 460px;}
.dl_block_re .note{ width:420px; margin:0 auto;text-align: left;}
.dl_block_re>p{ font-size: 24px;}
.dl_block_re .note ,.note p{ font-size: 12px;}
.note p{ margin: 10px auto; }
.dl_block_re .backhome{ display: block; font-size: 16px; margin-top: 20px;}
.dl_mask{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; display: none;}
.dl_mask_bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.5); cursor: pointer;}
.dl_mask_cont{ width: 480px; height: 342px; position: fixed; top: 50%; left:50%; margin: -171px 0 0 -240px; background-color: #fff4ea; border-radius: 5px; text-align: center;}
.dl_mask_cont>img{ position: absolute; margin:-60px 0 0 192px; left:0; top:0;}
.dl_mask_cont>p{ font-size: 18px; margin-top:80px; }
.dl_mask_cont>a{ display: block; width: 390px; height: 48px; margin: 25px auto; border: 1px solid #41b9eb; border-radius: 5px; line-height: 48px; color: #41b9eb; font-size: 14px;}
.dl_mask_cont>a:hover{ background-color: #41b9eb; color: #fff; text-decoration: none;} 

.present{ margin: 20px 0 0 0;}
.present a{ margin: 0 5px; }
.present span{position: relative; top: -15px; font-size:16px ;}
.price{ margin:20px auto;}
.price span{ font-size:18px; color:#000; text-decoration:line-through;}
.price b{ font-size:32px; color:#e82120; margin-left:10px;}
.dl_buy_btn>a{ width:205px; height:52px; display:block; border-radius:5px; text-align:center; font-size:18px; line-height:50px; color:#fff; float:left;}
.dl_btn{ background-color:#13bbf3; transition:all 0.3s ease; }
.buy_btn{ background-color:#ff8500; transition:all 0.3s ease;background-image:url(../img/mac-icon.png);background-repeat:no-repeat; }
.buy_btn2{ background-color:#ff8500; margin-left:25px; transition:all 0.3s ease;background-image:url(../img/win-icon.png);background-repeat:no-repeat; }

.dl_btn2:hover{text-decoration:none; box-shadow:4px 4px 20px 0 #59b7ed;}
.buy_btn:hover{text-decoration:none; box-shadow:4px 4px 20px 0 #fbb15f;}
.buy_btn2:hover{text-decoration:none; box-shadow:4px 4px 20px 0 #fbb15f;}

.fail_share_blick{ display: none;}
 .fail_share_blick>img{ margin: 134px 0 20px 0; }
 .fail_share_blick>p{width: 400px; font-size: 18px; line-height: 26px; color: #000; margin: 0 auto 76px auto;}
.tkgrut_wrap{ min-height: 100%; background:#ffeed9 url(tkgrut_bg.jpg) top center no-repeat; background-size: cover; overflow: hidden;}
.tkgrut_cont{width: 682px; height: 685px; background: url(../img/tkgrut_cont_bg.png) center no-repeat ; margin:120px auto ; text-align: center; overflow: hidden;}
.tkgrut_cont h1{ font-size: 30px; color: #fd9933; margin: 100px 0 10px 0;}
.licnec_info>span{ font-size: 18px; color: #000; display: block;}
.licence_code{ width: 490px; height: 87px; background: url(../img/licence_bg.png) no-repeat; margin: 14px auto; font-size: 24px; line-height:80px; color: #fff;}
.mail_info>p{ font-size: 14px;}
.mail_info>p span{ color: #f92539; font-style: italic; margin-right: 5px;}
.eamil_address{ width: 283px; height: 32px; border: 1px solid #d6d6d6; border-radius: 5px;}
.eamil_address{ color: #000; padding-left: 10px; margin: 10px auto;}
.mail_info{margin-bottom: 10px;}
.mail_info .email_error,.code_error{ font-size: 14px; color: #f96d17;}
.code_error{ margin-top: 10px;}
.verify_code{ width: 170px; height: 32px; border: 1px solid #d6d6d6; border-radius: 5px; margin-right: 10px; padding-left: 5px;}
.verify_code_img{ vertical-align: middle; cursor: pointer;}
.tkgrut_cont .send_mail{ display: block; width: 122px; height: 30px; font-size: 18px; line-height: 30px; color: #fff; border-radius: 3px; background-color: #41b9eb; margin: 20px auto ;}
.get_back{ display: block; font-size: 18px; color: #41b9eb;}
.send_mail_mask{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0;}
.mail_mask_cont{ width: 506px; height: 346px; position: fixed; top: 50%; left:50%; margin:-173px 0 0 -253px; background-color:#ffeed9; border: 5px solid #ffbf7d; border-radius: 5px; text-align: center;}
.mail_mask_imgs{ position: absolute; top: 0; right: 0; margin: 75px -50px 0  0;}
.send_mail_mask,.send_success,.send_fail{ display: none;}
.send_success .get_back{ margin-top: 20px;}
.send_in>img{ margin: 65px 0 48px 0;}
.mail_mask_cont h3{ font-size: 24px; color: #009944;}
.send_success>img{ margin:28px auto ;}
.send_success>p{ width: 354px; margin: 0 auto; font-size: 14px; line-height: 22px; color: #000; margin-top: 15px;}
.send_success>p a{ color: #0abada; font-size: 14px;}
.send_fail>img{ margin: 32px 0 52px 0;}
.send_fail>p{ font-size: 18px; color: #000;}
.send_fail>a{ display: block; width: 152px; height: 44px; font-size: 18px; line-height: 44px; color: #fff; background-color: #13c3f6; border-radius: 5px; margin: 40px auto 0 auto;}


/*Christmas 2015 12 23*/
.christmas_main{background:url(../img/containt_bg.png); background-size:cover;}
.christmas_contains{background:url(../img/containt_bg_1.png) repeat-y;}
.christmas_banner{background:url(../img/xmas-special-offer-banner.png) no-repeat center; height:515px; background-size:cover;}
.christmas_banner h1{padding-top:112px; display:block; margin:0 auto;}
.christmas_banner p{width:800px; text-align:center; margin:0 auto; color:#FFF; font-size:18px; line-height:26px;}
.christmas_banner p span{background:url(../img/xmas-special-offer-bar.png) no-repeat; display:block; height:58px; width:320px; line-height:50px; font-size:20px; margin:30px auto 0;}
.christmas_block_1 h2{background:url(../img/colour_bar.png) no-repeat; width:947px; height:79px; text-align:center; line-height:68px; font-size:36px; color:#FFF;}
.share_block_1{width:530px; margin:90px auto;}
.share_block_1 h3{font-size:20px; line-height:40px; padding-bottom:30px;}
.share_block_1 li{font-size:14px; line-height:32px; }
.discount_btn a{ width:226px; height:50px; border-radius:5px; font-size:20px; line-height:50px; text-align:center; color:#fff; float:left; margin-top:35px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.discount_btn a:hover{text-decoration:none; box-shadow:4px 4px 20px 0 #d5d5d5;}
.christmas_block_1{margin-top:35px;}
.christmas_text {margin:0 0 60px 0; *+zoom:1;}
.christmas_text h3{font-size:18px; line-height:26px; margin-top:30px; margin-bottom:10px;}
.christmas_text:after{ content:""; display: block; clear: both;}
.christmas_text a{font-size:11px;line-height:18px}
.christmas_text ul{line-height:20px; margin:0; padding:0; list-style:none;}
.christmas_text ul li{color:#61a77f; line-height:40px; width:450px; height:42px; border:1px #61a77f solid; padding:10px 0 10px 10px; margin:10px 10px; list-style:none; float:left;} 
.christmas_text ul li a{font-size:14px; color:#61a77f;}
.christmas_text ul li a img{float:left; margin:0 10px 0 0;}
.christmas_bottom{background-color:#d6c5ad;}
.christmas_bottom p{font-size:14px; color:#FFF !important; line-height:40px;}
.christmas_bg{background:url(containt_bg.png);}
.christmas_circle>a{ width:8px; height:8px; border-radius:8px; display:inline-block; border:1px solid #999; margin:20px 5px 0 5px; transition:background 0.5s ease; -webkit-transition:background 0.5s ease;}
.christmas_circle .christmas_circle_sel{ background-color:#999; border:1px solid #999;}
.christmas_ma{ padding-left:20px;}
.mt100{margin-top:80px;}

/**mask xmas**/
.mask_xmas{ width:100%; height:100%; position: fixed; z-index:999; background-color:rgba(0,0,0,0.8); top:0; left:0;}
.mask_xmas_cont{ width:676px; height:580px; position:fixed; top:50%; left:50%; margin:-290px 0 0 -338px; border-radius:5px; background:#55a477 url(mask_xmas_bg.png) no-repeat; text-align:center; box-shadow:0 0 10px 0 #000;}
.mask_xmas_close{ position:absolute; top:5px; right:5px;}
.mask_xmas_cont>img{margin-top:90px;}
.mask_xmas_cont>p{ font-size:18px; line-height:30px; color:#fff; padding:0 20px; margin:10px auto;}
.mask_xmas_cont .mask_xmas_btn{ display:block; width:378px; height:58px; border-radius:5px; background-color:#1cbaee; font-size:20px; line-height:58px; color:#fff; margin:30px auto;}
.mask_xmas_btn:hover{ text-decoration:none; background-color:#2ac5f8;}

.probox2{padding:35px 0;}
.probox2 .item1{float:left;width:22%;line-height:35px;text-align:center;margin-right:20px;}
.probox2 .item1 p{font-size:14px;}

.left_float_nav li.line_2 {
    line-height: 18px;
    padding-top: 100px;
    font-size: 17px;
}
.left_float_nav li {
    cursor: pointer;
    color: #fff;
    font-size: 17px;
    line-height: 44px;
    margin-bottom: 11px;
    padding-left: 35px;
}
.left_float_nav {
    background: url(../img/icon-bmf.png) no-repeat;
    width: 192px;
    height: 333px;
    margin-right: 550px;
    position: fixed;
    top: 40px;
    right: 50%;
}
.right_float_nav {
    background: url(../img/icon-bmf.png) no-repeat;
    width: 220px;
    height: 333px;
    margin-left: 550px;
    position: fixed;
    top: 40px;
    left: 50%;
}
.right_float_nav li.line_2 {
    line-height: 18px;
    padding-top: 100px;
    font-size: 17px;
}
.right_float_nav li {
    cursor: pointer;
    color: #fff;
    font-size: 17px;
    line-height: 44px;
    margin-bottom: 11px;
    padding-left: 35px;
}

.go-top .back-top {
    background: transparent url(../img/go-top.png) no-repeat scroll 0px 0px;
    display: block;
    float: right;
    height: 73px;
    outline: 0px none;
    text-indent: -9999em;
    width: 70px;
    margin-bottom: 50px;
}
.pop {
    width: 495px;
    height: 385px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 97px 130px 0 130px;
    overflow: hidden;
    border-radius: 10px;
    background: #472408 url(../img/popbg.png) top center no-repeat;
    background-size: cover;
    box-shadow: 0 0 40px #543927;
}
.pop a {
    width: 362px;
    height: 79px;
    line-height: 72px;
    margin: 53px auto;
    color: #F39C12;
    background: url(../img/btn.png) 0 0 no-repeat;
}
a:link, a:visited {
    text-decoration: none;}
	
.popbg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 7;
    background-color: rgba(0,0,0,0.5);
}
.ft24 {
    font-size: 24px;
}

.alc {
    text-align: center;
}

.ftb {
    font-weight: 700;
}

.dsb {
    display: block;
}
.mt30 {
    margin-top: 30px;
}

.white {
    color: #fff;
}

.ft18 {
    font-size: 18px;
}

.alc {
    text-align: center;
}