main .tit {
    font-weight: bold;
    font-size: 30px;
    line-height: normal;
    text-transform: uppercase;
    padding: 43px 0 17px;
    text-align: center;
}
main p {
 
}
main .gach {
    height: 27px;
    background: url(https://nhanhoa.com/virtual-private-cloud_bk/public/images/bg-i.png);
}
main .tit {
    font-size: 30px;
    line-height: normal;
    text-transform: uppercase;
    padding: 43px 0 17px;
    text-align: center;
}
main .tit i {
    display: block;
}
.section-faq-service .card .title{
  font-size: 16px;
  margin: 0;
}
.section-faq-service .card {
      padding: 15px 20px;
}
#s1 .img {
    display: block;
    margin: -40px auto 50px;
    box-shadow: 16px 16px 25px 0 rgba(0, 0, 0, 0.35);
}
#s1 .tit {
    text-align: left;
    padding: 48px 0 17px 34px;
}
#s1 p {
    padding-left: 33px;
}
#s1 p i {
    display: block;
    height: 25px;
}

#s2 .r {
    padding-right: 40px;
}
#s2 .r p {
    text-align: right;
}
#s2 .l {
    padding-left: 40px;
}
#s2 img {
    display: block;
    margin: 20px auto;
}
#s2 .h {
    font-size: 25px;

    padding: 49px 0 16px;
}
#s2 .s22,
#s2 .s24 {
    background: #f1f1f1;
}
#s2 .gach {
    height: 20px;
    background: #fff url(https://nhanhoa.com/virtual-private-cloud_bk/public/images/bg-i.png);
}

