﻿@charset "utf-8";
@media (max-width: 768px) {
    .visible-xs {
        display: block !important
    }

    .hidden-xs {
        display: none !important
    }
}

/*@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important} .hidden-sm{display:none!important}}*/
/*@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important} .hidden-md{display:none!important}}*/
@media (min-width: 992px) {
    .visible-lg {
        display: block !important
    }

    .hidden-lg {
        display: none !important
    }
}

body {
    margin: 0;
    background: white;
    font-family: "PingFang SC", Arial, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", simsun, sans-serif;
    color: #333;
    width: 100%;
}

body a {
    text-decoration: none
}

.text {
    height: 20px
}

.cl {
    clear: left
}

.cr {
    clear: right
}

.cb {
    clear: both
}

.lf {
    float: left!important;
}

.rf {
    float: right!important;
}

.clearfix:before, .clearfix:after {
    display: block;
    height: 0;
    overflow: hidden
}



.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.fontFamily {
    font-family: Calibri, Arial, sans-serif
}

.view-more {
    text-align: center;
}

.link-button:hover {
    color: #F06619;
    border-color: #F06619;
}

.link-button {
    display: inline-block;
    padding: 5px 60px;
    line-height: 28px;
    color: #2086ee;
    border: 1px solid #2086ee;
    text-decoration: none;
    border-radius: 20px;
}

p a {
    text-decoration: none
}

select:focus {
    outline-color: #0d95b5
}


/* Row */
.bound {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.bound-mobile {
    max-width: 680px;
    margin: 0 10px;
}

/* Section */
.section {
    width: 100%;
    position: relative
}

.section-label {
    font-size: 36px;
    font-weight: lighter;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 70px;
}

#content h2.section-label:after {
    content: '';
    display: block;
    width: 4px;
    color: #4f4f4f;
    margin: 15px auto;
    border-bottom: 2px solid #0087B8;
    border-top: 2px solid #0087B8;
    border-radius: 10px;
}

.section-label-subtitle {
    padding-bottom: 0px !important;
}


.section-label::after {
    padding-left: 40px
}

.section-label::before {
    padding-right: 40px
}

/* Top Section */
.top-section {
    min-height: 350px;
    overflow: hidden;
}

@media (max-width: 921px) {
    .top-section {
        min-height: 200px;
        overflow: hidden;
    }
}

@media (min-width: 922px) {
    .top-section {
        min-height: 300px;
        overflow: hidden;
    }
}

.top-section h1 {
    font-size: 1.6rem;
    color: white;
    letter-spacing: 3px;
    line-height: 40px;
    padding: 0 0 0 15px;
    margin: 0;
}

.top-section .item {
    min-height: 300px;
    background: #0079BA;
}

@media (max-width: 768px) {
    .top-section .item {
        min-height: 200px;
        background: #0079BA;
    }
}

@media (min-width: 1200px) {
    .top-section .item {
        min-height: 300px;
        background: #0079BA;
    }
}

@media (max-width: 768px) {
    .top-section .item .title {
        width: 100%
    }

    /* < 769 */
}

@media (min-width: 769px) and (max-width: 1199px) {
    .top-section .item .title {
        max-width: 650px;
        width: calc(100% - 350px);
    }

    /*996 ~ 1199 */
}

@media (min-width: 1200px) {
    .top-section .item .title {
        width: 700px
    }

    /* 1200 +  */
}

.top-section .item .title {
    float: left;
    padding-top: 70px;
    width: 56%;
}

.top-section .item .title h1 {
    font-size: 2.5em;
    font-weight: lighter;
}

.top-section .item .title p {
    font-size: 0.9rem;
    color: white;
    padding: 15px;
    font-weight: lighter;
    margin: 0;
    line-height: 30px;
}

@media (max-width: 768px) {
    .top-section .item .img {
        display: none
    }

    /*769 ~ 996 */
}

@media (min-width: 769px) and (max-width: 1199px) {
    .top-section .item .img {
        width: 350px
    }

    /*996 ~ 1199 */
}

@media (min-width: 1200px) {
    .top-section .item .img {
        width: 400px
    }

    /* 1200 +  */
}

.top-section .item .img {
    float: right;
    height: 300px;
}

.top-section .item .img div {
    padding-top: 107px;
    padding-left: 27px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 300px;
    height: 82px
}

.top-section .item .img div img {
    max-width: 300px;
    max-height: 82px
}

/* Top-Section: SSL; */
#top-section-details-symantec.top-section .item {
    height: 350px;
    background: #231f20;
    background: url(../img/banner/Symantec.jpg)center center no-repeat;
}

#top-section-details-geotrust.top-section .item {
    height: 350px;
    background: url(../img/banner/GeoTrust.jpg)center center no-repeat;
}

#top-section-details-entrust.top-section .item {
    height: 350px;
    background: url(../img/banner/Entrust.jpg)center center no-repeat;
}

#top-section-details-digicert.top-section .item {
    height: 350px;
    background: url(../img/banner/DigiCert.jpg)center center no-repeat;
}

#top-section-details-comodo.top-section .item {
    height: 350px;
    background: url(../img/banner/Comodo.jpg)center center no-repeat;
}

#top-section-details-trustasia.top-section .item {
    height: 350px;
    background: url(../img/banner/TrustAsiaBanner.jpg)center center no-repeat;
}

#ssl-company-page .top-section .item .img {
    background: url(../img/ssl-single-logo-bc.png) 1px 1px no-repeat
}

#ssl-single-page .top-section .item .img {
    background: url(../img/ssl-single-logo-bc.png) 1px -50px no-repeat;
    height: 200px;
}

#top-section-ov .item .img {
    background: url(../img/ov-ssl.png) center no-repeat;
}



#top-section-multi-domain .item .img {
    background: url(../img/multi-domain-ssl.png) center no-repeat;
}

#top-section-code-signing .item .img {
    background: url(../img/code-signing-certificate.png) center no-repeat;
}


#top-section-dv .item .img {
    background: url(../img/dv-ssl.png) center no-repeat;
}

#top-section-wildcard .item .img {
    background: url(../img/wildcard-ssl.png) center no-repeat;
}

#ssl-single-page .top-section {
    min-height: 200px;
}

#ssl-single-page .top-section .item {
    min-height: 200px;
}

#ssl-single-page .top-section .item .img div {
    padding-top: 53px;
}

#ssl-single-page .top-section .item .title {
    padding-top: 52px;
}

/* Top Section : Shared Web Hosting */

#linux-web-hosting-page .top-section .item {
    height: 350px;
    background: url(../img/banner/linux-web-hosting.jpg) center no-repeat;
}

#windows-web-hosting-page .top-section .item .img {
    background: url(../img/windows-shared-hosting.png) center no-repeat;
}

#hong-kong-web-hosting-page .top-section .item {
    height: 350px;
    background: url(../img/banner/hk-web-hosting.jpg) center no-repeat;
}

#hong-kong-web-hosting-page .top-section .item {
    /*	background: #de2910; */
}

#hong-kong-web-hosting-page .top-section .item .title {
    float: left;
    padding-top: 80px;
    width: 50%;
}

#hong-kong-web-hosting-page .top-section .item .title h1 {
    display: table;
    padding: 20px 80px 20px 15px;
    background: url(../img/icons/hongkong.png) right center no-repeat;
}

/*#hong-kong-web-hosting-page .top-section .item .title .icon {
    position: relative;

    width: 80px;
    height: 80px;
    background: url(../img/icons/hongkong.png) center no-repeat;
}*/

#us-web-hosting-page .top-section .item .img {
    background: url(../img/us-web-hosting.png) center no-repeat;
}

#us-web-hosting-page .top-section .item {
    /*	background: #d02f44; */
}

#cloud-server-page #content .top-section .item {
    height: 350px;
    background: url(../img/banner/cloud-hosting.jpg) center no-repeat;
}





#dedicated-server-page .top-section .item {
    height: 350px;
    background: url(../img/banner/dedicated-server.jpg) center no-repeat;
}

#dedicated-server-page #content .top-section .item .title {
    float: left;
    width: 60%;
}


#top-section-drupal-hosting .item .img {
    background: url(../img/drupal.png) center no-repeat;
}

#top-section-drupal-hosting .item {
    background: #0073BA;
}

#top-section-joomla-hosting .item .img {
    background: url(../img/joomla-hosting.png) center no-repeat;
}

#top-section-joomla-hosting .item {
    background: #1A3867;
}

#top-section-magento-hosting .item .img {
    background: url(../img/magento-hosting.png) center no-repeat;
}


#top-section-magento-hosting .item {
    background: #F16626;
}

#top-section-nopcommerce-hosting .item .img {
    background: url(../img/nopcommerce.png) center no-repeat;
}


#top-section-python-hosting .item .img {
    background: url(../img/python-web-hosting.png) center no-repeat;
}

#top-section-python-hosting .item {
    background: #254465;
}

#top-section-node-js-hosting .item .img {
    background: url(../img/node-js-hosting.png) center no-repeat;
}

#top-section-node-js-hosting .item {
    background: #333333;
}

#top-section-dotnetnuke-hosting .item .img {
    background: url(../img/dotnetnuke.png) center no-repeat;
}

#reseller-hosting-page .top-section .item .img {
    background: url(../img/reseller-hosting-product.png) center no-repeat;
}

#reseller-hosting-page .top-section .item {
    background: #a913b3;
}

#top-section-wordpress-hosting .item {
    height: 350px;
    background: url(../img/banner/wordpress-hosting.jpg) center no-repeat;
}

#top-section-wordpress-hosting .item .title {
    float: left;
    width: 50%;
}

#top-section-wordpress-hosting .item .title h1 {
    display: table;
    padding: 10px 60px 10px 15px;
    background: url(../img/icons/wordpress.png) right center no-repeat;
}

.advanced-section {

    background-color: #F2F2F2;
}

.advanced-section .features {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* Web Hosting Advacned */
.advanced-section .features .feature {
    background: #fff;
    width: 49%;
    margin-bottom: 20px;
    padding: 20px 0 40px;
    border-radius: 5px;
}

.advanced-section .features .feature .left-icon {
    width: 120px;
    height: 100px;
    text-align: center;
}

.advanced-section .features .feature > div {
    float: left
}

.advanced-section .features .feature h3 {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 40px
}

.advanced-section .features .feature ul {
    color: #666;
    font-size: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.advanced-section .features .feature ul li {
    line-height: 24px;
    position: relative
}

.advanced-section .features .feature ul li:before {
    content: '·';
    padding-right: 5px;
    font-size: 1em
}

/*.advanced-section .features .feature:nth-child(2n) {
    margin-left: 20px
}*/

/* Why Bisend Hosting Section*/
.subject-section .section-con {
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.subject-section.section {
    background-color: #F2F2F2;
}

.subject-section .section-con .con {
    width: 30%;
    text-align: center;
    padding: 20px 0;
    height: 320px;
    background-color: white;
    border-radius: 5px;
}

.subject-section .section-con .con-block-2 {
    width: 48%;
}

.subject-section .section-con .con-block-4 {
    width: 24%;
}

.subject-section .section-con .con .label {
    font-size: 1.4rem;
    padding-top: 100px;
    margin-bottom: 20px;
}

.subject-section .section-con .con p {
    line-height: 1.7rem;
    padding: 0 30px;
}

.subject-section .section-con .con-1 .label {
    background: url(../img/icons/why-1.png) center top no-repeat
}

.subject-section .section-con .con-2 .label {
    background: url(../img/icons/why-2.png) center top no-repeat
}

.subject-section .section-con .con-3 .label {
    background: url(../img/icons/why-3.png) center top no-repeat
}

.subject-section .section-con .con-4 .label {
    background: url(../img/icons/why-4.png) center top no-repeat
}

.subject-section .section-con .con-5 .label {
    background: url(../img/icons/why-5.png) center top no-repeat
}

.subject-section .section-con .con-6 .label {
    background: url(../img/icons/why-6.png) center top no-repeat
}

.subject-section .section-con .con-7 .label {
    background: url(../img/icons/why-7.png) center top no-repeat
}

.subject-section .section-con .con-8 .label {
    background: url(../img/icons/why-ssl-1.png) center top no-repeat
}

.subject-section .section-con .con-9 .label {
    background: url(../img/icons/why-ssl-2.png) center top no-repeat
}

.subject-section .section-con .con-10 .label {
    background: url(../img/icons/why-ssl-3.png) center top no-repeat
}

.subject-section-mobile .section-con .con {
    padding: 10px;
    border: 1px solid #ddd;
    margin: 10px 0;
    display: table;
}

.subject-section-mobile .section-con .con img {
    height: 40px;
    position: relative;
    display: block;
    float: left;
}

.subject-section-mobile .section-con .con .label {
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    display: block;
    float: left;
}

.subject-section-mobile .section-con .con p {
    line-height: 24px;
    display: block;
    float: left;
    width: 100%;
}

/*Why Bisend Guarantee Section*/
.desc1-section {
    height: 433px;
    border: none;
    background: url(../img/hk-hosting-adv.jpg) center center no-repeat;
}

.desc1-section .bound .desc {
    padding: 60px 0 50px;
    width: 725px;
}

.desc1-section .bound .desc h3 {
    font-size: 1.8rem;
    color: #02424b;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 20px;
}

.desc1-section .bound .desc p {
    padding: 20px 0 50px;
    font-size: 0.975rem;
    line-height: 25px;
    color: #1a6a7d
}

.desc1-section .bound .desc span {
    display: block;
    float: left;
    line-height: 35px;
    padding: 0 20px;
    font-size: 0.938rem;
    border-radius: 20px;
    height: 35px;
    background-color: #1a6a7d;
    color: #fff;
    font-weight: bold;
    margin-right: 50px
}

/*.desc1-section .bound {
	background: url(../img/linux-user-experience.png) right center no-repeat
}*/

.desc1-section .bound h3, .desc1-section .bound p, .desc1-section .bound ul {
    color: white !important
}

.desc1-section .bound li {
    padding-bottom: 20px;
    font-size: 0.925rem;
}

/* Q&A Section*/

#question-section {
    overflow: hidden;
    padding-bottom: 40px;
    background-color: #F2F2F2;
}

#content-mobile #question-section {
    padding-bottom: 0;
}

#question-section ul {
    width: 1140px;
    padding-left: 60px;
    list-style-type: none;
    color: #666;
    margin: 0 auto 20px;
    background-color: white;
}



#question-section ul ul {
    list-style-type: disc;
    margin: 0 0 10px 12px;
}


#question-section ul li {
    padding: 15px 15px 10px 0;
    font-size: 0.875rem;
    border-bottom: 1px solid #ebebeb;
}

#question-section ul li h3 {
    position: relative;
    font-size: 1.2rem;
    margin-bottom: 15px;
}

#question-section ul li h3:hover {
    cursor: pointer;
}

#question-section ul li h3:before {
    content: '';
    position: absolute;
    display: block;
    width: 30px;
    height: 31px;
    background: url(../img/qa.png) center center no-repeat;
    left: -40px;
}

#question-section ul li h3:after {
    content: '';
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/arrow-blue-down.png) center center no-repeat;
    right: 10px;
    bottom: -5px;
}

#question-section .hide:after {
    content: '';
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/icons/arrow-blue-down.png) center center no-repeat;
    right: 10px;
    bottom: -5px;
}

#question-section .show:after {
    content: '';
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/icons/arrow-blue-up.png) center center no-repeat;
    right: 10px;
    bottom: -5px;
}

#question-section ul li p {
    font-size: 0.875rem;
    color: #666;
    line-height: 24px;
    display: none;
    padding: 0 30px 18px 0;
}
#question-section ul li.active p{
  display: block;
}
#question-section ul li.active h3:after{
  display: none;
}

#question-section ul li ul {
    display: none;
}

#question-section ul li ul li {
    padding: 7px 0 5px 0;

}

#question-section ul li p span {
    position: absolute;
    margin-left: -40px;
    margin-top: -1px;
    color: #5aad51;
    font-size: 22px
}

#question-section ul li a {
    color: #1a6a7d;
}


#question-section .show-answer-btn {
    float: right;
}

/* Above Clean */


h2.sub-title {
    font-size: 2rem;
    border-bottom: 1px solid #e1e1e1;
    height: 20px;
    margin-bottom: 25px
}

h2.sub-title span {
    position: relative;
    left: 50%;
    margin-left: -140px;
    background-color: white;
    padding: 0 100px
}


#ssl-navlink {
    display: none;
    position: absolute;
    margin-left: -400px;
    /*margin-top: -1px !important;*/
    z-index: -1;
    background: #fff;
    width: 1000px;
    padding: 10px 0
}

#ssl-navlink label, #shared-hosting label {
    font-weight: bold;
}

#ssl-navlink .left {
    float: left;
    width: 40%
}

#ssl-navlink .left label {
    display: block;
    text-indent: 30px;
    line-height: 50px;
    font-size: 0.875rem;
    color: #4d4d4d
}

#ssl-navlink .left a {
    width: 50%;
    display: block;
    line-height: 40px;
    text-align: left;
    font-size: 0.875rem;
    padding: 0;
    float: left;
    color: #666;
    text-indent: 30px
}

#ssl-navlink .left a:hover {
    background: #f8f8f8;
    color: #018dba
}

#ssl-navlink .right {
    float: left;
    width: 60%
}

#ssl-navlink .right label {
    display: block;
    text-indent: 20px;
    line-height: 50px;
    font-size: 0.875rem;
    color: #4d4d4d
}

#ssl-navlink .right a {
    width: 33%;
    display: block;
    float: left;
    height: 64px;
    color: #666;
    padding: 10px 0 0;
    text-align: left;
    line-height: 18px
}

#ssl-navlink .right a img {
    max-height: 21px;
    display: block;
    margin-left: 20px
}

#ssl-navlink .right a span {
    padding: 14px 20px;
    display: block;
    color: #999;
    font-size: 0.8rem;
}

#ssl-navlink .right .add {
    border-left: 1px solid #ddd
}

#ssl-navlink .right a:hover, #share-hosting a:hover {
    background: #f8f8f8
}

#ssl-navlink .right a:hover span, #share-hosting a:hover span {
    color: #018dba
}

#solution-navlink {
    position: absolute;
}

#shared-hosting {
    display: table;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    /*margin-top: -1px !important;*/
    z-index: -1;
    background: #fff;
    width: 600px;
    padding: 10px 0;
}


#shared-hosting label {
    display: block;
    text-indent: 30px;
    line-height: 50px;
    font-size: 1rem;
    color: #4d4d4d;
}

#shared-hosting a {
    display: block;
    width: 100%;
    line-height: 30px;
    text-align: left !important;
    font-size: 0.875rem !important;
    padding: 0 !important;
    float: left;
    color: #666;
    text-indent: 30px
}

#shared-hosting a:hover {
    background: #f8f8f8;
    color: #018dba
}

#shared-hosting .part1 {
    float: left;
    width: 200px;
}

#shared-hosting .part2 {
    float: left;
    width: 200px;
}

#shared-hosting .part3 {
    float: left;
    width: 200px;
}

#shared-hosting .part4 {
    float: left;
    width: 300px;
}

#shared-hosting .part4 a {
    border-left: 1px solid #ddd;
}

#shared-hosting .part5 {
    float: left;
    width: 300px;
    margin-top: 40px;
}

#footer-section {
    width: 100%;
    background: #2f2f2f;
}

#footer-section .section-inner {
    max-width: 1200px;
    width: 100%;
    color: white;
}

#footer-section .section-inner a {
    color: white;
    text-decoration: none
}

#footer-section .section-inner .links {
    overflow: hidden
}

@media (max-width: 768px) {
    #footer-section .section-inner .links > div {
        width: 100%
    }
    #footer-section .section-inner label {
        position: relative;
        display: block;
        width: 100%;
        line-height: 55px;
        font-size: 1.25em;
        padding: 0 15px;
        box-sizing: border-box;
        color: #fff;
        cursor: pointer;
        background-color: #393939;
    }
    #footer-section .section-inner ul a {
        display: block;
        width: 90%;
        line-height: 45px;
        color: #fff;
        padding-left: 10%;
        font-size: 18px;
        border-bottom: 1px solid #333;
        background-color: #666;
    }
    #footer-section label::after {
        content: url("../img/icons/arrow-right-gray.png");
        position: absolute;
        top: 10px;
        right: 10px;
    }
    #footer-section label.selected::after {
        content: url("../img/icons/arrow-down-gray.png");
    }
    #footer-section ul.resolution-box {
        display: none;
    }
    #footer-section label {
        border-bottom: 1px solid #666666;
    }
    /*769 ~ 996 */
}

@media (min-width: 769px) and (max-width: 1199px) {
    #footer-section .section-inner .links > div {
        width: 33%
    }

    /*996 ~ 1199 */
}

@media (min-width: 1200px) {
    #footer-section .section-inner .links > div {
        width: 16.6%
    }

    /* 1200 +  */
}
@media (min-width: 780px) {
    #footer-section .section-inner .links > div ul {
        margin: 25px 0 0 0;
    }
    #footer-section .section-inner .links > div ul li a {
        color: #b3b3b3;
    }
    #footer-section .section-inner .links {
        padding: 30px 0 20px;
    }
    /* 1200 +  */
}


#footer-section .section-inner .links > div {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    float: left;
}

#footer-section .section-inner .links > div label {
    font-size: 1.13rem;
    color: white
}

#footer-section .section-inner .links > div ul {
    padding: 0;
    font-size: 0.875rem;
}

#footer-section .section-inner .links > div ul li {
    line-height: 30px
}



#footer-section .section-inner .links > div ul li a:hover {
    color: #FF7200
}

#footer-section .section-inner .links .last {
    float: left;
    width: 140px;
    margin-right: 0px
}

#footer-section .section-bottom-label {
    width: 100%;
    color: white;
    border-top: 1px solid #515151;
}

#copyright a:hover {
    color: #fff !important;
}

#footer-section .section-bottom-label .links {
    width: 1200px;
    margin: auto;
    line-height: 60px;
}

#footer-section .section-bottom-label .links ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer-section .section-bottom-label .links ul:before {
    content: '友情链接';
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin: 15px 20px 0 0;
    font-size: 1.3em;
    border-right: 1px solid #fff;
}

#footer-section .section-bottom-label .links li {
    margin: 0 15px;
}

#footer-section .section-bottom-label .links li a {
    color: #b3b3b3;
}

#footer-section .section-bottom-label .links li a:hover {
    color: #fff;
}

#footer-section .section-inner .links .last p {
    text-align: center;
}

#footer-section .section-inner .links::after {
    content: ' ';
    clear: both
}



#index-page .index-navlink, #cloud-server-page .cloud-hosting-navlink, #wingdows-hosting-page .hk-hosting-navlink, #domain-index-page .domain-navlink, #top-level-domain-page .domain-navlink, #ssl-page .ssl-navlink, #website-build-page .wp-hosting-navlink, #ssl-single-page .ssl-navlink, #ssl-type-page .ssl-navlink, #ssl-company-page .ssl-navlink, #blog-index-page .blog-navlink, #about-us .about-us-navlink, #reseller-hosting-page .reseller-hosting-navlink {
    font-size: 17px;
    color: #018dba
}


