body {
    padding-top:70px;
    background-color:#efeee9}
h1,h2,h3,h4,h5,h6 {
    font-family:"arial",'Microsoft YaHei'}
h2 {
    color:#333;
    font-size:26px;
    font-weight:400;
    letter-spacing:2px;
    margin-left:15px}
h4 {
    color:#333;
    font-size:18px;
    font-weight:300;
    letter-spacing:2px}
p {
    font-family:"arial",'Microsoft YaHei';
    color:#333;
    font-size:16px;
    letter-spacing:2px;
    font-weight:300}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0}
.centered {
    text-align:center}
.navbar-default {
    background-color:#fff;
    border-color:#e7e7e7;
    border-bottom:#EF9070 solid 3px}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
    color:#fff;
    background-color:#EF9070}
.navbar-brand licon {
    font-size:20px;
    padding-bottom:20px;
    vertical-align:middle}
.accordion-heading {
    margin-top::30px}
.accordion-heading a {
    font-family:'Microsoft YaHei';
    font-size:22px;
    color:#333}
.accordion-heading a:hover {
    font-family:'Microsoft YaHei';
    font-size:22px;
    color:#EF9070;
    text-decoration:none}
.form-control {
    font-family:'Microsoft YaHei';
    letter-spacing:1px;
    border-radius:0}
.btn-theme {
    color:#fff;
    background-color:#34495e;
    padding-left:40px;
    padding-right:40px;
    padding-bottom:10px;
    padding-top:10px}
.btn-theme:hover,.btn-theme:focus,.btn-theme:active,.btn-theme.active,.open .dropdown-toggle.btn-default {
    background-color:#2c3e50;
    color:#fff;
    cursor:pointer}
#headerwrap {
    background:url(../../i/header_bg.jpg) no-repeat center top;
    margin-top: -20px;
    padding-top:80px;
    text-align:center;
    background-attachment:relative;
    background-position:center center;
    min-height:600px;
    width:100%;
    -webkit-background-size:100%;
    -moz-background-size:100%;
    -o-background-size:100%;
    background-size:100%;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}

#headerwrap h1 {
    color:#fff;
    font-size:45px;
    font-weight:900;
    line-height:50px;
    text-align:left;
    padding-top:30px;
    letter-spacing:3px}
#headerwrap p {
    color:#EF9070;
    font-size:18px;
    line-height:24px;
    text-align:left;
    letter-spacing:1px}
@media (max-width:728px) {
    #headerwrap {
        background:url(../../i/phone_header_bg_640.jpg);
        background-size:100% 100%;
        background-repeat:no-repeat;
        padding-top:60px;
        min-height:800px;
    }
    #headerwrap h1,#headerwrap p{
        color:#FFF;
    }
}

@media (max-width:500px) {
    #headerwrap {
        background:url(../../i/phone_header_bg_480.jpg);
        background-size:100% 100%;
        background-repeat:no-repeat;
        padding-top:30px;
        min-height:600px;
    }

}

@media (max-width:350px) {
    #headerwrap {
        background:url(../../i/phone_header_bg_320.jpg);
        background-size:100% 100%;
        background-repeat:no-repeat;
        padding-top:30px;
        min-height:600px;
    }

}

#headerwrap .app-download-btn {
    margin-top: 30px;
    text-align: left;
    }
.phonefront {
    position:absolute;
    height:auto}
#section01 {
    background:url(../../i/section01.jpg) no-repeat center top;
    padding-top:80px;
    text-align:center;
    background-attachment:relative;
    background-position:center center;
    min-height:400px;
    width:100%;
    -webkit-background-size:100%;
    -moz-background-size:100%;
    -o-background-size:100%;
    background-size:100%;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover}
#section01 h1 {
    color:#fff;
    font-size:40px;
    font-weight:400;
    line-height:50px;
    text-align:center;
    padding-top:20px;
    letter-spacing:3px}
#section02 {
    background:url(../../i/section03.jpg) no-repeat center top;
    padding-top:80px;
    text-align:center;
    background-attachment:relative;
    background-position:center center;
    min-height:400px;
    width:100%;
    -webkit-background-size:100%;
    -moz-background-size:100%;
    -o-background-size:100%;
    background-size:100%;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover}
