/*!
 * Author: @leeiio;
 */

/* Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,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,
dl,dt,dd,ol,ul,li,
b,u,i,center,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;}
body{line-height:1;}
/*h1,h2,h3,h4,h5,h6{font-weight:normal;clear:both;}*/
ol,ul{list-style:none;}
blockquote{quotes:none;}
blockquote:before,blockquote:after{content:'';content:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
a{outline:none;}
a img{border:none;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

/* Common */
body{font-family:'Lucida Grande','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;background:#f1faff;}
input:focus {outline: none;}
.submit-loading{background:url(/public/images/v3/loading.gif) no-repeat 221px center;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
::-webkit-input-placeholder { color:#ababab; }
input:-moz-placeholder { color:#ababab; }
.form-box{width:300px;border:2px solid #c7d3db;background:#f3f8fb;margin:0 auto;padding:25px 60px;text-align:left;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.form-input{width:278px;font-size:14px;color:#456d88;line-height:14px;padding:10px;border:1px solid #becdd5;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.1) inset;
}
.form-input:focus{-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);box-shadow:0 1px 5px rgba(0,0,0,0.2);}
.form-input.placeholder{color:#ababab;}
a, a:link, a:visited {
    /*-webkit-transition: all .3s linear;*/
}
@-webkit-keyframes reset {
    0% {
        opacity: 0;
}
100% {
    opacity: 0;
}
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1);
}
60% {
    opacity: 0;
}
100% {
    opacity: 1;
    -webkit-transform: scale(1);
}
}

@-moz-keyframes reset {
    0% {
        opacity: 0;
}
100% {
    opacity: 0;
}
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0;
        -moz-transform: scale(.1);
}
60% {
    opacity: 0;
}
100% {
    opacity: 1;
    -moz-transform: scale(1);
}
}

/*Placeholder*/
.holding .input_box{position:relative;height:60px;}
.holding .input_wrap{position:absolute;bottom:0;left:0;}
.holding .input_wrap label{position:absolute;bottom:0;left:0;line-height:40px;margin-left:10px;color:#aaa;}

/* CSS Spirit */
#home #main .signup,
.submit_btn,
.signin_google{background:url(/static/images/buttons_icon.png) no-repeat 0 0;}

/* Header */
header{height:55px;width:100%;
    border-top:1px solid #5c9ec8;
    border-bottom:1px solid #2f5b87;
background-color: #4a9b01;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(30, 176, 45)), to(rgb(18, 82, 136)));
background-image: -webkit-linear-gradient(top, rgb(30, 176, 45), rgb(18, 82, 136));
background-image: -moz-linear-gradient(top, rgb(30, 176, 45), rgb(18, 82, 136));
background-image: -o-linear-gradient(top, rgb(30, 176, 45), rgb(18, 82, 136));
background-image: -ms-linear-gradient(top, rgb(30, 176, 45), rgb(18, 82, 136));
background-image: linear-gradient(top, rgb(30, 176, 45), rgb(18, 82, 136));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1e75b0', EndColorStr='#125288');
}
header .inner{width:1000px;margin:0 auto;line-height:55px;font-size:24px;color:#e4f6ff;text-shadow:1px 1px 0 rgba(0,0,0,0.3);position:relative;}
header .inner a{color:#e4f6ff;text-decoration:none;}
header .inner a:hover{color:#fff;}
header .inner nav a{padding: 4px 10px;margin: 15px 0 0 0;line-height: 16px;}
header .inner .s a{display: inline-block;
    color:#fff;
    padding: 4px 10px;
    background: rgba(255, 255, 255, 0.2) !important;
    background:#fff;
    filter: alpha(opacity=20);
    height: 20px;
    vertical-align: middle;
    margin: 0;
    _margin: 15px 0 0 0;
    line-height: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
header .inner .s a span{position:relative;}
header .inner .logo a,
header .inner nav,
header .inner .lang-dropmenu a{display:block;}
header .logo{float:left;}
nav{margin-left:180px;float:left;}
nav ul li{display:inline-block;float:left;}
header .member{float:right;font-size:12px;}
header .member a:hover{text-decoration:underline;}
header .lang{float:right;margin-left:10px;cursor:pointer;}
#langs_switch i{background:url(/public/images/v3/langs_icon.png) no-repeat 0 0;width:24px;height:24px;display:block;float:left;margin-right:5px;cursor:pointer;}
#langs_switch .lang i{margin:15px 0 0 0;}
#langs_switch .en{background-position:0 -80px;}
#langs_switch .cn{background-position:0 0;}
#langs_switch .tw{background-position:0 -160px;}
#langs_switch .ja{background-position:0 -224px;}
.lang-dropmenu {
    background: none repeat scroll 0 0 #0269AD;
    padding:5px 0;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 52px;
    width: 110px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
.lang-dropmenu li{line-height:25px;padding:0 10px;}
.lang-dropmenu li img{vertical-align:middle;}

/* Slide */
#index_slide{width:608px;height:308px;margin:0 auto;}
#index_slide .slide{width:650px;height:308px;position:relative;overflow:hidden;}
#index_slide .slide ol{margin:0;padding:0;overflow:hidden;float:left;border:4px solid #b2b2b2;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
}
#index_slide .slide ol,
#index_slide .slide li,
#index_slide .slide li img{width:600px;height:300px;position:relative;}
#index_slide .slide li .cap{font-size:14px;text-align:left;background:rgba(0,0,0,0.6) !important;background:#000;filter: alpha(opacity=60);height:36px;line-height:36px;width:100%;position:absolute;top:300px;left:0;color:#fff;text-indent:45px;}
#index_slide .slide li .cap span{position:relative;}
#index_slide .slide li .cap h5{font-size:18px;display:inline;padding-right:10px;}
#index_slide .slide_num{width:14px;float:left;position:absolute;right:0;bottom:0;}
#index_slide .slide_num span{width:14px;height:14px;background:url('/public/images/v3/slidedot.png') no-repeat 0 0;display:block;text-indent:-9999em;cursor:pointer;margin-top:10px;}
#index_slide .slide_num span:hover{background-position:0 -14px;}
#index_slide .slide_num span.hover{background-position:0 -28px;}

/* Home Main */
#main{background:#fff;text-align:center;
    -moz-box-shadow:1px 0 6px rgba(0,0,0,0.3);
    -webkit-box-shadow:1px 0 6px rgba(0,0,0,0.3);
    box-shadow:1px 0 6px rgba(0,0,0,0.3);
    background:#fff url(/public/images/v3/ie_bottom_bg.png) left bottom repeat-x\9;
}
#main .inner{width:1000px;margin:0 auto;padding:45px 0 40px 0;}
#main .intro h2{font-size:40px;color:#343434;text-align:center;}
#main .intro .desc{color:#999999;font-size:18px;text-align:center;padding:20px 0;}
#home #main .signup{background-position:0 0;color:#fff;display:inline-block;width:242px;height:50px;line-height:50px;margin:0 0 40px 0;text-decoration:none;font-size:24px;text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4);}
#get_doit{height:22px;line-height:22px;padding-bottom:20px;clear:both;}
#get_doit h4,.platforms a{display:inline-block;zoom:1;*display:inline;margin-right:20px;font-size:14px;color:#343434;text-decoration:none;line-height:25px;}
.platforms a:hover,
.platforms .s{color:#0073c1;}
.platforms a{
    -webkit-animation: reset 1s ease-in-out 0s 1, fade-in 1s ease-in-out 0s 1;
    -moz-animation: reset 1s ease-in-out 0s 1, fade-in 1s ease-in-out 0s 1;
}
.platforms a i{width:22px;height:22px;display:inline-block;vertical-align:top;*vertical-align:middle;margin-right:2px;background:url(/public/images/v3/platforms_icon.png) no-repeat 0 0;}
.platforms .iphone i{background-position:0 0;}
.platforms .iphone:hover i,
.platforms .iphone.s i{background-position:0 -25px;}
.platforms .android i{background-position:-25px 0;}
.platforms .android:hover i,
.platforms .android.s i{background-position:-25px -25px;}
.platforms .ipad i{background-position:-50px 0;}
.platforms .ipad:hover i,
.platforms .ipad.s i{background-position:-50px -25px;}
.platforms .win i{background-position:-74px 0;}
.platforms .win:hover i,
.platforms .win.s i{background-position:-74px -25px;}
.platforms .mac i{background-position:-100px 0;}
.platforms .mac:hover i,
.platforms .mac.s i{background-position:-100px -25px;}
.platforms .web i{background-position:-125px 0;}
.platforms .web:hover i,
.platforms .web.s i{background-position:-125px -25px;}

#reason{}
#reason h2{color:#0269ad;font-size:30px;text-align:center;margin:34px 0;cursor:pointer;}
#reason h2 .allow{background:url(/public/images/v3/reason_allow.png) no-repeat;width:36px;height:36px;vertical-align:text-top;margin-left:70px;display:inline-block;
    -webkit-transition: -webkit-transform .5s ease-in, background .5s ease-in;
    -moz-transition:    -moz-transform .5s ease-in, background .5s ease-in;
    -o-transition:      -o-transform .5s ease-in, background .5s ease-in;
    transition:         transform .5s ease-in, background .5s ease-in;
}
#reason h2 .allow:hover{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -transform: rotate(180deg);
}
#reason .reasons{width:960px;background:#fff;border:1px solid #dfe7ec;margin:0 auto;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    -moz-box-shadow:0 0 4px rgba(0,0,0,0.3);
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.3);
    box-shadow:0 0 4px rgba(0,0,0,0.3);
}
#reason .reasons .item{border-bottom:1px solid #e1e3e4;padding:20px 30px;overflow:hidden;color:#555555;font-size:14px;line-height:30px;}
#reason .reasons .item h4{font-size:18px;color:#333333;}
#reason .reasons .item .more{font-size:12px;color:#0073c1;text-decoration:none;}
#reason .reasons .cloud{border:none;}
#reason .reasons .gtd .desc-wrap{width:470px}
#reason .reasons .platform .desc-wrap{width:520px;}
#reason .reasons .cloud .desc-wrap{width:440px;}

/* Register */
#main .form{font-size:14px;color:#456d88;}
#main .form h2{width:420px;text-align:left;margin:0 auto;margin-bottom:20px;}
#main .form a{color:#3097db;}
#main .oauth{text-align:left;}
#main .oauth h2{color:#333;margin:0 0 30px 0;padding-left:10px;}
#main .oauth p.desc{color:#555;margin-bottom:30px;padding-left:10px;}
.submit_btn{text-align:center;border:none;width:204px;height:42px;line-height:42px;background-position:0 -55px;color: #68fd00;display:inline-block;text-decoration:none;font-size:20px;text-shadow:1px -1px 1px rgb(239, 240, 242);}

.form-box .form_input_wrong{border:1px solid #d15807;}
.form-box .lang_wrap{position:absolute;bottom:20px;left:0;}
.form-box .input_box_hint,
.form-box .input_box_tip{color:#91a7b5;font-size:12px;line-height:20px;position:absolute;top:0;left:0;}
.form-box .text_color_red{color:#d15807;}
.form-box .input_wrong,
.form-box .input_right{display:none;}
.form-box .form_checkbox{margin-bottom:20px;font-size:12px;}
.form-box .form_checkbox a{text-decoration:none;}

.register-login{margin-top:40px;}
.register_goto{margin-top:30px;}

.oauth-register-tips{line-height:20px;margin-bottom:20px;}

.register-login{margin:30px auto 0 auto;text-align:right;width:420px;}
.register-login a{font-weight:bold;}

/* sign in */
#remember_me{color:#456d88;font-size:12px;margin-top:20px;float:left;}
#forgot_password{font-size:12px;margin-top:20px;float:right;}
#forgot_password a{color:#91a7b5 !important;text-decoration:none;}

.signin-box hr{border:none;border-top:1px solid #cfdee7;border-bottom:1px solid #fff;margin:30px 0;}
.signin_google{width:244px;height:40px;line-height:40px;background-position:0 -101px;display:inline-block;text-align:center;color:#456d88 !important;text-shadow:1px 1px 0 rgba(255,255,255,0.6);text-decoration:none;}
.login-register{margin:30px auto 0 auto;text-align:right;width:420px;line-height:20px;}
.login-register a{font-weight:bold;}

.signin-box .input_wrap label,
.register-box .input_wrap label,.reset-pwd-form .input_wrap label{position:absolute;bottom:0;left:0;line-height:40px;margin-left:10px;color:#aaa;}

/* About */
#main .text{padding:44px 10px;width:980px;color:#555555;font-size:14px;text-align:left;line-height:30px;}
#main .text h2{color:#0269ad;font-size:18px;padding-bottom:30px;}
#main .text h4{font-size:14px;}
#main .text ol{margin-left:20px;}

#main .info{padding:44px 10px;width:980px;color:#555555;font-size:14px;text-align:left;line-height:30px;}
#main .info h2{color:#333333;font-size:18px;padding-bottom:30px;}
#main .info .input_wrap{margin:20px 0;}

#about .text a{color:#3097DB;}

/* Resent password */
#reset_password_form .submit_btn_box{margin-top:30px;}

/* Forget password */
.forget-psw .forget-psw-text{margin-bottom:20px;}

/* Add account */
.add-account .add-account-text{margin-bottom:20px;}
.add-account .input_wrap{margin:0 !important;}
.add-account .form_input_wrong{border:1px solid #d15807;}
.add-account .input_box_hint,
.add-account .input_box_tip{color:#91a7b5;font-size:12px;line-height:20px;position:absolute;top:0;left:0;}
.add-account .text_color_red{color:#d15807;}
.add-account .input_wrong,
.add-account .input_right{display:none;}
.add-account .submit_btn_box{margin-top:20px;}

/* Release Notes */
.release-side{width:158px;float:left;}
.release-side a{text-decoration:none;color:#555;}
.release-side .s{color:#333;font-weight:bold;}
.release-note{background:#fff;width:820px;float:left;min-height:250px;border-left:1px solid #dddddd;}
.release-note body{background:#fff;}
#release_detail{background:#fff;padding:5px 0 0;}
.release-detail{padding-left:40px;margin-bottom:-20px;}
.release-detail .release-item{margin-bottom:20px;}
.release-detail .release-item h4{color:#0269ad;width:96px;height:30px;display:block;text-align:right;line-height:30px;font-weight:bold;font-size:16px !important;float:left;width:100px;
}
.release-detail .release-item h4 a{text-decoration:none;color:#0269ad;}
.release-detail .release-item h5{color:#888;font-size:12px;padding:0 0 0 10px;float:left;line-height:34px;}
.release-detail .release-item .detail{clear:both;}
.release-detail .release-item .changes{padding:10px 0;}
.release-detail .release-item .changes li{clear:both;line-height:24px;}
.release-detail .release-item .label{width:80px;float:left;text-align:right;display:block;margin-left:22px;}
.release-detail .release-item .label b{color:#fff;font-size:12px;font-weight:normal;padding:2px 6px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.release-detail .release-item .new b{background:#73b9ef;}
.release-detail .release-item .improved b{background:#6eb852;}
.release-detail .release-item .fixed b{background:#d5b51d;}
.release-detail .release-item .removed b{background:#BC0E00;}
.release-detail .release-item .notes b{background:#aeaeae;}
.release-detail .release-item .info{padding:0 0 0 10px;color:#555555;font-size:14px;display:table;}
.release-detail .release-item .info a{color:#3097db;}
.release-detail .release-item .note{padding:0 0 0 10px;color:#555555;font-size:14px;display:table;}
.release-detail .release-item .note a{color:#3097db;}

/* FAQ */
.faq-side{width:178px;float:left;}
.faq-side a{text-decoration:none;color:#555;}
.faq-side .menu-active-item{color:#333;font-weight:bold;}
.faq-note{background:#fff;width:800px;float:left;min-height:250px;border-left:1px solid #dddddd;}
.faq-detail{padding-left:40px;margin-bottom:-20px;}
.faq-detail h2 {
    font-weight:bold;
    font-size:18px;
    height:24px;
    line-height:24px;
    padding:48px 0 10px;
}
.faq-detail .first-h2 {
    padding-top:0;
    color:#555 !important;
}
.faq-detail h3 {
    font-weight:bold;
    font-size:14px;
    height:15px;
    line-height:15px;
    padding:11px 0;
}
.faq-detail .index-box,
.faq-detail .h3div {
    padding:0 9px;
    position:relative;
    background-color:#ebf0f4;
}
.faq-detail .index-box {
    padding:31px 36px;
    padding-top:11px;
    width:596px;
}
.faq-detail .index-box h2 {
    margin-top:20px;
    padding:0;
}
.faq-detail .index-box p {
    line-height:30px;
    width:auto;
}
.faq-detail .index-box a {
    color:#324656;
}
.faq-detail .index-box .separator {
    padding:5px;
}
.faq-detail .index-box h2 a {
    text-decoration:none;
}
.faq-detail .index-box h2 a:hover {
    text-decoration:underline;
}
.faq-detail .h3div a {
    position:absolute;
    top:4px;
    right:10px;
    color:#999;
    text-decoration:none;
    font-size:12px;
}
.faq-detail .h3div a:hover {
    text-decoration:underline;
}
.faq-detail dl {
    width:740px;
    margin:11px 0 11px 9px;
    line-height:18px;
}
.faq-detail dl dd{font-size:12px;line-height:22px;margin-bottom:26px;}
.faq-detail dl dl {
    width:652px;
}
.faq-detail dl dl dt {
    font-weight:normal;
}
.faq-detail dt {
    font-weight:bold;
    margin-top:10px;
}
.faq-detail p {
    width:670px;
}
.faq-detail table {
    width:661px;
    margin:15px 0;
    border:#cdcdcd 1px solid;
}
.faq-detail td {
    border:#cdcdcd 1px solid;
    height:40px;
    line-height:38px;
    padding:0 5px;
}
.faq-detail thead tr {
    background-color:#f5f5f5;
}
.faq-detail thead tr td {
    text-align:center;
    white-space:nowrap;
    word-break:keep-all;
}

/* Features */
.four-step{width:1000px;overflow:hidden;}
.step-item{width:468px;padding-right:30px;height:346px;border-left:1px solid #eeeeee;border-top:1px solid #eeeeee;float:left;margin:-1px 0 0 -1px;}
.step-item h3{font-size:18px;color:#333333;line-height:18px;font-weight:normal;text-align:left;margin-bottom:10px;padding-left:17px;}
.step-item h3 span{width:20px;height:20px;text-align:center;background:#c8dfec;color:#fff;margin-right:15px;display:inline-block;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.step-item p{font-size:14px;text-align:left;line-height:24px;color:#555;padding-left:17px;}
.step-item.step2,
.step-item.step4{padding-left:13px;width:458px;padding-right:10px;}
.step-item.step3,
.step-item.step4{padding-top:30px;height:200px;}
#platform_features{}
#platform_features h2{color:#0269ad;font-size:24px;text-align:center;margin:34px 0;cursor:pointer;}
#platform_features h2 .allow{background:url(/public/images/v3/reason_allow.png) no-repeat;width:36px;height:36px;vertical-align:text-top;margin-left:70px;display:inline-block;}
#platform_features .inner{width:960px;background:#fff;border:1px solid #dfe7ec;margin:0 auto;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);
    box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
#platform_features .inner .nav{text-align:center;background:url(/public/images/v3/features_nav_bg.png) repeat-x;height:36px;line-height:22px;width:100%;
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;
}
#platform_features .inner .main{width:100%;}
#platform_features .inner .nav .s{color:#0073C1;background:url(/public/images/v3/features_nav_s.png) center bottom no-repeat;}
#platform_features .inner .nav a{color:#777;padding:7px 0;height:22px;}
#platform_features .inner .nav a:hover{color:#0073c1;}
#platform_features .features-item{display:none;_padding-bottom:55px;}
#platform_features .features-item.s{display:block;_display:inline-block;}
#platform_features .section{padding:55px 0;line-height:25px;overflow:hidden;clear:both;}
#platform_features .section .left{margin-left:60px;_margin-left:30px;float:left;width:324px;}
#platform_features .section .left b{border:2px solid #2d6a90;display:block;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:10px;}
#platform_features .section .left img{vertical-align:bottom;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:10px;
}
#platform_features .section h4{font-size:18px;color:#333333;}
#platform_features .section ol li{font-size:14px;color:#555555;list-style-position:inside;}
#platform_features .section .num li{list-style-type:decimal;}
#platform_features .section .abc{margin-left:20px;}
#platform_features .section .abc li{list-style-type:lower-alpha;}
#platform_features .section .right{float:left;width:485px;padding-left:60px;}
#platform_features .section .right img{vertical-align:middle;margin-left:10px;}

/* Footer */
footer{color:#6d787d;width:1000px;margin:15px auto 0 auto;line-height:50px;text-align:center;clear:both;}
footer a{color:#6d787d;text-decoration:none;margin:0 7px;}
footer span{margin-right:7px;}
footer .gtd{color:#a1a6a9;margin-top:10px;line-height:20px;}