.section .section-inner {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    overflow: hidden
}

h1 {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif, Calibri;
}

h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: Arial, sans-serif, Calibri;
    color: #4f4f4f;
}

h3 {
    margin: 0;
    padding: 0;
    font-weight: normal
}

p {
    margin: 0;
    padding: 0
}
#index-page a {
    color: #333
}

#index-page #content {
    overflow: hidden
}



@media (min-width: 992px) {
    #index-page .top-section {
        height: 576px;
        overflow: hidden;
    }

    #index-page .top-section h1 {
        font-size: 2rem;
        color: #fff;
        line-height: 40px;
        padding: 0;
        margin: 0
    }

    #index-page .top-section .item {
        height: 400px;
    }


    #index-page .top-section .item .title {
        width: 650px;
        margin-left: 80px;
        float: left;
        padding-top: 80px
    }

    #index-page .top-section .item .title span {
        font-size: 2.25rem;
        color: #ffdd3e
    }

    #index-page .top-section .item .title p {
        font-size: 0.925rem;
        color: #c6c6c6;
        padding: 15px 0 35px;
        line-height: 25px;
        font-weight: normal;
        margin: 0
    }

    #index-page .top-section .item .title a {
        display: block;
        margin-top: 10px;
        width: 150px;
        line-height: 36px;
        border: 1px solid #33790d;
        color: #fff;
        text-align: center;
        border-radius: 3px;
        background: #64BD33
    }

    #index-page .top-section .item .title h1 i {
        font-size: 20px;
        font-style: normal;
        font-weight: normal
    }

    #index-page .top-section .item .title h3 {
        font-size: 26px;
        color: #fff
    }

    #index-page .top-section .item .title h3 strong {
        font-size: 20px;
        color: #ccc;
        font-weight: normal;
        padding: 0 20px
    }

    #index-page .top-section .item .title h3 span {
        font-size: 26px
    }

    #index-page .top-section .item .title ul {
        padding-left: 20px;
        margin-bottom: 20px
    }

    #index-page .top-section .item .title ul li {
        float: left;
        width: 250px;
        color: #fff;
        line-height: 30px;
        font-size: 0.875em
    }

    #index-page .top-section .black-friday a {
        display: block;
        width: 100%;
        height: 576px;
        background: #a60303 url(../img/black-friday-slide.jpg) center center no-repeat
    }

    #index-page .top-section .item {
        height: 576px;
        display: block
    }


    #index-page .top-section .item-1 {
        background: url(../img/banner/banner1.jpg) center center no-repeat
    }

    #index-page .top-section .item-2 {
        background: url(../img/banner/banner2.jpg) center center no-repeat
    }

    #index-page .top-section .item-3 {
        background: url(../img/banner/banner3.jpg) center center no-repeat
    }

    #index-page .top-section .item-7 {
        background: url(../img/banner/1111.jpg) center center no-repeat
    }

    #index-page .top-section .item-4 {
        background: url(../img/banner/banner4.jpg) center center no-repeat
    }

    #index-page .top-section .item-5 {
        background: url(../img/banner/banner5.jpg) center center no-repeat
    }

    #index-page .top-section .item-6 {
        background: url(../img/banner/trustasia.jpg) center center no-repeat
    }

    #index-page .top-section .item-comodo {
        background: url(../img/banner/banner-comodo.jpg) center center no-repeat
    }

    #index-page .top-section .item-activity {
        background: url(../img/banner/banner-activity.jpg) center center no-repeat
    }

    #index-page .top-section .item-dedicated-server {
        background: url(../img/banner/banner-dedicated-server.jpg) center center no-repeat
    }

    #index-page .top-section .item-ssl {
        background: url(../img/banner/banner-ssl.png) center center no-repeat
    }

    #index-page .top-section .item-wordpress {
        background: url(../img/banner/banner-wordpress.png) center center no-repeat
    }

    #index-page .top-section .item-cloud-hosting {
        background: url(../img/banner/banner-cloud-hosting.jpg) center center no-repeat
    }

     #index-page .top-section .item-ssl-certificate {
         background: url(../img/banner/banner-ssl-certificate.jpg) center center no-repeat
     }



    @keyframes mymove {
        from {
            left: 0px;
            width: 0
        }
        to {
            width: 100%
        }
    }

    @-webkit-keyframes mymove {
        from {
            left: 0px;
            width: 0
        }
        to {
            width: 100%
        }
    }

    #index-page .advantages {
        background: rgba(0, 0, 0, 0.2);
        width: 100%;
        height: 100px;
        position: absolute;
        bottom: 0;
        z-index: 99
    }




    #index-page .advantages ul {
        max-width: 1200px;
        width: 100%;
        height: 100px;
        margin: 0 auto;
        list-style-type: none;
        padding: 0
    }


    #index-page .advantages ul li {
        float: left;
        position: relative;
        display: inline-block;
        box-sizing: border-box;
        width: 25%;
        height: 100%;
        padding-left: 100px;
        border-right: 1px solid rgba(200, 200, 200, 0.3)
    }


    #index-page .advantages ul li:first-child {
        border-left: 1px solid rgba(200, 200, 200, 0.3)
    }

    #index-page .advantages ul label {
        font-weight: bold;
        font-size: 16px;
        color: rgba(255, 255, 255, 0.9);
        display: block;
        margin: 20px 0 10px 0;
    }



    #index-page .advantages ul span {
        color: rgba(255, 255, 255, 0.7);
        font-size: 14px;
    }



    #index-page .advantages ul li:nth-child(1) {
        background: url(../img/banner/icon1.png) 20px 20px no-repeat;
        background-size: 60px 60px
    }

    #index-page .advantages ul li:nth-child(2) {
        background: url(../img/banner/icon2.png) 20px 20px no-repeat;
        background-size: 60px 60px
    }

    #index-page .advantages ul li:nth-child(3) {
        background: url(../img/banner/icon3.png) 20px 20px no-repeat;
        background-size: 60px 60px
    }

    #index-page .advantages ul li:nth-child(4) {
        background: url(../img/banner/icon4.png) 20px 20px no-repeat;
        background-size: 60px 60px
    }


    #index-page .advantages ul li:before {
        content: '';
        z-index: -1;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 0;
        height: 100px;
        background-color: #e85414 !important;
        transition: width 800ms;
        -webkit-transition: width 800ms; /* Safari */
    }

    #index-page #content .advantages ul li:hover::before {
        width: 300px;
    }

    #index-page .top-section .owl-controls {
        position: relative;
        top: -140px;
    }



    #index-page .top-section .owl-controls .owl-page.active span {
        width: 8px;
        height: 8px;
        border: solid 2px #fff;
        background: rgba(159,158,158,.55);
    }

    #index-page .top-section .owl-buttons {
        margin: 0 auto;
        max-width: 1400px;
        width: 100%;
        text-align: left
    }

    #index-page .top-section .owl-buttons div {
        width: 14px;
        height: 110px;
        border-radius: 2px;
        background: url(../img/left-arrow-solid.png) 1px 1px no-repeat;
        position: relative;
        bottom: 280px
    }

    #index-page .top-section .owl-buttons .owl-next {
        float: right;
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg)
    }

    #index-page .top-section .owl-buttons:after {
        clear: both;
        content: ''
    }

    #index-page #resolution-section h3 {
        padding: 12px 0 0 80px;
        height: 48px;
        font-size: 1.5rem;
    }



    #index-page #resolution-section .hosting h3 {
        background: url(../img/service-type.png) 0px 0px no-repeat;
    }







    #index-page #resolution-section .secure h3 {
        background: url(../img/service-type.png) 0px -140px no-repeat;
    }



    #index-page #resolution-section .email h3 {
        background: url(../img/service-type.png) 0px -210px no-repeat;
    }


    #index-page #resolution-section .col75-left {
        width: 75%;
        float: left;
    }

    #index-page #resolution-section .col25-right {
        width: 25%;
        float: right;
    }

    #index-page #resolution-section .hosting-3-3 {
        width: 22%;
        float: left;
        margin-left: 80px;
    }

    #index-page #resolution-section .hosting-1-1 {
        margin-left: 80px;
    }



    #index-page #resolution-section ul {
        padding: 0;
    }


    #index-page #bottom-section {
        background: #E1E1E1;
        padding: 70px 0
    }

    #index-page #bottom-section .blocks {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #index-page #bottom-section .block {
        display: inline-block;
        width: 380px;
        height: 340px;
        background: white;
        box-sizing: border-box
    }

    #index-page #bottom-section .block h2 {
        line-height: 45px;
        font-size: 1.13rem;
        border-bottom: 1px solid #e1e1e1
    }

    #index-page #bottom-section .review-block {
        padding: 0 20px;
        text-align: center
    }

    #index-page #bottom-section .review-block h2 {
        text-align: left;
        font-weight: normal
    }

    #index-page #bottom-section .review-block div {
        text-align: left;
        overflow: hidden;
        padding: 12px 0;
        border-bottom: 1px dashed #e1e1e1
    }

    #index-page #bottom-section .review-block div img {
        float: left;
        padding: 0 10px
    }

    #index-page #bottom-section .review-block div p {
        width: 230px;
        float: right;
        line-height: 24px
    }

    #index-page #bottom-section .review-block .button {
        background: #36B3CF;
        color: white;
        font-size: 0.875rem;
        line-height: 34px;
        padding: 0 30px;
        display: inline-block;
        margin: 10px auto 0 auto
    }

    #index-page #bottom-section .news-block {
        padding: 0 20px
    }

    #index-page #bottom-section .news-block .more {
        float: right;
        line-height: 45px;
        color: #888;
        font-size: 13px;
        margin-top: -45px
    }

    #index-page #bottom-section .news-block ul {
        clear: both;
        overflow: hidden;
        padding: 0;
        margin: 0;
        list-style-type: none
    }

    #index-page #bottom-section .news-block ul li {
        height: 98px;
        border-bottom: 1px dashed #e1e1e1;
        font-size: 0.938rem;
        line-height: 20px;
        color: #555
    }

    #index-page #bottom-section .news-block ul li p {
        height: 40px;
        overflow: hidden
    }

    #index-page #bottom-section .news-block ul li:last-child {
        border-bottom: none
    }

    #index-page #bottom-section .news-block ul h3 {
        font-size: 0.875rem;
        margin-top: 4px;
        line-height: 36px
    }

    #index-page #bottom-section .news-block ul a {
        color: #333;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 36px
    }

    #index-page #bottom-section .news-block ul a:hover {
        color: #269fc2
    }

    #index-page #bottom-section .not-ad-block img {
        width: 380px;
        height: 340px
    }

    #profession-section {
        background: #6db566
    }

    #profession-section .section-label {
        color: #fff
    }

    #profession-section .section-con {
        margin-top: 100px;
        padding-bottom: 1px
    }

    #profession-section .section-con .con {
        padding: 40px 30px;
        width: 330px;
        float: left;
        background: #fff;
        text-align: center
    }

    #profession-section .section-con .con .label {
        font-size: 1.13rem;
        font-weight: bold;
        padding-top: 195px;
        margin-bottom: 30px;
        color: #1a1a1a
    }

    #profession-section .section-con .con p {
        line-height: 20px;
        height: 120px;
        color: #4d4d4d
    }

    #profession-section .section-con .con.active {
        width: 354px;
        padding-top: 25px;
        border: 3px solid #429b2f;
        position: relative;
        margin-top: -55px
    }

    #profession-section .section-con .con.active .label {
        color: #429b2f;
        font-size: 20px;
        padding-top: 220px
    }

    #profession-section .section-con .con.active p {
        font-size: 0.875rem;
        line-height: 22px;
        height: 158px
    }

    #profession-section .section-con .con-l .label {
        background: url(../img/index-arrow.png) 75px -1814px no-repeat
    }

    #profession-section .section-con .con-l.active .label {
        background: url(../img/index-arrow.png) 62px -1183px no-repeat
    }

    #profession-section .section-con .con-m .label {
        background: url(../img/index-arrow.png) 59px -2247px no-repeat
    }

    #profession-section .section-con .con-m.active .label {
        background: url(../img/index-arrow.png) 40px -881px no-repeat
    }

    #profession-section .section-con .con-r .label {
        background: url(../img/index-arrow.png) 75px -2043px no-repeat
    }

    #profession-section .section-con .con-r.active .label {
        background: url(../img/index-arrow.png) 50px -1482px no-repeat
    }

    #ssl-page .top-section {
        overflow: hidden
    }

    #ssl-page .top-section .item {
        height: 350px
    }
}



@media screen and (max-width: 1366px) {
    #ssl-page .top-section .item {
        background: url(../img/banner/SSL.jpg) -400px 0 repeat-x
    }
}

@media screen and (max-width: 1680px) and (min-width: 1367px) {
    #ssl-page .top-section .item {
        background: url(../img/banner/SSL.jpg) -200px 0 repeat-x
    }
}

@media screen and (min-width: 1681px) {
    #ssl-page .top-section .item {
        background: url(../img/banner/SSL.jpg) repeat-x
    }
}

#ssl-page .top-section .item .img {
    float: right;
    width: 500px;
    text-align: center;
    margin-right: 60px
}

#ssl-page .top-section .item .img img {
    height: 400px
}

#ssl-page .top-section .item .title {
    float: left;
    width: 60%;
}

#ssl-page .product-section {
    background: #F2F2F2;
    padding-bottom: 80px;
}



#ssl-page .product-section .menu {
    display: table;
    width: 1200px;
    border-bottom: 1px solid #ddd;
    padding: 0;
    margin-bottom: 40px;
}

#ssl-page .product-section .menu .title {
    float: left;
    width: 14.2%;
    text-align: center;
    padding-top: 40px;
}

#ssl-page .product-section .menu .item {
    float: left;
    width: 14.2%;
    text-align: center;
    padding: 80px 0 10px 0;
    border-left: 1px solid #ddd;
}



#ssl-page .product-section .menu .item:hover {
    cursor: pointer;
}

#ssl-page .product-section .menu .item.selected {
    color: #e85414;
}





/*#ssl-page .product-section .section-label {
	position: absolute;
	margin-top: -134px;
	z-index: 10
}

#ssl-page .product-section .section-label .title {
	height: 53px;
	line-height: 53px;
	text-align: center;
	font-size: 1.13rem;
	width: 238px;
	float: left;
	border: 1px solid #ddd;
	border-left: none;
	background-color: #fff;
	cursor: pointer
}

#ssl-page .product-section .section-label .title:first-child {
	border-left: 1px solid #ddd
}

#ssl-page .product-section .section-label .title:nth-child(2n) {
	background-color: #f9f9f9
}

#ssl-page .product-section .section-label .title:hover {
	background-color: #EBEBEC
}

#ssl-page .product-section .section-label .title.selected {
	position: relative;
	margin-top: -16px;
	line-height: 70px;
	font-size: 20px;
	color: #fff;
	border-radius: 2px;
	border: none;
	height: 70px;
	background: -ms-linear-gradient(left, #1da1df, #53d7e1);
	background: -moz-linear-gradient(left, #1da1df, #53d7e1);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1da1df), to(#53d7e1));
	background: -webkit-linear-gradient(left, #1da1df, #53d7e1);
	background: -o-linear-gradient(left, #1da1df, #53d7e1)
}*/

#ensure {
    height: 446px;
    background: url("../img/background/ssl-ensure.png") center no-repeat;
}



#ensure .right .con h2 {
    font-size: 24px;
    color: white;
    font-weight: bold;
}

#ensure .right .con p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
}

#ensure .top {
    width: 60%;
    margin: 20px 0;
    background: white url("../img/icons/ensure.png") 10px 30px no-repeat;
    padding: 20px 2% 20px 38%;
}

#ensure .top h2 {
    height: 40px;
    line-height: 40px;
    font-size: 28px;
    font-weight: bold;
    color: #e85414;
}

#ensure .top p {
    line-height: 1.5em;
    font-weight: lighter;
}

#ensure .bottom {
    color: white;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#ensure .bottom .item {
    width: 49%;
    float: left;
    min-height: 400px;
    padding: 10px 0;
    text-align: center;
    border: 1px solid white;
    margin: 10px 0;
}

#ensure .bottom .item .icon {
    padding: 80px 0 20px;
}

#ensure .bottom .item .icon p {
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
}

#ensure .bottom .item-1 .icon {
    background: url("../img/icons/ssl-ensure-1-1.png") center 0 no-repeat;
}

#ensure .bottom .item-2 .icon {
    background: url("../img/icons/ssl-ensure-2-1.png") center 0 no-repeat;
}

#ensure .bottom .item-3 .icon {
    background: url("../img/icons/ssl-ensure-3-1.png") center 0 no-repeat;
}

#ensure .bottom .item-4 .icon {
    background: url("../img/icons/ssl-ensure-4-1.png") center 0 no-repeat;
}

#ensure .bottom .item p {
    line-height: 1.5em;
    font-weight: lighter;
    margin: 0 5px;
}

#ssl-page .product-section .product-list .item {
    display: none;
    text-align: center;
}

#ssl-page .product-section .product-list .item .products {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#ssl-page .product-section .product-list .item.active {
    display: block
}


#ssl-page .company-section .company-list .item .right .link-title{
    display: table;
    height: 40px;
    border-bottom: 1px solid #e85414;
    line-height: 40px;
    font-size: 18px;
    margin-bottom: 20px;
}
#ssl-page .company-section .section-label {
    padding-bottom: 20px;
    padding-top: 10px;
}
#ssl-page .company-section .company-list .item .right .link-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#ssl-page .company-section .company-list .item.selected {
    display: block!important;
}
#ssl-page .company-section .company-list .item .right a {
    width: 200px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e85414;
    color: #e85414;
    border-radius: 21px;
    font-size: 1rem;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
}

#ssl-page #recent-view .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#ssl-page #recent-view .list {
    padding-bottom: 80px;
}

#ssl-page #recent-view .list .item {
    width: 24%;
    box-shadow: 0 0 5px #ddd;
}

#ssl-page #recent-view .list .item .part-1 {
    display: table;
    width: 100%;
    height: 60px;
}

#ssl-page #recent-view .list .item .part-1 div {
    display: table-cell;
    vertical-align: middle;
}

.ssl-section {
    padding: 40px 0;
    background-color: #F2F2F2;
}

.ssl-section .list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ssl-section .list .item {
    display: table;
    width: 15%;
    height: 120px;
    text-align: center;
    background-color: white;
}


.ssl-section .list .item div {
    display: table-cell;
    vertical-align: middle;
}

#extends {
    padding: 80px 0;
}

#extends .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#extends .list .item {
    width: 30%;
    text-align: center;
}

#extends .list .item h2 {
    margin: 20px 0;
    font-size: 24px;
    font-weight: bold;
}



#extends .list .item p {
    height: 48px;
    line-height: 24px;
    margin-bottom: 20px;
}



#extends .list .item a {
    display: table;
    margin: auto;
    padding: 10px 0;
    font-size: 20px;
    font-weight: bold;
    color: #e85414;
    border-bottom: 1px solid #e85414;
}

.buy-section {
    padding: 50px 0
}

.buy-section .con-buy {
    padding-top: 30px
}

.buy-section .con-buy li {
    display: inline-block;
    list-style: none;
    width: 100px;
    margin-right: 158px;
    font-size: 0.875rem;
    text-align: center
}

.buy-section .con-buy li:first-child {
    margin-left: 50px
}

.buy-section .con-buy li:nth-child(5) {
    margin-right: 0
}


#ssl-single-page .product-section {
    background-color: #f2f2f2;
    padding: 30px 0;
}

#ssl-single-page .product-section .cont {
    z-index: 10;
    max-width: 1200px;
    width: 100%;
    background-color: #fff;
}

#ssl-single-page .product-section .cont .label {
    height: 70px;
    background: #e75414;
}

#ssl-single-page #content-mobile .product-section .cont .label {
    height: auto;
    text-align: center;
}

#ssl-single-page .product-section .cont .label h2 {
    line-height: 70px;
    text-indent: 30px;
    color: white;
    font-size: 22px;
    font-weight: bold;
    float: left;
}

#ssl-single-page #content-mobile .product-section .cont .label h2 {
    text-indent: 0;
    line-height: 30px;
    padding: 10px;
}

#ssl-single-page .product-section .cont .label a {
    display: block;
    height: 40px;
    line-height: 38px;
    width: 200px;
    float: right;
    margin: 15px 20px 0 0;
    text-align: center;
    font-size: 1.2375rem;
    color: #333;
    border-radius: 20px;
    background-color: #fff;
}

#ssl-single-page .product-section .cont .con-c {
    /*padding: 0px 30px 20px*/
}

#ssl-single-page .product-section .cont .con-c .item {
    float: left;
    height: 65px;
    text-align: center;
    line-height: 65px;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
}
#ssl-single-page .w300 {
    width: 300px;
}
#ssl-single-page .w200 {
    width: 200px;
}
#ssl-single-page .w400 {
    width: 400px;
}

#ssl-single-page .wp100 {
    width: 100%;
}
#ssl-single-page .wp50 {
    width: 50%;
}
#ssl-single-page .wp25 {
    width: 25%;
}

#ssl-single-page .product-section .cont .con-c .item label {
    color: #666;
    font-size: 1em
}

#ssl-single-page .product-section .cont .con-c .item span {
    color: #333;
    font-size: 1em
}

#ssl-single-page .product-section .cont .con-c .item .level {
    display: inline-block;
    height: 21px;
    background: url(../img/ssl-single-arrow-02.png) 0px 5px repeat-x
}

#ssl-single-page .product-section .cont .con-c .item .half-level {
    display: inline-block;
    height: 21px;
    width: 18px;
    background: url(../img/ssl-single-arrow-02.png) 0px -25px repeat-x
}

#ssl-single-page .product-section .cont .con-c .right {
    float: right;
    color: #1da1df
}

#ssl-single-page .product-section .cont p {
    line-height: 1.8;
    padding: 0 30px 40px;
    font-size: 0.875rem;
}

#ssl-single-page .product-section .cont .box {
    /*padding: 0 30px 30px*/
}

#ssl-single-page .product-section .cont .box p {
    padding: 20px 5px;
}

#ssl-single-page .product-section .cont .box table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-left: 1px solid #f2f2f2;
    /*border-top: 1px solid #f2f2f2*/
}

#ssl-single-page .product-section .cont .box table tr, #ssl-single-page .product-section .cont .box table td {
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 10px;
    text-align: center;
}

#ssl-single-page .product-section .cont .box table tr {
    line-height: 50px;
    width: 25%
}

#ssl-single-page .product-section .cont .box table .price {
    font-size: 1.35em;
    font-weight: bold;
    color: #ff790e;
}

#ssl-single-page .product-section .cont .box table .safe {
    color: #ff7200;
    padding-left: 10px
}

