.v-block-image{
    margin-top: -430px;
}
.tmv-test{
	display: block;
}
/* circle */
.circle-img{
    position: absolute;
    top: calc(50% - 14px);
    left: calc(-25% + 4px);
}
.circle-img1{
    position: absolute;
    top: calc(50% - 14px);
    right: calc(-25% + 4px);
}
/* advertisment */
#custom-c-agent{
    padding: 50px !important;
}
.v-advert-name{
    text-transform: uppercase;
    font-size:24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #333333; 
}
.v-advert-item{
    margin-bottom: 30px !important;
}
.v-advert-item-name h4{
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.v-advert-banner-phone-footer .image-link{
    margin-right: unset !important;
}
.advert-item-content{
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #666666;
}
.v-bot-banner-title{
    margin: 20px 0px !important;
}
.cbuttom-main a:focus{
    color: #fff !important;
    outline: none;
}
a:focus{
    outline: none !important;
}

input.hs-button.primary.large:focus {
    border: none !important;
    box-shadow: none !important;
}
input.hs-button.primary.large:active {
    background: #f5a623 !important;
    border: none !important;
    box-shadow: none !important;
}
.tn-xemthem-khuyenmai a{
    background: #fbfbfb;
}
.tn-xemthem-khuyenmai a:active{
    background: #fff;
}
.v-advert-credit-footer a:focus,
.tn-custom-content-header .tn-block-header-link:focus{
    text-decoration: none;
}
/* avdert-credit */
.v-advert-credit-name{
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  margin-top: 35px;
}
.v-advert-credit-img{
    margin-left: 33px;
    margin-bottom: -6px !important;
}
.v-seperator{
    margin: 25px 0px;
    width: 80px;
    height: 1px;
    background: #ff8300;
}
#v-seperator2{
    margin: 25px 0px;
    width: 80px;
    height: 1px;
    background: #ff8300;
    display: inline-block;
}
#v-seperator1{
    margin: 0px 0px 25px 0px;
    width: 80px;
    height: 1px;
    background: #ffffff;  
}
.v-advert-credit-body{
  margin-top: 15px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #666666;
  margin-bottom: 30px;
}
.v-advert-credit-footer a{
    color: #4a90e2 !important;
}

/* advert-banner-phone */
.v-advert-banner-phone{
    left: 0 !important;
    padding-left: 0px !important; 
    padding-right: 0px !important; 
    margin: 50px 0px;
    width: unset !important;
}
.v-advert-banner-phone-name{
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}

#v-advert-desktop{
    margin-top: 120px;
}
/* wecard */
.v-wecard-table,
.v-wecard-td,
.v-bank-table,
.v-bank-td{
    border: none !important;
}
.v-wecard-content{
    margin-top: -42px;
    margin-left: 25px;
    margin-bottom: 30px;
}

/* agency */
.v-custom-btn a{
    background: #ff8f00;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    border-bottom: none!important;
    padding: 13px 30%;
}
.v-custom-btn a:hover{
    color: #fff;
}
/* sponser */
.v-sponser{
    padding: 15px 0px;
}


/* WECARD WEBPAGE*/
#v-block-banner{
    margin-bottom: unset !important;
}
.v-wecard-pullleft{
    margin-left: 62px;
    display: inline-flex;
    float: left;
    display: inline-flex;
    margin-top: -55px; 
}

/* Payroll Webpage */
.v-block-custom-image{
    max-width: calc(100% + 120px);
    margin-left: 40px;
    margin-top: -230px;
    margin-right: -160px;
    }