#section02 h1 {
    color:#fff;
    font-size:40px;
    font-weight:400;
    line-height:50px;
    text-align:center;
    padding-top:30px;
    letter-spacing:3px}
#section03 {
    background:url(../../i/section03.jpg) no-repeat center top;
    padding-top:80px;
    text-align:center;
    background-attachment:relative;
    background-position:center center;
    min-height:400px;
    width:100%;
    -webkit-background-size:100%;
    -moz-background-size:100%;
    -o-background-size:100%;
    background-size:100%;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover}
#section03 h1 {
    color:#fff;
    font-size:40px;
    font-weight:400;
    line-height:50px;
    text-align:center;
    padding-top:30px;
    letter-spacing:3px}
#registerwrap {
    background-color:#EF9070;
    color:#fff;
    margin-top:0}
#registerwrap h1 {
    color:#fff;
    font-size:40px;
    font-weight:400;
    line-height:50px;
    text-align:center;
    padding-top:30px;
    letter-spacing:3px}
#footerwrap {
    background-color:#2d2d2d;
    color:#fff;}
#footerwrap h3 {
    color:#fff;
    font-size:22px;
    letter-spacing:2px}
#footerwrap p {
    color:#fff;
    font-size:16px;
    letter-spacing:2px}
.features {
    padding-top:60px;
    padding-bottom:100px;
    text-align:center}
licon {
    font-size:60px;
    color:#EF9070;
    padding:20px;
    vertical-align:middle}
#faqsection {
    background-color:#e7e7e7}
.faq licon {
    font-size:35px;
    padding-left:0}
.ac-wrapper {
    width:100%;
    position:relative;
    -webkit-perspective:1000px;
    -moz-perspective:1000px;
    perspective:1000px;
    -webkit-perspective-origin:50% 25%;
    -moz-perspective-origin:50% 25%;
    perspective-origin:50% 25%}
.ac-wrapper h2 {
    top:20%;
    width:50%;
    position:absolute;
    font-weight:300;
    font-size:4em;
    text-align:right;
    padding:0 180px 0 50px;
    pointer-events:none}
.ac-wrapper h2 span {
    display:block;
    font-size:60%;
    color:silver}
.ac-device {
    background:url(../../i/iPhone.png) no-repeat;
    width:288px !important;
    height:611px;
    margin:0 auto !important;
    position:relative;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    transform-style:preserve-3d}
.ac-device a {
    height:440px;
    width:249px;
    display:inline-block;
    margin:85px 0 0 20px}
.ac-device a img {
    display:block}