#ssl-single-page .product-section .cont .box table .regular {
    text-decoration: line-through;
    font-size: 0.7em !important;
    color: #666;
    font-weight: normal;
}

#ssl-single-page .product-section .cont .box table .font {
    color: #37b4d1;
    font-weight: bold;
    text-align: center;
}

#ssl-single-page .product-section .cont .box table .buy-btn {
    height: 60px;
    background-color: #0087b9;
    font-size: 22px;
    color: white;
}

#ssl-single-page .desc-section {
    width: 100%;
    padding-bottom: 70px;
    background-color: #FFF;
}

#ssl-single-page #content-mobile .desc-section {
    padding-bottom: 0;
}

#ssl-single-page .desc-section table {
    width: 1200px;
    margin: 0 auto 30px;
    border-collapse: collapse;
    border-spacing: 0;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    box-shadow: 0px 0px 10px 1px #e3e3e3
}


#ssl-single-page .desc-section table tr, #ssl-single-page .desc-section table td {
    border: 1px solid #ddd;
    padding: 22px 30px;
    font-size: 0.875rem;
    color: #333;
    background: white;
}




#ssl-single-page .desc-section table tr a {
    color: #1da1df;
    font-size: 1em
}

#ssl-single-page .desc-section table tr img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px
}

#ssl-single-page .desc-section table tr .image-logo-table {
    max-height: 30px;
}

#ssl-single-page .desc-section table tr td:first-child {
    width: 25%;
    color: #666;
    font-size: 1.138em;
    background-color: #F6F6F6;
    font-weight: bold;
    text-align: right;
}

#ssl-single-page .desc-section table tr .green {
    padding-left: 45px;
    height: 36px;
    background: url(../img/ssl-single-arrow.png) 1px 0px no-repeat;
}

#ssl-single-page span.price {
    font-size: 1.1rem;
    color: #ff7200;
}


/*#ssl-company-page .company-section {
	background: -ms-linear-gradient(left, #c3cddb, #d1dbe7);
	background: -moz-linear-gradient(left, #c3cddb, #d1dbe7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c3cddb), to(#d1dbe7));
	background: -webkit-linear-gradient(left, #c3cddb, #d1dbe7);
	background: -o-linear-gradient(left, #c3cddb, #d1dbe7)
}*/

#ssl-company-page .company-section {
    padding-bottom: 80px;
}

#ssl-company-page .company-section .bound {
    padding-bottom: 5px;
}

#ssl-company-page .company-section .bound .con {
    display: table;
}

#ssl-company-page .company-section .bound .con h2 {
    margin-left: 30%;
    padding-top: 40px;
    font-weight: bolder;
    font-size: 2.25rem;
}

#ssl-company-page .company-section .bound .con .img {
    float: left;
    width: 50%;
    margin-right: 20px;
    /*padding: 20px 30% 20px 30%;
	height: 80px;*/
}

#ssl-company-page .company-section .bound .con .img img {
    width: 100%;
}

#ssl-company-page .company-section .bound .con .img div {
    height: 82px;
    width: 300px;
    padding-right: 40px;
    display: table-cell;
    text-align: center
}

#ssl-company-page .company-section .bound .con .img div img {
    vertical-align: middle;
    max-height: 82px;
    max-width: 300px
}

#ssl-company-page .company-section .bound .con .img span {
    vertical-align: top;
    display: table-cell;
    color: #4d4d4d
}

#ssl-company-page .company-section .bound .con .desc {
    margin-bottom: 60px;
    font-size: 0.925rem;
    line-height: 1.8em;
}

#ssl-company-page .company-section .bound .con .desc h3 {
    font-size: 2em;
    font-weight: bolder;
}

#ssl-company-page .company-section .bound .con .desc a {
    color: #018dba;
}

#ssl-company-page .company-section .bound .con .desc p {
    padding: 10px 0
}

#ssl-company-page .company-section .bound .con a.comodo {
    background-color: #bf2e1a !important
}

#ssl-company-page .company-section .bound .con a.symantec {
    background-color: #231815 !important
}

#ssl-company-page .company-section .bound .con a.geotrust {
    background-color: #0062ad !important
}

#ssl-company-page .company-section .bound .con a.entrust {
    background-color: #990066 !important
}

#ssl-type-page #ssl-contact-us-bar {
    text-decoration: none;
    display: block;
    height: 130px;
    width: 100%;
    background: url(../img/ssl-contact-us-bar-with-en-words.jpg) center center no-repeat
}

#about-us #top-section {
    text-align: center;
    color: white;
    height: 300px;
    background: url('../img/about-us-top.jpg') no-repeat center top
}

#about-us #top-section h2 {
    font-size: 2.25rem;
    font-weight: bold;
    padding: 118px 0 8px 0;
    display: block;
    text-align: center;
    color: white;
}

#about-us #top-section label {
    font-size: 17px
}

#about-us #description-section div {
    margin: 0 auto;
    font-size: 0.938rem;
    padding: 50px 0 0 0;
    width: 1120px;
    border-bottom: 1px solid #ccc
}

#about-us #description-section div h3 {
    color: #018dba;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 32px
}

#about-us #description-section div p {
    line-height: 24px;
    margin-bottom: 30px
}

#about-us #description-section div:first-child {
    width: 1120px
}

#about-us #description-section div:first-child img {
    float: right
}

#about-us #description-section div:nth-child(2) {
    background: url(../img/advantage-1.jpg) no-repeat 100px 30px;
    padding-left: 380px;
    width: 740px;
    height: 200px
}

#about-us #description-section div:nth-child(3) {
    background: url(../img/advantage-2.jpg) no-repeat 800px 15px;
    padding-left: 100px;
    padding-right: 300px;
    width: 720px;
    height: 210px
}

#about-us #description-section div:nth-child(3) p {
    width: 660px
}

#about-us #description-section div:last-child {
    background: url(../img/advantage-3.jpg) no-repeat 100px 30px;
    padding-left: 380px;
    padding-right: 80px;
    width: 660px;
    border: none
}

#about-us #news-section {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    padding: 40px 0 60px 0
}

#about-us #news-section ul {
    list-style-type: none;
    padding: 30px 0 0 0;
    margin: 0
}

#about-us #news-section li {
    position: relative;
    padding: 18px 0 18px 115px;
    display: inline-block;
    width: 485px;
    float: left;
    border-top: 1px dashed #ccc
}

#about-us #news-section li:first-child, #about-us #news-section li:nth-child(2) {
    border-top: 0
}

#about-us #news-section span {
    display: block;
    position: absolute;
    width: 115px;
    text-align: center;
    top: 25px;
    left: 0;
    font-size: 0.938rem;
    font-weight: bold;
    color: #333
}

#about-us #news-section span b {
    display: block;
    font-size: 24px;
    line-height: 26px;
    color: #37b4d2
}

#about-us #news-section a {
    font-size: 0.875rem;
    display: block;
    margin-bottom: 8px;
    color: black
}

#about-us #news-section a:hover {
    color: #37b4d2
}

#about-us #news-section p {
    font-size: 13px;
    color: #555
}

#contact-us-page .iw_poi_title {
    color: #CC5522;
    font-size: 0.875rem;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap
}

#contact-us-page .iw_poi_content {
    font: 12px arial, sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}

#contact-us-page .section .inner-section {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto
}

#contact-us-page #top-section {
    background: url('../img/logo-bg-1.png') no-repeat center top
}

#contact-us-page #top-section .inner-section {
    background: url('../img/customer-service.png') no-repeat left bottom;
    height: 300px;
    text-align: center;
    color: #555;
    overflow: hidden
}

#contact-us-page #top-section h2 {
    margin-top: 120px;
    font-weight: bold;
    font-size: 34px
}

#contact-us-page #top-section span {
    font-size: 0.875rem;
    line-height: 30px
}

#contact-us-page #contact-us-section {
    background-color: #f9f9f9;
    overflow: hidden;
    padding-top: 58px
}

#contact-us-page #contact-us-section table {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 45px auto;
    border-collapse: collapse;
    border: none;
    box-shadow: 2px 2px 2px #ddd;
    background: white
}

#contact-us-page #contact-us-section table td {
    border: 1px solid #ccc;
    padding-bottom: 40px;
    text-align: center
}

#contact-us-page #contact-us-section table td b {
    display: block;
    visibility: hidden;
    border-top: 5px solid #2a8af8;
    text-align: center;
    padding-top: 5px
}

#contact-us-page #contact-us-section table td b i {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 12px solid #2a8af8;
    border-left: 12px solid #fff;
    border-right: 12px solid #fff;
    border-bottom: 12px solid #fff
}

#contact-us-page #contact-us-section table td h3 a {
    display: block;
    font-weight: bold;
    font-size: 20px;
    padding-top: 160px;
    background: url(../img/contact-us.png) no-repeat center center;
    background-repeat: no-repeat
}

#contact-us-page #contact-us-section table td label {
    display: block;
    font-size: 0.875rem;
    line-height: 24px;
    padding-bottom: 40px;
    color: #555
}

#contact-us-page #contact-us-section table td span {
    display: block;
    line-height: 20px
}

#contact-us-page #contact-us-section table td span:before {
    position: relative;
    display: inline-block;
    height: 21px;
    width: 21px;
    content: '';
    top: 4px;
    left: -5px
}

#contact-us-page #contact-us-section table td .phone:before {
    background: url(../img/new-phone.png) center center no-repeat
}

#contact-us-page #contact-us-section table td .mail:before {
    background: url(../img/email.png) center center no-repeat
}

#contact-us-page #contact-us-section table td:first-child h3 a {
    background-position-y: 8px
}

#contact-us-page #contact-us-section table td:nth-child(2) h3 a {
    background-position-y: -182px
}

#contact-us-page #contact-us-section table td:nth-child(3) h3 a {
    background-position-y: -380px
}

#contact-us-page #contact-us-section table td:hover b {
    visibility: visible
}

#contact-us-page #contact-us-section table td:hover h3 {
    color: #2a8af8
}

#contact-us-page #map-section {
    padding-bottom: 60px
}

#contact-us-page #map-section h2 {
    margin: 50px auto
}

#contact-us-page #map-section .left {
    float: left
}

#contact-us-page #map-section .right {
    width: 450px;
    float: right
}

#contact-us-page #map-section .right span {
    font-size: 0.875rem;
    line-height: 26px;
    display: block;
    margin-bottom: 20px
}

#contact-us-page #map-section .right a {
    display: block;
    font-size: 0.875rem;
    text-align: center;
    box-shadow: 0px 0px 2px #5fa7f9;
    width: 135px;
    line-height: 40px;
    border-radius: 2px;
    color: #2a8af8;
    border: 1px solid #5fa7f9;
    background: #e3f5ff
}

#contact-us-page #map-section .right span:before {
    position: relative;
    display: inline-block;
    background: url(../img/contact-us-footer.png) center center no-repeat;
    content: '';
    width: 25px;
    height: 30px;
    top: 5px;
    left: -5px
}

#contact-us-page #map-section .right .address:before {
    background-position-y: 0
}

#contact-us-page #map-section .right .phone:before {
    background-position-y: -40px
}

#privacy-policy .privacy-policy-section, #service-provision .privacy-policy-section, #privacy-policy .service-provision-section, #service-provision .service-provision-section {
    width: 1000px;
    margin: auto;
    color: #333;
    line-height: 30px;
    padding-bottom: 60px
}

#privacy-policy .privacy-policy-section h1, #service-provision .privacy-policy-section h1, #privacy-policy .service-provision-section h1, #service-provision .service-provision-section h1 {
    display: block;
    text-align: center;
    font-weight: normal;
    margin: 50px auto 40px auto
}

#privacy-policy .privacy-policy-section h2, #service-provision .privacy-policy-section h2, #privacy-policy .service-provision-section h2, #service-provision .service-provision-section h2 {
    margin-bottom: 10px;
    font-weight: bold
}

#privacy-policy .privacy-policy-section ul, #service-provision .privacy-policy-section ul, #privacy-policy .service-provision-section ul, #service-provision .service-provision-section ul, #privacy-policy .privacy-policy-section p, #service-provision .privacy-policy-section p, #privacy-policy .service-provision-section p, #service-provision .service-provision-section p {
    margin-bottom: 25px
}

#hong-kong-web-hosting-page .desc1-section .desc h3 {
    font-weight: lighter;
    font-size: 3em;
}

#hong-kong-web-hosting-page .desc1-section .desc div {
    display: block;
    float: left;
    color: white;
    margin: 10px 0;
}

#hong-kong-web-hosting-page .desc1-section .desc .title {
    width: 20%;
    float: left;
    font-size: 1em;
    font-weight: bolder;
    padding: 10px 0;
    border: 2px solid white;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#hong-kong-web-hosting-page .desc1-section .desc .content {
    width: 75%;
    float: right;
    font-size: 0.9em;
    line-height: 1.6em;
}

#hong-kong-web-hosting-page .desc1-section .desc .p1 {
    float: left;
    width: 48%;
}

#hong-kong-web-hosting-page .desc1-section .desc .p2 {
    float: right;
    width: 48%;
}

#hong-kong-web-hosting-page .desc1-section .desc .p3 {
    width: 100%;
}

#hong-kong-web-hosting-page .desc1-section .desc .p3 .title {
    width: 12%;
}

#hong-kong-web-hosting-page .desc1-section .desc .p3 .content {
    width: 85%;
}

#linux-web-hosting-page .subject-section .about {
    text-align: center;
    width: 900px;
    margin: 0 auto;
    display: block;
    padding: 30px 0
}


#linux-web-hosting-page #qa-section {
    min-height: 478px
}

#cooperative-partners-page #top-section {
    height: 300px;
    color: #555;
    background: url('../img/cooperative-partners-top.jpg') no-repeat center top
}

#cooperative-partners-page #top-section h1 {
    font-size: 42px;
    font-weight: bold;
    padding: 118px 0 8px 190px;
    display: block
}

#cooperative-partners-page #top-section label {
    padding-left: 190px;
    font-size: 20px
}

#cooperative-partners-page #partners-sections h2 {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120px
}

#cooperative-partners-page #partners-sections .section {
    padding-bottom: 32px
}

#cooperative-partners-page #partners-sections .section div {
    position: relative;
    min-height: 90px;
    width: 760px;
    padding: 30px 70px 30px 370px;
    margin: 0 auto 30px auto;
    border: 1px solid #ccc;
    background: white
}

#cooperative-partners-page #partners-sections .section div img {
    position: absolute;
    left: 60px;
    top: 40px;
    max-width: 230px
}

#cooperative-partners-page #partners-sections .section div:hover {
    width: 760px;
    padding-left: 368px;
    border-left: 3px solid #2a8af8
}

#cooperative-partners-page #partners-sections .section div:hover img {
    left: 58px
}

#cooperative-partners-page #partners-sections .section div:hover:before {
    display: block;
    height: 0px;
    width: 0px;
    border-left: 4px solid #2a8af8;
    border-right: 4px solid #fff;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    content: '';
    position: absolute;
    top: 48%;
    left: 3px
}

#cooperative-partners-page #partners-sections h3 {
    font-size: 27px
}

#cooperative-partners-page #partners-sections p {
    font-size: 17px;
    line-height: 24px
}

#cooperative-partners-page #partners-sections .section:nth-child(2n) {
    background: #f8f8f8
}

#cooperative-partners-page #partners-sections .section:nth-child(1) h2 strong {
    color: #e65028
}

#cooperative-partners-page #partners-sections .section:nth-child(2) h2 strong {
    color: #7cb02a
}

#cooperative-partners-page #partners-sections .section:nth-child(3) h2 strong {
    color: #229ad6
}

#cooperative-partners-page #partners-sections .section:nth-child(4) h2 strong {
    color: #f8a20c
}

#cooperative-partners-page #contact-us-section {
    background: url(../img/footer-bg.jpg) no-repeat 0 0;
    padding: 50px 0
}

#cooperative-partners-page #contact-us-section .section-inner {
    position: relative;
    border-left: 4px solid #fff;
    text-align: right;
    background: #fff url(../img/hands.png) no-repeat 80px 30px
}

#cooperative-partners-page #contact-us-section .section-inner div {
    width: 290px;
    text-align: left;
    display: inline-block;
    padding: 28px 0
}

#cooperative-partners-page #contact-us-section .section-inner div a {
    line-height: 46px;
    font-size: 24px;
    font-weight: bold;
    color: #2989f7
}

#cooperative-partners-page #contact-us-section .section-inner div label {
    line-height: 36px
}

#cooperative-partners-page #contact-us-section .section-inner div span {
    display: block;
    line-height: 25px
}

#cooperative-partners-page #contact-us-section .section-inner div .tel {
    background: url(../img/new-phone.png) no-repeat 0 4px;
    padding-left: 26px
}

#cooperative-partners-page #contact-us-section .section-inner div .email {
    background: url(../img/email.png) no-repeat 0 6px;
    padding-left: 26px
}

#cooperative-partners-page #contact-us-section .section-inner:hover {
    border-color: #2a8af8
}

#cooperative-partners-page #contact-us-section .section-inner:before {
    position: absolute;
    top: 45%;
    left: 8px;
    display: none;
    content: ''
}

#cooperative-partners-page #contact-us-section .section-inner:hover:before {
    display: block;
    border-left: 12px solid #2a8af8;
    border-right: 12px solid #fff;
    border-top: 12px solid #fff;
    border-bottom: 12px solid #fff
}


#cloud-server-page .cloud-title {
    text-align: center;
}

#cloud-server-page .cloud-title h1 {
    padding: 60px 0 20px 0;
    font-size: 2.5rem;
}

#cloud-server-page .cloud-title p {
    font-size: 2.6rem;
    color: white;
    padding-bottom: 45px;
}

#cloud-server-page .cloud-brand {
    margin: 0 auto;
    width: 380px;
}

.cloud-hosting-product-section {
    background: #F2F2F2;
    padding-bottom: 40px;
}

.cloud-hosting-product-section .section-header h2 {
    padding-bottom: 15px;
}

.cloud-hosting-product-section .section-header p {
    text-align: center;
    color: #808080;
    padding-bottom: 35px;
}

#cloud-server-page .cloud-brand img {
    max-width: 100px;
    float: left;
    margin-left: 20px;
}

#cloud-server-page .top-section {
    position: relative;
    display: block
}


#cloud-server-page .top-section .top {
    height: 300px;
    width: 2000px;
    position: absolute;
    left: -400px;
    top: 0;
    z-index: -1;
    background: url('../img/banner-top.png')
}

#cloud-server-page .top-section .con {
    width: 650px;
    top: 60px;
    left: 0px;
    display: block;
    position: relative
}

#cloud-server-page .top-section .con h1 {
    display: inline-block;
    position: relative;
    font-size: 2.25rem;
    color: white;
    margin-right: 30px
}

#cloud-server-page .top-section .con h2 {
    display: inline-block;
    position: relative;
    font-size: 2.25rem;
    color: #43bfe3;
    margin-bottom: 25px
}

#cloud-server-page .top-section .con p {
    display: block;
    position: relative;
    font-size: 0.875rem;
    line-height: 25px;
    color: #c6c6c6
}

#cloud-server-page .cloud-list .cloud-item {
    width: 32%;
    background: white;
    height: 360px;
    text-align: center;
    border: solid 1px #e6e6e6;
}



#cloud-server-page .cloud-list .cloud-item h3 {
    margin: 30px 0 20px;
    font-weight: 500;
    font-size: 1.5rem;
}

#cloud-server-page .cloud-list .cloud-item h3 span {
    padding-bottom: 10px;
}

#cloud-server-page .cloud-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#cloud-server-page .cloud-list .cloud-item .cloud-item-logo {
    height: 100px;
    border-bottom: 1px solid #e6e6e6;
}

#cloud-server-page .cloud-list .cloud-item .cloud-item-logo img {
    margin-top: 30px;
}



#cloud-server-page .cloud-list .cloud-item p {
    height: 100px;
    font-size: 14px;
    line-height: 1.5rem;
    margin: 0 40px;
}



#cloud-server-page .link-button:hover {
    color: #F06619;
    border-color: #F06619;

}

#cloud-server-page .link-button {
    display: inline-block;
    padding: 5px 60px;
    line-height: 28px;
    color: #2086ee;
    border: 1px solid #2086ee;
    text-decoration: none;
    border-radius: 20px;
}



#cloud-server-page .text-highlight {
    color: orange
}

#cloud-server-page .text-large {
    font-size: 25px
}

#cloud-server-page .seperator {
    border-bottom: 1px dashed #ddd;
    height: 20px;
    padding-top: 30px;
    margin-bottom: 20px
}

#cloud-server-page .text-normal {
    font-size: 12px
}

#cloud-server-page #version {
    margin-top: 20px
}

#cloud-server-page .bk-row {
    max-width: 1200px;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 55px
}

#cloud-server-page .bk-row .bk-label {
    display: inline-block;
    text-align: right;
    box-sizing: border-box;
    width: 130px;
    padding-right: 40px;
    font-size: 0.875rem;
    color: #4d4d4d;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#cloud-server-page .bk-row .bk-text {
    width: 1070px;
    font-size: 0.875rem;
    position: relative
}

#cloud-server-page .bk-row .bk-text .bk-order-now {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 140px;
    height: 50px;
    line-height: 50px;
    font-size: 1.13rem;
    color: white;
    background-color: #FF7733;
    padding-left: 33px;
    cursor: pointer
}

#cloud-server-page .bk-row .bk-mover {
    display: inline-block;
    position: relative;
    font-size: 0px
}

#cloud-server-page .bk-row .bk-mover .bk-mover-range {
    display: inline-block;
    cursor: pointer;
    width: 720px;
    height: 20px;
    background-color: #f9f9f9
}

#cloud-server-page .bk-row .bk-mover .bk-mover-range .bk-mover-select {
    display: inline-block;
    position: absolute;
    left: 0;
    background-color: #9CE2F6;
    height: 20px;
    width: 0;
    z-index: 0
}

#cloud-server-page .bk-row .bk-mover .bk-mover-range .bk-mover-milestone {
    display: inline-block;
    position: absolute;
    background-color: #ddd;
    box-sizing: border-box;
    width: 1px;
    border-left-width: 1px;
    height: 20px
}

#cloud-server-page .bk-row .bk-mover .bk-mover-range .bk-mover-milestone .bk-mover-milestone-label {
    font-size: 12px;
    display: inline-block;
    width: 300px;
    position: absolute;
    padding: 0;
    margin: 0;
    color: #999;
    bottom: -20px;
    pointer-events: none
}

#cloud-server-page .bk-row .bk-mover .bk-mover-range .bk-mover-drag {
    border-radius: 3px;
    position: absolute;
    display: block;
    padding-top: 3px;
    padding-left: 5px;
    z-index: 1000;
    background-color: #92D8EE;
    box-sizing: content-box;
    width: 11px;
    height: 17px;
    top: 0px;
    left: -18px;
    cursor: move
}

