*{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}
@font-face{font-family:OpenSansExtraBold;src:url(../../../font/OpenSans-ExtraBold.eot);src:url(../../../font/OpenSans-ExtraBold.eot?#iefix) format("embedded-opentype"),url(../../../font/OpenSans-ExtraBold.otf) format("opentype"),url(../../../font/OpenSans-ExtraBold.svg) format("svg"),url(../../../font/OpenSans-ExtraBold.ttf) format("truetype"),url(../../../font/OpenSans-ExtraBold.woff) format("woff"),url(../../../font/OpenSans-ExtraBold.woff2) format("woff2");font-display:swap}
body,html{font-family:OpenSans,sans-serif;font-size:18px;}
a{color:#262626}
.clear{clear:both}
.bold{font-family:OpenSansBold,sans-serif}
.dnone{display:none!important}
.fl{float:left}
.container{width:100%;max-width:1224px;margin:0 auto;display:flex;flex-direction:column;row-gap:24px;padding:0 12px}
html{scroll-behavior:smooth}
b{font-family: OpenSansBold;}
#normalHeader{background-position:center}
#normalHeader.png{background-image:url(../img/backgroundPC.png)}
#normalHeader.webp{background-image:url(../img/backgroundPC.webp)}
#normalHeader .header>div>ul .hotline a{background:url(../img/hotline.png) no-repeat left}
#normalHeader .header>div>ul .loginGroup .login a:first-child{background:url(../img/iconUser.png) 0/17px no-repeat}
#normalHeader .header>div>ul .loginGroup .login a:first-child::after{width:2px;background:#eee}
#normalHeader .header>div>ul .logo img{width:160px}
#normalHeader .wrapperBanner{align-items:flex-start;padding:24px 0 0 0 }
#normalHeader .header>div>ul a{color:#7b3bd2}
#normalHeader .header{background:#fff;}
#bgQuaTangTheLe{background:no-repeat top 273px left 0 url(../img/texture1.png), no-repeat top 1591px left 0 url(../img/texture2.png);background-size:contain,contain;padding:36px 0}
.body-comment .title h3 span,.danhSachBaiThi .title,.loiYeuThuong .title,.quaTang .title,.theLe .title{font-size:36px;text-align:center;padding-bottom:18px;text-transform:uppercase;font-family:OpenSansExtraBold;-webkit-text-stroke:2px #fff;background:-webkit-linear-gradient(0deg,#694faa 0,#944e8a 30%,#ff4c3d 70%,#ff4c3d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0px 0 1px rgba(0,0,0,.562))}
.body-comment .title h3{font-size:36px;padding:0 40px;color:#000;clip-path:none;background:transparent}
.quaTang .listItems{display:flex;flex-wrap:wrap;justify-content:center;row-gap:36px;column-gap:24px;margin-top:36px}
.quaTang .listItems .item:last-child p,.quaTang .listItems .item:nth-child(4) p{font-size: 14px;}
.quaTang .listItems .item{width:220px;border-radius:15px;box-shadow:0 0 6px 2px #d1d1d1;padding:34px 9px 12px;position:relative;background:#fff}
.quaTang .item img,.quaTang .item p{text-align:center}
.quaTang .item p{position:absolute;top:-17px;right:calc(50% - 95px);width:190px;height:42px;background:url(../img/nenTieuDeItem.png) no-repeat;display:flex;justify-content:center;align-items:center;color:#fff}
.quaTang .item img{width:100%;height:100px;object-fit:contain}
.quaTang .item ul{list-style: none;display: flex;flex-direction: column;row-gap: 7px;}
.quaTang .item ul li{background:url(../img/qua.png) left 0 no-repeat;padding-left:28px}
.theLe .wrapContent{display:flex;justify-content:center;align-items:center;column-gap:24px;row-gap:30px}
.theLe .wrapContent img{max-width:440px;width:100%}
.theLe .wrapContent ul{list-style:none}
.theLe .wrapContent li{margin-bottom:20px}
.theLe .wrapContent li b{font-size:20px;color:#46af8d;margin-bottom:5px;display:inline-block}
.theLe .wrapContent>.contentRight>li:last-child{text-align:center}
.theLe .wrapContent .btnJoinNow{border:none;font-size:24px;padding:10px 24px;color:#fff;background:#ff4c3d;border-radius:10px;cursor:pointer;}
.groupInput{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:10px;margin-bottom:12px}
.loiYeuThuong .groupInput input{outline:0;font-size:18px;padding:5px 12px;border:none;background:0 0;border-bottom:2px dashed #a9a9a9}
.loiYeuThuong .groupInput input:focus{border-bottom:2px dashed #ff4c3d;color:#ff4c3d}
.loiYeuThuong .txtChuaDangNhap{
    text-align: center;
}
.loiYeuThuong .txtChuaDangNhap b{color: #46af8d;text-decoration: none;}
.previewImg img{width:200px;height:100px;object-fit:contain;border:1px solid #ccc;padding:5px;font-size:11px}
.btnGuiLoiYeuThuong{display:flex;margin:20px auto 0;align-items:center;padding:10px 24px;border:none;column-gap:4px;color:#fff;background:#ff4c3d;border-radius:6px;cursor: pointer;}
.danhSachBaiThi .listPost{list-style:none;display:flex;flex-direction:column}
.danhSachBaiThi .listPost li{padding:10px}
.danhSachBaiThi .listPost li:nth-child(even),.danhSachBaiThi .listPost li:nth-child(odd){background:0 0}
.danhSachBaiThi .listPost .heart{display:flex;align-items:center;column-gap:5px;justify-content:flex-end;color:#eb4461;padding-top:14px}
.danhSachBaiThi .listPost .heart a{display:flex;align-items:center;width:18px;height:18px;background:url(../img/heart-not-active.png) 0 0/contain no-repeat}
.danhSachBaiThi .listPost .heart a.active{background:url(../img/heart-active.png) no-repeat}
.danhSachBaiThi .listPost li:nth-child(even) .baiThi .wrapPopup{flex-direction:row-reverse}
.danhSachBaiThi .listPost li .baiThi .wrapPopup{display:flex;column-gap:24px}
.danhSachBaiThi .listPost li .baiThi.reading{background: #000000b8;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center;animation:fadein .4s forwards}
.danhSachBaiThi .listPost li .baiThi.reading .wrapPopup{display:flex;column-gap:24px;flex-direction:column;background:#fff;max-width:700px;width:100%;height:90%;position:relative;margin:0 12px}
.danhSachBaiThi .listPost li .baiThi.reading .anhBaiThi{max-width:100%;filter:brightness(0.7)}
.danhSachBaiThi .listPost li .baiThi.reading .thePost .btnViewMore{display:none}
.danhSachBaiThi .listPost li .baiThi.reading .thePost .txtContent{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:unset;text-overflow:unset;text-align:unset}
.danhSachBaiThi .listPost li .baiThi.reading .wrapPopup .thePost{width:calc(100% - 24px);overflow-y:auto;padding:12px;background:#fff3eb;margin:-75px auto 12px;text-align:justify;z-index:2;font-size:15px;border-radius:0 30px}
.danhSachBaiThi .listPost li .baiThi .anhBaiThi{max-width:393px;width:100%;max-height:256px;object-fit:cover;border-left:6px dashed #d6ac68}
.danhSachBaiThi .listPost li .baiThi .wrapPopup .thePost{width:calc(100% - 393px)}
/* .danhSachBaiThi .listPost li .baiThi .thePost .btnViewMore{color:#46af8d;text-decoration:none;padding:10px 0 0 0;display:block} */
.danhSachBaiThi .listPost li .baiThi .thePost .txtContent{color:#2c0f14;text-align:justify;}
.danhSachBaiThi .listPost li .baiThi .btnClose{position:absolute;width:50px;height:50px;background:url(../img/icon-close.png) 0 0/contain no-repeat;z-index:10;right:12px;top:12px;display:none}
.danhSachBaiThi .listPost li .baiThi .btnClose:hover{transform:scale(1.05)}
.danhSachBaiThi .listPost li .baiThi.reading .btnClose{display:block}
.danhSachBaiThi .userInfo{display:flex;column-gap:8px;margin-bottom:12px}
.danhSachBaiThi .userInfo .avatar{width:50px;height:50px;object-fit:cover;border-radius:99px}
.danhSachBaiThi .userInfo div span{color:#6a6a6a}
.danhSachBaiThi .pagination{display:flex;column-gap:18px;padding:24px 0}
.danhSachBaiThi .pagination li{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border:1px solid #868686;color:#868686;border-radius:5px}
.danhSachBaiThi .pagination li.active,.danhSachBaiThi .pagination li:hover{border:none;background:#46af8d;color:#fff}
.danhSachBaiThi .pagination li a{display:flex;align-items:center;width:100%;height:100%;justify-content:center;text-decoration:none}
.danhSachBaiThi .filterPost{display:block;margin:0 0 0 auto;font-size:18px;padding:8px 22px;border-radius:10px;background:#ff8693;color:#fff;border:none;outline:0}
.body-comment{width:100%;padding:0;margin:0}
#popupNotify_RESULT>div h3,[id^=popupNotify_]>div h3{background:#46af8d;color:#fff;border-color:#fff}
#popupNotify_RESULT>div>div button{border-radius:9px;border:none;font-weight:700;font-size:16px;padding:11px 22px;color:#6340f6;background:#ffdc00;border-bottom:4px solid #ffa200;cursor:pointer}
#popupNotify_RESULT>div>div input,#popupNotify_RESULT>div>div textarea{background:rgba(255,255,255,.3);color:#7057a9;border-radius:13px;padding:10px 15px;font-size:15px;border:1px solid #dbcbfd}
#popupNotify_RESULT>div>a{background:url(../img/icon-close.png) 0/contain no-repeat;width:20px;height:20px}
#popupNotify_RESULT>div .content{text-align: center;}
#popupNotify_RESULT>div>a>img{display:none}
#popupNotify_RESULT .buttonWrapper{padding-bottom: 12px;}
#popupNotify_RESULT .buttonWrapper a{border: none;background:#ff4c3d;color: #fff;}
#popupNotify_RESULT{z-index:99}
.body-comment iframe{width:100% !important;max-width:100% !important;}
@keyframes fadein{0%{opacity:0}
100%{opacity:1}}
@media all and (max-width:1024px){.theLe .wrapContent{flex-direction:column}}
@media all and (max-width:769px){#normalHeader{background-size:contain;background-color:#302258;background-position:top 40px left;border-radius:0 0 40px 40px}
#normalHeader.png{background-image:url(../img/backgroundMobi.png)}
#normalHeader.webp{background-image:url(../img/backgroundMobi.webp)}
#normalHeader .wrapperBanner{flex-wrap:wrap;padding:0}
#normalHeader .wrapperBanner .banner{width:100%}
.theLe .wrapContent img{max-width:300px}
.loiYeuThuong .groupInput input{width:calc(33.33% - 8px)}
.danhSachBaiThi .filterPost{margin:0 0 20px auto}
.danhSachBaiThi .listPost li .baiThi .anhBaiThi{max-width:130px;max-height:200px;height: 103px;}
.danhSachBaiThi .listPost li .baiThi .wrapPopup .thePost{width:calc(100% - 130px);}
.danhSachBaiThi .listPost li:nth-child(even) .baiThi .wrapPopup,.danhSachBaiThi .listPost li:nth-child(odd) .baiThi .wrapPopup {
    flex-direction: column;
}
.danhSachBaiThi .listPost li .baiThi .anhBaiThi {
    max-width: 100%;
    width: 100%;
    margin-bottom:10px;
    max-height: 225px;
}
.danhSachBaiThi .listPost li .baiThi .wrapPopup .thePost {
    width: 100%;
}
}
@media all and (max-width:480px){body,html{font-size:14px}
#bgQuaTangTheLe{padding:18px 0}
.container{row-gap:36px}
.quaTang .listItems .item{width:calc(50% - 12px)}
.quaTang .item img{width:140px;height:100px;display:block;margin:0 auto 10px;object-fit:contain}
.quaTang .listItems{column-gap:17px;margin-top:0}
.body-comment .title h3 span,.danhSachBaiThi .title,.loiYeuThuong .title,.quaTang .title,.theLe .title{font-size:20px;filter:none;-webkit-text-stroke:unset}
.quaTang .title{margin-bottom:12px}
.danhSachBaiThi .pagination{display:flex;column-gap:18px;padding:12px 0}
.theLe .wrapContent img{max-width:170px}
.theLe .wrapContent li{margin-bottom:16px}
.theLe .wrapContent li b{font-size:16px}
.theLe .wrapContent{row-gap:12px}
.theLe .wrapContent .btnJoinNow{padding:8px 12px;font-size:17px}
.theLe .wrapContent li:last-child{margin-bottom:0}
.loiYeuThuong .groupInput input{font-size:14px}
.body-comment{padding:0}
.danhSachBaiThi .filterPost{font-size:14px;padding:8px 5px;text-align:center}
.danhSachBaiThi .listPost li .baiThi .wrapPopup {column-gap: 12px}
.danhSachBaiThi .listPost li .baiThi.reading .wrapPopup .thePost{margin: -26px auto 12px}}