#v-block-nomarginbot{
    margin-bottom: unset !important;
}
.v-content-center{
    text-align: center !important;
}
.v-payroll-table-title{
    margin-top: 30px;
    margin-bottom: 25px;
}
.v-payroll-mobile-banner{
    margin-left: 10px;
}
#v-block-nomarginbot .cbuttom-main > a{
    padding: 10px 10px 9px 10px !important;
}
.v-table-custom tr{
    border: 1px solid #e9e9e9 !important;
    display: flex;
}
#vdaily .cbuttom-main a{
    padding-left: 45px;
    padding-right: 45px;
}
.v-custom-seperator{
    margin-bottom: -125px !important;
    margin-top: 40px !important;
}
.v-table-padding20 td{
    padding: 20px !important;
}
.v-table-padding20 td,
.v-table-padding20 th{
    border: none !important;
}
.v-table-header-orange{
    background: #f48120;
    color: #fff;
}
.v-table-header-brown{
    background: #525252;
    color: #fff;
}
.v-table-content-info{
    background: #f8f8f8;
}

.v-table-content-orange{
    background: #fbf2eb;
}
.v-content{
    margin-top: -49px;
    margin-left: 6px;
}
.v-payroll-content{
    margin-left: 35px;
    margin-top: -44px;
}
.v-block-service{
    text-align: center;
    margin-bottom: 30px;
}
.v-block-service .vc_column-inner .wpb_wrapper{
    border: none !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
#custom-img{
    margin-bottom: 20px;
    margin-right: 15px;
}
.v-payroll-credit{
    padding: 35px 0px 180px 0px;
}
.v-block-service-bg{
    margin-top: -70px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.font-white{
    color: #fff !important;
}
#v-payroll-btn{
    background: #000000;
}
.v-payroll-btn a{
    color: #fff;
    border-bottom: none !important;
    text-decoration: none;
}
.v-payroll-banner{
    margin: 100px 0px 40px 0px !important;
}
.v-form{
    margin-bottom: 25px;
    margin-top: 15px;
}

/* Promotion-Detail */
#v-promo-detail{
    padding: 20px 30px !important;
}
.v-promo-link a{
    color:#333333;
}
.v-promo-link a:hover{
    text-decoration: underline !important;
    color: #333333 !important;
}
.v-share-link{
    margin-top: 30px;
}
.v-share-link-name{
    text-align: center;
}
.v-share-link-name a{
    border: none !important;
    margin-left: 5px;
}
.v-promo-comment-date{
    font-size: 14px;
    color: #666666;
    margin-left: 10px;
}
.v-promo-icon-pullleft{
    float: left;
    margin-right: 30px;
}
.comments-area{
    padding: 0px !important;
    background-color: transparent !important;
}
.comments-title{
    display: inline-block;
}
.comment-count{
    float: right;
}
.comment-list{
    margin-top: 30px !important;
}
.comment{
    margin-left: 20px;
}
.author-name cite{
    font-style: normal !important;
    font-size: 24px !important;
    margin-right: 10px;
}
.comment-metadata{
    font-style: normal !important;
}