#cloud-server-page .bk-row .bk-mover .bk-mover-range .bk-mover-drag i {
    float: left;
    display: inline;
    background-color: #0f8ab8;
    margin: 0 2px 0 0;
    display: block;
    width: 2px;
    height: 14px
}

#cloud-server-page .bk-row .bk-mover-mpbox {
    margin-left: 40px;
    display: inline-block;
    position: relative;
    width: 150px;
    height: 20px;
    font-size: 0
}

#cloud-server-page .bk-row .bk-mover-mpbox .bk-mover-box-minus, #cloud-server-page .bk-row .bk-mover-mpbox .bk-mover-box-plus {
    font-size: 0.875rem;
    float: left;
    background-color: #43bfe3;
    height: 20px;
    width: 20px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    cursor: pointer
}

#cloud-server-page .bk-row .bk-mover-mpbox .bk-mover-box-minus:before {
    content: '-'
}

#cloud-server-page .bk-row .bk-mover-mpbox .bk-mover-box-plus:before {
    content: '+'
}

#cloud-server-page .bk-row .bk-mover-mpbox .bk-mover-box-text {
    font-size: 0.875rem;
    float: left;
    width: 70px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: auto;
    color: #43bfe3;
    background-color: #f9f9f9
}

#cloud-server-page .bk-row .bk-slider {
    overflow-x: visible;
    display: inline-block;
    position: relative;
    background-color: #f9f9f9;
    font-size: 0
}

#cloud-server-page .bk-row .bk-slider .bk-slider-range {
    position: relative;
    display: block;
    background-color: #f9f9f9;
    height: 28px;
    margin-left: 0;
    margin-right: 0
}

#cloud-server-page .bk-row .bk-slider .bk-slider-range .bk-slider-block {
    display: inline-block;
    height: 28px
}

#cloud-server-page .bk-row .bk-slider .bk-slider-range .bk-slider-block .bk-slider-block-box {
    display: inline-block;
    border-right: solid 1px #e8e8e8;
    height: 28px;
    text-align: center;
    cursor: pointer
}

#cloud-server-page .bk-row .bk-slider .bk-slider-range .bk-slider-block .bk-slider-block-box .bk-slider-text {
    vertical-align: bottom;
    font-size: 0.875rem;
    height: 28px;
    line-height: 28px;
    display: inline-block
}

#cloud-server-page .bk-row .bk-slider .bk-slider-range .bk-slider-block .bk-slider-block-label {
    display: none;
    position: absolute;
    top: -25px;
    width: 300px
}

#cloud-server-page .bk-row .bk-slider .bk-slider-range .bk-slider-block .bk-slider-block-label .bk-slider-text {
    padding: 2px 9px;
    border: 1px solid #f60;
    border-radius: 5px 5px 5px 0;
    font-size: 12px;
    background-color: #FF6600;
    color: white
}

#cloud-server-page .bk-row .bk-slider .bk-slider-range .bk-slider-block .bk-slider-block-label:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #f60;
    bottom: -5px
}

#cloud-server-page .bk-row .bk-slider .bk-slider-range .bk-select-action .bk-slider-block-box, #cloud-server-page .bk-row .bk-slider .bk-slider-range .bk-selected-block .bk-slider-block-box {
    border-right: solid 1px #0f8ab8;
    background-color: #43bfe3;
    color: #fff
}

#cloud-server-page .bk-row .bk-slider .bk-slider-range .bk-selected-block .bk-slider-block-label {
    display: block
}

#cloud-server-page .bk-row .bk-slider .bk-slider-range .bk-slider-drag {
    border-radius: 3px;
    position: absolute;
    display: block;
    padding-top: 6px;
    padding-left: 5px;
    box-sizing: content-box;
    background-color: #92D8EE;
    width: 11px;
    height: 30px;
    top: -4px;
    left: 232px;
    cursor: move
}

#cloud-server-page .bk-row .bk-slider .bk-slider-range .bk-slider-drag i {
    float: left;
    display: inline;
    background-color: #0f8ab8;
    margin: 0 2px 0 0;
    display: block;
    width: 2px;
    height: 24px
}

#cloud-server-page .bk-row .bk-options {
    width: 1000px;
    display: inline-block;
    position: relative;
    height: 30px;
    font-size: 0;
    color: #666
}

#cloud-server-page .bk-row .bk-options .bk-option-item {
    display: inline-block;
    position: relative;
    width: 120px;
    height: inherit;
    line-height: 30px;
    margin-right: 25px;
    background-color: #f9f9f9;
    text-align: center;
    font-size: 0.875rem;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    transition: background-color .5s;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -ms-transition: background-color .5s;
    -o-transition: background-color .5s;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#cloud-server-page .bk-row .bk-options .bk-option-item.selected {
    background-color: #43bfe3;
    color: #FFF
}

#cloud-server-page .bk-row .bk-options .bk-option-item:hover {
    background-color: #43bfe3;
    color: #FFF
}

#cloud-server-page .bk-row .bk-selects {
    width: 1000px;
    display: inline-block;
    position: relative;
    height: 28px;
    font-size: 0
}

#cloud-server-page .bk-row .bk-selects .bk-select {
    z-index: 1024;
    display: inline-block;
    position: relative;
    background-color: #f9f9f9;
    margin-right: 25px;
    vertical-align: text-top
}

#cloud-server-page .bk-row .bk-selects .bk-select .bk-select-item {
    display: block;
    padding-left: 10px;
    padding-right: 30px;
    position: relative;
    width: 270px;
    height: 28px;
    line-height: 28px;
    color: #666;
    text-align: center;
    font-size: 0.875rem;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#cloud-server-page .bk-row .bk-selects .bk-select .bk-select-item:first-child {
    display: block
}

#cloud-server-page .bk-row .bk-selects .bk-select .bk-select-item.selected {
    background-color: #43bfe3;
    color: #fff;
    display: block
}

#cloud-server-page .bk-row .bk-selects .bk-select .bk-select-item.hide {
    display: none
}

#cloud-server-page .bk-row .bk-selects .bk-select .bk-select-item:first-child {
    border: 1px solid #e6e6e6
}

#cloud-server-page .bk-row .bk-selects .bk-select .bk-select-item:not(:first-child) {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

#cloud-server-page .bk-row .bk-selects .bk-select .bk-select-item:not(:first-child):hover {
    background-color: #43bfe3;
    color: #FFF
}

#cloud-server-page .bk-row .bk-selects .bk-select:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    right: 10px;
    top: 10px;
    z-index: 10000;
    pointer-events: none
}

#cloud-server-page .bk-row .bk-selects .bk-select:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 8px 8px 0;
    border-style: solid;
    color: #666;
    border-color: #f9f9f9 transparent transparent transparent;
    right: 10px;
    top: 8px;
    z-index: 10001;
    pointer-events: none
}

#cloud-server-page .bk-row .bk-selects .bk-select.flaged:after {
    border-color: #fff transparent transparent transparent
}

#cloud-server-page .bk-row .bk-selects .bk-select.flaged:before {
    border-color: #43bfe3 transparent transparent transparent
}

#cloud-server-page .bk-row .bk-links {
    width: 1000px;
    display: inline-block;
    position: relative;
    height: 28px;
    font-size: 0
}

#cloud-server-page .bk-row .bk-links .bk-link-item {
    height: inherit;
    font-size: 0.875rem;
    line-height: 28px;
    margin-right: 25px;
    color: #43bfe3;
    display: inline-block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}



#cloud-server-page .pf .pf-title-box {
    position: relative;
    display: block;
    height: 26px;
    width: 200px;
    margin: 20px auto
}

#cloud-server-page .pf .pf-title-box .pf-title {
    display: inline;
    position: relative;
    height: 26px;
    line-height: 26px;
    font-size: 26px;
    color: black
}

#cloud-server-page .pf .pf-title-box .pf-title:before {
    content: '';
    width: 25px;
    height: 18px;
    border-bottom: 1px solid #000;
    position: absolute;
    left: -53px;
    top: 0
}

#cloud-server-page .pf .pf-title-box .pf-title:after {
    content: '';
    width: 25px;
    height: 18px;
    border-bottom: 1px solid #000;
    position: absolute;
    right: -53px;
    top: 0
}

#cloud-server-page .pf .pf-row {
    max-width: 1200px;
    width: 100%;
    height: 140px;
    display: block;
    padding-bottom: 20px;
}


#cloud-server-page .pf .pf-row .pf-row-item {
    width: 250px;
    height: 130px;
    display: inline-block;
    position: relative;
    float: left;
    font-size: 14px;
    color: #666;
    padding-left: 140px;
    overflow: visible
}



#cloud-server-page .pf .pf-row .pf-row-item img {
    width: 60px;
    display: block;
    position: absolute;
    left: 60px;
}



#cloud-server-page .pf .pf-row .pf-row-item .pf-item-title {
    font-size: 24px;
    color: #333;
    font-weight: bolder;
    display: block
}



#cloud-server-page .pf .pf-row .pf-row-item ul {
    padding-left: 0;
}

#cloud-server-page .selected-section {
    height: 433px;
    position: relative;
    background: url(../img/why-choose-plesk.jpg) 0 0 no-repeat;
}



#cloud-server-page .selected-section .con1 {
    padding-top: 12px;
    width: 310px;
    float: left;
}

#cloud-server-page .selected-section .con2 {
    padding-top: 100px;
    float: left;
    width: 780px;
}



#cloud-server-page .selected-section .con2 h3 {
    font-size: 48px;
    color: white;
    font-weight: lighter;
    margin-bottom: 20px
}



#cloud-server-page .selected-section .con2 p {
    font-size: 0.875rem;
    color: #e6e6e6;
    line-height: 25px
}

#cloud-server-page .selected-section .con2 span {
    margin-top: 30px;
    font-size: 0.875rem;
    color: #e6e6e6;
    display: block
}

#cloud-server-page .bisend-section {
    padding-right: 350px;
    height: 350px;
    padding-top: 50px;
    position: relative
}

#cloud-server-page .bisend-section .section-bgc {
    background-color: #f8f8f8;
    position: absolute;
    height: 350px;
    width: 3200px;
    top: 0;
    left: -1000px;
    z-index: -1
}

#cloud-server-page .bisend-section .con1 {
    position: absolute;
    right: 0;
    top: 10px;
    width: 350px
}

#cloud-server-page .bisend-section .con2 h3 {
    font-size: 30px;
    color: #018dba;
    margin-bottom: 30px
}

#cloud-server-page .bisend-section .con2 p {
    font-size: 0.875rem;
    line-height: 25px;
    color: #666
}

#cloud-server-page .bisend-section .con2 span {
    margin-top: 70px;
    font-size: 22px;
    color: #204056;
    display: block
}



#dedicated-server-page .selected-section {
    height: 361px;
    position: relative;
    background: url(../img/background/dedicated-server.jpg) 0 0 no-repeat;
    color: white;
    text-align: center;
}

#dedicated-server-page .selected-section .con2 {
    padding-top: 80px;
    margin: 0 auto;
    width: 780px;
}



#dedicated-server-page .selected-section .con2 h3 {
    font-size: 42px;
    color: white;
    font-weight: lighter;
    margin-bottom: 20px
}

#dedicated-server-page .selected-section .con2 p {
    font-size: 0.875rem;
    color: #e6e6e6;
    line-height: 25px
}

#dedicated-server-page .selected-section .con2 span {
    margin-top: 30px;
    font-size: 0.875rem;
    color: #e6e6e6;
    display: block
}

#service-term-page {
    text-align: center
}

#service-term-page h1 {
    font-size: 26px;
    padding: 0 40px;
    font-weight: normal;
    color: #333;
    margin: 50px auto 40px auto;
    display: inline-block
}

#service-term-page h1:before, #service-term-page h1:after {
    padding: 0 40px
}

#service-term-page h2 {
    font-size: 1.13rem;
    line-height: 36px;
    color: #333;
    margin-top: 10px
}

#service-term-page #service-term-content {
    text-align: left;
    width: 1000px;
    margin: 0 auto 100px auto;
    color: #666;
    line-height: 26px
}

#service-term-page #service-term-content a {
    color: #666;
    text-decoration: underline
}

#friend-links {
    background-color: #2f2f2f;
    color: white
}

#friend-links .bound {
    border-top: 1px solid #666;
    padding: 30px 0 10px
}

#friend-links ul li {
    float: left;
    margin-right: 1px;
    padding-right: 23px;
    line-height: 25px;
    list-style: none;
    font-size: 0.875rem;
}

#friend-links ul {
    padding: 0 0 15px 0;
}

#friend-links a {
    color: #A7A9AC
}

#friend-links a:hover {
    color: #E6E7E8
}

#friend-links h4 {
    float: left;
    padding: 0;
    margin: 0;
    font-weight: normal
}

#copyright {
    text-align: center;
    line-height: 36px;
    font-size: 0.875rem;
    background-color: #2f2f2f;
    color: #A7A9AC;
}

#copyright a {
    color: #A7A9AC
}

#copyright .bound {
    border-top: 1px solid #1d1d1d;
    padding: 6px 0;
}

#copyright .ssg {
    border-radius: 3px;
    padding: 0 3px;
    line-height: 18px;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

#copyright .ssg img {
    vertical-align: middle
}


#topbar {
    max-width: 1200px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #2e2e2e;
    margin: auto;
    color: #CCC;
    position: relative;
    font-size: 0.925em
}

#topbar #site-switch {
    position: relative;
    z-index: 100000;
    box-sizing: border-box;
    padding: 0 10px 5px 10px;
    display: inline-block;
    float: right;
    line-height: 36px
}

#topbar #site-switch span {
    display: block;
    padding: 0 25px;
    position: relative;
    font-size: 0.938rem;
    line-height: 38px
}

#topbar #site-switch span:before {
    position: absolute;
    content: '';
    width: 36px;
    height: 30px;
    display: inline-block;
    background: url(../img/bisend-topbar.png) no-repeat;
    background-position-x: 5px;
    background-position-y: -36px;
    top: 3px;
    left: -8px
}

#topbar #site-switch span:after {
    background: url(../img/down.png) no-repeat;
    right: 0;
    top: 16px;
    position: absolute;
    content: '';
    width: 15px;
    height: 8px;
    display: inline-block
}

#topbar #site-switch a {
    position: absolute;
    color: #CCC;
    display: block;
    display: none;
    width: 100%;
    left: 0;
    padding-left: 35px;
    font-size: 0.938em;
    box-sizing: border-box;
    background-color:#1e1e1e;
    z-index: 999;

}

#topbar #site-switch:hover {
    background: #1E1E1E
}

#topbar #site-switch:hover a {
    display: block
}

#topbar #site-switch:hover span:after {
    background: url(../img/update.png) no-repeat
}

#topbar .title {
    color: #CCC;
    float: right;
    display: inline-block;
    line-height: 16px;
    margin: 12px 0
}

/*#topbar .contact:before {*/
/*content: ' ';*/
/*background: url(../img/bisend-topbar.png) no-repeat;*/
/*width: 36px;*/
/*height: 30px;*/
/*float: left;*/
/*display: inline-block;*/
/*position: relative;*/
/*top: -8px;*/
/*background-position-x: 5px*/
/*}*/

/*#topbar .contact:last-child:before {*/
/*background-position-y: 0px*/
/*}*/

#topbar .title:after {
    float: right;
    margin: 0 10px 0 15px;
    display: inline-block;
    width: 0;
    height: 16px;
    /*border-left: 1px solid #ccc;*/
    content: ' '
}

#topbar:before {
    background: #2e2e2e;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    content: ' ';
    display: block;
    z-index: -1
}

#topbar .user-login {
    float: right;
    padding: 0 10px;
    background-color: #e85414;
    color: #fff;
}

#topbar .user-login a {
    color: #fff !important;
}

#affiliate-page #top-section {
    text-align: center;
    height: 500px;
    background: url(../img/banner-bg.jpg) center center repeat;
    color: white
}

#affiliate-page #top-section h1 {
    font-size: 48px;
    font-weight: normal;
    margin: 0;
    padding: 85px 0
}

#affiliate-page #top-section p {
    font-size: 20px;
    margin-bottom: 82px
}

#affiliate-page #top-section span:nth-child(2):before, #affiliate-page #top-section span:nth-child(2):after {
    content: '|';
    display: inline-block;
    margin: 0 28px
}

#affiliate-page #top-section a {
    display: inline-block;
    width: 193px;
    line-height: 50px;
    border-radius: 3px;
    color: white;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    margin: 0 10px
}

#affiliate-page #top-section a:first-child {
    background: #01B01B
}

#affiliate-page #top-section a:last-child {
    background: #4C80F6
}

#affiliate-page #advantage-section {
    text-align: center;
    padding-bottom: 20px
}

#affiliate-page #advantage-section h2 {
    color: #0088b4;
    font-weight: bold;
    font-size: 24px;
    margin: 62px 0 40px 0
}

#affiliate-page #advantage-section label {
    color: #0088b4;
    font-size: 19px;
    font-weight: bold;
    display: block;
    margin: 52px 0 32px 0
}

#affiliate-page #advantage-section .blocks {
    display: inline-block;
    width: 1300px
}

#affiliate-page #advantage-section .block {
    display: inline-block;
    box-sizing: border-box;
    width: 385px;
    height: 275px;
    box-shadow: 0px 0px 15px #aaa;
    margin: 0 14px 40px 14px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center
}

#affiliate-page #advantage-section .block:nth-child(3):after {
    content: ''
}

#affiliate-page #advantage-section p {
    line-height: 30px;
    width: 350px;
    text-align: left;
    display: block;
    overflow: hidden
}

#affiliate-page #advantage-section p:before {
    display: block;
    content: '';
    width: 108px;
    height: 200px;
    float: left;
    background-repeat: no-repeat;
    background-position: center top
}

#affiliate-page #advantage-section .block:nth-child(6) {
    background-image: url('../img/block-bg-6.png')
}

#affiliate-page #advantage-section .block:nth-child(6) p:before {
    background-image: url('../img/block-icon-6.png')
}

#affiliate-page #advantage-section .block:nth-child(5) {
    background-image: url('../img/block-bg-5.png')
}

#affiliate-page #advantage-section .block:nth-child(5) p:before {
    background-image: url('../img/block-icon-5.png')
}

#affiliate-page #advantage-section .block:nth-child(4) {
    background-image: url('../img/block-bg-4.png')
}

#affiliate-page #advantage-section .block:nth-child(4) p:before {
    background-image: url('../img/block-icon-4.png')
}

#affiliate-page #advantage-section .block:nth-child(3) {
    background-image: url('../img/block-bg-3.png')
}

#affiliate-page #advantage-section .block:nth-child(3) p:before {
    background-image: url('../img/block-icon-3.png')
}

#affiliate-page #advantage-section .block:nth-child(2) {
    background-image: url('../img/block-bg-2.png')
}

#affiliate-page #advantage-section .block:nth-child(2) p:before {
    background-image: url('../img/block-icon-2.png')
}

#affiliate-page #advantage-section .block:nth-child(1) {
    background-image: url('../img/block-bg-1.png')
}

#affiliate-page #advantage-section .block:nth-child(1) p:before {
    background-image: url('../img/block-icon-1.png')
}

#affiliate-page #desc-section {
    background: #f4f4f5 url(../img/desc-bg.jpg) center center no-repeat
}

#affiliate-page #desc-section h2 {
    color: #0088b4;
    font-weight: bold;
    font-size: 24px;
    margin: 60px 0 40px 0;
    text-align: center
}

#affiliate-page #desc-section h3 {
    color: #0088b4;
    font-size: 19px;
    line-height: 32px
}

#affiliate-page #desc-section p {
    line-height: 36px
}

#affiliate-page #desc-section label {
    display: block;
    padding: 25px 0 10px 0;
    color: #e75414
}

#affiliate-page #desc-section .info {
    padding-bottom: 68px
}

#affiliate-page #desc-section .info p {
    line-height: 28px
}

#affiliate-page #contact-us-desction {
    height: 230px;
    color: white;
    text-align: center;
    background: #015bd0 url(../img/bottom-bg.png) center center repeat;
    box-sizing: border-box;
    padding-top: 40px
}

#affiliate-page #contact-us-desction p {
    font-size: 22px;
    line-height: 35px
}

#affiliate-page #contact-us-desction a {
    line-height: 50px;
    width: 192px;
    border: 1px solid #fff;
    border-radius: 5px;
    display: inline-block;
    margin-top: 28px;
    font-size: 24px;
    color: white;
    text-decoration: none
}


#cms-hosting-page .pro-modules {
    padding-bottom: 30px;
    background: #F2F2F2;
}

#cms-hosting-page .pro-modules .content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#cms-hosting-page .pro-modules .content .title {
    font-size: 34px;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    color: #1a1a1a;
    padding-top: 50px;
    padding-bottom: 15px
}

#cms-hosting-page .pro-modules .module {
    float: left;
    display: block;
    width: 30%;
    height: 240px;
    margin-left: 3%;
    margin-bottom: 41px;
    padding: 20px 0;
    list-style: none;
    background: #FFF;
    border-radius: 5px;
}

#cms-hosting-page .pro-modules .module div {
    margin: 0 20px;
}

#cms-hosting-page .pro-modules .module1, #cms-hosting-page .pro-modules .module4 {
    margin-left: 0
}

#cms-hosting-page .pro-modules .module .title {
    position: relative;
    margin-bottom: 10px
}

#cms-hosting-page .pro-modules .module .title .icon {
    position: absolute;
    display: block;
    width: 63px;
    height: 58px;
    top: 0;
    left: 125px;

    background: url(../img/cms-sprite-pro.png) -0px -0px no-repeat
}

#cms-hosting-page .pro-modules .module2 .title .icon {
    background-position: 0 -68px
}

#cms-hosting-page .pro-modules .module3 .title .icon {
    background-position: 0 -136px
}

#cms-hosting-page .pro-modules .module4 .title .icon {
    background-position: 0 -204px
}

#cms-hosting-page .pro-modules .module5 .title .icon {
    background-position: 0 -272px
}

#cms-hosting-page .pro-modules .module6 .title .icon {
    background-position: 0 -340px
}

#cms-hosting-page .pro-modules .module .title strong {
    display: block;
    margin-top: 30px;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: center
}


#domain-index-page .top-section {
    height: 350px;
    overflow: hidden;
    background: url(../img/domain-top-bg.jpg) no-repeat center center
}

#domain-index-page .top-section h1 {
    text-align: center;
    margin-top: 80px;
    font-size: 2.25rem;
    color: #fff;
    text-shadow: 3px 3px 3px #333
}

#domain-index-page .top-section h2 {
    text-align: center;
    color: white;
    line-height: 40px;
    font-size: 17px;
    text-shadow: 3px 3px 3px #333
}

#domain-index-page .top-section h4 {
    width: 730px;
    margin: 30px auto 0;
    line-height: 22px;
    font-size: 0.875rem;
    text-align: center;
    color: #fff;
    font-weight: lighter
}