#s3 {
    background: url(https://nhanhoa.com/virtual-private-cloud_bk/public/images/bg-s3.jpg) no-repeat center;
}
#s3 .tit {
    color: #fff;
}
#s3 .th {
    color: #fff;
    font-size: 30px;
    line-height: 66px;
    position: relative;
    margin-bottom: 50px;
}
#s3 .th span {
    width: 50%;
    float: left;
}
#s3 .th span i {
    font-style: normal;
    text-transform: uppercase;
    margin-left: 43px;
    cursor: pointer;
}
#s3 .th span .ac {
}
#s3 .th .a1 {
    text-align: right;
}
#s3 .th .a1 i {
    margin-right: 43px;
}
#s3 .th .ga {
    height: 66px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2px;
    border-left: 4px solid #fff;
}
#s3 .h {
    text-align: center;

    font-size: 30px;
    background: #3e506b;
    color: #fff;
    position: relative;
    line-height: 76px;
}
#s3 .h:after {
    width: 76px;
    height: 76px;
    background: #3e506b;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: -36px;
    content: "";
    display: inline-block;
}
#s3 .h:before {
    border-right: 30px solid #314156;
    border-bottom: 30px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 0;
}
#s3 .nd {
    width: 399px;
    height: 210px;
    background: #fff;
    padding: 20px 26px;
    margin-left: 30px;
    position: relative;
}
#s3 .nd i {
    display: block;
}
#s3 .nd:after {
    width: 100%;
    height: 17px;
    position: absolute;
    bottom: -17px;
    content: "";
    display: inline-block;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
}
#s3 .nd:before {
    width: 54px;
    height: 54px;
    border: 9px solid #314156;
    border-radius: 50%;
    background: #fff;
    content: "";
    display: inline-block;
    position: absolute;
    right: -134px;
    top: -65px;
}
#s3 .pth {
    width: 450px;
    margin-bottom: 110px;
}
#s3 .l {
    padding-left: 50px;
    position: relative;
}
#s3 .l:before {
    position: absolute;
    right: -4px;
    top: 22px;
    content: "";
    display: inline-block;
    height: 1808px;
    border-left: 8px solid #fff;
}
#s3 .r {
    padding-left: 83px;
    padding-top: 198px;
}
#s3 .r .nd {
    margin-left: 21px;
}
#s3 .r .nd:before {
    left: -131px;
}
#s3 .r .h:after {
    left: -36px;
}
#s3 .r .h:before {
    border-right: none;
    border-left: 30px solid #314156;
    left: calc(100% - 30px);
}
#s3 .r .pth10 {
    margin-bottom: 69px;
}
#s3 .s31,
#s3 .s32 {
    padding: 50px 0 0;
}
#s3 .s32 {
    display: none;
}
#s3 .pth3 .h {
    background: #e23a59;
}
#s3 .pth3 .h:after {
    background: #e23a59;
}
#s3 .pth3 .h:before {
    border-right-color: #cb3253;
}
#s3 .pth3 .nd:before {
    border-color: #e23a59;
}
#s3 .pth5 .h {
    background: #44adad;
}
#s3 .pth5 .h:after {
    background: #44adad;
}
#s3 .pth5 .h:before {
    border-right-color: #24928f;
}
#s3 .pth5 .nd:before {
    border-color: #44adad;
}
#s3 .pth7 .h {
    background: #ef84ea;
}
#s3 .pth7 .h:after {
    background: #ef84ea;
}
#s3 .pth7 .h:before {
    border-right-color: #b767b7;
}
#s3 .pth7 .nd:before {
    border-color: #ef84ea;
}
#s3 .pth9 .h {
    background: #824636;
}
#s3 .pth9 .h:after {
    background: #824636;
}
#s3 .pth9 .h:before {
    border-right-color: #562c23;
}
#s3 .pth9 .nd:before {
    border-color: #824636;
}
#s3 .pth2 .h {
    background: #fcc82b;
}
#s3 .pth2 .h:after {
    background: #fcc82b;
}
#s3 .pth2 .h:before {
    border-left-color: #f0b21c;
}
#s3 .pth2 .nd:before {
    border-color: #fcc82b;
}
#s3 .pth4 .h {
    background: #0f5e8c;
}
#s3 .pth4 .h:after {
    background: #0f5e8c;
}
#s3 .pth4 .h:before {
    border-left-color: #125570;
}
#s3 .pth4 .nd:before {
    border-color: #0f5e8c;
}
#s3 .pth6 .h {
    background: #ff6700;
}
#s3 .pth6 .h:after {
    background: #ff6700;
}
#s3 .pth6 .h:before {
    border-left-color: #c65406;
}
#s3 .pth6 .nd:before {
    border-color: #ff6700;
}
#s3 .pth8 .h {
    background: #7ded66;
}
#s3 .pth8 .h:after {
    background: #7ded66;
}
#s3 .pth8 .h:before {
    border-left-color: #62b24f;
}
#s3 .pth8 .nd:before {
    border-color: #7ded66;
}
#s3 .pth10 .h {
    background: #5e70ef;
}
#s3 .pth10 .h:after {
    background: #5e70ef;
}
#s3 .pth10 .h:before {
    border-left-color: #4c60bf;
}
#s3 .pth10 .nd:before {
    border-color: #5e70ef;
}

#s4 .s41 {
    padding: 25px 28px 34px;
}
#s4 .s41 .th {
    width: calc(100% / 3);
    float: left;
    cursor: pointer;
}
#s4 .s41 .th p {
    text-align: center;
    padding-top: 137px;
    position: relative;
}
#s4 .s41 .th p:before {
    width: 204px;
    height: 204px;
    content: "";
    display: inline-block;
    position: absolute;
    top: -237px;
    left: 50%;
    margin-left: -102px;
    background: url(https://nhanhoa.com/virtual-private-cloud_bk/public/images/s411.png) no-repeat center;
}
#s4 .s41 .th p:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 67px;
    left: 50%;
    margin-left: -39px;
    border-top: 55px solid #3e506b;
    border-left: 39px solid transparent;
    border-right: 39px solid transparent;
}
#s4 .s41 .th p i {
    display: block;
}
#s4 .s41 .th:hover p:before {
    webkit-animation: fp-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: fp-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: fp-circle-img-anim 1s infinite ease-in-out;
    -o-animation: fp-circle-img-anim 1s infinite ease-in-out;
    animation: fp-circle-img-anim 1s infinite ease-in-out;
}
#s4 .s41 .th:hover p:after {
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: 0.3s, 0.75s;
    animation-duration: 0.3s, 0.75s;
    -webkit-animation-delay: 0s, 0.3s;
    animation-delay: 0s, 0.3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