/* Terms of use */
.v-terms-title{
    margin-bottom: 25px !important;
}
.v-terms-title h3{
    font-size: 24px !important;
    font-weight: 300 !important;
}
.v-section-title{
    font-size: 18px !important;
    font-weight: 500;
}
.v-terms-banner{
    display: flex;
    align-items: center;
}
.v-terms-banner-title{
  font-size: 32px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.v-terms-banner-img,
.v-terms-banner-title{
    margin-bottom: unset !important;
}
.v-terms-menu .vc_tta-tab a{
    border: none !important;
    border-bottom: 1px solid #e5e5e5 !important;
    background-color: #fff !important;
    color: #999 !important;
}
.vc_active a span{
    color: #333333 !important;
}
.v-terms-menu .vc_tta-title-text{
    font-size: 18px !important;
    line-height: 30px;
}
.v-terms-menu .vc_tta-panels{
    border: none !important;
    background: none !important;
    margin-left: 20px;
    border-left: 3px solid #f8f8f8 !important;
}
.vc_tta-tabs-list-scrolled {
  position: fixed;
  top: 50px;
}


/* Dai-ly */
.tn-banner-dang-ky-dai-li{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.v-block-custom-link{
    font-family: Roboto !important;
    font-size: 14px;
    color: #4a90e2;
}
#v-margin0{
    margin-bottom: 0px !important;
}
.v-agent-banner{
    margin: 10px -80px 20px -80px !important;
    padding-top: 53px;
    padding-bottom: 50px;
}
.v-daily-form{
    background: #fff;
    padding: 30px;
    margin-right: 100px;
}
.vline{
    margin-bottom: -50px !important;
}
.v-daily-header-title{
    text-align: center;
    font-size: 18px;
    color: #333333;
    font-weight: 300;
}
.v-block-daily-left{
    padding: 40px;
}
.v-block-daily-left .tn-one-connect-all-service{
    margin-bottom: 35px !important;
}
.slick-prev::before,
.slick-next::before{
    display: none;
}
.slick-prev{
    background-image:url('../images/slider-icon-left.png') !important;
    background-repeat: no-repeat !important;
    height: 50px !important;
    width: 50px !important;
}
.slick-next{
    background: url('../images/slider-icon.png') !important;
    background-repeat: no-repeat !important;
    height: 50px !important;
    width: 50px !important;
}

/* promotion-detail */
.nodisplay{
    display: none;
}

/* custom form bottom */
@media only screen and (max-width:320px){
    #srceen1{
        display: block !important;
    }
}
@media only screen and (min-width:321px) and (max-width:767px){
    #srceen2{
        display: block !important;
    }
}


/* mobile version */
@media only screen and (max-width:767px){
    /* Home */
    .v-mobile-full-width{
        width: 100%;
    }
    #banner-home-content-after .v-mobile-home-banner{
        padding: unset !important;
    }
    .cbox1-right{
        background: url('../images/Home-mobile-bg.png') no-repeat bottom !important;
        background-size: contain !important;
        padding-bottom: 20px;
    }
    .v-download-flex{
        display: flex;
        padding-top: 5px !important;
    }
    #v-mobile-margin-top{
        margin-top: -40px !important;
    }
    .v-nomargin-bot{
        margin-bottom: 0px !important;
    }
    #v-home-mobile-gate h4,
    #v-home-mobile-promo h4{
        text-align: center !important;
        font-size: 20px  !important;
    }
    #v-home-custom-name h4{
        font-weight: 300 !important;
        font-size: 12px !important;
    }
    #v-margin-top20,
    #v-margin{
        margin-top: 20px !important;
    }
    #v-margin{
        margin-bottom: 0px !important;
    }
    #v-home-minus-margin{
        margin-top: -70px !important;
    }
    #vline{
        margin-top: -40px !important;
    }
    .cbuttom-main > a#vdangky{
        padding: 12px 25px !important;
    }

/* e-wallet */
    .v-advert-credit-img{
        margin-left: 0px !important;
        text-align: center;
    }
    .ewalletscroll .slick-slide .ewalet-partner{
        margin-bottom: 20px !important;
        text-align: -webkit-center;
    }
    #v-advert-desktop{
        margin-top: unset;
    }
    .v-advert-item-name,
    .v-advert-item-content,
    .v-terms,
    .v-advert-name,
    .v-downloadlink,
    .v-advert-item-name h4 {
        text-align: center !important;
    }
    .v-advert-item-name img,
    .v-advert-banner-phone-link img,
    .v-advert-banner-phone-link .image-link{
        margin: unset !important;
    }
    .v-advert-banner-phone-name,
    .v-advert-credit-name{
        font-size: 20px !important;
        text-align: center;
    }
    .v-advert-credit{
        padding-left: 0px !important;
    }
    .v-block-header-content{
        margin-top: -7px !important;
    }
    .v-advert-item-name h4{
        margin-bottom: 20px !important;
    }
    .v-margin24{
        margin-bottom: 24px !important;
    }
    .v-advert-banner-phone{
        margin: 20px 0px;
    }
    .v-advert-banner-phone-content{
        margin-bottom: unset !important;
    }
    .phone-img img{
        transform: translateX(4vw);
        margin: unset !important;
    }
    .v-block-header-title{
        font-size: 22px !important;
    }
    .v-terms{
        margin-top: -15px;
    }
    .v-advert-name{
        font-size: 20px;
        margin-top: 20px !important;
        margin-bottom: 0px !important;
    }
    .v-advert-item{
        margin-bottom: 50px !important;
    }
    #v-advert-mobile-credit-body{
        text-align: center;
        margin-top: -7px !important;
    }
    .v-wecard-list{
        margin-top: -30px !important;
    }
    #v-advert-item-wecard,
    .v-advert-credit-name{
        margin-top: unset !important;
    }
    .vbutton-main{
        margin-top: 30px;
    }
    #v-content-image-banner{
        padding: 0px 0px 35px 0px !important; 
    }