#domain-index-page .top-section .search-board {
    max-width: 1000px;
    width: 100%;
    margin: 34px auto 0;
    background: rgba(7, 28, 48, 0.6);
    padding-top: 7px;
    height: 110px
}

#domain-index-page .top-section .search-board .query-wrap {
    max-width: 1000px;
    width: 100%;
    margin: auto;
    padding: 24px 0
}

#domain-index-page .top-section .search-board .query-wrap form .count {
    width: 160px;
    float: left;
    color: white;
    margin: 0 15px;
    text-align: center
}

#domain-index-page .top-section .search-board .query-wrap form .count span:first-child {
    font-size: 20px;
    text-align: center;
    margin-left: 30px
}

#domain-index-page .top-section .search-board .query-wrap form .count span:first-child i {
    color: #e95513;
    font-weight: bolder;
    margin-right: 28px
}

#domain-index-page .top-section .search-board .query-wrap form .count span:nth-child(2) i {
    display: inline-block;
    width: 50px;
    height: 20px;
    background: url(/domain/domain-count-logo.png) no-repeat center 8px
}

#domain-index-page .top-section .search-board .query-wrap form .to-domain {
    width: 116px;
    float: right;
    margin-right: 15px;
    margin-top: -3px
}

#domain-index-page .top-section .search-board .query-wrap form .to-domain a {
    color: white
}

#domain-index-page .top-section .search-board .query-wrap form .lookup {
    text-align: center;
}

#domain-index-page .top-section .search-board .query-wrap form input {
    height: 53px;
    line-height: 53px;
    outline: 0;
    border: none;
    padding: 0;
    vertical-align: middle
}

#domain-index-page .top-section .search-board .query-wrap form input[type="search"] {
    width: 800px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-left: 26px;
    font-size: 18px
}

#domain-index-page .top-section .search-board .query-wrap form input[type="text"] {
    width: 740px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-left: 26px;
    font-size: 0.938em
}

#domain-index-page .top-section .search-board .query-wrap form input[type="submit"] {
    width: 160px;
    margin-left: -5px;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    background: #e95513 url(../img/white-search.png) no-repeat 26px 21px;
    padding-left: 15px
}

#domain-index-page .top-section .search-board .query-wrap form input[type="button"] {
    width: 160px;
    margin-left: -5px;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    background: #e95513 url(../img/white-search.png) no-repeat 26px 21px;
    padding-left: 15px
}


#domain-index-page .top-section .search-board .query-wrap form input[type="text"].error::-webkit-input-placeholder {
    color: red
}

#domain-index-page .top-section .search-board .query-wrap form input[type="text"].error:-moz-placeholder {
    color: red
}

#domain-index-page .top-section .search-board .query-wrap form input[type="text"].error::-moz-placeholder {
    color: red
}

#domain-index-page .top-section .search-board .query-wrap form input[type="text"].error:-ms-input-placeholder {
    color: red
}

#domain-index-page .top-section .search-board .info {
    color: #fff;
    line-height: 40px;
    padding: 2px 25px;
    margin-top: -24px
}

#domain-index-page .top-section .search-board .info .count {
    float: left
}

#domain-index-page .top-section .search-board .info .count span {
    font-size: 22px
}

#domain-index-page .top-section .search-board .info .to-domain {
    float: right
}

#domain-index-page .top-section .search-board .info .to-domain a {
    color: #fff
}

#domain-index-page .top-section .search-board div.error {
    display: none;
    color: red;
    padding-top: 10px;
    margin-bottom: -10px
}


#domain-index-page #profession-section-part {
    /*padding-bottom: 70px;*/
    background: #cbeffb;;
}

#domain-index-page #profession-section-part .section-label {
    color: #333
}

#domain-index-page #profession-section-part .section-con {
    padding-bottom: 1px
}

#domain-index-page #profession-section-part .section-con .con {
    padding: 0 30px;
    width: 320px;
    float: left;
    background: #cbeffb;
    text-align: center;
    margin-right: 25px;
    height: 368px;
    border-radius: 10px;
}

#domain-index-page #profession-section-part .section-con .con .label {
    font-size: 1.4rem;
    padding-top: 120px;
    margin-bottom: 20px;
    color: #333;
    font-weight: bold;
}

#domain-index-page #profession-section-part .section-con .con p {
    line-height: 26px;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
    color: #555
}

#domain-index-page #profession-section-part .section-con .con.active {
    width: 354px;
    padding-top: 25px;
    border: 3px solid #05a5c9;
    position: relative;
    margin-top: -45px
}

#domain-index-page #profession-section-part .section-con .con.active .label {
    color: #429b2f;
    font-size: 20px;
    padding-top: 220px
}

#domain-index-page #profession-section-part .section-con .con.active p {
    font-size: 0.875rem;
    line-height: 24px;
    height: 87px
}

#domain-index-page #profession-section-part .section-con .con-r {
    margin-right: 0px
}

#domain-index-page .hot-domain-promote .domain-list {
    list-style: none;
    height: 158px;
    padding: 0;
}

#domain-index-page .hot-domain-promote .domain-list li {
    width: 285px;
    margin-right: 19px;
}

#domain-index-page .hot-domain-promote .domain-list li:nth-child(4) {
    margin: 0;
}

#domain-index-page .hot-domain-promote .domain-list .domain-cube {
    height: 220px;
    background-color: white;
    text-align: center;
    box-sizing: border-box;
}

#domain-index-page .hot-domain-promote .domain-list .domain-cube .logo-bar {
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
}

#domain-index-page .hot-domain-promote .domain-list .domain-cube .logo-bar .logo {
    display: table-cell;
    width: 100%;
    /*vertical-align: middle;*/
    width: 90px;
    height: 30px;
    line-height: 0;

}

#domain-index-page .hot-domain-promote .domain-list .domain-cube .logo-bar .logo img {
    max-width: 180px;
    max-height: 60px
}

#domain-index-page .hot-domain-promote .domain-list .domain-cube .name {
    font-size: 0.875rem;
    padding-top: 40px
}

#domain-index-page .hot-domain-promote .domain-list .domain-cube .price {
    font-size: 0.875rem;
    line-height: 50px
}

#domain-index-page .hot-domain-promote .domain-list .domain-cube .price span {
    color: #e95513;
    font-size: 0.875em
}

#domain-index-page .hot-domain-promote .domain-list .domain-cube .btn {
    display: block;
    width: 120px;
    height: 2.2rem;
    margin: auto;
    line-height: 2rem;
    border-radius: 5px;
    color: white;
    font-size: 0.875rem;
    font-weight: bold;
    background-color: #37b4d2;
}

#domain-index-page .hot-domain-promote .domain-list .domain-cube .btn:hover {
    background-color: #e95513
}

#domain-index-page .hot-domain-promote .domain-list li {
    cursor: default;
    float: left;
}

#domain-index-page .hot-domain-promote .domain-list li:last-child .domain-cube {
    padding-right: 0px;
    border-right: 0px
}

#domain-index-page .hot-domain-promote .lSSlideOuter {
    margin-top: 0px
}

#domain-index-page .hot-domain-promote .lSSlideOuter .lSPager.lSpg {
    margin-top: 15px !important
}

#domain-index-page .hot-domain-promote .lSSlideOuter .lSPager.lSpg > li a {
    background: #A6A6A6
}

#domain-index-page .hot-domain-promote .lSSlideOuter .lSPager.lSpg > li.active a {
    width: 20px;
    background: #848484
}

#domain-index-page .top-section .query-wrap form input[type="submit"] {
    background: #0176c3 url(../img/white-search.png) no-repeat 26px 21px;
    padding-left: 15px
}

#domain-index-page .domain-price {
    background-color: #f2f2f2
}

#domain-index-page .domain-price-section .domain-type .domain-type-tab {
    margin-top: 0px
}

#domain-index-page .domain-price-section .domain-type .domain-type-tab .section-label {
    margin-bottom: 40px;
    padding-top: 40px
}

#domain-index-page .domain-price-section .domain-type .domain-type-tab ul {
    background-color: white;
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0
}

#domain-index-page .domain-price-section .domain-type .domain-type-tab ul li {
    float: left;
    width: 49.95%;
    text-align: center;
    font-size: 20px;
    color: #666;
    border-top: 3px solid;
    line-height: 70px;
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s
}

#domain-index-page .domain-price-section .domain-type .domain-type-tab ul li:first-child {
    border-right: 1px solid #e6e6e6
}

#domain-index-page .domain-price-section .domain-type .domain-type-tab ul li.domain-en {
    border-top-color: #fff
}

#domain-index-page .domain-price-section .domain-type .domain-type-tab ul li.domain-top {
    border-top-color: #fff
}

#domain-index-page .domain-price-section .domain-type .domain-type-tab ul li.domain-en.active {
    border-top-color: #e95513;
    color: #e95513;
    font-weight: bold
}

#domain-index-page .domain-price-section .domain-type .domain-type-tab ul li.domain-top.active {
    border-top-color: #e95513;
    color: #e95513;
    font-weight: bold
}

#domain-index-page .domain-price-section .domain-type .domain-type-list {
    display: none;
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-top .clearfix div {
    float: left;
    padding: 12px 0;
    background: #dddddd;
    line-height: 30px;
    font-size: 1.13rem;
    font-weight: bolder;
    color: #666;
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-top .clearfix .yuming {
    width: 447px;
    padding-left: 60px;
    border-right: 1px solid #e6e6e6
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-top .clearfix .price {
    width: 230px;
    border-right: 1px solid #e6e6e6;
    text-align: center
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-top .clearfix .price span {
    font-size: 13px;
    color: #11A8E1;
    padding-left: 10px
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-top .clearfix .renew {
    width: 230px;
    border-right: 1px solid #e6e6e6;
    text-align: center
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-top .clearfix .switch {
    width: 230px;
    text-align: center
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body {
    width: 100%;
    height: 550px;
    overflow-y: scroll;
    background-color: white
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body .infos {
    height: 54px;
    line-height: 54px;
    color: #666;
    border-bottom: 1px solid #e6e6e6
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body .infos div {
    float: left
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body .infos .img {
    width: 97px;
    padding-top: 8px
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body .infos .logo {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 40px;
    height: 39px;
    line-height: 0;
    padding-left: 55px
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body .infos .logo img {
    max-width: 42px;
    max-height: 24px
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body .infos .name {
    width: 85px;
    padding-left: 20px;
    font-size: 19px
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body .infos .name a {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #333
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body .infos .name a:hover {
    color: #666
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body .infos .desc {
    width: 305px;
    color: #999;
    border-right: 1px solid #e6e6e6
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body .infos .price {
    width: 230px;
    border-right: 1px solid #e6e6e6;
    color: #e99513;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body .infos .price span {
    text-decoration: line-through
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body .infos .renew {
    color: #666;
    font-size: 1rem;
    width: 230px;
    border-right: 1px solid #e6e6e6;
    text-align: center;
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body .infos .switch {
    width: 210px;
    color: #666;
    font-size: 1rem;
    text-align: center;
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body::-webkit-scrollbar {
    width: 5px;
    height: 16px;
    background-color: #e99513
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body::-webkit-scrollbar-track {
    background-color: #c1c1c1
}

#domain-index-page .domain-price-section .domain-type .domain-type-list .domain-type-body::-webkit-scrollbar-thumb {
    background-color: #e99513
}

#domain-index-page .domain-price-section .domain-type .domain-type-list.active {
    display: block
}

#domain-index-page .domain-price-section .new-top-level-domain .top-domain-board {
    width: 50%;
    float: left;
    background: #EAF5FB;
    margin-top: 40px
}

#domain-index-page .domain-price-section .new-top-level-domain .top-domain-board .title {
    font-size: 22px;
    line-height: 30px;
    padding: 10px 0;
    border-bottom: 2px solid #addbe8;
    margin: 0 40px 20px 30px;
    color: #008DB1
}

#domain-index-page .domain-price-section .new-top-level-domain .top-domain-board .new-domains {
    padding: 0 40px 35px 30px
}

#domain-index-page .domain-price-section .new-top-level-domain .top-domain-board .new-domains .new-domain {
    margin-bottom: 15px
}

#domain-index-page .domain-price-section .new-top-level-domain .top-domain-board .new-domains .new-domain div {
    float: left;
    line-height: 50px;
    background: #fff
}

#domain-index-page .domain-price-section .new-top-level-domain .top-domain-board .new-domains .new-domain .name {
    width: 110px;
    text-align: center;
    font-size: 20px
}

#domain-index-page .domain-price-section .new-top-level-domain .top-domain-board .new-domains .new-domain .desc {
    width: 340px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666
}

#domain-index-page .domain-price-section .new-top-level-domain .top-domain-board .new-domains .new-domain a {
    display: block;
    float: left;
    text-align: center;
    width: 78px;
    line-height: 48px;
    border: 1px solid #4fc8db;
    background: #1BB9D4;
    color: #fff;
    font-size: 18px
}

#domain-index-page .domain-price-section .new-top-level-domain .will-sale {
    background: #EFF8D9
}

#domain-index-page .domain-price-section .new-top-level-domain .will-sale .title {
    border-bottom-color: #D4E8A9;
    color: #87B41D
}
.hot-domain-section {
    padding-bottom: 70px;
    background-color: #f4f3ef;
}

.domain-price-section.section {
    background: #fff;
    padding-bottom: 30px;
}

#domain-index-page .domain-price-section .new-top-level-domain .will-sale .new-domains .new-domain a {
    border: 1px solid #9cc62a;
    background: #9cc62a
}


#domain-index-page #profession-section-part .section-con .con.active .label {
    color: #3ab7cb
}

#domain-index-page #profession-section-part .section-con .con-l .label {
    background: url(../img/domain-1.png) center center no-repeat;
}



#domain-index-page #profession-section-part .section-con .con-m .label {
    background: url(../img/domain-2.png) center center no-repeat;
}

#domain-index-page #profession-section-part .section-con .con-r .label {
    background: url(../img/domain-3.png) center center no-repeat;
}


#top-level-domain-page .top-section {
    height: 350px;
    overflow: hidden;
    background: url(../img/domain-top-bg.jpg) no-repeat center center
}

#top-level-domain-page .top-section h1 {
    text-align: center;
    margin-top: 80px;
    font-size: 2.25rem;
    color: #fff;
    text-shadow: 3px 3px 3px #333
}

#top-level-domain-page .top-section h2 {
    text-align: center;
    color: white;
    line-height: 40px;
    font-size: 17px;
    text-shadow: 3px 3px 3px #333
}

#top-level-domain-page .top-section h4 {
    width: 730px;
    margin: 30px auto 0;
    line-height: 22px;
    font-size: 0.875rem;
    text-align: center;
    color: #fff;
    font-weight: lighter
}

#top-level-domain-page .top-section .domain-top-desc {
    height: 105px;
    display: inline-block;
}


#top-level-domain-page .top-section .domain-top-desc .domain-top-desc-left {
    float: left;
    width: 860px;
}


#top-level-domain-page .top-section .domain-top-desc .domain-top-desc-right {
    float: right;
    margin-top: 40px;
    color: white;
    font-size: 2rem;
    font-weight: bold;
}

#top-level-domain-page .top-section .domain-top-desc .domain-top-desc-right span {
    color: #e95513;
    font-weight: normal;
}

#top-level-domain-page .top-section .search-board {
    max-width: 1200px;
    width: 100%;
    margin: 4px auto 0;
    background: rgba(7, 28, 48, 0.6);
    padding-top: 7px;
    height: 110px
}

#top-level-domain-page .top-section .search-board .query-wrap {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    padding: 24px 0
}

#top-level-domain-page .top-section .search-board .query-wrap form .count {
    width: 160px;
    float: left;
    color: white;
    margin: 0 15px;
    text-align: center
}

#top-level-domain-page .top-section .search-board .query-wrap form .count span:first-child {
    font-size: 20px;
    text-align: center;
    margin-left: 30px
}

#top-level-domain-page .top-section .search-board .query-wrap form .count span:first-child i {
    color: #e95513;
    font-weight: bolder;
    margin-right: 28px
}

#top-level-domain-page .top-section .search-board .query-wrap form .count span:nth-child(2) i {
    display: inline-block;
    width: 50px;
    height: 20px;
    background: url(/image/domain/domain-count-logo.png) no-repeat center 8px
}

#top-level-domain-page .top-section .search-board .query-wrap form .to-domain {
    width: 116px;
    float: right;
    margin-right: 15px;
    margin-top: -3px
}

#top-level-domain-page .top-section .search-board .query-wrap form .to-domain a {
    color: white
}

#top-level-domain-page .top-section .search-board .query-wrap form .lookup {
    text-align: center;
}

#top-level-domain-page .top-section .search-board .query-wrap form input {
    float: left;
    height: 53px;
    line-height: 53px;
    outline: 0;
    border: none;
    padding: 0;
    vertical-align: middle
}

#top-level-domain-page .top-section .search-board .query-wrap form input[type="search"] {
    width: 800px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-left: 26px;
    font-size: 18px
}

#top-level-domain-page .top-section .search-board .query-wrap form input[type="text"] {
    width: 677px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-left: 26px;
    font-size: 0.938em
}

#top-level-domain-page .top-section .search-board .query-wrap form input[type="submit"] {
    width: 160px;
    margin-left: -5px;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    background: #e95513 url(../img/white-search.png) no-repeat 26px 21px;
    padding-left: 15px
}

#top-level-domain-page .top-section .search-board .query-wrap form input[type="text"].error::-webkit-input-placeholder {
    color: red
}

#top-level-domain-page .top-section .search-board .query-wrap form input[type="text"].error:-moz-placeholder {
    color: red
}

#top-level-domain-page .top-section .search-board .query-wrap form input[type="text"].error::-moz-placeholder {
    color: red
}

#top-level-domain-page .top-section .search-board .query-wrap form input[type="text"].error:-ms-input-placeholder {
    color: red
}

#top-level-domain-page .top-section .search-board .info {
    color: #fff;
    line-height: 40px;
    padding: 2px 25px;
    margin-top: -24px
}

#top-level-domain-page .top-section .search-board .info .count {
    float: left
}

#top-level-domain-page .top-section .search-board .info .count span {
    font-size: 22px
}

#top-level-domain-page .top-section .search-board .info .to-domain {
    float: right
}

#top-level-domain-page .top-section .search-board .info .to-domain a {
    color: #fff
}

#top-level-domain-page .top-section .search-board div.error {
    display: none;
    color: red;
    padding-top: 10px;
    margin-bottom: -10px
}


#top-level-domain-page .hot-domain-promote .domain-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#top-level-domain-page .hot-domain-promote .domain-list .domain-cube {
    width: 285px;
    margin: 0 auto;
    background-color: white;
    text-align: center;
    margin-right: 20px;
    padding-top: 10px;
}

#top-level-domain-page .hot-domain-promote .domain-list .domain-cube .logo-bar {
    margin: 0px auto;
    text-align: center;
}

#top-level-domain-page .hot-domain-promote .domain-list .domain-cube .logo-bar .logo {
    display: table-cell;
    vertical-align: middle;
    width: 90px;
    height: 30px;
    line-height: 0;
    margin: 0 auto;
}

#top-level-domain-page .hot-domain-promote .domain-list .domain-cube .logo-bar img {
    max-width: 140px;
    max-height: 45px;
    text-align: center;
}

#top-level-domain-page .hot-domain-promote .domain-list .domain-cube .name {
    font-size: 0.875rem;
    padding-top: 40px
}

#top-level-domain-page .hot-domain-promote .domain-list .domain-cube .price {
    font-size: 0.875rem;
    line-height: 50px
}

#top-level-domain-page .hot-domain-promote .domain-list .domain-cube .price span {
    color: #e95513;
    font-size: 0.875em
}

#top-level-domain-page .hot-domain-promote .domain-list .domain-cube .btn {
    display: block;
    width: 120px;
    height: 2.2rem;
    margin: auto;
    line-height: 2rem;
    border-radius: 5px;
    color: white;
    font-size: 0.875rem;
    font-weight: bold;
    background-color: #37b4d2;
}

#top-level-domain-page .hot-domain-promote .domain-list .domain-cube .btn:hover {
    background-color: #e95513
}

#top-level-domain-page .hot-domain-promote .domain-list li {
    cursor: default;
    width: 20%;
    float: left;
    height: 120px;
    margin: 0 auto;
    text-align: center;
}

#top-level-domain-page .hot-domain-promote .domain-list li:last-child .domain-cube {
    padding-right: 0px;
    border-right: 0px
}

#top-level-domain-page .hot-domain-promote .lSSlideOuter {
    margin-top: 0px
}

#top-level-domain-page .hot-domain-promote .lSSlideOuter .lSPager.lSpg {
    margin-top: 15px !important
}

#top-level-domain-page .hot-domain-promote .lSSlideOuter .lSPager.lSpg > li a {
    background: #A6A6A6
}

#top-level-domain-page .hot-domain-promote .lSSlideOuter .lSPager.lSpg > li.active a {
    width: 20px;
    background: #848484
}

#top-level-domain-page .desc-section .domain-desc-bound {
    width: 100%;
    height: 480px;
    background: #fff;
}

#top-level-domain-page .desc-section .domain-desc-bound .title-text {
    float: left;
    width: 55%;
    padding-left: 15%;
}

#top-level-domain-page .desc-section .domain-desc-bound .title-text h3 {
    margin: 0;
    font-size: 26px;
    line-height: 30px;
    font-weight: bolder;
    color: #555;
    margin-top: 25px
}

#top-level-domain-page .desc-section .domain-desc-bound .title-text p {
    padding-top: 10px;
    line-height: 22px;
    font-size: 0.875rem;
    color: #666
}

#top-level-domain-page .desc-section .domain-desc-bound .title-img {
    float: left;
    width: 25%;
}

#top-level-domain-page .desc-section .domain-desc-bound .title-img img {
    padding-top: 40px;
    padding-left: 15%;
    width: 155px;
}

#top-level-domain-page .desc-section h2.sub-title {
    height: 30px
}

#top-level-domain-page .desc-section h2.sub-title span {
    display: block;
    width: 280px;
    margin-left: -240px;
    text-align: center;
    background: #eaf5fb;
    font-size: 50px;
    font-weight: lighter;
    color: #999
}

#top-level-domain-page .desc-section h2.sub-title span label {
    color: #C7B024;
    background: #C7B024;
    padding: 6px;
    margin-right: 5px;
    line-height: 0;
    height: 0;
    width: 0;
    font-size: 0;
    border-radius: 50%
}

#top-level-domain-page .desc-section h2.sub-title span img {
    max-width: 200px;
    max-height: 60px
}

#top-level-domain-page .desc-section .desc {
    padding-bottom: 40px
}

#top-level-domain-page #news-section {
    background: #F8F8F8;
    padding: 40px 0;
    margin-top: 40px
}

#top-level-domain-page #news-section ul {
    list-style-type: none;
    padding: 30px 0 0 0;
    margin: 0
}