.ac-device h3 {
    position:absolute;
    font-size:2.5em;
    left:100%;
    width:100%;
    top:60%;
    margin-left:30px;
    font-weight:300;
    color:#888}
.ac-grid {
    position:absolute;
    width:100%;
    padding-top:3.6em;
    z-index:1000;
    top:0;
    left:0;
    text-align:center;
    pointer-events:none;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    transform-style:preserve-3d}
.ac-grid a {
    width:220px;
    display:inline-block;
    position:relative;
    margin:10px 5px;
    cursor:pointer;
    opacity:0;
    pointer-events:none;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(-350px);
    -moz-transform:translateZ(-350px);
    transform:translateZ(-350px);
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    transition-delay:0s}
.ac-grid a:first-child {
    -webkit-transform-origin:right center;
    -moz-transform-origin:right center;
    transform-origin:right center}
.ac-grid a:last-child {
    -webkit-transform-origin:left center;
    -moz-transform-origin:left center;
    transform-origin:left center}
.ac-grid a img {
    display:block;
    width:100%}
.ac-grid a span {
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;
    text-transform:uppercase;
    padding:4em 1em 0;
    z-index:100;
    color:#ddd;
    background:rgba(0,0,0,.4);
    font-weight:700;
    opacity:0;
    -webkit-transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    transform:translateY(-5px);
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease}
.ac-grid a:hover span {
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    transform:translateY(0)}
.ac-wrapper.ac-gridview .ac-device {
    -webkit-transform:translateZ(-350px);
    -moz-transform:translateZ(-350px);
    transform:translateZ(-350px);
    opacity:.6}
.ac-wrapper.ac-gridview .ac-grid {
    pointer-events:auto}
.ac-wrapper.ac-gridview .ac-grid a {
    opacity:1;
    pointer-events:auto}
.ac-wrapper.ac-gridview .ac-grid a:first-child {
    -webkit-transform:rotateY(-20deg) translateZ(0px);
    -moz-transform:rotateY(-20deg) translateZ(0px);
    transform:rotateY(-20deg) translateZ(0px)}
.ac-wrapper.ac-gridview .ac-grid a:nth-child(2) {
    -webkit-transition-delay:50ms;
    -moz-transition-delay:50ms;
    transition-delay:50ms;
    -webkit-transform:translateZ(0px);
    -moz-transform:translateZ(0px);
    transform:translateZ(0px)}
.ac-wrapper.ac-gridview .ac-grid a:nth-child(3) {
    -webkit-transition-delay:100ms;
    -moz-transition-delay:100ms;
    transition-delay:100ms;
    -webkit-transform:translateZ(0px);
    -moz-transform:translateZ(0px);
    transform:translateZ(0px)}
.ac-wrapper.ac-gridview .ac-grid a:last-child {
    -webkit-transition-delay:150ms;
    -moz-transition-delay:150ms;
    transition-delay:150ms;
    -webkit-transform:rotateY(20deg) translateZ(0px);
    -moz-transform:rotateY(20deg) translateZ(0px);
    transform:rotateY(20deg) translateZ(0px)}
.pricing-option {
    padding-bottom:40px}
.pricing-option .pricing-top {
    position:relative;
    background:#EF9070;
    color:#fff;
    text-align:center;
    font-weight:700;
    padding:40px 20px 30px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box}
.pricing-option .pricing-top .special-label {
    display:block;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    background:#EF9070;
    text-transform:uppercase;
    font-size:15px;
    font-weight:700;
    padding:3px 0}
.special .pricing-top {
    background:#000}
.pricing-option .pricing-edition {
    text-transform:uppercase;
    display:block;
    font-size:25px;
    letter-spacing:8px}
.pricing-option .price {
    display:inline-block;
    position:relative;
    font-family:'Microsoft YaHei'}
.pricing-option .price sup {
    position:absolute;
    top:50px;
    left:-10px;
    font-size:24px;
    font-family:'Microsoft YaHei'}
.pricing-option .price .price-amount {
    font-size:88px;
    letter-spacing:-4px;
    font-family:'Microsoft YaHei'}
.pricing-option .price small {
    position:relative;
    left:-10px;
    font-size:18px}
.pricing-option ul {
    list-style:none;
    margin:0;
    background:#fff;
    text-align:center;
    padding-left:0;
    font-family:'Microsoft YaHei';
    letter-spacing:1px}
.pricing-option ul li {
    border-bottom:solid 1px #e1e1e1;
    padding-top:20px;
    padding-bottom:20px}
.pricing-option .pricing-signup {
    display:block;
    text-align:center;
    font-size:18px;
    font-weight:700;
    padding:15px 10px;
    color:#fff;
    background:#EF9070;
    font-family:'Microsoft YaHei';
    letter-spacing:2px}
.pricing-option .pricing-signup:hover {
    background:#EF9070}
.icon {
    font-size:30px;
    color:#9e9e9e}
.icon:hover {
    color:#EF9070;
    text-decoration:none}
@media (max-width:728px) {
    #headerwrap h1 {
        padding-top:0;
        font-size:30px;
        line-height:36px;
        text-align:center}
    .phonefront {
        position:relative;
        text-align:center}
    #headerwrap .app-download-btn {
        text-align: center;
    }
}
@media screen and (max-width:1024px) {
    .phone_product_banner{
        width: 320px;
    }
    .ac-wrapper {
        font-size:60%;
        width:100%;
        padding:0 20px}
    .ac-device {
        margin:0;
        width:100%}
    .ac-device h3 {
        width:50%;
        left:290px}
    .ac-wrapper h2 {
        left:308px;
        padding:0;
        text-align:left;
        margin-left:30px}
}
@media screen and (max-width:928px) {
    .ac-grid {
        width:90%;
        left:5%;
        margin-left:0;
        padding-top:8em}
    .ac-grid a {
        width:22%}
}
@media screen and (max-width:571px) {
    .ac-wrapper {
        padding:0 20px 100px;
        margin-left:-10px}
    .ac-wrapper h2 {
        width:100%;
        text-align:center;
        margin:0 0 1em;
        top:0;
        left:auto;
        position:relative}
    .ac-device {
        margin:0!important;
        width:288px;
        padding:-10px}
    .ac-device h3 {
        position:relative;
        margin:0;
        left:auto;
        width:100%;
        top:100px;
        display:block;
        text-align:center}
    .ac-grid a {
        width:40%}
    .ac-wrapper.ac-gridview .ac-grid a {
        -webkit-transform:translateZ(0px)!important;
        -moz-transform:translateZ(0px)!important;
        transform:translateZ(0px)!important}
}


.navbar-brand{ padding: 0; margin-left: 20px!important; }
.navbar-brand span{ font-size: 22px; font-weight: 900; color: #EF9070 }
.navbar-brand licon{ padding-bottom: 20px;}
.footico licon{ font-size: 40px; }

.big-btn{
    padding: 10px 0px 11px 0px;
    width: 215px;
    margin:5px 0 10px 0;
    height: 80px;
}

.big-btn i{
    font-size: 55px;
    margin-left: 20px;
}
.big-btn i.fa-apple{
    margin-top: 3px;
}
.big-btn strong{
    font-size: 25px;
    text-shadow: 1px 2px 0px #34659B;
    color: #fff;
    line-height: 24px;
}


.fa.pull-left{
    margin-right:0px;
}
.android-btn{
    padding: 10px 17px 13px 0px;
    background-color: #68A82E;
    border-color: #68A82E;

}
.android-btn:hover{
    background-color: #70B547;
}

.android-btn i{
    font-size: 55px;
    margin-left: 20px;;
}


.android-btn strong{
    font-size: 25px;
    text-shadow: none;
    color: #fff;
    line-height: 24px;
}

.accordion-inner p{
    text-indent: 2em;
    text-align: left;
}

@media screen and (min-width:1800px) {
    #headerwrap {
        min-height: 860px;
        padding-top: 130px;
    }
}
@media screen and (min-width:1200px) {
    .phone_product_banner{
        width: 360px;
    }
}


.countdownHolder{
    width:auto;
    margin:30px 0 10px 0;
    font-size: 40px;
    text-align:left;
    letter-spacing:-3px;
}

.position{
    display: inline-block;
    height: 1.6em;
    overflow: hidden;
    position: relative;
    width: 1.05em;
}

.digit{
    position:absolute;
    display:block;
    width:1em;
    background-color:#444;
    border-radius:0.2em;
    text-align:center;
    color:#fff;
    letter-spacing:-1px;
}

.digit.static{
    box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);

    background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
    background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
    background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
    background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
    background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.5, #3A3A3A),
        color-stop(0.5, #444444)
    );
}

/**
 * You can use these classes to hide parts
 * of the countdown that you don't need.
 */

.countDays{ /* display:none !important;*/ }
.countDiv0{ /* display:none !important;*/ }
.countHours{}
.countDiv1{}
.countMinutes{}
.countDiv2{}
.countSeconds{}


.countDiv{
    display:inline-block;
    width:16px;
    height:1.6em;
    position:relative;
}

.countDiv:before,
.countDiv:after{
    position:absolute;
    width:5px;
    height:5px;
    background-color:#444;
    border-radius:50%;
    left:50%;
    margin-left:-3px;
    top:0.5em;
    box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
    content:'';
}

.countDiv:after{
    top:0.9em;
}



/* ===== Footer ===== */

footer {
    padding: 20px 0;
}
footer h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid #4E4D4A;
    margin-bottom: 20px;
}
footer h3 > span {
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/* Footer Dark */

.footer-dark {
    background: #353432;
    color: #fff;
    font-size: 14px;
}
.footer-dark a{
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}