/* Payroll webpage  */
    .v-payroll-table-title{
        margin-top: -15px;
    }
    .v-payroll-custom-btn{
        margin-top: 15px !important;
    }
    .v-payroll-bg-cover{
        background-color: #eef2f5 !important;
    }
    .v-mobile-content{
        margin-top: -50px;
        margin-left: 5px;
    }
    .payrollscroll-container{
        background-color: #5d79c0 !important;
        background: url(../images/slide-bg.png);
        padding-bottom: 40px;
        height: 100%;
        background-size: cover !important;
    }
    .v-table-custom{
        margin-top: -30px;
        margin-bottom: -25px !important;
    }
    .v-slide-btn{
        text-align: center;
        margin-top: 15px;
    }
    .v-slide-btn a{
        background: #000000 !important;
        color: #fff;
        padding: 12px 20px;
        width: 100%;
        display: inline-block;

    }
    .v-payroll-scroll .slick-dotted.slick-slider{
        margin-bottom: 0px !important;
    }
    .v-payroll-scroll .slick-dots{
        bottom: -10px;
    }
    .ev-payroll-scroll ul>li:before, .v-payroll-scroll ul>li:before{
        display: none;
    }
    .v-payroll-scroll .slick-dots li{
        padding-left: 0px !important;
    }
    .v-payroll-scroll .slick-dots li.slick-active button:before{
        color: #fff;
    }
    .v-payroll-scroll .slick-dots li button:before{
        font-size: 15px;
    }
    .v-block-service-slide{
        padding: 40px 40px 0px 40px;
        text-align: center;
        margin-bottom: 30px;
    }
    .v-block-service-slide p{
        text-align: -webkit-center;
    }
    .v-payroll-banner{
        margin: 40px -15px 0px -15px !important;
    }
    .v-one{
        font-size: 20px !important;
    }
    .v-payroll-credit{
        padding: 0px 0px 200px 0px;
    }
    .v-form{
        margin-top: -10px;
    }

/* Promotion-Detail */
    .v-promo-mobile-bg{
        background: #f3f3f3;
        padding-top: 15px;
        margin-top: -10px;
    }
    .v-promo-mobile-cover .vc_column-inner{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #v-promo-detail .v-advert-banner-phone-name{
        font-size: 22px !important;
    }
    #v-promo-detail{
        padding: 0px !important;
    }

/* Terms of use */
    .tn-block-question-qa > .v-terms-mobile:hover,
    .tn-block-question-qa > .v-terms-mobile:focus,
    .tn-block-question-qa > .v-terms-mobile:active{
        color: #ff8300 !important;
    }
    .v-terms-mobile{
        font-size: 18px;
        color: #333333 !important;
    }
    .v-content-collapse{
        border-top: 1px solid #e9e9e9;
       
    }
    #v-padding-top15{
        padding: 15px 0px !important;
    }