#s4 .s41 .th2 p:before {
    background: url(https://nhanhoa.com/virtual-private-cloud_bk/public/images/s421.png) no-repeat center;
}
#s4 .s41 .th2 p:after {
    border-top-color: #fcc82b;
}
#s4 .s41 .th3 p:before {
    background: url(https://nhanhoa.com/virtual-private-cloud_bk/public/images/s431.png) no-repeat center;
}
#s4 .s41 .th3 p:after {
    border-top-color: #e23a59;
}

@-moz-keyframes fp-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
    }
}
@-webkit-keyframes fp-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}
@-o-keyframes fp-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
    }
}
@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
#s5 {
    background: #242732;
    padding: 70px 0;
}
#s5 .tit {
    padding: 0px;
}
#s5 p {
    color: #fff;
    text-align: center;
}
#s5 .form {
    padding: 31px 0 85px;
    width: 750px;
    display: block;
    margin: 0 auto;
}
#s5 .form input {
    width: calc((100% - 70px) / 3);
    margin-right: 35px;
    float: left;
    border: none;
    outline: none;
    border-radius: 8px;
    height: 32px;
    line-height: 32px;
    padding: 0 19px;
    color: #444;
}
#s5 .form input::placeholder {
    color: #444;
}
#s5 .form .email {
    margin-right: 0;
}
#s5 .form .gui {
    display: block;
    margin: 28px auto 0;
    float: none;
    background: #dc3857;
    color: #fff;
}

#s6 {
    padding-bottom: 50px;
}
#s6 .tit {
    padding-top: 63px;
}
#s6 .s61 .h {
    padding: 25px 15px 0;
    outline: none;
}
#s6 .s61 .h img {
    display: block;
    margin: 0 auto;
}

#s7 {
    background: url(https://nhanhoa.com/virtual-private-cloud_bk/public/images/bg-s6.jpg) no-repeat bottom center;
    background-size: cover;
}
#s7 .tit {
    color: #fff;
}
#s7 .l {
    padding-left: 83px;
}
#s7 .r {
    padding-right: 83px;
}
#s7 .ch {
    padding: 4px 20px 3px;
    border-radius: 7px;

    background: #fff;
    cursor: pointer;
}
#s7 .tl {
    padding: 5px 20px;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.7);
    margin-top: 23px;
    display: none;
}
#s7 .pth {
    padding-bottom: 30px;
}

#s8 {
    padding-bottom: 32px;
}
#s8 .s81 {
    position: relative;
}
#s8 .s81 .next,
#s8 .s81 .prev {
    width: 30px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0;
    background: url(https://nhanhoa.com/virtual-private-cloud_bk/public/images/s7-r.png) no-repeat center;
    opacity: 0.5;
}
#s8 .s81 .next:hover,
#s8 .s81 .prev:hover {
    opacity: 1;
}
#s8 .s81 .prev {
    left: 0;
    transform: rotate(180deg);
}
#s8 .s82 .pth {
    padding: 0 30px;
    outline: none;
}
#s8 .s82 img {
    display: block;
    margin: 25px auto 0;
}
#s8 .s82 .h {
    font-size: 20px;
    color: #e73737;
    padding: 15px 0;
    text-align: center;
}
#s8 .s82 p {
    font-size: 13px;
    text-align: center;
    padding: 0 15px;
}
#s8 .s82 .slick-arrow {
    display: none !important;
}

