*{margin:0;padding:0;box-sizing:border-box;scroll-behavior: smooth;}
@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{font-family:OpenSans,sans-serif!important; font-size: 18px}
a{color:#333}
#normalHeader.png{background-image:url(../img/backgroundPC.png)}
#normalHeader.webp{background-image:url(../img/backgroundPC.webp)}
#normalHeader{background-size:100% 492px}
#normalHeader .header>div>ul .hotline a{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAAAA9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUpVZxeSQAAABV0Uk5TABBvr+//UGDAcKCQ8LAwj+Dfn0CADVj/kAAAAIpJREFUeJxdT0kSwzAIAwe8xSbp8v+3FuR0OqkO4BESMkQOTpuobInpQhZdkLyIoj8UKFTvFMNS86UUpha9Y9U+vDSaUIzS3GD+nhS8jeIDIwpbFD00YYpd0ADD6IyGPR5q1agrlMja42MgPIvDJkb5sbx8P0I1/98l6/z8zfP+XBS3OfSshV69vj9VSAYY7iDWiAAAAABJRU5ErkJggg==) no-repeat left}
#normalHeader .header>div>ul .loginGroup .login a:first-child{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAMAAABYi/ZGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADxQTFRFAAAA9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp9VUp2nAGzwAAABR0Uk5TACCf7/8wEHCwoPBAr79f4GBQ39Dv3/eIAAAAdklEQVR4nG3OURKDIAxF0RcJIChCy/73WqgSUbhfzJkwCfCPFsVqIXRpxTWlbzInFTRilltWbBVzYm5is7/GX+TvHdAnerll28NBznN0lMK+VUp1oijoCPX56e5tlbstv7Pdva0VcbAvBmKeWh4oT/ciPSdzwg/JCAXX/PRD6gAAAABJRU5ErkJggg==);background-size:17px}
#normalHeader .header>div>ul .loginGroup .login a:first-child::after{width:2px;background:#eee}
.title h3{clip-path:none!important;background:0 0!important;color:#f65529!important;font-weight:700;font-family:OpenSansExtraBold;text-align:center;font-size:24px;text-transform:uppercase}
#demoLesson{padding-top:20px}
#demoLesson .title>div>a{background:#17a17d;color:#fff568}
#demoLesson .title>div ul{background:#38b594}
#demoLesson .title>div ul li a.active,#demoLesson .title>div ul li a:hover{color:#17a17d;background:#fde583;font-family:OpenSansBold}
#normalHeader .header>div>ul a{text-decoration:none;color:#16a07c;font-family:OpenSansBold}
#normalHeader{background-position:bottom}
#normalHeader .wrapperBanner .bannerPC{width:auto;line-height:0;max-height:492px}
#demoLesson .content{background:#ebebeb}
#demoLesson .content .lessons ul li a.active{background:#f8d542}
#listSubject{background:url(../img/bg3.png) center/contain;padding-top:20px}
#listSubject .content>div{background:0 0;padding:0 12px}
#listSubject .content>div ul li a:hover{background:#f55529;color:#fee684}
#listSubject .content>div ul li a{background:#23a583;color:#fee684}
#magazine{background:#23a583}
strong{font-family:OpenSansBold}
.tableContainer .groupBtn{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.tableContainer .groupBtn a{text-decoration:none;min-width:205px;font-size:24px;padding:7px 12px;color:#fff;font-weight:700;border-radius:7px;margin:0 12px;text-align:center}
.tableContainer .btnSignIn{background:#fcc400}
.tableContainer .btnSignUp{background:#5c9227}
.tableContainer .btnDataCollect{background:#f26522}
.tableContainer .headTable{padding:0 12px}
.tableContainer .headTable .content{text-align:center;line-height:24px;color:#26283f;margin-bottom:20px}
.tableContainer .colorRed{color:#e02e00}
.tableContainer .textLineThrough{text-decoration:line-through}
.tableContainer table,.tableContainer td,.tableContainer th,.tableContainer tr{border:none;border-collapse:collapse;padding:20px 10px;text-align:center}
.tableContainer th{color:#26283f;font-size:18px}
.tableContainer table td:nth-child(1),.tableContainer table th:nth-child(1){width:60px}
.tableContainer table td:nth-child(2),.tableContainer table th:nth-child(2){width:447px}
.tableContainer table{background:#fff;width:100%}
.tableContainer table td p{margin-bottom:5px}
.tableContainer .colorRed,.tableContainer .textbold{font-weight:700}
#boughtCountdownTime{background:#f55529;border-radius:20px;margin-top:22px}
#boughtCountdownTime .containerCountdownTime span.text{border:none;color:#fee684}
#boughtCountdownTime .containerCountdownTime>#timeCoutDown>span{border:none;background:#fde583;color:#23a684;border-radius:12px;font-family:OpenSansBold}
#boughtCountdownTime .containerCountdownTime>#timeCoutDown>span>span.subText{color:#095d08;font-family:OpenSans}
#boughtCountdownTime .containerCountdownTime #timeCoutDown>span,#boughtCountdownTime .containerCountdownTime span.text{height:144px}
#boughtCountdownTime span.textCountDown{color:#fff;font-family:OpenSansBold;margin-bottom:25px;margin-top:0;text-transform:uppercase;font-size:24px}
#boughtCountdownTime a{background:#fff567;border:none;color:#c43855;font-family:OpenSansBold;margin-top:32px}
#boughtCountdownTime .containerCountdownTime span.text{margin-right:0}
.boxContainer{padding:0 calc((100% - 1200px)/2) 20px}
.textH3{text-align:center;margin-top:20px;font-family:OpenSansBold;font-size:18px;color:#262626}
#eventList1.tableContainer table tr th{font-family:OpenSansBold;color:#262626;border-bottom:2px solid #eee}
#eventList1.tableContainer table tr>*{padding:10px;border:none;border-right:1px solid #aaa}
.pagination{list-style:none;display:flex;justify-content:center;margin:0 0 30px;text-align:center}
.pagination li{text-align:center;padding:0 6px}
.pagination li a{color:#b1afaf;text-decoration:none}
.pagination li .actived{font-family:NunitoBold;color:#262626}
.pagination li .arrowRight{margin-top:4px}
#eventList1 table .dataHead{background:#eee;height:81px}
#eventList1 table .dataRow:nth-child(2n-1){background:#eee}
#eventList1 table tr{border-radius:10px!important}
#eventList1.tableContainer table tr>td:last-child,#eventList1.tableContainer table tr>th:last-child{border-right:none}
#listSubject .content{display:block}
#listSubject .content>div{width:100%}
#listSubject .content>div ul{grid-template-columns:repeat(5,minmax(0,1fr))}
#listSubject .content>div>div{padding-bottom:18px}
.boxContainer.countDown{padding-bottom:20px}
.subTitle{text-align:center;font-family:OpenSans;padding:5px 0;font-size:24px}
div#infoLeftImage{background:url(../img/bg2.png) center/contain}
#infoLeftImage .content{align-items:center}
#infoLeftImage .content .wrapperContent ul li{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAYAAAARfGZ1AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAABOZJREFUeJydlGlMlFcUhm8UFUtQgxQRcUGDKCjLwMAIwyKbghSXLtal0VbTzWhom2pttFFbTSuNNdrGlFbbVBuNMbSVqIDRiiLggghqBVpEUVwRmGEGBhjm6WHgh607N3kzk++79znvWe6nVA8X5Wq2qEJ0V/RtTzkPg2+q1wQIl0WVoqv23x09g22c/ybp86v5dFkmu3VTqFUWO7iqS+bTivYL9gCuzwGdk8SKD4vY+AZsEKUtgayRUCOgatEVRW2W4twWRVOh6nw+8OnQ005aLjhkcW4w7IiF5Qtg5VuQMxtuRQtkNFYpy9W9snWT4sZRZbXdVmlPhq5925OMKRlUOsBtcVLbrexQODYPmmfAHQlU9w43D7lz4QdFfV4vyPUreDz067mObFi4mlVLLCz/CKkvHJX0K3uLSwEb50DjdPk/C669Cnffo6nYD2OBA62lQzDvDTe3bEvJa8z1fr+hyDW2scB9TOPJocMUm+ctYtOS66xZDHsiIG8UnBgGhS4CF1fVzjINOrguAWvFfe1c2isSMJwcLq49uFfkSt2lPtRd7EfDKTca5azhTw9TY/7QbcocEY31Y3FUMkQcSQluia6LbnY1zSyN6qj0kncrsNYEY7vugLVMYSl1oKXQA9OeUIy/h9B41osGYdRVuWA8MCLbkOPppEwuobRtHAAIrLx7CmRuzWcVVfsU1w4o2i4HYforElO2JxT1hXuy50b3KJ53k6YnYVuaQvu7vrSuGkvzdq+j9nrXj4w9wa5ueEWnI0VNpozX94orB8V1rjeGI6O4I8Gaf5ZJWbkMftMK3LEry87mb5dSRsqzuGAID+0gNXKxHV7gMHPBJW2gHW5rUJRsE+2USygXg/0hkLGQ+/mu3C9xonVnFKxdDus+gc8TYZdAd8nZ9CB4JYD2RA0mvbbFmJzYyw4vHDg17aBKpmLaBMxF/bmb34vmM/1h/QhahqViXhdBQ/kg6osH0bY7FVZL4xdJkEgJvFYDB/2wbZ5Ac3gIRv8QmrRaiyEpvuumnnVL/OC4ima/SqXMIxJ+9YEtE7Em62jrq8W4ciT1NYNpKHbH+plMU7ykP1X2TA+Azf5yB3zp2DgRg4BNwcGYJmktxuT4F+3wM65T7PDDKp5Sd6npejmw1Zea6DAqHWNo+m40jTddZMQ8sL0+HpIDsM0MpiUiBOuXsjdH4OkTadI8BX7BSw+bfOHHcVQEhpOppnH7Jy+svEDLKXdsMzS0xUjqIVoMvlo6OuG5zwvPGEeVfziHe8dy74/h/LPGh7p0byzi1higtYOaAgX+1VPgpwYkfHFMRT4E/3t8BCfdwimf50+WSqG4XzSWKA1maZxJ+xi4Rt5rNRiT4tzt8DKfl8IKHGMvHVKTKfUMh2+64Fd0OnEex3EVK4ETKO4Tg0Uf/Fi4yT8QU1AQTZP1Owwzkxz/8/HKd05ZenGMvo6tY+VS+FCtDyNbJXJC4EdUHCXOUVgiHwE/5oNNsjWGTcoxJMZHPPbrWKmbNqg5Lfgrto/lqoAOieN8yeiRcH+NHWrL9CuzrJg064nf8geXedkk76qIqF8OCzRPRXXBB3TDdVLXICmBLvRW63Ld0meG/n+VjJiuL3KOz81VMdJQPa3hATTrNO3G2Kj1hpQkpx6DH1xFQ1NePj8o+mLzZN2+ptSEUc967l8d5/31gJMMtgAAAABJRU5ErkJggg==) left -2px no-repeat;padding-left:38px}
#listSubject .content>div p{color:#23a684}
#infoLeftImage .content .wrapperContent h3{color:#23a684!important;font-weight:700;font-family:OpenSansBold;font-size:24px;margin-left:0}
#summary{background:url(../img/bg1.png) center/contain;padding-bottom:20px;padding-top:20px}
#summary .content{display:flex;flex-wrap:wrap}
#summary .content>div{width:50%;text-align:center;padding:0 20px;position:relative}
#summary .content>div .blockItem{position:absolute;bottom:0;width:100%;left:50%;transform:translateX(-50%)}
#summary .content>div .blockItem .contentItem{max-width:400px;padding:24px;margin:auto;background:#fff;text-align:justify;font-family:OpenSansBold;border-top-left-radius:47px;line-height:1.4;color:#17a17d;border-bottom-right-radius:47px}
#summary .content>div>img{margin-bottom:44px;max-width:100%}
#summary .colRight>img{height:82%}
#summary .content>div .blockItem>a{margin-top:20px;display:inline-block;color:#17a17d;background:#fde583;text-decoration:none;font-family:OpenSansBold;padding:7px 22px;border-radius:25px}
#summary .content>div .blockItem>a:hover{background:#fff}
#summary .title{margin-bottom:28px}
#summary .title>h3{color:#fee684!important}
.spinBlock{position:relative;margin:auto auto 29px;max-width:671px;width:calc(100% - 40px);display:flex;justify-content:center;align-items:center}
.spinBlock .spinPoint{transition:all .4s;width:14%;cursor:pointer;z-index:3}
.spinBlock .spinPillar{position:absolute;width:42%;left:50%;bottom:-2%;transform:translateX(-50%);z-index:1}
.spinBlock #myCanvas{position:absolute;width:100%;height:100%;z-index:2}
div#boxSpin{padding-top:20px;padding-bottom:20px}
div#boxSpin ul.desSpin{margin-top:20px;list-style:none}
div#boxSpin ul.desSpin>li{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAArtQTFRFAAAAdtq3eNCxdM+zdNG1ddO2dNCzarmgZsClZ7uvc9OvZcypaM2rYMqnYMqmas+tZ8+rYbebY6ygfdWxZc6pd9Cy0ezk1+3mtePTtOPT1erl0+bledG1WrqXb7adctG3dNOwWMiictCw5vHu//////r///z///f/5+jvdtK1VcOearabZb2oZ9S8cs6ucM6uq+DP9fX2//v/9PT09fX19fb0//j+9O71r+HTc8+uYbKZV8ayfNCxx+jd//j7//v8//b/y+XhXLqcb6uTcNOudM6x6vLv//r98/T0+vb3//T56+vxbb2lXLOcZ86sfdG18/X0/ff5//j8+ff3mdzFx+nd/vj99O32esixV66TfNesYciotePU9vX2+Pb3//j9/Pj6pObOPsSWndrG//3///L+uN/WVbWYYb2nas2vgdO3+Pb2/vj79PX1/Pf5//f6+/f5oOXLUsyimdnE+/j7+vj4/PX4+O/4gM22W62UbcysgtS4/vj6wurbj9/C9/X2//n9neTJltfC//n89Pb0+vD5gs63W62TcdWzY8imuOTWvOnYZteupeTOqObPV82kl9jD9ff2u+HYV7aYY7qkZs6tf9K1//n+tujWadiwVcyj9vb1+vT39e32fcmwVa+UbdGydc+w/Pf6/fj6p+HNpN3K9vf2//X6b72kWbSegsypZMypyunf//j68vTz+fb3//r7zeXiXLqdbqyUZtq+cs+vseLS+Pf4//r+9vX19+/2teLWdNGxYLKZXMOvb9W7esypV8ejdtGz6vLw//7///v+6unwfNS2VsSea7WaZr6od8y4XsOue9Oy1u3m2+7ouuTWueXW2uzn1+fnfdK2VruZaLiicreeed6eb8yyaMyqas6tYcqnbM+uadCsYrmbXKqib8u/ddCzddCxd9KyddS1dNKyabqhaLyiRIJ+VgAAAOl0Uk5TAEuWfEVEephRXP//////////Z2v/////////////c1rV/////////////9xiPv////////////////9KiP///////5Ob//////////+g4f/////////////lcP////////////////999f////////////////////n4////////////////+3b//////////////4Tk////////////6J3//////////6KI//////////+TQv///////////05k4P//////////5Wt1/////////////3wBZf////////9vUpeATk5/mViL+5cmAAABbUlEQVR4nGNgAANGJmYWVjZ2DgYkwMnFzcPLxy8gKIQQExYRFROXkJSSlpGVgwrJKygqKauoqqmpqWtoamnrgMR09fQNDI2MTYDA1MzcwtLKGihow22rYgcWA4raOzg6OQMFXVzd3CFCHp5G9l7ePr5AQT//gECwWEBQcEhoWHhEJANDVHSMmolJbJxJQHxCYlJySmpaegZDZlZ2Tq5JXr5nUEFhUXFJaVl5RSVDVbVnjUlObV19Q2NRk1FzS1lrWztDR2eXkUlDd09vX/8E1WaPiamTJk9hYJg6LTcwbvqMmbOKjZo9Zs+ZO28+0PYFC90aAhYtXrK0OcfDZNly7xUrgYKrVq9RWbtu/XSj9R4mLRvUN27aDBTcor912/Ydxjt3mpi0mO3avWfvPpDn9x84eOjwkR1qRkfVjx0/cfIUNJxOnzl77vyFi5cuX7l67To8QG/cvHWb987de/cfIAf9w0ePnzx99vwFhAcAd9iBBBu6JLoAAAAASUVORK5CYII=) left 1px no-repeat;margin-top:10px;font-family:OpenSans;padding-left:30px}
#boxTable{padding-top:20px;padding-bottom:20px}
#boxTable .title>h3{color:#23a684!important}
[id^=popupNotify_]>div h3{font-family:OpenSansBold;color:#fff;border:none;background:#f65529}
[id^=popupNotify_]>div .buttonWrapper a{border:#ffdead;color:#fff;font-family:OpenSansBold;background:#23a583}
[id^=popupNotify_]>div .content{font-family:OpenSans;line-height:1.4;text-align:center;}
#selectedGift{max-width:800px;margin:auto;padding:0 20px 20px}
#selectedGift>div{padding:20px;background:#ffd241;border-radius:20px}
#selectedGift select{height:40px;border-radius:20px;padding:3px 17px;border:none;outline:0;line-height:0;font-family:OpenSans}
#selectedGift .blockSelect{text-align:center;margin-top:40px;margin-bottom:20px}
#selectedGift .content{text-align:center;margin-top:20px}
#selectedGift a.confirmGift{text-decoration:none;text-transform:uppercase;font-family:OpenSansBold;background:#f65529;display:inline-block;padding:7px 23px;border-radius:4px;color:#fff}
#selectedGift .selectOne .blockSelect{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
#selectedGift .selectOne .blockSelect>div{padding:0 12px}
#selectedGift .selectOne .listCourse{padding:20px;background:#fff;margin-bottom:20px;border-radius:10px;list-style:none;text-align:left;height:300px;overflow-y:scroll}
#selectedGift .selectOne .listCourse>li{margin-bottom:8px}
#selectedGift .selectOne .listCourse>li input,#selectedGift .selectOne .listCourse>li>label{cursor:pointer!important}
#blockPDF .content{display:flex;flex-wrap:wrap;justify-content:space-around}
#blockPDF .content>div{width:33.33%;text-align:center;margin-bottom:45px;padding:0 30px;min-width:300px}
#blockPDF .content>div>img{max-width:250px;cursor:pointer}
#blockPDF .content>div>a{display:inline-block;margin-top:20px;text-decoration:none;color:#17a17d;background:#fde583;font-family:OpenSansBold;padding:7px 22px;border-radius:25px}
#blockPDF{padding-top:30px}
div#popupNotify_PDF .buttonWrapper{display:none}
div#popupNotify_PDF>div{max-width:890px;width:100%;margin:40px;height:calc(100% - 70px);border-radius:0}
div#popupNotify_PDF .content{padding:10px;height:100%;border-radius:0;overflow:scroll}
div#popupNotify_PDF .content embed{height:100%}
#infoRightImageStyle3 .content .luuY{padding-left:35px;background:url(../img/dauTichXanh.png) top 2px no-repeat;margin-bottom:10px}
#infoRightImageStyle3 .content>div{padding:0 12px;margin:0 auto}
#infoRightImageStyle3 .content>div p:nth-child(2){font-family: OpenSansExtraBold,sans-serif;color:#17a17d}
@keyframes bound{0%{transform:scale(1)}
50%{transform:scale(1.1);filter:drop-shadow(0 0 10px #00005e)}
100%{transform:scale(1)}}
#tipCourse{background: url(../img/textureDotted.png) #0772ec}
#demoLesson .title h3{color:#00376d;}
[id^="popupNotify_"]>div .buttonWrapper{padding:12px 0}
[id^="popupNotify_"]>div{background: url(../img/backgroundPC.png) center/cover}
@keyframes fadeUp {0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}
[id^="popupNotify_"]>div{animation: fadeUp 0.4s forwards}
#videoLeftStyle3 .wrapperVideo{background:#17a17d}
@media all and (max-width:1023px){.title h3{font-size:16px!important}
.boxContainer{padding:0 20px}
#boughtCountdownTime .containerCountdownTime #timeCoutDown>span,#boughtCountdownTime .containerCountdownTime span.text{width:auto;height:auto}}
@media all and (max-width:768px){#normalHeader.png{background-image:url(../img/backgroundMobi.png)}
#normalHeader.webp{background-image:url(../img/backgroundMobi.webp)}
.tableContainer table td:nth-child(2),.tableContainer table th:nth-child(2){width:auto}
.boxContainer.countDown{padding:12px}
#summary .content>div{width:100%;margin-top:27px}
#summary .content>div.colLeft>img{margin-bottom:138px}
#listSubject .content>div ul{grid-template-columns:repeat(2,minmax(0,1fr))}
#boughtCountdownTime .containerCountdownTime>#timeCoutDown>span{background:0 0}
#boughtCountdownTime .containerCountdownTime>#timeCoutDown>span>span.subText{color:#fff568}
#eventList1 .container{overflow:scroll}
.boxStatistical>div{padding:0;flex-wrap:wrap}
#normalHeader{background-size:contain}
div#popupNotify_PDF .content embed {height:auto}
#eventList1,#eventList1>div, #infoRightImageStyle3, #infoRightImageStyle3 .content>div{padding:0 !important}
#infoLeftImage .content .wrapperContent h3{text-align: center}
#infoLeftImage .content img {width: 228px}}