#top-level-domain-page #news-section li {
    position: relative;
    padding: 18px 0 18px 115px;
    display: inline-block;
    width: 485px;
    float: left;
    border-top: 1px dashed #ccc
}

#top-level-domain-page #news-section li:first-child, #top-level-domain-page #news-section li:nth-child(2) {
    border-top: 0
}

#top-level-domain-page #news-section span {
    display: block;
    position: absolute;
    width: 115px;
    text-align: center;
    top: 25px;
    left: 0;
    font-size: 0.938rem;
    font-weight: bold;
    color: #333
}

#top-level-domain-page #news-section span b {
    display: block;
    font-size: 24px;
    line-height: 26px;
    color: #37b4d2
}

#top-level-domain-page #news-section a {
    font-size: 0.875rem;
    display: block;
    margin-bottom: 8px;
    color: black
}

#top-level-domain-page #news-section a:hover {
    color: #37b4d2
}

#top-level-domain-page #news-section p {
    font-size: 13px;
    color: #555
}

#top-level-domain-page #domain-result {
    list-style: none;
    padding: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: white
}

#top-level-domain-page #domain-result li {
    float: left;
    height: 40px;
    font-weight: bold;
    font-size: 20px
}

#top-level-domain-page #domain-result li.usable {
    width: 100%;
    position: relative;
    color: #333;
    font-size: 1.13rem;
    font-weight: bold
}

#top-level-domain-page #domain-result li.unable {
    width: 100%;
    position: relative;
    padding-left: 30px;
    font-size: 1em
}

#top-level-domain-page #domain-result li.unable span {
    color: #FF7300;
    font-size: 18px
}

#top-level-domain-page #domain-result .unable:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 2px;
    width: 30px;
    height: 24px;
    background: url(/image/domain/unable.png) no-repeat
}

#top-level-domain-page #domain-result .name {
    line-height: 40px;
    width: 300px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#top-level-domain-page #domain-result .off {
    width: 340px;
    color: #e99513;
    line-height: 40px;
    padding-left: 60px
}

#top-level-domain-page #domain-result .current {
    width: 140px;
    color: #e99513;
    line-height: 40px
}

#top-level-domain-page #domain-result .original {
    width: 180px;
    line-height: 40px;
    font-weight: bold;
    color: #666;
    font-size: 18px
}

#top-level-domain-page #domain-result .go {
    width: 100px
}

#top-level-domain-page #domain-result .go a {
    display: block;
    margin-top: -10px;
    width: 140px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    font-size: 20px;
    background: #37b4d2;
    color: #fff;
    border-radius: 5px;
    font-weight: lighter
}

#top-level-domain-page #domain-result .go a:hover {
    background: #15c554
}

#top-level-domain-page .domain-result-list .domain-list-top {
    position: relative;
    line-height: 40px;
    padding: 15px 0 15px 0px;
    color: #333;
    font-size: 1.13rem;
    font-weight: bold
}

#top-level-domain-page .domain-list-body {
    height: 510px;
    overflow-y: scroll;
    background-color: white
}

#top-level-domain-page .domain-list-body .infos {
    height: 55px;
    line-height: 55px;
    padding-left: 45px;
    font-weight: bold;
    font-size: 1.13rem;
    border-bottom: 1px solid #e6e6e6
}

#top-level-domain-page .domain-list-body .infos div {
    float: left;
    white-space: nowrap;
    overflow: hidden
}

#top-level-domain-page .domain-list-body .infos .info {
    width: 100%;
    text-align: center;
    margin-top: 80px
}

#top-level-domain-page .domain-list-body .infos .img {
    padding-top: 8px
}

#top-level-domain-page .domain-list-body .infos .logo {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 75px;
    height: 55px;
    line-height: 0
}

#top-level-domain-page .domain-list-body .infos .logo img {
    max-width: 42px;
    max-height: 20px
}

#top-level-domain-page .domain-list-body .infos .name {
    width: 240px;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333
}

#top-level-domain-page .domain-list-body .infos .name a {
    color: #666
}

#top-level-domain-page .domain-list-body .infos .name a:hover {
    color: #999
}

#top-level-domain-page .domain-list-body .infos .off {
    width: 340px;
    color: #e99513;
    font-weight: bold
}

#top-level-domain-page .domain-list-body .infos .current {
    width: 180px;
    color: #e99513;
    font-weight: bold
}

#top-level-domain-page .domain-list-body .infos .original {
    width: 140px;
    color: #666;
    font-size: 0.875em
}

#top-level-domain-page .domain-list-body .infos .go {
    width: 150px
}

#top-level-domain-page .domain-list-body .infos .go a {
    display: block;
    margin: 12px auto;
    width: 130px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    font-size: 0.875rem;
    color: #fff;
    background: #37b4d2
}

#top-level-domain-page .domain-list-body .infos .go a:hover {
    background: #e99513
}

#top-level-domain-page .domain-list-body::-webkit-scrollbar {
    width: 5px;
    height: 16px;
    background-color: #EAF5FB
}

#top-level-domain-page .domain-list-body::-webkit-scrollbar-track {
    background-color: #e6e6e6
}

#top-level-domain-page .domain-list-body::-webkit-scrollbar-thumb {
    background-color: #e99513
}

#top-level-domain-page .domain-board .search-board {
    display: none
}

#top-level-domain-page .has-search input {
    height: 46px;
    line-height: 46px;
    border: 1px solid #ccc;
    vertical-align: middle;
    background: #fff;
    outline: 0
}

#top-level-domain-page .has-search div.error {
    color: red
}

#top-level-domain-page .has-search input.error::-webkit-input-placeholder {
    color: red;
    opacity: 0.6
}

#top-level-domain-page .has-search input.error:-moz-placeholder {
    color: red;
    opacity: 0.6
}

#top-level-domain-page .has-search input.error::-moz-placeholder {
    color: red;
    opacity: 0.6
}

#top-level-domain-page .has-search input.error:-ms-input-placeholder {
    color: red;
    opacity: 0.6
}

#top-level-domain-page .has-search .search-board {
    display: block;
    float: left;
    width: 300px;
    background: white;
    padding: 30px;
    border: 1px solid #e6e6e6
}

#top-level-domain-page .has-search .search-board .search-top {
    font-size: 1.13rem;
    line-height: 40px;
    color: #333
}

#top-level-domain-page .has-search .search-board .search-top span {
    font-size: 12px;
    float: right;
    position: relative;
    top: 4px;
    cursor: pointer;
    color: #37b4d2
}

#top-level-domain-page .has-search .search-board .magic-checkbox input {
    background: #fff;
    display: none;
    position: absolute
}

#top-level-domain-page .has-search .search-board .magic-checkbox input:checked + label:after {
    display: block;
    background: #37b4d2
}

#top-level-domain-page .has-search .search-board .magic-checkbox input:checked[disabled] + label:before {
    border: #c9e2f9;
    background: #c9e2f9
}

#top-level-domain-page .has-search .search-board .magic-checkbox label {
    position: relative;
    display: block;
    padding-left: 40px;
    cursor: pointer;
    vertical-align: middle;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#top-level-domain-page .has-search .search-board .magic-checkbox label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    content: '';
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    background: #fff
}

#top-level-domain-page .has-search .search-board .magic-checkbox label:after {
    position: absolute;
    display: none;
    top: -4px;
    left: 0;
    width: 19px;
    height: 23px;
    content: '\2714';
    color: white;
    text-align: center;
    font-size: 1.8em
}

#top-level-domain-page .has-search .search-board .search input[type='search'] {
    padding-left: 30px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 220px;
    font-size: 0.938em
}

#top-level-domain-page .has-search .search-board .search input[type='button'] {
    margin-left: -5px;
    width: 80px;
    background: #37b4d2 url(../img/search.png) no-repeat 30px 15px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer
}

#top-level-domain-page .has-search .search-board .price {
    margin-top: 30px
}

#top-level-domain-page .has-search .search-board .price input {
    width: 100%;
    padding-left: 30px;
    font-size: 0.938em
}

#top-level-domain-page .has-search .search-board .choose {
    margin-top: 20px
}

#top-level-domain-page .has-search .search-board .choose .choose-body {
    background: #f2f2f2;
    height: 250px;
    border-top: 1px solid #38b3d2;
    overflow-y: scroll;
    padding: 10px 0 0px 20px
}

#top-level-domain-page .has-search .search-board .choose .choose-body div {
    margin-bottom: 20px
}

#top-level-domain-page .has-search .search-board .choose .choose-body div label {
    font-weight: bold;
    color: #333
}

#top-level-domain-page .has-search .search-board .choose .choose-body::-webkit-scrollbar {
    width: 3px;
    height: 36px;
    background-color: #e99513
}

#top-level-domain-page .has-search .search-board .choose .choose-body::-webkit-scrollbar-track {
    background-color: #e6e6e6
}

#top-level-domain-page .has-search .search-board .choose .choose-body::-webkit-scrollbar-thumb {
    background-color: #e99513
}

#top-level-domain-page .has-search .list-board {
    position: relative;
    float: left;
    background-color: white;
    width: 806px;
    margin-left: 30px
}

#top-level-domain-page .has-search .list-board .infos div {
    float: left
}

#top-level-domain-page .has-search .list-board .infos .logo {
    width: 42px
}

#top-level-domain-page .has-search .list-board .infos .name {
    width: 220px
}

#top-level-domain-page .has-search .list-board .infos .off {
    width: 110px
}

#top-level-domain-page .has-search .list-board .infos .off span {
    visibility: hidden
}

#top-level-domain-page .has-search .list-board .infos .current {
    width: 130px
}

#top-level-domain-page .has-search .list-board .infos .original {
    width: 90px
}

#top-level-domain-page .has-search .list-board .infos .go {
    width: 120px
}

#top-level-domain-page .has-search .list-board .infos .go a {
    width: 90px
}

#top-level-domain-page .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    perspective: 50px;
    transform-type: preserve-3d;
    animation: loader 6s cubic-bezier(0, 0, 1, 1) infinite
}

@keyframes loader {
    0% {
        transform: rotateX(30deg) rotateZ(0deg)
    }

    100% {
        transform: rotateX(30deg) rotateZ(-360deg)
    }
}

#top-level-domain-page .dot {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 20px;
    height: 20px;
    margin-top: -40px;
    margin-left: -10px;
    border-radius: 10px;
    background-color: #1e3f57;
    transform-type: preserve-3d;
    transform-origin: 50% 40px;
    transform: rotateZ(30deg);
    animation: dot1 1.5s cubic-bezier(.6, 0, .4, 1) infinite
}

#top-level-domain-page .dot:nth-child(2) {
    transform: rotateZ(15deg);
    animation-name: dot2;
    animation-delay: 150ms;
    background-color: #2d556d
}

#top-level-domain-page .dot:nth-child(3) {
    transform: rotateZ(0deg);
    animation-name: dot3;
    animation-delay: 300ms;
    background-color: #447891
}

#top-level-domain-page .dot:nth-child(4) {
    transform: rotateZ(-15deg);
    animation-name: dot4;
    animation-delay: 450ms;
    background-color: #5998b2
}

#top-level-domain-page .dot:nth-child(5) {
    transform: rotateZ(-30deg);
    animation-name: dot5;
    animation-delay: 600ms;
    background-color: #6bb2cd
}

@keyframes dot1 {
    0% {
        transform: rotateZ(30deg) rotateX(10deg)
    }

    95%, 100% {
        transform: rotateZ(390deg) rotateX(10deg)
    }
}

@keyframes dot2 {
    0% {
        transform: rotateZ(15deg) rotateX(10deg)
    }

    95%, 100% {
        transform: rotateZ(375deg) rotateX(10deg)
    }
}

@keyframes dot3 {
    0% {
        transform: rotateZ(0deg) rotateX(10deg)
    }

    95%, 100% {
        transform: rotateZ(360deg) rotateX(10deg)
    }
}

@keyframes dot4 {
    0% {
        transform: rotateZ(-15deg) rotateX(10deg)
    }

    95%, 100% {
        transform: rotateZ(345deg) rotateX(10deg)
    }
}

@keyframes dot5 {
    0% {
        transform: rotateZ(-30deg) rotateX(10deg)
    }

    95%, 100% {
        transform: rotateZ(330deg) rotateX(10deg)
    }
}

#top-level-domain-page .top-section .title {
    width: 860px;
    margin: 40px 0 20px 0;
}

#top-level-domain-page .top-section .title .name {
    float: left;
    position: relative;
    line-height: 52px
}

#top-level-domain-page .top-section .title .name h1 {
    margin-top: 0;
    display: inline-block;
    font-size: 36px
}

#top-level-domain-page .top-section .title .name span {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/top-level-name.png) no-repeat
}

#top-level-domain-page .top-section .title .name .before {
    left: 0;
    top: 0
}

#top-level-domain-page .top-section .title .name .after {
    right: -12px;
    bottom: 6px;
    background-position: 4px -32px
}

#top-level-domain-page .top-section .title .line {
    float: left;
    font-size: 2.25rem;
    padding: 0 40px;
    color: #465262
}

#top-level-domain-page .top-section .title .definition {
    float: left
}

#top-level-domain-page .top-section .title .definition h2 {
    font-size: 2rem;
    line-height: 52px;
    width: 100%;
}

#top-level-domain-page .top-section p.desc {
    width: 1000px;
    color: #fff;
    margin: 30px auto;
}

#top-level-domain-page .top-section .search-board .query-wrap form input[type="text"] {
    width: 675px;
    margin-left: 125px;
}

#top-level-domain-page .top-section .search-board .query-wrap form input[type="text"]::-webkit-input-placeholder {
    color: #2999e2
}

#top-level-domain-page .top-section .search-board .query-wrap form input[type="text"]:-moz-placeholder {
    color: #2999e2
}

#top-level-domain-page .top-section .search-board .query-wrap form input[type="text"]::-moz-placeholder {
    color: #2999e2
}

#top-level-domain-page .top-section .search-board .query-wrap form input[type="text"]:-ms-input-placeholder {
    color: #2999e2
}

#top-level-domain-page .top-section .search-board .query-wrap form input[type="button"] {
    margin-left: -5px;
    width: 100px;
    background: #F2F2F2;
    color: #047AB7;
    font-size: 1em
}

#top-level-domain-page .domain-quote {
    margin-bottom: 40px
}

#top-level-domain-page .domain-quote ul#domain-info {
    list-style: none;
    border-top: 1px solid #ccc;
    margin-top: 25px;
    padding: 20px 0
}

#top-level-domain-page .domain-quote ul#domain-info li {
    float: left;
    height: 80px
}

#top-level-domain-page .domain-quote ul#domain-info .logo a {
    display: table-cell;
    width: 200px;
    height: 80px;
    vertical-align: middle;
    text-align: center
}

#top-level-domain-page .domain-quote ul#domain-info .logo a img {
    max-width: 200px;
    max-height: 80px
}

#top-level-domain-page .domain-quote ul#domain-info .info {
    width: 670px
}

#top-level-domain-page .domain-quote ul#domain-info .info .single {
    padding-top: 10px;
    font-size: 24px;
    line-height: 30px
}

#top-level-domain-page .domain-quote ul#domain-info .info .single strong {
    color: #FF7300;
    padding: 0 10px
}

#top-level-domain-page .domain-quote ul#domain-info .info .single span {
    font-size: 0.938rem;
    color: #333
}

#top-level-domain-page .domain-quote ul#domain-info .info .over {
    color: #333;
    line-height: 30px;
    font-size: 0.938em
}

#top-level-domain-page .domain-quote ul#domain-info .info .over label {
    padding-right: 20px;
    color: #FF7300
}

#top-level-domain-page .domain-quote ul#domain-info .dis {
    width: 140px;
    font-size: 24px;
    color: #FF7300;
    font-weight: bold;
    line-height: 80px
}

#top-level-domain-page .domain-quote ul#domain-info .reg {
    width: 100px
}

#top-level-domain-page .domain-quote ul#domain-info .reg a {
    display: block;
    margin-top: 17px;
    width: 180px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    font-size: 1.13rem;
    background: #21B756;
    color: #fff
}

#top-level-domain-page .domain-result-board {
    display: none
}

#top-level-domain-page .domain-result-board .one-domain {
    position: relative
}

#top-level-domain-page .domain-result-board .list-board .loader {
    display: none
}

#help-index-page .top-section {
    height: 250px;
    background: #8181e6 url(../img/index-top-bg.jpg) center no-repeat;
    text-align: center
}

#help-index-page .top-section h1 {
    color: #fff;
    padding: 60px 0 30px
}

#help-index-page .top-section input {
    height: 40px;
    line-height: 40px;
    outline: 0;
    border: none;
    padding: 0;
    vertical-align: middle
}

#help-index-page .top-section input[type=text] {
    width: 500px;
    padding-left: 10px
}

#help-index-page .top-section input[type="button"] {
    width: 80px;
    margin-left: -5px;
    background: #eee url(../img/search-gray-icon.png) no-repeat 30px 13px;
    padding-left: 15px;
    color: #fff;
    padding: 2px 0;
    cursor: pointer
}

#help-index-page .categories-section {
    margin: 35px auto
}

#help-index-page .categories-section .items .item {
    display: block;
    float: left;
    width: 399px;
    text-align: center;
    color: #000;
    font-size: 1.13rem;
    background: url(../img/index-icon.png) no-repeat;
    padding-top: 240px;
    padding-bottom: 20px
}

#help-index-page .categories-section .items a:hover {
    color: #3D9AD3
}

#help-index-page .categories-section .items .item.account {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc
}

#help-index-page .categories-section .items .item.domain {
    background-position-y: -312px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc
}

#help-index-page .categories-section .items .item.email {
    border-bottom: 1px solid #ccc;
    background-position-y: -620px
}

#help-index-page .categories-section .items .item.website {
    background-position-y: -905px;
    border-right: 1px solid #ccc;
    padding-top: 280px
}

#help-index-page .categories-section .items .item.ssl {
    background-position-y: -1217px;
    border-right: 1px solid #ccc;
    padding-top: 280px
}

#help-index-page .categories-section .items .item.general {
    background-position-y: -1526px;
    padding-top: 280px
}

#help-index-page .categories-section .items .item.r-user {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc
}

#help-index-page .categories-section .items .item.r-buy {
    background-position-y: -312px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc
}

#help-index-page .categories-section .items .item.r-plesk {
    border-bottom: 1px solid #ccc;
    background-position-y: -620px
}

#help-index-page .categories-section .items .item.r-virtuozzo {
    background-position-y: -905px;
    border-right: 1px solid #ccc;
    padding-top: 280px
}

#help-index-page .categories-section .items .item.r-whmcs {
    background-position-y: -1217px;
    border-right: 1px solid #ccc;
    padding-top: 280px
}

#help-index-page .categories-section .items .item.r-ssl {
    background-position-y: -1526px;
    padding-top: 280px
}

#help-index-page .more-section {
    background-color: #F7F7F7;
    padding: 40px 0
}

#help-index-page .more-section .section-label {
    margin-bottom: 20px
}

#help-index-page .more-section .items a {
    float: left;
    width: 25%;
    text-align: center;
    color: #333;
    margin: 10px 0;
    padding: 10px 0
}

#help-index-page .more-section .items a:hover {
    color: #3D9AD3
}

#help-index-page .hot-section {
    padding: 40px 0 60px
}

#help-index-page .hot-section .section-label {
    margin-bottom: 20px
}

#help-index-page .hot-section .items {
    padding: 20px 60px
}

#help-index-page .hot-section .items .item {
    float: left;
    width: 220px;
    text-align: center;
    margin-right: 200px
}

#help-index-page .hot-section .items .item .title {
    padding: 20px 0;
    background-color: #65BD32;
    color: #fff;
    font-size: 18px
}

#help-index-page .hot-section .items .item .lists {
    background-color: #F7F7F7;
    padding: 15px 0
}

#help-index-page .hot-section .items .item .lists a {
    display: block;
    line-height: 30px;
    color: #666
}

#help-index-page .hot-section .items .item .lists a:hover {
    color: #333
}

#help-index-page .hot-section .items .pay .title {
    background-color: #3D9AD3
}

#help-index-page .hot-section .items .ticket {
    margin-right: 0
}

#help-index-page .hot-section .items .ticket .title {
    background-color: #E843AC
}

#help-single-page .top-search-section {
    background-color: #554DE1;
    padding: 20px 0 15px
}

#help-single-page .top-search-section .text {
    font-size: 22px;
    font-weight: normal;
    float: left;
    line-height: 30px
}

#help-single-page .top-search-section .text a {
    color: rgba(255, 255, 255, 0.95)
}

#help-single-page .top-search-section .text a.home {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    padding-left: 10px
}

#help-single-page .top-search-section .search-board {
    float: right
}

#help-single-page .top-search-section .search-board input {
    height: 36px;
    line-height: 36px;
    outline: 0;
    border: none;
    padding: 0;
    vertical-align: middle
}

#help-single-page .top-search-section .search-board input[type=text] {
    width: 500px;
    padding-left: 10px
}

#help-single-page .top-search-section .search-board input[type="submit"] {
    width: 60px;
    margin-left: -5px;
    background: #eee url(../img/search-gray-icon.png) no-repeat 20px 9px;
    padding-left: 15px;
    color: #fff;
    padding: 2px 0;
    cursor: pointer
}

#help-single-page .left-side-categories {
    width: 230px
}

#help-single-page .left-side-categories ul {
    list-style: none;
    margin: 0
}

#help-single-page .left-side-categories ul li {
    font-size: 0.875rem;
    position: relative;
    text-align: center;
    cursor: pointer
}

#help-single-page .left-side-categories ul li a {
    display: block;
    color: #666;
    line-height: 36px
}

#help-single-page .left-side-categories ul li:hover, #help-single-page .left-side-categories ul li.active {
    background-color: #554DE1
}

#help-single-page .left-side-categories ul li:hover a, #help-single-page .left-side-categories ul li.active a {
    color: rgba(255, 255, 255, 0.8)
}

#help-single-page .left-side-categories ul li:hover::after, #help-single-page .left-side-categories ul li.active::after {
    content: '';
    position: absolute;
    right: -9px;
    top: 10px;
    border-left: 9px solid #554de1;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

#help-single-page .help-section {
    padding: 25px 0
}

#help-single-page .help-section .left {
    float: left
}

#help-single-page .help-section .right {
    float: left;
    width: 920px;
    border-left: 1px solid #ccc;
    padding-left: 49px
}

#help-single-page .help-section .right .navigation {
    width: 100%;
    margin: auto;
    padding-bottom: 5px;
    line-height: 40px;
    border-bottom: 1px solid #ccc
}

#help-single-page .help-section .right .navigation a {
    font-size: 0.875rem;
    color: #333
}

#help-single-page .help-section .right .navigation a:after {
    content: "›";
    font-size: 25px;
    padding: 0 8px;
    position: relative;
    top: 3px;
    line-height: 0;
    color: #AAA
}

#help-single-page .help-section .right h1 {
    text-align: center;
    font-size: 22px;
    line-height: 40px;
    color: #333;
    padding: 15px 0
}