#s9 {
    background: url(https://nhanhoa.com/virtual-private-cloud_bk/public/images/bg-s3.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 20px;
}
#s9 .tit {
    color: #fff;
}
#s9 .s91 {
   
    background: #fff;
    display: block;
    margin: 37px auto 80px;
    padding: 5px;
    border-top: 15px solid #000;
    filter: drop-shadow(7px 7px 2px rgba(0, 0, 0, 0.35));
}
#s9 .s91 .n1,
#s9 .s91 .n2 {
    padding: 0;
    margin: 0;
}
#s9 .s91 .n1 p,
#s9 .s91 .n2 p {
    font-size: 18px;
}
#s9 .s91 p {
    font-size: 18px;
    text-align: center;
    line-height: 25px;
}
#s9 .s91 p i {
    display: block;
}
#s9 .s91 .t1 p {
}
#s9 .s91 .w1 {
    width: 20%;
    float: left;
}
#s9 .s91 .t2 {
    width: 80%;
    float: left;
}
#s9 .s91 .t2 .w1 {
    width: 25%;
}
#s9 .s91 .t2 img {
    position: absolute;
    top: -34px;
    left: 50%;
    margin-left: -76px;
}
#s9 .s91 .t3 a {
    width: 152px;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    background: #ffc900;
    line-height: 32px;
    height: 32px;
    cursor: pointer;
}
#s9 .s91 .t3 .t22 a {
    background: #007fff;
}
#s9 .s91 .t3 .t23 a {
    background: #f83252;
}
#s9 .s91 .t3 .t24 a {
    background: #2dcc70;
}
#s9 .s91 .t3.n2:after {
    width: 776px;
    margin-left: -388px;
}
#s9 .s91 .n1 {
    height: 106px;
    position: relative;
    padding-top: 38px;
}
#s9 .s91 .n2 {
    height: 53px;
    padding-top: 25px;
}
#s9 .s91 .na,
#s9 .s91 .n2 {
    position: relative;
}
#s9 .s91 .na:after,
#s9 .s91 .n2:after {
    width: 147px;
    border-top: 1px solid #dbdbdb;
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -73.5px;
}
#s9 .s91 .n3 {
    display: none;
}

