*{margin:0;padding:0;box-sizing:border-box}
@font-face{font-family:OpenSans;src:url(../../../font/OpenSans-Regular.eot);src:url(../../../font/OpenSans-Regular.eot?#iefix) format("embedded-opentype"),url(../../../font/OpenSans-Regular.otf) format("opentype"),url(../../../font/OpenSans-Regular.svg) format("svg"),url(../../../font/OpenSans-Regular.ttf) format("truetype"),url(../../../font/OpenSans-Regular.woff) format("woff"),url(../../../font/OpenSans-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:OpenSansBold;src:url(../../../font/OpenSans-Bold.eot);src:url(../../../font/OpenSans-Bold.eot?#iefix) format("embedded-opentype"),url(../../../font/OpenSans-Bold.otf) format("opentype"),url(../../../font/OpenSans-Bold.svg) format("svg"),url(../../../font/OpenSans-Bold.ttf) format("truetype"),url(../../../font/OpenSans-Bold.woff) format("woff"),url(../../../font/OpenSans-Bold.woff2) format("woff2");font-display:swap}
body{font-family:OpenSans,sans-serif!important}
a{color:#333}
.clear{clear:both}
.bold,strong{font-family:OpenSansBold,sans-serif}
.required{font-size:14px}
.red{color:#dc143c!important}
.boderRed{border:1px solid #dc143c!important}
#normalHeader{background-image:url(../img/backgroundPC.png)}
#normalHeader .header>div>ul .loginGroup .login a:first-child::after{width:2px;background:#eee}
#normalHeader .header>div>ul>li a{color:#ee791c;text-decoration:none}
#normalHeader .header>div>ul .hotline a{background: no-repeat left url(../img/hotLine.png);}
#normalHeader .header>div>ul .loginGroup .login a:first-child{background-image:url(../img/iconUser.png);background-size:17px}
.title h3{clip-path:none!important;background:0 0!important;font-weight:700;font-family:OpenSansBold;font-size:30px!important; text-align: center;}
[id^=popupNotify_]>div .buttonWrapper a{background:#097679;font-weight:700;border:none;font-size:14px;text-transform:uppercase;margin:12px 0;padding:9px 21px;color:#fff;border-radius:7px}
[id^=popupNotify_]>div h3{border:none;color:#097679;font-family:OpenSansBold;font-size:24px;padding-top:28px;padding-bottom:13px}
#stepDownload{padding:20px calc((100% - 1200px)/2);background:#465ee6}
#listDownload .title,#stepDownload .title{text-align:center}
#stepDownload .content{padding-top:20px}
#stepDownload .content ul{list-style:none}
#stepDownload .content .buttonWrap{display:flex;justify-content:center;align-items:center;column-gap: 24px;}
#stepDownload .content .buttonWrap a{text-decoration:none;display:inline-block;background:#faebd7;padding:10px 20px;min-width:136px;text-align:center;border-radius:7px;text-transform:uppercase;font-family:OpenSansBold;color:#fff}
#stepDownload .content ul>li .stepItem{width: 97px;clip-path:polygon(0% 0,93% 0,100% 50%,93% 100%,0 100%);padding:5px 22px 6px 16px;background:#fdca29;display:inline-block;margin-right:9px;color:#097679;font-family:OpenSansBold}
#stepDownload .content ul>li span:nth-child(2){width: calc(100% - 100px);display: block;}
#stepDownload .content ul>li{margin-bottom: 20px;color: #fff;display: flex;align-items: center;}
#stepDownload .title h3{color:#fff!important}
#stepDownload .content .buttonWrap a.btnShare{background:#e7b809}
#stepDownload .content .buttonWrap a.btnLogin{background:#6dcff6}
#stepDownload .content .buttonWrap a.btnDownload{background:#ea4657}
#listDownload{padding:20px calc((100% - 1200px)/2)}
#listDownload .title h3{color:#465ee6}
#listDownload .content{padding-top:25px}
#listDownload .content .listPromo{display: grid;grid-template-columns: auto auto auto auto;row-gap:24px;column-gap:24px;justify-content: center;}
#listDownload .content .listPromo>div{text-align:center;padding:10px 0}
#listDownload .content .listPromo>div:hover .btnDownload{transform: scale(1.1);}
#listDownload .content .listPromo>div:hover .image>img{transform: scale(1.1) rotate(6deg);}
#listDownload .content .listPromo .btnDownload{transition: all 0.2s;text-decoration:none;font-family:OpenSansBold;color:#ed791d;border:1px solid #ed791d;padding:4px 15px;border-radius:7px;display:inline-block;margin-top:22px}
#listDownload .content .listPromo .btnDownload:hover{background:#ed791d;color:#fff}
#videoLeft>div{background:#ebebeb;border:none}
#videoLeft>div .wrapperContent ul li{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAMAAAA1b9QjAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADZQTFRFAAAACXV5CXV5CXV5CXV5CXV5CXV5CXV5CXV5CXV5CXV5CXV5CXV5CXV5CXV5CXV5CXV5CXV5k+vGzwAAABJ0Uk5TAGDvn38Q//DAbyCQMFCgv9CA2tAMvgAAAF5JREFUeJx9zckOwCAIRdEHVbStnf7/ZwtqHTa9CxJOQgCmiBeQa3mQSIC0yECnxH6SYZAKJn7dBjDZhVMHE13YZTiq4LRXIeGMnxgp1C9lUkyYBcCf8NUqcsvQo/ACrZYDvr9JfhwAAAAASUVORK5CYII=) left 4px no-repeat;color:#262626}
#popupNotify_CHOOSECHANNEL .chooseChannel{display:flex;flex-wrap:wrap;justify-content:space-around}
#popupNotify_CHOOSECHANNEL .chooseChannel a{text-decoration:none;display:block;width:48%;text-align:center;padding:43px 0;background:#0ff;border-radius:20px}
#popupNotify_INFOUSER .getInfoCustomer{list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto}
#popupNotify_INFOUSER .getInfoCustomer>li{width:48%;margin-bottom:14px}
#popupNotify_INFOUSER .getInfoCustomer>li>span.label{display:block;margin-bottom:4px;font-family:OpenSansBold;color:#444;padding-left:5px}
#popupNotify_INFOUSER .getInfoCustomer>li input,#popupNotify_INFOUSER .getInfoCustomer>li select{border:1px solid #ddd;border-radius:2px;width:100%;height:35px;padding:2px 11px;color:#444}
#popupNotify_INFOUSER .getInfoCustomer>li input:focus-visible,#popupNotify_INFOUSER .getInfoCustomer>li select:focus-visible{outline:0}
#listDownload .content .listPromo .itemDowload .image>img{max-width:100%;    transition: all 0.2s;}
#listDownload .content .listPromo .itemDowload .image{margin:auto;overflow: hidden;border-radius: 15px;}
#popupNotify_RESULT .content{text-align:center}
#videoLeft>div .wrapperContent h3 {clip-path: none!important;background: 0 0!important;color: #097679!important;font-weight: 700;font-family: OpenSansBold;font-size: 24px!important;}
.wrapTitle {margin: 10px 0 26px;}
#videoLeftStyle3 .wrapperVideo {background: #eee;}
[id^="popupNotify_"]>div .content{text-align: center;}
#stepDownload .txtWarning{text-align:center;padding-bottom:24px;color:#f6d46a;font-style:italic}
#stepDownload .txtWarning a{font-family:OpenSansBold;color:#f6d46a}
@media all and (max-width:1023px){.title h3{font-size:16px!important}
#listDownload .content .listPromo{grid-template-columns: auto auto auto;}
#listDownload {padding: 20px 12px;}}
@media all and (max-width:768px){#listDownload,#stepDownload{padding:20px}
#normalHeader{background-image:url(../img/backgroundMobi.png)}
#normalHeader{background-size:cover}
#listDownload .content .listPromo{grid-template-columns: auto auto;}}
@media all and (max-width:480PX){
#stepDownload .content .buttonWrap a {font-size: 12px;}
#stepDownload{padding:12px}
#listDownload .content .listPromo{grid-template-columns: auto auto;}}