/* pay */
    #v-pay-custom-thanhtoan-des{
        margin-top: -20px !important;
    }
    .padding-top5 .vc_column-inner{
        padding-top: 5px !important;
    }
    #v-margin-bot5{
        margin-bottom: 5px;
    }
    #v-margin-bot15{
        margin-bottom: 15px;
    }
    #v-padding-left23{
        padding-left: 23px;
    }
    .v-margin-bot15 .vc_column-inner > .wpb_wrapper{
        margin-bottom: 15px !important;
    }
    .v-pay-margin-bot0{
        margin-bottom: 0px !important;
    }
    .v-nopadding .vc_column-inner{
        padding: unset !important;
    }
    .v-pay-bg{
        background: #fff;
    }
    .v-pay-header-title{
        font-size: 20px !important;
    }
    .tn-format-margin .tn-one-connect-all-service{
        text-align: center;
    }
    .tn-one-connect-all-service,
    .v-mobile-content-center .tn-block-title{
        font-size: 20px !important;
    }
    .v-mobile-content-center .tn-btn-resgister-daily{
        padding: 10px 60px;
    }
    .v-mobile-content-center,
    .v-mobile-content-center .tn-one-connect-all-service{
        text-align: center !important;
    }
    .v-mobile-content-center .tn-thanhtoan-title{
        margin-top: 10px !important;
    }

/* wecard */
    .v-wecard-minus-margin{
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 5px !important;
    }
    #v-mobile-note-nopadding{
        padding: unset !important;
    }
    .v-margin-minus20{
        margin-top: -20px;
    }
    .v-margin-minus15{
        margin-top: -15px;
    }
    .v-margin-bot5{
        margin-bottom: 5px !important;
    }
    #v-wecard-taiapps-content a{
        float: unset;
    }
    .dl-box p{
        text-align: justify;
    }
    .cbox2-layout1{
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    }
    #v-margin-bot30 .cbox2-layout1{
        margin-bottom: 30px;
    }
    .v-margin-bot25{
        margin-bottom: 25px !important;
    }
    #tn-block-wrapper-all-slide .vc_column-inner{
        padding-top: 5px;
    }
    #v-agent-bot-cta{
        text-align: center;
    }
    #v-agent-bot-cta a{
        display: inline-block;
        width: 100%;
    }

/* Dai-ly */
    .v-mobile-background{
        background: #f7f7f7 ;
    }
    .vline{
        margin-bottom: -45px !important;
    }
    .v-custom-text h4{
        font-size: 12px !important;
    }
    .v-mask1{
        width: 800px !important;
        height: 329px !important;
        background-color: rgba(247, 247, 247, 0.5) !important;
    }
    .v-mask2{
        width: 900px;
        height: 274px;
        background-color: rgba(247, 247, 247, 0.3);
    }
    #v-daily-service{
        margin-top: 0px !important;
    }
    .tn-banner-dang-ky-dai-li{
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

/* News + promotion detail */
    .title-post-c{
        margin-top: -20px;
    }
    .title-post-c h1{
        font-size: 18px !important;
    }
    #v-share-table-title{
        padding: 5px 0px;
        text-align: left;
    }
    #v-share-table-content{
        text-align: right;
        padding: 5px 0px;
    }
    #v-share-table-content a{
        border: none;
        margin-left: 5px;
    }
    .single-sub .content-register{
        padding: 20px 0px !important;
    }

}