@media (max-width: 1024px) {
    #s9 .s91 {
        width: 100%;
    }

    #s9 .s91 .t3.n2:after {
        width: calc(100% - 36px);
        margin-left: 0;
        left: 18px;
    }

    #s3 .l {
        padding-left: 0px;
    }

    #s3 .pth {
        width: 400px;
    }

    #s3 .nd {
        width: 350px;
    }

    #s4 .s41 .th p:before {
        width: 168px;
        height: 168px;
        top: -195px;
        margin-left: -84px;
    }

    #s7 .l {
        padding-left: 15px;
    }

    #s7 .r {
        padding-right: 15px;
    }

    #s8 .s82 .pth {
        padding: 0 15px;
    }

    #s8 .s82 p {
        padding: 0;
    }
}
@media (max-width: 768px) {
    #s9 .s91 {
        width: calc(100% + 30px);
        margin: 27px -15px 50px;
    }

    #s9 .s91 .n2 {
        height: 43px;
        padding-top: 15px;
    }

    #s9 .s91 .n1 {
        height: 86px;
        padding-top: 28px;
    }

    #s9 .s91 .t3 a {
        width: 130px;
    }

    #s9 .s91 .t2 img {
        margin-left: -66px;
        width: 90%;
    }

    #s9 .s91 .n1 p,
    #s9 .s91 .n2 p {
        font-size: 15px;
    }

    #s9 .s91 .na:after,
    #s9 .s91 .n2:after {
        width: 120px;
        margin-left: -60px;
    }

    main .tit {
        font-size: 24px;
        padding: 30px 0 12px;
    }

    #s1 p {
        padding-left: 0px;
    }

    #s1 .img {
        margin-top: -20px;
        box-shadow: 10px 10px 18px 0 rgba(0, 0, 0, 0.35);
    }

    #s1 .tit {
        text-align: left;
        padding: 30px 0 12px;
    }

    #s2 .l {
        padding-left: 15px;
    }

    #s2 .r {
        padding-right: 15px;
    }

    #s3 .pth {
        width: 310px;
        margin-bottom: 50px;
    }

    #s3 .nd {
        width: 280px;
        padding: 10px 15px;
        margin-left: 20px;
        height: 150px;
    }

    #s3 .l {
        padding-left: 0px;
    }

    #s3 .r {
        padding-left: 65px;
        padding-right: 0px;
    }

    #s3 .th {
        font-size: 24px;
    }

    #s3 .h {
        font-size: 24px;
        line-height: 56px;
    }

    #s3 .h:after {
        width: 56px;
        height: 56px;
        right: -26px;
    }

    #s3 .s31,
    #s3 .s32 {
        padding: 30px 0 0;
    }

    #s3 .nd:before {
        width: 40px;
        height: 40px;
        border: 7px solid #314156;
        right: -96px;
        top: -47px;
    }

    #s3 .r {
        padding-top: 128px;
    }

    #s3 .r .h:after {
        left: -26px;
    }

    #s3 .r .nd {
        margin-left: 14px;
    }

    #s3 .r .nd:before {
        left: -99px;
    }

    #s3 .l:before {
        height: 1158px;
    }

    #s4 .s41 .th p {
        text-align: center;
        padding-top: 90px;
        position: relative;
        padding: 90px 10px 0;
    }

    #s4 .s41 .th p:before {
        width: 92px;
        height: 92px;
        top: -135px;
        margin-left: -46px;
    }

    #s4 .s41 .th p:after {
        top: 35px;
        margin-left: -20px;
        border-top-width: 30px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
    }

    #s5 .form input {
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
    }

    #s5 .form {
        padding: 21px 0 45px;
        width: auto;
    }
}
@media (max-width: 640px) {
    #s9 .s91 .t2 {
        width: 70%;
    }

    #s9 .s91 .n1 p,
    #s9 .s91 .n2 p {
        font-size: 14px;
    }

    #s9 .s91 .t2 img {
        margin-left: -76px;
        width: auto;
        top: -18px;
    }

    #s9 .s91 .w1 {
        width: 30%;
    }

    #s9 .s91 .n3 {
        display: block;
    }

    #s9 .s91 .t4 {
        display: none;
    }

    main {
        margin-top: 50px;
    }

    #s1 .container .row {
        display: flex;
        flex-wrap: wrap;
    }
    #s1 .container .row .a1 {
        order: 1;
    }
    #s1 .container .row .a2 {
        order: 2;
    }
    #s1 .container .row .a2 img {
        margin: 20px auto 30px;
    }

    main .tit i {
        display: inline-block;
    }

    #s2 .tit {
        padding: 30px 15px 12px;
    }

    #s2 .h {
        font-size: 23px;
        padding: 20px 0 16px;
        text-align: center;
    }

    #s2 .s22 .row,
    #s2 .s24 .row {
        display: flex;
        flex-wrap: wrap;
    }
    #s2 .s22 .row .a1,
    #s2 .s24 .row .a1 {
        order: 1;
    }
    #s2 .s22 .row .a2,
    #s2 .s24 .row .a2 {
        order: 2;
    }
    #s2 .s22 .row .a2 img,
    #s2 .s24 .row .a2 img {
        margin: 20px auto 30px;
    }
    #s2 .r .h {
        text-align: center;
    }
    #s2 .r p {
        text-align: left;
    }

    #s3 .nd:before {
        display: none;
    }

    #s3 .h:after {
        width: 0;
        height: 0;
        border-left: 30px solid #314156;
        border-bottom: 30px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
        top: 100%;
        right: 0;
        border-radius: 0;
        background: transparent !important;
    }

    #s3 .pth3 .h:after {
        border-left-color: #cb3253;
    }
    #s3 .pth5 .h:after {
        border-left-color: #24928f;
    }
    #s3 .pth7 .h:after {
        border-left-color: #b767b7;
    }
    #s3 .pth9 .h:after {
        border-left-color: #562c23;
    }
    #s3 .pth2 .h:after {
        border-left-color: #f0b21c;
    }
    #s3 .pth2 .h:before {
        border-left: none;
        border-right: 30px solid #f0b21c;
    }
    #s3 .pth4 .h:after {
        border-left-color: #125570;
    }
    #s3 .pth4 .h:before {
        border-left: none;
        border-right: 30px solid #125570;
    }
    #s3 .pth6 .h:after {
        border-left-color: #c65406;
    }
    #s3 .pth6 .h:before {
        border-left: none;
        border-right: 30px solid #c65406;
    }
    #s3 .pth8 .h:after {
        border-left-color: #62b24f;
    }
    #s3 .pth8 .h:before {
        border-left: none;
        border-right: 30px solid #62b24f;
    }
    #s3 .pth10 .h:after {
        border-left-color: #4c60bf;
    }
    #s3 .pth10 .h:before {
        border-left: none;
        border-right: 30px solid #4c60bf;
    }

    #s3 .r .h:before {
        left: 0;
    }

    #s3 .r .h:after {
        right: 0;
        left: unset;
    }

    #s3 .l,
    #s3 .r {
        padding: 0px 50px;
    }

    #s3 .nd {
        width: calc(100% - 40px);
        height: 130px;
    }

    #s3 .pth {
        padding: 0 10px !important;
    }

    #s3 .r .nd {
        margin-left: 20px;
    }

    #s3 .th {
        line-height: 50px;
        margin-bottom: 0px;
    }

    #s3 .th span {
        float: none;
        width: 100%;
        display: block;
        text-align: center;
    }

    #s3 .th .a1 i {
        margin: 0;
    }

    #s3 .th .a1 {
        text-align: center;
    }

    #s3 .th span i {
        margin-left: 0px;
        background: rgba(255, 255, 255, 0.5);
        display: inline-block;
        line-height: 40px;
        width: 70%;
        border-radius: 5px;
    }

    #s3 .th .ga {
        display: none;
    }

    #s4 .s41 .th p:before {
        top: -183px;
    }

    #s5 .form input,
    #s5 .form .email,
    #s5 .form .gui {
        width: 80%;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }

    #s3 .l:before {
        display: none;
    }

    #s4 .s41 .th img {
        display: block;
        margin: 0 auto;
    }

    #s4 .s41 {
        padding: 25px 0 34px;
    }
}
@media (max-width: 414px) {
    #s9 .s91 {
        border-top: 5px solid #000;
    }

    #s9 .s91 .w1 {
        width: 40%;
    }

    #s9 .s91 .t2 img {
        margin-left: 0;
        width: 100%;
        top: -6px;
        left: 0;
    }

    #s9 .s91 .t3 a {
        width: 110px;
    }

    #s9 .s91 .t2 {
        width: 60%;
    }

    #s3 .th span i {
        width: 90%;
    }

    #s8 .s82 .pth {
        padding: 0 30px;
    }
}
@media (max-width: 375px) {
    #s4 .s41 .th p:before {
        top: -175px;
    }

    #s3 .nd {
        width: calc(100% - 40px);
        height: 150px;
    }

    #s9 .s91 .w1 {
        width: 50%;
    }

    #s9 .s91 .t2 {
        width: 50%;
    }

    #s9 .s91 {
        width: auto;
        margin: 10px -8px 30px;
    }

    #s9 .s91 .t2 img {
        margin-left: 0;
        width: auto;
        top: -16px;
        left: 0;
    }
}
@media (max-width: 360px) {
    #s4 .s41 .th p:before {
        top: -165px;
    }

    #s3 .l,
    #s3 .r {
        padding: 0px 40px;
    }
}
@media (max-width: 320px) {
    #s4 .s41 .th p:before {
        top: -154px;
    }

    #s3 .th span i {
        width: 100%;
        font-size: 22px;
    }

    #s3 .l,
    #s3 .r {
        padding: 0px 20px;
    }

    #s5 .form input,
    #s5 .form .email,
    #s5 .form .gui {
        width: 90%;
    }
}
#f1 {
    background: #242732;
    color: #fff;
    padding: 18px 0 43px;
}
#f1 .h {
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px 0 12px 30px;
}
#f1 p {
    font-size: 15px;
    padding-left: 30px;
}
#f1 .ts1 a {
    color: #fff;
}
#f1 .ts p {
    padding-left: 45px;
}

#f2 {
    background: #202020;
}
#f2 p {
    text-align: center;
    padding-right: 24px;
    line-height: 45px;
    font-size: 15px;
    color: #999;
}

@media (max-width: 768px) {
    #f1 p,
    #f1 .h,
    #f1 .ts p,
    #f1 .ts .h {
        padding-left: 0;
    }

    #f1 .h {
        font-size: 18px;
    }
}
@media (max-width: 480px) {
    #f1 .ts1 {
        border-bottom: 1px dashed #337ab7;
        padding-bottom: 20px;
    }

    #f1 p,
    #f1 .h,
    #f1 .ts p,
    #f1 .ts .h {
        text-align: center;
    }

    #f1 {
        padding-bottom: 23px;
    }

    #f2 p {
        padding-right: 0;
        font-size: 11px;
    }
}
@media (max-width: 375px) {
    #f2 p {
        font-size: 9px;
        line-height: 30px;
    }
}