#help-single-page .help-section .right .entry {
    line-height: 2;
    margin-top: 10px;
    font-size: 13px;
    color: #333
}

#help-single-page .help-section .right .entry p {
    padding-bottom: 1.0rem;
    color: #666
}

#help-single-page .help-section .right .entry img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

#help-single-page .help-section .right .entry img.centered, #help-single-page .help-section .right .entry img.aligncenter {
    display: block;
    margin: 2px auto;
    border: 1px solid #cbcdcc;
    padding: 4px
}

#help-single-page .help-section .right .entry strong a img {
    display: inline
}

#help-single-page .help-section .right .entry .alignright {
    float: right
}

#help-single-page .help-section .right .entry a {
    color: #ea6a1b
}

#help-single-page .help-section .right .entry iframe {
    max-width: 100%
}

#help-single-page .help-section .right .entry h1, #help-single-page .help-section .right .entry h2, #help-single-page .help-section .right .entry h3, #help-single-page .help-section .right .entry h4, #help-single-page .help-section .right .entry h5, #help-single-page .help-section .right .entry h6 {
    margin-top: 25px;
    margin-bottom: 10px;
    line-height: 0.875rem;
    font-family: "PingFang SC", Arial, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", simsun, sans-serif;
    font-weight: bold
}

#help-single-page .help-section .right .entry h1 {
    font-size: 20px
}

#help-single-page .help-section .right .entry h2 {
    font-size: 18px
}

#help-single-page .help-section .right .entry h3 {
    font-size: 1em
}

#help-single-page .help-section .right .entry h4 {
    font-size: 1em
}

#help-single-page .help-section .right .entry h5 {
    font-size: 0.875em
}

#help-single-page .help-section .right .entry h6 {
    font-size: 12px
}

#help-single-page .help-section .right .entry ol, #help-single-page .help-section .right .entry ul {
    margin: 0 0 25px 10px
}

#help-single-page .help-section .right .entry ul li {
    list-style: outside disc
}

#help-single-page .help-section .right .entry ol li {
    list-style: outside decimal
}

#help-single-page .help-section .right .entry li {
    margin: 0 0 5px 10px
}

#help-single-page .help-section .right .entry table {
    border: 1px solid #dfdfdf;
    background-color: #F9F9F9;
    width: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
    color: #333;
    border-collapse: separate;
    border-spacing: 0
}

#help-single-page .help-section .right .entry table td, #help-single-page .help-section .right .entry table th {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dfdfdf;
    color: #555
}

#help-single-page .help-section .right .entry table th {
    text-shadow: 0 1px 0 #fff;
    font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    font-weight: normal;
    padding: 7px 7px 8px;
    text-align: left;
    line-height: 1.3rem;
    font-size: 0.875em
}

#help-list-page .top-search-section {
    background-color: #554DE1;
    padding: 20px 0 15px
}

#help-list-page .top-search-section .text {
    font-size: 22px;
    font-weight: normal;
    float: left;
    line-height: 30px
}

#help-list-page .top-search-section .text a {
    color: rgba(255, 255, 255, 0.95)
}

#help-list-page .top-search-section .text a.home {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    padding-left: 10px
}

#help-list-page .top-search-section .search-board {
    float: right
}

#help-list-page .top-search-section .search-board input {
    height: 36px;
    line-height: 36px;
    outline: 0;
    border: none;
    padding: 0;
    vertical-align: middle
}

#help-list-page .top-search-section .search-board input[type=text] {
    width: 500px;
    padding-left: 10px
}

#help-list-page .top-search-section .search-board input[type="submit"] {
    width: 60px;
    margin-left: -5px;
    background: #eee url(../img/search-gray-icon.png) no-repeat 20px 9px;
    padding-left: 15px;
    color: #fff;
    padding: 2px 0;
    cursor: pointer
}

#help-list-page .left-side-categories {
    width: 230px
}

#help-list-page .left-side-categories ul {
    list-style: none;
    margin: 0
}

#help-list-page .left-side-categories ul li {
    font-size: 0.875rem;
    position: relative;
    text-align: center;
    cursor: pointer
}

#help-list-page .left-side-categories ul li a {
    display: block;
    color: #666;
    line-height: 36px
}

#help-list-page .left-side-categories ul li:hover, #help-list-page .left-side-categories ul li.active {
    background-color: #554DE1
}

#help-list-page .left-side-categories ul li:hover a, #help-list-page .left-side-categories ul li.active a {
    color: rgba(255, 255, 255, 0.8)
}

#help-list-page .left-side-categories ul li:hover::after, #help-list-page .left-side-categories ul li.active::after {
    content: '';
    position: absolute;
    right: -9px;
    top: 10px;
    border-left: 9px solid #554de1;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

#help-list-page .list-section {
    padding: 25px 0
}

#help-list-page .list-section .left {
    float: left
}

#help-list-page .list-section .right {
    float: left;
    width: 920px;
    border-left: 1px solid #ccc;
    padding-left: 49px
}

#help-list-page .list-section .right .level-1 {
    padding-bottom: 35px
}

#help-list-page .list-section .right .level-1 .title-1 {
    font-size: 1.13rem;
    font-weight: bolder;
    background-color: #F9F9F9;
    border: 1px solid #eee;
    padding: 8px 0 8px 20px
}

#help-list-page .list-section .right .level-1 .items-1 .item-1 .title-2 {
    font-size: 0.938rem;
    padding: 10px 0 10px 50px;
    border-bottom: 1px solid #efefef;
    position: relative;
    cursor: pointer;
    user-select: none
}

#help-list-page .list-section .right .level-1 .items-1 .item-1 .title-2::before {
    content: '+';
    position: absolute;
    top: -1px;
    left: 20px;
    font-weight: bold;
    font-size: 28px;
    color: #9994EE
}

#help-list-page .list-section .right .level-1 .items-1 .item-1 .title-2::after {
    content: '^';
    position: absolute;
    top: 8px;
    right: 50px;
    font-weight: bold;
    font-size: 28px;
    color: #9994EE
}

#help-list-page .list-section .right .level-1 .items-1 .item-1 .title-2.active::after {
    transform: rotate(180deg);
    top: 4px
}

#help-list-page .list-section .right .level-1 .items-1 .item-1 ul {
    list-style: none;
    margin: 0;
    padding: 15px 0 15px 50px
}

#help-list-page .list-section .right .level-1 .items-1 .item-1 ul li {
    font-size: 0.875rem;
    position: relative;
    cursor: pointer
}

#help-list-page .list-section .right .level-1 .items-1 .item-1 ul li a {
    display: block;
    color: #666;
    line-height: 36px
}

#help-list-page .list-section .right .level-1 .items-1 .item-1 ul li:hover a {
    color: #9994EE
}

#help-search-page .top-search-section {
    background-color: #554DE1;
    padding: 20px 0 15px
}

#help-search-page .top-search-section .text {
    font-size: 22px;
    font-weight: normal;
    float: left;
    line-height: 30px
}

#help-search-page .top-search-section .text a {
    color: rgba(255, 255, 255, 0.95)
}

#help-search-page .top-search-section .text a.home {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    padding-left: 10px
}

#help-search-page .top-search-section .search-board {
    float: right
}

#help-search-page .top-search-section .search-board input {
    height: 36px;
    line-height: 36px;
    outline: 0;
    border: none;
    padding: 0;
    vertical-align: middle
}

#help-search-page .top-search-section .search-board input[type=text] {
    width: 500px;
    padding-left: 10px
}

#help-search-page .top-search-section .search-board input[type="submit"] {
    width: 60px;
    margin-left: -5px;
    background: #eee url(../img/search-gray-icon.png) no-repeat 20px 9px;
    padding-left: 15px;
    color: #fff;
    padding: 2px 0;
    cursor: pointer
}

#help-search-page .left-side-categories {
    width: 230px
}

#help-search-page .left-side-categories ul {
    list-style: none;
    margin: 0
}

#help-search-page .left-side-categories ul li {
    font-size: 0.875rem;
    position: relative;
    text-align: center;
    cursor: pointer
}

#help-search-page .left-side-categories ul li a {
    display: block;
    color: #666;
    line-height: 36px
}

#help-search-page .left-side-categories ul li:hover, #help-search-page .left-side-categories ul li.active {
    background-color: #554DE1
}

#help-search-page .left-side-categories ul li:hover a, #help-search-page .left-side-categories ul li.active a {
    color: rgba(255, 255, 255, 0.8)
}

#help-search-page .left-side-categories ul li:hover::after, #help-search-page .left-side-categories ul li.active::after {
    content: '';
    position: absolute;
    right: -9px;
    top: 10px;
    border-left: 9px solid #554de1;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

#help-search-page .search-section {
    padding: 25px 0
}

#help-search-page .search-section .left {
    float: left
}

#help-search-page .search-section .right {
    float: left;
    width: 920px;
    border-left: 1px solid #ccc;
    padding-left: 49px
}

#help-search-page .search-section .right h2 {
    font-size: 0.875rem;
    line-height: 40px;
    border-bottom: 1px solid #ccc
}

#help-search-page .search-section .right h2 span {
    color: #999;
    font-size: 0.875rem;
    padding-right: 10px
}

#help-search-page .search-section .right .posts {
    padding: 25px 0
}

#help-search-page .search-section .right .posts .post {
    margin-bottom: 25px
}

#help-search-page .search-section .right .posts .post .title {
    font-size: 1.13rem;
    color: #43ACCD;
    padding: 10px 0
}

#help-search-page .search-section .right .posts .post .excerpt {
    line-height: 24px;
    font-size: 0.875rem;
    max-height: 72px;
    color: #666
}

/*404*/
#page-404 .top-section .notfound {
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/404/banner.jpg);
}


#page-404 .top-section .notfound .title {
    width: 732px;
    float: left;
    padding-top: 80px;
}

#page-404 .top-section .notfound .title h1 {
    font-size: 2.25rem;
    color: white;
    letter-spacing: 2px;
    line-height: 40px;
    padding: 0;
    margin: 0
}

#page-404 .top-section .notfound .title p {
    font-size: 0.875rem;
    color: #e6e6e6;
    padding: 25px 0;
    line-height: 25px;
    font-weight: normal;
    margin: 0
}

#linux-web-hosting-page div#learn-more {
    padding: 0 0 30px 0;
}

#wordpress-hosting-page .superiority-section {
    padding: 0px 0 50px 0px;
    background: #018dba;
}

#wordpress-hosting-page .superiority-section .section-label {
    color: white;
}

#wordpress-hosting-page .superiority-section .item {
    width: 17.83%;
    height: 260px;
    float: left;
    margin-left: 2.5%;
    border: 1px solid #ddd;
    background: #fff;
    padding: 30px;
    text-align: center;
    border-radius: 10px;
}

#wordpress-hosting-page .superiority-section .item label {
    line-height: 30px;
    text-align: center;
    display: block;
    font-size: 1.4rem;
    margin-bottom: 20px
}

#wordpress-hosting-page .superiority-section .item p {
    color: #666;
    line-height: 25px;
    padding-top: 10px
}

#wordpress-hosting-page .superiority-section .item .i1 {
    height: 110px;
    background: url(../img/wp-arrow.png) 50px -5px no-repeat
}

#wordpress-hosting-page .superiority-section .item .i2 {
    height: 120px;
    background: url(../img/wp-arrow.png) 50px -170px no-repeat
}

#wordpress-hosting-page .superiority-section .item .i3 {
    height: 120px;
    background: url(../img/wp-arrow.png) 70px -327px no-repeat
}

#wordpress-hosting-page .superiority-section .item .i4 {
    height: 120px;
    background: url(../img/wp-arrow.png) 61px -493px no-repeat
}

#wordpress-hosting-page .superiority-section .item:first-child {
    margin-left: 0
}

#page-404 .subject-section .section-con .logo a {
    color: #333;
    display: block;
}

#page-404 .subject-section .section-con .logo a:hover {
    border: 3px solid rgba(19, 136, 153, 0.5);
    border-radius: 10px;
    height: 200px;
    color: #018dba;
}

#page-404 .subject-section .section-con .logo img {
    padding-top: 30px;
    padding-bottom: 10px;
}

#page-404 .subject-section .section-con .logo p {
    font-size: 24px;
    font-weight: bold;
}

#page-404 .subject-section .section-con .logo p:hover {
    color: #018dba;
}

#page-404 .subject-section .section-con {
    background-color: white;
}

#page-404 .subject-section .section-con .logo {
    width: 210px;
    float: left;
    height: 200px;
    margin: 50px 3%;
    text-align: center;
}

#top-level-domain-page .hot-domain-section.section {
    margin: 30px 0 0 0;
    background: white;
}


#service-section {
    width: 50px;
    box-sizing: border-box;
    position: fixed;
    right: 0px;
    top: 50%;
    margin-top: -150px;
    z-index: 10000
}

#service-section a, #service-section label {
    display: block;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-bottom: 1px;
    color: white !important;
    font-size: 0.875rem;
}

#service-section label {
    line-height: 50px
}

#service-section a {
    padding-top: 28px
}

#service-section .to-top {
    padding-top: 24px
}

#service-section .qq {
    background: #4f4f4f url(../img/qq.png) center 5px no-repeat
}

#service-section .to-top {
    background: #4f4f4f url(../img/top.png) center 8px no-repeat
}

#service-section .tools {
    background: #4f4f4f url(../img/tools.png) center 5px no-repeat
}

#service-section label {
    background-color: #F06619
}

#service-section a {
    background-color: #4F4F4F
}

#service-section a:hover {
    background-color: #37B4D1
}

#dedicated-server {
    text-align: center;
    margin: 0 auto 20px auto;
    font-size: 14px;
}

button {
    cursor: pointer;
}

#selector {
    width: 100%;
    font-weight: bold;
    display: table;
    margin-bottom: 20px;

}

#selector #select-room-title {
    width: 9.8%;
    float: left;
    text-align: left;
    font-size: 16px;
    height: 50px;
    padding: 0;
    border: 1px solid white;
}

#selector #select-room-title span {
    display: inline-block;
    line-height: 52px;
    color: #fff;
    height: 50px;
    padding: 0 10px;
    box-sizing: border-box;
    background-color: #0087b9;
}

#selector #select-room {
    width: 90%;
    float: left;
    text-align: left;
    display: inline-block;
    font-size: 0;

}

#selector #select-room table {
    width: 100%;
    border-collapse: collapse;
    border: none;
}

#selector #select-room table tr {
    margin: 0;
}

#selector #select-room table td {
    height: 50px;
    padding: 0;
    border: 1px solid white;
}

#selector #select-room button {
    width: 100%;
    height: 100%;
    font-size: 16px;
    border: none;
    background-color: #C5EDF7;
    outline: none;
}



#dedicated-server table {
    width: 100%;
    border-collapse: collapse;

    text-align: left;
}

#dedicated-server table th {
    height: 50px;
    padding: 0 10px;
    background-color: #F2F2F2;
    font-size: 16px;
}

#dedicated-server table #tb tr {
    border: 1px solid white;
    border-bottom: none;
}

#dedicated-server table #tb tr:hover {
    background-color: #F9F9F9;
}

#dedicated-server table #tb tr:hover .buyBtn {
    background-color: #e85414;
}

#dedicated-server table #tb td {
    height: 50px;
    padding: 0 10px;
    font-size: 14px;
}

#dedicated-server table #tb .buyBtn {
    height: 32px;
    width: 80px;
    color: #FFFFFF;
    background-color: #1AABD8;
    border: none;
    outline: none;
}

#dedicated-server #tips {
    display: table;
    width: 100%;
    height: 40px;
    background-color: #F2F2F2;
}

#dedicated-server #tip {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    display: block;
    float: left;
    color: #FB660C;
}

#dedicated-server #contact {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    margin-top: 10px;
}

#dedicated-server #contact button {
    width: 123px;
    height: 100%;
    background-color: #FB660C;
    color: white;
    border: none;
    font-size: 1.05em;
    outline: none;
}

#more-product-section {
    background-color: white;
    display: table;
}

#more-product-section #more-product-items-section {
    text-align: center;
    margin: 0 auto 80px auto;
    padding: 0;
    font-size: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#more-product-section #more-product-items-section a {
    display: table;
    width: 100%;
    height: 100%;
}

#more-product-section #more-product-items-section .item {
    font-size: 16px;
    float: left;
    display: inline-block;
    width: 22%;
    height: 200px;
    border-radius: 5px;
    border: 1px solid #ebebeb;
}

#content-mobile #more-product-section #more-product-items-section {
    text-align: center;
    margin: 0 10px;
    padding: 0;
    font-size: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#content-mobile #more-product-section #more-product-items-section .item {
    width: 48%;
    margin: 10px 0;
}

#more-product-section #more-product-items-section .item:hover {
    background-color: #e85414;
}

#more-product-section #more-product-items-section .item:hover p {
    color: white;
}

#more-product-section #more-product-items-section .item img {
    width: 80px;
    height: 80px;
    margin: 40px auto 20px auto;
}

#more-product-section #more-product-items-section .item p {
    color: black;
    font-size: 24px;
}

#more-product-section #more-product-items-section .item-1:hover a img {
    content: url("../img/icons/more-product-1-1.png");
}

#more-product-section #more-product-items-section .item-2:hover a img {
    content: url("../img/icons/more-product-2-1.png");
}

#more-product-section #more-product-items-section .item-3:hover a img {
    content: url("../img/icons/more-product-3-1.png");
}

#more-product-section #more-product-items-section .item-4:hover a img {
    content: url("../img/icons/more-product-4-1.png");
}
#station-group .station-img {
    float: left;
    width: 50%;
}

#station-group .introduce h3 {
    color: #E9571A;
    font-weight: bold;
    margin-top: 15px;
}
#station-group .introduce p, #station-group .introduce ul {
    margin: 10px 0;
    font-size: 0.9em;
    color: #A1A1A1;
}
#station-group .introduce ul {
    list-style-type: decimal;
    padding-left: 15px;
}
#nav-section {
    background-color: #F5F5F5;
}

#nav-section ul li {
    width: 20%;
    box-sizing: border-box;
}
#nav-section ul li .rf {
    width: 75%;
}
#nav-section ul li h3 {
    font-size: 1.15em;
    color: #379FC7;
}
#nav-section ul li p {
    font-size: 0.85em;
}
#why-us-ip-ssl {
    background-color: #fff;
}

#why-us-ip-ssl .reason h3 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 30px;
    margin: 10px 0;
}

#why-us-ip-ssl .reason {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 0;
    -moz-box-shadow:0px 0px 5px #B8B8B8;
    -webkit-box-shadow:0px 0px 5px #B8B8B8;
    box-shadow:0px 0px 5px #B8B8B8;
}

#we-advantage {
    background-color: #F5F5F5;
}
#we-advantage .advantages {
    display: inline-block;
    padding: 15px;

    box-sizing: border-box;
    background-color: #fff;
}

#we-advantage .advantages h3 {
    font-size: 1.05em;
    font-weight: bold;
    margin-bottom: 5px;
}
#we-advantage .advantages p {
    font-size: 0.85em;
    color: #666;
}
#we-advantage .advantages .lf:nth-child(2) {
    margin-left: 10px;
}
#we-advantage .advantages .rf {
    width: 78%;
}
#code-signing-comparison .level-icon {
    display: block;
    width: 88px;
    height: 22px;
    margin: 0 auto;
    background: url(../img/ssl-type/ip/level-icon.png);
}

#application-process .process li {
    position: relative;
    border-radius: 8px;
    padding-top: 80px;
    text-align: center;
    box-sizing: border-box;
}
#application-process .process li span {
    font-size: 0.85em;
    color: #fff;
}
#application-process .process li:last-child {
    margin: 0;
}
#application-process .process li:nth-child(1) {
    background: #E85414 url(../img/ssl-type/ip/process/1.png) center 20px no-repeat;
}

#application-process .process li:nth-child(2) {
    background: #E85414 url(../img/ssl-type/ip/process/2.png) center 20px no-repeat;
}
#application-process .process li:nth-child(3) {
    background: #E85414 url(../img/ssl-type/ip/process/3.png) center 20px no-repeat;
}
#application-process .process li:nth-child(4) {
    background: #E85414 url(../img/ssl-type/ip/process/4.png) center 20px no-repeat;
}
#code-signing-comparison td a {
    display: block;
    width: 80px;
    height: 35px;
    line-height: 35px;
    margin: 5px auto;
    border-radius: 5px;
    color: #fff;
    font-size: 0.85em;
    background-color: #E85414;
}

#freessl-page .top-section {
    width: 100%;
    height: 460px;
    padding-top: 55px;
    box-sizing: border-box;
    background: url("../img/freessl-banner.jpg") center;
}
#freessl-page .top-section ul {
    display: flex;
    width: 640px;
    height: 35px;
    line-height: 35px;
}
#freessl-page .top-section ul li {
    margin: 0 22px;
}
#freessl-page .top-section ul a {
    color: #fff;
}
#freessl-page .top-section ul a.login,#freessl-page .top-section ul a.register {
    display: block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    text-align: center;
}
#freessl-page .top-section ul a.login {
    border: 1px solid #fff;
}
#freessl-page .top-section ul a.register {
    background-color: #e75414;
    border: 1px solid #e75414;
}
#freessl-page .top-section .titles {
    margin: 90px 0 0 60px;
}
#freessl-page .top-section .titles h1 {
    margin-top: 30px;
    font-size: 45px;
    font-weight: normal;
    letter-spacing: 10px;
    padding: 0;
}
#freessl-page .top-section .freessl-product {
    width: 270px;
    margin-right: 100px;
    text-align: center;
    background-color: #fff;
}
#freessl-page .top-section .freessl-product h2 {
    width: 100%;
    height: 70px;
    line-height: 70px;
    color: #e75414;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
    border-bottom: 1px solid #e6e6e6;
}
#freessl-page .top-section .freessl-product p {
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
}
#freessl-page .top-section .freessl-product .footer-btn {
    height: 130px;
    padding-top: 15px;
    background-color: #333;
}
#freessl-page .top-section .freessl-product .footer-btn a {
    display: block;
    width: 200px;
    height: 45px;
    line-height: 45px;
    margin: 15px auto;
    color: #fff;
    border-radius: 20px;
    background-color: #e75414;
}
#freessl-page .top-section .freessl-product .footer-btn p {
    color: #fff;
}
#freessl-page #why-need-ssl .item:nth-child(1) {
    background: white url("../img/why-need-ssl-1-hover.png") 35px 20px no-repeat;
}

#freessl-page #why-need-ssl .item:nth-child(2) {
    background: white url("../img/why-need-ssl-2-hover.png") 35px 20px no-repeat;
}

#freessl-page #why-need-ssl .item:nth-child(3) {
    background: white url("../img/why-need-ssl-3-hover.png") 35px 20px no-repeat;
}

#freessl-page #why-need-ssl .item:nth-child(4) {
    background: white url("../img/why-need-ssl-4-hover.png") 35px 20px no-repeat;
}