/* large screen */
@media only screen and (min-width: 992px){
    /* pay */
    #v-margin65{
        margin-bottom: 65px;
    }


    .v-advert-item-name{
        display: flex;
        align-items: center;
    }
    .v-topbanner{
        padding-top: 40px !important;
        margin-right: -80px !important;
        margin-left: -80px !important;
    }
    .v-terms{
        margin-left: 310px;
        margin-top: -76px;
    }
    .v-block-mobile-banner{
        margin-left: 62px !important;
    }
    
    /* Wecard webpage */
    .vcard-top-banner{
        padding-top: 50px !important;
    }
    .v-margin16{
        margin-top: 16px;
    }
    /* js form */
	#form-dang-ky-cusstom ul.hs-error-msgs.inputs-list li {
		margin-top: -10px;
	}
    #form-dang-ky-cusstom ul.hs-error-msgs.inputs-list label {
		margin-left: 182px;
    }
    ul.hs-error-msgs.inputs-list{
        position: absolute;
    }
    .hs_error_rollup{
        display: none;
    }
}

/* medium screen */
@media only screen and (max-width: 991px) and (min-width:768px){
    /* e-wallet */
    /* #v-advert-item-wecard{
        margin-top: 82px !important;
    } */
    #v-advert-desktop{
        margin-top: unset;
        margin-bottom: 0px !important;
    }
    .v-advert-credit-name{
        font-size: 16px;
    }
    .v-advert-credit-body{
        font-size: 12px;
    }
    .v-terms{
        margin-left: 310px;
        margin-top: -75px;
    }
    .v-advert-item-name{
        display: flex;
        align-items: center;
    }
    .v-advert-item-content{
        text-align: justify;
    }
    .v-advert-credit-body{
        margin-top: -7px !important;
    }
    .v-advert-banner-phone{
        margin: unset;
    }
    .v-margin24{
        margin-top: 30px;
        margin-bottom: 24px !important;
    }
    #v-margin0{
        margin-bottom: 0px !important;
    }
    .v-advert-banner-phone-footer .image-link {
        margin: unset !important;
    }
    .v-advert-credit-name{
        margin-top: unset;
    }
    .v-margin5{
        margin-bottom: 5px !important;
    }
/* payroll */
    #v-payroll-block3 h4,
    #v-payroll-block2 h4,
    #v-payroll-block1 h4{
        font-size: 20px !important;
    }
    #v-payroll-block3 p,
    #v-payroll-block2 p,
    #v-payroll-block1 p{
        font-size: 12px !important;
    }
    .v-block-service-bg{
        margin-top: -100px;
    }
    .v-custom-header{
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    #v-block-nomarginbot{
        margin-bottom: unset !important;
    }
    #v-block-nomarginbot .wpb_wrapper{
        padding: unset !important;
    }
    #v-block-nomarginbot a{
        min-width: unset;
        width: 100%;
    }
    .v-custom-seperator{
        margin-bottom: 5px !important;
        margin-top: unset !important;
    }
    #v-payroll-custom-bg{
        background-size: cover !important;
    }
    #v-pad-banner-phone-name{
        margin-top: unset !important;
    }
    .circle-img{
        left: calc(-50%);
    }
    .circle-img1{
        right: calc(-50%);
    }
    .v-payroll-banner{
        margin: 60px 0px 40px 0px !important;
    }
    .v-advert-item{
        margin-bottom: 40px !important;
    }
    #v-payroll-smile{
        margin-top: 65px !important;
    }
    .v-payroll-table-title{
        margin-top: unset;
        margin-bottom: 15px !important;
    }


    /* terms of use */
    .vc_tta-tabs-list-scrolled{
        width: 30%;
    }

    /* pay */
    .pay-tab-code .nav{
        padding-top: unset !important;
    }
    #v-timkiemgiaiphap{
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
    #v-timkiemgiaiphap .vc_column-inner {
        padding-top: 0px !important;
    }

    /* Home */
    .tn-block-congthanhtoan > .vc_column-inner > .wpb_wrapper{
        padding: 20px !important;
    }
    .cicon-pay{
        padding: unset !important;
    }
    #v-margin{
        margin-top: 20px !important;
    }
    #v-mobile-margin-top .vc_column-inner{
        margin-top: 0px !important;
    }
    #vdangky{
        min-width: unset;
        padding:  12px 14px !important;
    }
}