#freessl-page #why-need-ssl .item:nth-child(5) {
    background: white url("../img/why-need-ssl-5-hover.png") 35px 20px no-repeat;
}

#freessl-page #why-need-ssl .item:nth-child(6) {
    background: white url("../img/why-need-ssl-6-hover.png") 35px 20px no-repeat;
}


#freessl-page #ssl-product-list table {
    width: 100%;
    height: 500px;
    border: 1px solid #e6e6e6;
}
#ssl-product-list {
    padding-bottom: 70px;
}
#ssl-product-list table td,#ssl-product-list table th {
    text-align: center;
    padding: 20px 0;
    border: 1px solid #e6e6e6;
}

#ssl-product-list table strong {
    font-size: 22px;
    color: #e75414;
}

 #ssl-product-list table tr:nth-child(even),#ssl-product-list table thead tr:first-child{
    background-color: #f2f2f2;
 }
#ssl-product-list table a {
    display: block;
    width: 170px;
    height: 40px;
    line-height: 40px;
    margin: 5px auto;
    color: #fff;
    border-radius: 20px;
    background-color: #e75414;
}
#ssl-product-list .true {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    background: url(../img/support.png) center center no-repeat;
}
#ssl-product-list .standard {
    display: block;
    width: 75px;
    height: 25px;
    margin: 0 auto;
    background: url(../img/sectigo.jpg) center center no-repeat;
}
#why-need-freessl {
    width: 100%;
    height: 510px;
    background: url(../img/why-freessl.png) center center no-repeat;
}
#why-need-freessl .section-label {
    color: #fff;
}
.accordion-section,.awards-section,.basic-section,
.basic-section-callout,.basic-section-testimonial,
.basic-section-text,.bullet-section,.cards-section,
.col-section,.form-section,.hero-section,.icon-grid-section,
.partners-section,.promo-section,.resources-section,
.tabpanel-section,.testimonials-section{*zoom:1}
.accordion-section:after,.accordion-section:before,
.awards-section:after,.awards-section:before,
.basic-section-callout:after,.basic-section-callout:before,
.basic-section-testimonial:after,.basic-section-testimonial:before,
.basic-section-text:after,
.basic-section-text:before,
.basic-section:after,.basic-section:before,
.bullet-section:after,.bullet-section:before,
.cards-section:after,.cards-section:before,
.col-section:after,.col-section:before,
.form-section:after,.form-section:before,
.hero-section:after,.hero-section:before,
.icon-grid-section:after,.icon-grid-section:before,
.partners-section:after,.partners-section:before,
.promo-section:after,.promo-section:before,
.resources-section:after,.resources-section:before,
.tabpanel-section:after,.tabpanel-section:before,
.testimonials-section:after,
.testimonials-section:before{content:" ";display:table}
.accordion-section:after,.awards-section:after,
.basic-section-callout:after,.basic-section-testimonial:after,
.basic-section-text:after,.basic-section:after,
.bullet-section:after,.cards-section:after,.col-section:after,
.form-section:after,.hero-section:after,.icon-grid-section:after,
.partners-section:after,.promo-section:after,.resources-section:after,
.tabpanel-section:after,.testimonials-section:after{clear:both}
.accordion-section .container{z-index:5;position:relative}
.accordion-section{overflow:hidden;position:relative}
.accordion-section .row:first-child{margin-bottom:40px!important}
.accordion-section .row:first-child .col{margin:0 auto;max-width:960px}
.accordion-section .row:first-child .h2-heading,.accordion-section .row:first-child .small-descriptor,
.accordion-section .row:first-child p{text-align:center}
.accordion-section .row:first-child p:not(.h2-heading){font-size:17px;letter-spacing:.29px;line-height:23px;font-weight:300}
.accordion-section .background-panel{position:absolute;width:300%;height:150px;background:#fff;bottom:0;left:-50%}
.accordion-section .accordion-row{margin-top:0!important;position:relative}
.accordion-section .accordion-wrapper{background:#fff;width:100%;height:420px;box-shadow:0 0 5px 0 rgba(0,0,0,.25)}
.accordion-section .accordion{list-style:none;margin:0;padding:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;height:350px}
.accordion-section .accordion .panels{-webkit-flex:1;-ms-flex:1;flex:1;background-color:#f6f6f5;height: 420px;padding:15px;;box-sizing: border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;position:relative;transition:all .5s}
.accordion-section .accordion .panels.is-active{background:#fff}
.accordion-section .accordion .panels:not(.is-active):hover{cursor:pointer;background-color:#ececeb}
.accordion-section .accordion .panels+.panels{border-left:2px solid #fff}
.accordion-section .accordion .panels .panel-header{position:relative;visibility:visible;opacity:1}
.accordion-section .accordion .panels .panel-header .text{position:absolute;bottom:-18px;left:-2px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;width:300px;text-transform:uppercase;font-weight:500;color:#091927}
.accordion-section .accordion .panels .panel-content{visibility:hidden;opacity:0;color:#fff;position:relative;width:100%;margin:20px}
.accordion-section .accordion .panels .panel-content-wrapper,
.accordion-section .accordion .panels .panel-image{width:calc(50% - 35px)}
.accordion-section .accordion .panels .panel-image{top:0;left:0;margin: 0;height:100%}
.accordion-section .accordion .panels .panel-image img{width:100%;height:100%;object-fit:contain;object-position:center}
.accordion-section .accordion .panels .panel-content-wrapper{position:absolute;z-index:3;visibility:hidden;opacity:0;transition:all .5s .3s;height:100%;top:0;right:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:center;}
.accordion-section .accordion .panels .panel-content-wrapper .h2-heading,.accordion-section .accordion .panels .panel-content-wrapper div>p{color:#091927;width:100%}
.accordion-section .accordion .panels .panel-content-wrapper .h2-heading{margin-bottom:10px}
.accordion-section .accordion .panels .panel-content-wrapper .btn{margin-top:10px}
.accordion-section .accordion .panels.is-active{-webkit-flex:80;-ms-flex:80;flex:80;-ms-flex-negative:0;flex-shrink:0}
.accordion-section .accordion .panels.is-active:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:2}
.accordion-section .accordion .panels.is-active .panel-header{width:0;visibility:hidden;opacity:0}
.accordion-section .accordion .panels.is-active .panel-content,.accordion-section .accordion .panels.is-active .panel-content-wrapper{visibility:visible;opacity:1}
.accordion-section .accordion .panels .panel-content-wrapper li {list-style-type: disc;color: #4f4f4f;margin: 20px 0}


#host-list {
  overflow: hidden;
  background-color: #F2F2F2;
  padding-bottom: 40px;
}

#host-list h2 {
  padding-bottom: 10px;
}

#host-list a {
  color: black;
}

#host-list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
}

#host-list ul li {
  list-style-type: none;
  float: left;
  display: block;
  width: 130px;
  height: 120px;
  background-color: white;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  padding: 10px 20px;
  margin: 0 10px;
  text-align: center;
  font-size: 14px;
}

#host-list ul li .color {
  display: none;
}



#online-help {
  overflow: hidden;
  background-color: white;
  padding-bottom: 40px;
}

#online-help .sub-title {
  width: 800px;
  margin: -25px auto 20px;
  text-align: center;
}

#content-mobile #online-help .sub-title {
  width: 80%;
  margin: 0 auto 20px;
}

#online-help .items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 40px 0;
}

#online-help .items .item {
  display: inline-block;
  width: 25%;
  min-height: 250px;
  padding: 0 50px;
  box-sizing: border-box;
  vertical-align: top;
  border-right: 1px solid #DADADA;
}
#online-help .items .item:last-child {
  border: 0;
}

#online-help .items .item label {
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0;
}

#online-help .items .item p {
  margin: 15px 0;
}

#online-help .items .item p a {
  color: black;
  font-size: 0.85em;
}

.linux-details-table{
  width: 100%;
}

.linux-details-table tr{
  height: 50px;
  text-align: center;
  vertical-align: middle;
}

.linux-details-table .th-tr{
  background-color: #C5EDF7;
  font-size: 1.2rem;
}

.linux-details-table th{
  width: 25%;
}

.linux-details-table td{
  width: 25%;
  border-bottom: 1px solid #ebebeb;
}

.linux-details-extend {
  display: none;
}

.linux-details-extend.hide {
  display: none;
}

.linux-details-extend.show {
  display: table;
}

#linux-details .view-more {
  margin: 20px 0 60px;
  text-align: center;
}

#linux-details .view-more a {
  color: #666;
  cursor: pointer;
}

.hosting-partner-section .section-con{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.hosting-partner-section .section-con .con {
  width: 30%;
  margin-bottom: 80px;
  text-align: center;
  padding-top: 20px;
  min-height: 320px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 0 5px #ddd;
}

.hosting-partner-section .section-con .con:hover .view-more a {
  color: #e85414;
  border-color: #e85414;
}

.hosting-partner-section .section-con .con .view-more {
  margin: 20px 0;
  padding: 0 30px;
}

.hosting-partner-section .section-con .con .label {
  font-size: 1.4rem;
  padding: 80px 30px 0;
  margin-bottom: 20px;
}

.hosting-partner-section .section-con .con p {
  line-height: 1.5rem;
  padding: 0 20px;
  min-height: 120px;
}



/*#hong-kong-web-hosting-page .hosting-partner-section .section-con .con {*/
  /*width: 30%;*/
  /*margin-left: 0.5%;*/
  /*margin-right: 0.5%;*/
  /*border: 1px solid #ebebeb;*/
  /*text-align: left;*/
/*}*/

/*#hong-kong-web-hosting-page .hosting-partner-section .section-con .con:hover {*/
  /*color: white;*/
  /*background-color: #e85414;*/
  /*border: 1px solid #e85414;*/
/*}*/

/*#hong-kong-web-hosting-page .hosting-partner-section .section-con .con:hover .view-more a {*/
  /*background-color: white;*/
  /*border: 1px solid white;*/
/*}*/

/*#hong-kong-web-hosting-page .hosting-partner-section .section-con .con .label {*/
  /*padding-top: 0;*/
  /*background: none;*/
/*}*/

/*#hong-kong-web-hosting-page .hosting-partner-section .section-con .con .view-more {*/
  /*text-align: left;*/
/*}*/

/*#hong-kong-web-hosting-page .hosting-partner-section .section-con .con .view-more a {*/
  /*color: black;*/
  /*border-color: #ebebeb;*/
/*}*/

.hosting-category {
  width: 100%;
  background-color: #F2F2F2;
  height: 80px;
}

.hosting-category .main {
  height: 50%;
  padding: 20px 0;
  text-align: center;
}

.hosting-category a {
  display: inline-block;
  width: 12%;
  color: black;
  font-size: 14px;
  margin: auto 0.8%;
  padding: 10px;
  border: 1px solid #dcdcdc;
  border-radius: 21px;
}

.hosting-category a:hover, .hosting-category .selected {
  color: #e85414;
  border-color: #e85414;
}

#why-need-ssl {
  height: 733px;
  background-color: #F2F2F2;
  display: table;
}

#why-need-ssl .main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

#why-need-ssl .item {
  float: left;
  width: 38%;
  height: 100px;
  background-color: white;
  margin: 10px 0;
  padding: 5px 10px 30px 120px;
  box-sizing: content-box;
}



#why-need-ssl .item h3 {
  margin: 10px 0;
  font-size: 1.2em;
  font-weight: bolder;
}

#why-need-ssl .item p {
  font-size: 0.9em;
  line-height: 1.6em;
}

#why-need-ssl .item:nth-child(1) {
  background: white url("../img/icons/why-need-ssl-1.png") 10px 20px no-repeat;
}

#why-need-ssl .item:nth-child(2) {
  background: white url("../img/icons/why-need-ssl-2.png") 10px 20px no-repeat;
}

#why-need-ssl .item:nth-child(3) {
  background: white url("../img/icons/why-need-ssl-3.png") 10px 20px no-repeat;
}

#why-need-ssl .item:nth-child(4) {
  background: white url("../img/icons/why-need-ssl-4.png") 10px 20px no-repeat;
}

#why-need-ssl .item:nth-child(5) {
  background: white url("../img/icons/why-need-ssl-5.png") 10px 20px no-repeat;
}

#why-need-ssl .item:nth-child(6) {
  background: white url("../img/icons/why-need-ssl-6.png") 10px 20px no-repeat;
}

#why-us-ev-ssl {
  text-align: center;
  background: #F2F2F2;
}





#why-us-ev-ssl .reasons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 10px;
}

#why-us-ev-ssl .reason {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 25px;
  width: 22%;
  height: 300px;
  border-radius: 12px;
}



#why-us-ev-ssl .reason h3 {
  line-height: 50px;
  font-size: 21px;
  font-weight: bold;
}





#why-us-symantec-ssl .reason h3 {
  line-height: 50px;
  font-size: 21px;
  font-weight: bold;
}

#why-us-symantec-ssl .reason div {
  width: 100%;
  height: 100px;
  display: block;
  vertical-align: bottom;
  margin:0 auto;
}

#why-us-symantec-ssl .reason p {
  font-size: 0.9em;
  line-height: 26px;
  height: 90px;
  display: table-cell;
  vertical-align: top;
}

#dedicated-server-page .subject-section .section-con .con {
  background-color: #F2F2F2;
}

#why-us-symantec-ssl {
  text-align: center;
  background: #F2F2F2;
}

#why-us-symantec-ssl h2 {
  font-size: 34px;
}

#why-us-symantec-ssl .reasons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#why-us-symantec-ssl .reason {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 25px;
  width: 22%;
  height: 300px;
  border-radius: 12px;
}

@media (max-width: 768px) { #why-us-symantec-ssl .reason { width: 90% !important; margin: 0 5% 30px;}  /* <769 */  }


#why-us-symantec-ssl .reason h3 {
  line-height: 50px;
  font-size: 21px;
}

#why-us-symantec-ssl .reason div {
  width: 100%;
  height: 100px;
  display: block;
  vertical-align: bottom;
  margin:0 auto;
}

#why-us-symantec-ssl .reason p {
  font-size: 0.9em;
  line-height: 26px;
  height: 90px;
  display: table-cell;
  vertical-align: top;
}

#ssl-customers {
  padding-bottom: 80px;
  background-color: #F2F2F2;
}

#ssl-customers .labels {
  margin-bottom: 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#ssl-customers .labels .title {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 1.2rem;
  width: 16.66%;
  float: left;
  cursor: pointer;
  padding-bottom: 3px;
  display: table-cell;
  vertical-align: middle;
}

#ssl-customers .labels .title img {
  height: 100%;
}

#ssl-customers .labels .title .img0 {
  display: initial;
}

#ssl-customers .labels .title .img1 {
  display: none;
}

#ssl-customers .labels .title label {
  position: relative;
  top: -16px;
}

#ssl-customers .labels .title:hover {
  cursor: pointer;
}

#ssl-customers .labels .title.selected {
  color: #e85414;
  padding: 0;
  border-bottom: 3px solid #e85414;
}

#ssl-customers .labels .title.selected .img0 {
  display: none;
}

#ssl-customers .labels .title.selected .img1 {
  display: initial;
}

#ssl-customers .customers {
  display: none;
}

#ssl-customers .customers.selected {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#ssl-customers .customers .logo {
  width: 18%;
  height: 140px;
  margin: 10px 0;
  background-color: white;
  text-align: center;
  display: table;
}

#ssl-customers .customers .logo div {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}



#safety-email-page #content-mobile .table-section {
  padding: 20px 0;
}

#safety-email-page #content-mobile .table-section .labels {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10px 0;
}

#safety-email-page #content-mobile .table-section .labels label {
  display: inline-block;
  width: 33%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #e6e6e6;
}

#safety-email-page #content-mobile .table-section .labels label.selected {
  color: white;
  background-color: #e85414;
}

#safety-email-page .table-section table {
  border: 1px solid #ddd;
  width: 100%;
  border-collapse: collapse;
}

#safety-email-page #content-mobile .table-section table {
  display: none;
}

#safety-email-page #content-mobile .table-section table.selected {
  display: table;
}

#safety-email-page .table-section table th {
  width: 25%;
  height: 60px;
  font-size: 18px;
  background-color: #F2F2F2;
  border: 1px solid #ddd;
}

#safety-email-page .table-section table td {
  text-align: center;
  width: 25%;
  height: 60px;
  border: 1px solid #ddd;
}

#safety-email-page #content-mobile .table-section table td {
  width: 75%;
}



#safety-email-page .table-section table td p {
  color: #e85414;
  font-size: 20px;
  font-weight: bold;
}

#safety-email-page .table-section table a {
  display: block;
  margin: auto;
  line-height: 36px;
  border-radius: 20px;
  color: white;
  background-color: #e85414;
}

#safety-email-page #content-mobile .table-section table a {
  width: 100%;
  height: 100%;
  line-height: 60px;
  font-size: 20px;
  border-radius: 0;
}

#safety-email-page #how-works {
  height: 253px;
  background: url("../img/background/safety-email-works.png");
}

#safety-email-page #how-works .con {
  padding: 20px 0;
  color: white;
}

#safety-email-page #content-mobile #how-works .con {
  text-align: center;
  padding: 10px 0 0;
}

#safety-email-page #content-mobile #how-works .con {
  width: 100%;
}

#safety-email-page #how-works .con h2 {
  color: white;
  font-weight: lighter;
  margin: 20px 0;
}

#safety-email-page #content-mobile #how-works .con h2 {
  margin: 10px 0;
}

#safety-email-page #how-works .con p {
  font-size: 18px;
}

#safety-email-page #how-works .con ul {
  list-style-type:none;
  padding-left: 0;
}

#safety-email-page #content-mobile #how-works .con ul {
  width: 80%;
  margin: 10px auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#safety-email-page #how-works .con ul li {
  display: block;
  height: 30px;
  line-height: 30px;
}

#safety-email-page #content-mobile #how-works .con ul li {
  margin: 10px 0;
  border: 1px solid white;
  border-radius: 15px;
}

#safety-email-page #content-mobile #how-works .con ul li:nth-child(1), #safety-email-page #content-mobile #how-works .con ul li:nth-child(2) {
  width: 48%;
}

#safety-email-page #content-mobile #how-works .con ul li:nth-child(3) {
  width: 100%;
}

#safety-email-page #how-works .con ul li:before {
  content: "\2022";
  color: #e85414;
  font-size: 40px;
}

#safety-email-page #content-mobile #how-works .con ul li:before {
  display: none;
}

#safety-email-page #content #how-works .con ul li span {
  position: relative;
  margin: auto 0;
  height: 100%;
  left: 10px;
  top: -8px;
}

#seo-qa {
  padding-bottom: 80px;
}

#seo-qa p {
  font-size: 15px;
  line-height: 30px;
}

#seo-qa .qa-subtitle {
  margin-bottom: 20px;
}

#seo-qa ul {
  padding-left: 0;
}

#seo-qa ul li {
  margin: 20px 0;
}

#seo-qa h3 {
  height: 30px;
  font-weight: bold;
}

#out-trade-page .top-section .item {
  height: 350px;
  background: url("../img/banner/out-trade.jpg");
}

#out-trade-page #content-mobile .top-section .item {
  height: auto;
  display: table;
}

#out-trade-page .product-list {
  background-color: #F2F2F2;
  padding-bottom: 80px;
}

#out-trade-page #content-mobile .product-list {
  padding-bottom: 0;
}

#out-trade-page .product-list .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#out-trade-page .product-list .list .item {
  width: 23.5%;
  background-color: white;
  box-shadow: 0 0 10px #ccc;
}
#out-trade-page #why-us-section .reason {
  width: 24%;
}
#out-trade-page #why-us-section {
  background-color: #DEFBFF;
}
#out-trade-page  #why-us-section .reason h3 {
  color: #3FA8CC;
}
#out-trade-page  #why-us-section .reason p {
  font-size: 0.85em;
  text-align: left;
}
#out-trade-page #why-us-section .why-icon {
  width: 80px;
  height: 80px;
  line-height: 120px;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 auto;
}
#out-trade-page #why-us-section .why-icon img{
  width: 50px;
}
#out-trade-page .product-list .list .item .titles {
  width: 100%;
  height: 90px;
  box-sizing: border-box;
  text-align: left;
  font-weight: bold;
}
#out-trade-page .product-list .list .item .titles p{
  font-weight: normal;
  font-size: 0.9em;
  text-align: left;
  color: #BEBEBE;
}
#out-trade-page .product-list .list .item .server {
  background: url("../img/icons/server.png") 10px center  no-repeat;
}
#out-trade-page .product-list .list .item .ssl {
  background: url("../img/icons/SSL.png") 10px center  no-repeat;
}
#out-trade-page .product-list .list .item h3 {
  height: 50px;
  font-size: 0.8em;
  line-height: 50px;
  padding-left: 10px;
  color: #e85414;
}

#out-trade-page .product-list .list .item h3 strong {
  font-size: 28px;
}

#out-trade-page .product-list .list .item .options {
  color: #666;
  height: 180px;
  padding: 10px 10px;
  text-align: left;
  border: 1px solid #F2F2F2;
}

#out-trade-page .product-list .list .item .options p {
  line-height: 30px;
}

#out-trade-page .product-list .list .item .buy {
  height: 40px;
  text-align: center;
}

#out-trade-page .product-list .list .item .buy a {
  display: block;
  margin: auto;
  color: #fff;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #E85414
}

#out-trade-page .product-list .list .item:hover .titles {
  background-color: #E85414;
}
#out-trade-page .product-list .list .item:hover .titles p,#out-trade-page .product-list .list .item:hover .titles h2 {
  color: #fff;
}
#out-trade-page .package {
  margin-top: 20px;
  height: 80px;
  padding: 20px 0;
  background-color: white;
}

#out-trade-page #content-mobile .package {
  background-color: #e85414;
  color: white;
  font-size: 0.875em;
  width: 100%;
  display: table;
  text-align: center;
}

#out-trade-page .package .con{
  display: table;
  margin-left: 20px;
}

#out-trade-page #content-mobile .package .con {
  margin-left: 0;
}

#out-trade-page #content-mobile .package .con {
  width: 100%;
}

#out-trade-page .package .con h3 {
  height: 50%;
}

#out-trade-page .package .con h3 strong{
  font-size: 28px;
  color: #e85414;
}

#out-trade-page #content-mobile .package .con h3 strong {
  font-size: 22px;
  color: white;
}

#out-trade-page .package .con p {
  height: 50%;
  line-height: 40px;
}


#out-trade-page .get-more {
  height: 253px;
  background: url("../img/background/out-trade.jpg") center no-repeat;
}

#out-trade-page .get-more h2 {
  color: white;
}



#out-trade-page #content-mobile .get-more .list a {
  width: 100%;
  margin-bottom: 10px;
}

#out-trade-page #content-mobile .subject-section .section-con .con {
  height: 150px;
}

#footer-mobile.menu-mobile {
  display: none;
}

#footer-mobile.menu-mobile.show {
  display: block;
}