﻿@font-face{font-family:"Helvetica";font-style:normal;font-weight:300;src:url("../font_hel/helvetica-neue-light.woff") format("woff");font-display:swap}@font-face{font-family:"Helvetica";font-style:italic;font-weight:300;src:url("../font_hel/helvetica-neue-light-italic.woff") format("woff");font-display:swap}@font-face{font-family:"Helvetica";font-style:normal;font-weight:400;src:url("../font_hel/helvetica-neue-regular.woff") format("woff");font-display:swap}@font-face{font-family:"Helvetica";font-style:italic;font-weight:400;src:url("../font_hel/helvetica-neue-italic.woff") format("woff");font-display:swap}@font-face{font-family:"Helvetica";font-style:normal;font-weight:500;src:url("../font_hel/helvetica-neue-medium.woff") format("woff");font-display:swap}@font-face{font-family:"Helvetica";font-style:normal;font-weight:700;src:url("../font_hel/helvetica-neue-bold.woff") format("woff");font-display:swap}@font-face{font-family:"Helvetica";font-style:italic;font-weight:700;src:url("../font_hel/helvetica-neue-bold-italic.woff") format("woff");font-display:swap}@font-face{font-family:"Helvetica";font-style:normal;font-weight:900;src:url("../font_hel/helvetica-neue-condensed-black.woff") format("woff");font-display:swap}@font-face{font-family:"SVN-A-Love";font-style:normal;font-weight:400;src:url("../fonts/SVN-Gilroy Regular.woff") format("woff");font-display:swap}@font-face{font-family:"SVN-A-Love";font-style:normal;font-weight:400;src:url("../fonts/svn_a_love/SVN A Love Of Thunder VH/SVN-A-Love-Of-Thunder.woff") format("woff");font-display:swap}html{scroll-behavior:smooth !important;font-size:16px}@media(max-width: 1300px){html{font-size:14px}}@media(max-width: 768px){html{font-size:14px}}:root{--color-main: #286BA6;--color-sub: #F0652F;--background-color: #fff;--text-color: #000;--container: 1400px}@media(max-width: 1499px){:root{--container: 1320px}}*{margin:0;padding:0}body{font-family:"Helvetica",sans-serif !important;font-weight:400;color:var(--text-color);background-color:var(--background-color);font-size:1rem;line-height:1.5rem}body .banner img,body .banner_default img{max-width:100% !important;margin-left:auto;margin-right:auto;display:block}body .text__main{color:var(--color-main)}body .fs-14{font-size:.875rem}body .sticky{position:fixed;top:0;padding:0 10px;z-index:1000;background:#1771b1}body .sticky ul li a{color:#fff !important}body .sticky ul li ul li a{color:#286ba6 !important}body .sticky .align-items-center{align-items:unset !important}body .sticky .justify-content-between{justify-content:space-between !important}@media(max-width: 767px){body .contenttt{overflow-x:hidden !important}body .contenttt img{height:auto !important}body .contenttt h3,body .contenttt h4,body .contenttt h1,body .contenttt h2{font-size:calc(1.325rem + .9vw) !important}body .contenttt h3 span,body .contenttt h4 span,body .contenttt h1 span,body .contenttt h2 span{font-size:calc(1.325rem + .9vw) !important}body .contenttt .col{flex:unset !important}}body a{text-decoration:none}body a:hover{color:#b57b31}body ul{padding:0;list-style-position:inside}body ul li{list-style:none}body input:focus{outline:none !important;box-shadow:unset !important}body .pagination{justify-content:center;grid-gap:10px}body .pagination .page-item{list-style:none}body .pagination .page-item .page-link{color:#222;border-radius:50%;width:38px;height:38px;text-align:center;position:relative}body .pagination .page-item .page-link i{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding:0;background:#fff}@media(max-width: 767px){body .pagination .page-item .page-link{font-size:16px;line-height:28px}}body .pagination .active .page-link{background-color:var(--color-main);border-color:var(--color-main);color:#fff}.gradient_text{background:linear-gradient(45deg, rgb(181, 123, 49) 0%, rgb(246, 188, 44) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.btn-web{display:inline-block;background:linear-gradient(45deg, rgb(181, 123, 49) 0%, rgb(246, 188, 44) 100%);border-radius:5px;padding:5px 8px;color:#fff}.btn-web:hover{background:#b57b31 !important}.text-crop{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}header{width:100%;background-color:#fff}@media(max-width: 767px){header{overflow-x:hidden;border-bottom:1px solid #ddd}}header .img_header{height:50px}header .img_header img{width:100%;object-fit:fill}header .navtotal .lang .dropdown-toggle{color:#050a1d}header .navtotal .lang .menu_lang{background:#464646;width:150px;padding:10px 13px;top:75% !important;left:unset;right:unset;border-radius:0;transform:unset !important}header .navtotal .lang .menu_lang span{display:inline-block;color:#fff;margin-left:7px}header .navtotal .right_top .right_top-menu .menuTop{gap:10px;margin:0}header .navtotal .right_top .right_top-menu .menuTop li a{color:#000;font-size:.9375rem}header .navtotal .right_top .right_top-menu .menuTop li a .menuTop__name{display:block;margin-left:4px;font-weight:500}@media(max-width: 1023px){header .navtotal{height:80px}header .navtotal .bar_menu a i{font-size:22px;color:var(--color-main)}header .navtotal .logo .logo_main{width:70%}header .navtotal .lang .menu_lang{top:100% !important}}@media(max-width: 768px){header .navtotal .lang .menu_lang{padding:3px;min-width:10px;width:50px;top:105% !important}header .navtotal .lang .menu_lang .item_lang img{width:30%}header .navtotal .lang .menu_lang .item_lang span{font-size:12px;line-height:15px}}header .search_form{width:300px;margin-left:20px}header .search_form .keyword{background:#f5f5f5;border-radius:0;height:48px;border:unset}header .search_form .keyword:focus{outline:none}header .search_form .search2{top:50%;right:10px;transform:translateY(-50%)}.btn-hotline{font-size:.875rem}.btn-hotline:hover{color:#fff}.hotline_fix .tel{font-size:1.125rem;font-weight:700;color:#dd2033}.default_about{background:#f0f7ff;position:relative}.default_about .bgr_about{width:100%;object-fit:fill}.default_about .content_about{position:absolute;left:0;right:0;bottom:0}@media(max-width: 767px){.default_about{background:#fff;padding-top:20px}.default_about .bgr_about{display:none}.default_about .content_about{position:unset}.default_about .thongke_about{grid-template-columns:1fr 1fr !important;grid-gap:10px !important}}footer{background:#f9f9f9;position:relative}footer .row_footer{padding:2rem 0;display:grid;grid-template-columns:21% 1fr 1fr;grid-gap:6rem;border-bottom:1px solid rgba(0,0,0,.08)}footer .row_footer .footer_item{color:#000}footer .row_footer .footer_item .email_address{color:#000}footer .row_footer .footer_item .link_map{text-decoration:underline;color:var(--color-main);border:none;background:none}footer .row_footer .footer_item iframe{max-width:100% !important;max-height:100% !important}footer .row_footer .footer_item h4{font-size:1.14rem;line-height:1.7rem;margin-bottom:10px}footer .row_footer .footer_item p{margin-bottom:10px}footer .row_footer .footer_item p a{color:#222}footer .copyright{padding:24px 0 40px 0}footer .copyright .copyright-center{font-weight:500}footer .copyright .copyright-center p{margin-bottom:0 !important;font-size:14px}footer .copyright .copyright-center p:not(:last-child){margin-bottom:10px}@media(max-width: 991px){footer{margin-bottom:60px}footer .row_footer{padding:15px 0 0;grid-template-columns:1fr;grid-gap:0}footer .row_footer .footer_item{padding:15px 0;border-bottom:1px solid #ddd}footer .row_footer .footer_item:last-child{border-bottom:unset}footer .row_footer .footer_item h4{margin-bottom:0;text-transform:uppercase;font-weight:500}footer .row_footer .footer_item .menubot .close-icon{display:none}footer .row_footer .footer_item .menubot.collapsed .open-icon{display:block}footer .row_footer .footer_item .menubot.collapsed .close-icon{display:none}footer .row_footer .footer_item h4[aria-expanded=true] .menubot .close-icon{display:block}footer .row_footer .footer_item h4[aria-expanded=true] .menubot .open-icon{display:none}footer .copyright .copyright-content{flex-wrap:wrap;gap:15px}footer .copyright .copyright-content .logo--foot{flex-basis:100%}footer .copyright .copyright-content .copyright-center{text-align:center;order:4}}.button_fixed{bottom:5px;left:5px}.button_fixed .item-button{padding:8px 12px;border-radius:4px;background-color:var(--color-main);box-shadow:rgba(0,0,0,.4) 0px 2px 4px,rgba(0,0,0,.3) 0px 7px 13px -3px,rgba(0,0,0,.2) 0px -3px 0px inset}.right{right:5px;top:50%;transform:translateY(-50%);padding:8px;border-radius:24px;background:#f8fafd}.right .item_right{display:block;padding:8px 0;text-align:center;max-width:81px}.right .item_right span{font-size:11px;color:#000}.right .item_right:not(:last-child){border-bottom:1px dotted #b6bdc6}@media(max-width: 991px){.right{right:0;left:0;bottom:0;top:unset;transform:unset;display:grid;grid-template-columns:repeat(5, 1fr);align-items:center;border-radius:8px;border-top:1px solid #b6bdc6}.right .item_right{border-bottom:unset !important;padding:0}.right .item_right img{max-width:25px}}.default:after{content:"";position:absolute;width:100%;height:60px;top:-60px;background-image:url("../../../images/image_bottom.svg");background-size:cover;background-color:#fff}@media(max-width: 1500px){.default:after{height:50px;top:-50px;background-size:contain;background-repeat:no-repeat}}@media(max-width: 767px){.default:after{display:none}}@media(max-width: 767px){.default{border-radius:15px 15px 0 0}.slick-arrow{width:40px !important;height:40px !important}.contenttt{padding-bottom:20px !important}.div-1,.div-2{width:100% !important}.div-2{flex-wrap:wrap;justify-content:center !important}}.contenttt{padding-bottom:50px}.contenttt ul li{list-style:disc;list-style-position:inside}.container{padding:0}@media(max-width: 767px){.container{padding:0 15px}}@media(min-width: 1200px){.contenttt{min-height:59vh}}@media(min-width: 1500px){.container{width:1400px;max-width:1400px}}.ldio-d82d0rdnc3e div{position:absolute;animation:ldio-d82d0rdnc3e 1s linear infinite;width:160px;height:160px;top:20px;left:20px;border-radius:50%;box-shadow:0 4px 0 0 #f8f9fa;transform-origin:80px 82px}.loadingio-spinner-eclipse-akld8va2qbt{width:200px;height:200px;display:inline-block;overflow:hidden;background:rgba(0,0,0,0)}.ldio-d82d0rdnc3e{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}.ldio-d82d0rdnc3e div{box-sizing:content-box}@keyframes ldio-d82d0rdnc3e{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.loader{width:50px;aspect-ratio:1;border-radius:50%;border:8px solid #add8e6;border-right-color:orange;animation:l2 1s infinite linear}@keyframes l2{to{transform:rotate(1turn)}}.wrap-loading{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.94);z-index:1000;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.scrollToTop{position:fixed;bottom:-60px;right:80px;width:50px;height:50px;background:url("../images/to-top.png") no-repeat center;cursor:pointer;z-index:99999;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease}@media(max-width: 767px){.scrollToTop{width:35px;height:35px;background-size:100%;right:15px}}.scrollToTop.active{bottom:200px}@media(max-width: 767px){.scrollToTop.active{bottom:70px}}.bread-crumb{background:#f4f9fc;padding:15px}@media(max-width: 767px){.bread-crumb{padding:15px 0}}.breadcrumb{justify-content:start;margin:0}.breadcrumb li{display:flex}.breadcrumb li .mr_lr{margin:0 10px}.breadcrumb li a{display:block;color:rgba(0,0,0,.48);font-weight:500;font-size:14px}.breadcrumb li.active{display:flex}.breadcrumb li.active span{color:#000}@media(max-width: 767px){.breadcrumb{overflow-x:auto;flex-wrap:nowrap;width:100%;white-space:nowrap;padding-bottom:0;margin-bottom:0;justify-content:start}}#msgModal{display:none;position:fixed;z-index:9999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}#msgModal .msgmodal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@media(min-width: 767px){#msgModal .msgmodal-content{width:320px}}@media(max-width: 767px){#msgModal .msgmodal-content{max-width:100%}}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}#msgModal .close{color:#fff;float:right;font-size:36px;font-weight:bold}#msgModal h5{font-weight:bold;font-size:16px;text-transform:uppercase}#msgModal .close:focus,#msgModal .close:hover{color:#fff;text-decoration:none;cursor:pointer}#msgModal .msgmodal-header{padding:2px 10px 2px 16px;background-color:#116bb3;line-height:36px;color:#fff}#msgModal .msgmodal-body{padding:0 10px 24px 10px;line-height:20px;text-align:center;border-radius:8px;overflow:hidden;border:5px solid #fff}#msgModal .msgmodal-body .bt-modals{font-size:12px;color:#fff;padding:5px 12px;text-transform:uppercase;border-radius:3px;display:inline-block}#msgModal .msgmodal-body.bgr_suc{background-color:#ebf6e6}#msgModal .msgmodal-body.bgr_err{background-color:#fdecec}#msgModal .msgmodal-footer{padding:2px 16px;background-color:#5cb85c;color:#fff}#msgModal svg{width:100px;display:block;margin:24px auto;margin-bottom:16px}#msgModal .path{stroke-dasharray:1000;stroke-dashoffset:0}#msgModal .path.circle{-webkit-animation:dash .9s ease-in-out;animation:dash .9s ease-in-out}#msgModal .path.line{stroke-dashoffset:1000;-webkit-animation:dash .9s .35s ease-in-out forwards;animation:dash .9s .35s ease-in-out forwards}#msgModal .path.check{stroke-dashoffset:-100;-webkit-animation:dash-check .9s .35s ease-in-out forwards;animation:dash-check .9s .35s ease-in-out forwards}.alert{padding:10px;background-color:#f44336;color:#fff;display:block;opacity:1;margin-bottom:10px;margin-top:10px;position:fixed;z-index:999999;width:300px;top:0;right:10px;border-radius:4px;-ms-transform:translateY(-20px) scaleY(0.9);transform:translateY(-20px) scaleY(0.9);-webkit-transition:transform cubic-bezier(0.35, 1.65, 0.65, 1.1) 250ms,opacity ease 250ms;transition:transform cubic-bezier(0.35, 1.65, 0.65, 1.1) 250ms,opacity ease 250ms}.alert.success{background-color:#4caf50}.alert.info{background-color:#2196f3}.alert.warning{background-color:#ff9800}.closebtn{margin-left:15px;color:#fff;font-weight:bold;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s}.closebtn:hover{color:#000}#dialogoverlay{display:none;opacity:.8;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.3);width:100%;z-index:9999}#dialogbox{display:none;position:fixed;border:5px solid #ccc;background-color:#fff;border-radius:5px;width:320px;z-index:9999;font-size:16px}#dialogbox>div>#dialogboxhead{background:#116bb3;font-size:19px;padding:10px;color:#fff}#dialogbox>div>#dialogboxbody{padding:25px 10px}#dialogbox>div>#dialogboxfoot{padding:10px;text-align:center}#dialogbox>div>#dialogboxfoot>button{color:#fff;background-color:#116bb3;border-radius:3px;padding:5px 25px}.alert_moda .modal-content{border-radius:20px;padding:20px 5px;background:#f6f6f6 !important}.alert_moda .modal-body h4{color:#006cc6;font-size:16px;font-weight:bold;padding:15px;width:130px;background:#fff}.alert_moda .modal-body .close23{display:block;width:50px;height:50px;position:absolute;top:-10px;right:5px;border:none}.alert_moda .modal-body .close23 i{font-size:30px;color:#2196f3}.alert_moda .modal-body .content-info{font-size:15px;line-height:22px;padding:10px;background-color:#fff;margin-bottom:20px}.alert_moda .modal-body .bt-content{text-align:center}.alert_moda .modal-body .bt-content .bt-modal{font-size:15px;color:#fff;padding:10px 20px;text-transform:uppercase;border-radius:3px;width:140px;display:inline-block}.alert_moda .modal-body .bt-content .bt-cancel{background-color:#e83e28;margin-right:10px}.alert_moda .modal-body .bt-content .bt-ok{background-color:#006cc6}@-webkit-keyframes dash{0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}}@keyframes dash{0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}}@-webkit-keyframes dash-check{0%{stroke-dashoffset:-100}100%{stroke-dashoffset:900}}@keyframes dash-check{0%{stroke-dashoffset:-100}100%{stroke-dashoffset:900}}.load_more{color:#fff;background-color:var(--color-main)}.load_more:hover{color:#fff;background-color:var(--color-main)}.itemProduct:hover a{color:var(--text-color)}.itemProduct a{color:var(--text-color)}.itemProduct a:hover .img-main img{transform:scale(1.1)}.itemProduct a:hover .bot--item .title--item{color:#b57b31 !important}.itemProduct a .img-main img{width:100%;height:100%;object-fit:cover;transition:all .35s}.itemProduct a .bot--item{padding:0 20px}.itemProduct a .bot--item .title--item{line-height:1.4em;height:1.4em;-webkit-line-clamp:1}.itemProduct a .bot--item .lecturers .img{width:35px;height:35px;border-radius:50%}@media(max-width: 767px){.itemProduct .price--item{padding:6px 10px}.itemProduct a .img-main{height:180px !important}.itemProduct a .img-main img{height:100% !important}.itemProduct a .bot--item{padding:10px}.itemProduct a .bot--item .time-class{flex-direction:row}.itemProduct a .bot--item .title--item{font-size:13px !important;line-height:16px;height:32px}.itemProduct a .bot--item .lecturers span:nth-of-type(2){height:4.2rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden}.itemProduct a .bot--item .lecturers .img{max-width:25px;min-width:25px;height:25px}}.titleCat{padding-right:20px;margin-bottom:30px;border-radius:30px;background:#fff}.titleCat .title-cat{font-size:1.3rem}.titleCat .link-cat{padding:10px 30px;border-radius:5px;color:var(--color-main);border:1px solid var(--color-main)}@media(max-width: 767px){.titleCat{margin-bottom:15px}}.scroll:after{content:"";width:19px;height:50px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-image:url("../../../images/icon/mouse3.gif")}@media(max-width: 767px){.scroll::after{content:"";width:14px;height:34px;position:absolute;background-size:14px;left:50%;top:60%;transform:translate(-50%, -50%);background-image:url(../../../images/icon/mouse3.gif)}}.viewAll{padding:10px 30px;color:var(--color-main);border:1px solid var(--color-main);border-radius:5px}.star-rating{--percent: calc((var(--rating) / 5 * 100%));font:normal normal normal 19px/1 FontAwesome;position:relative;display:flex;align-items:center;letter-spacing:2px}.star-rating:before{content:"";background:linear-gradient(90deg, #ffad00 var(--percent), #ddd var(--percent));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-size:17px}.alert_modal{display:none;position:fixed;width:100%;top:15%;left:0;z-index:1060}.alert_modal .alert_body{background:#fff;width:390px;text-align:center;border-radius:20px;border:1px solid #ddd;margin-right:auto;margin-left:auto;padding:20px;font-size:16px;margin-top:5%;box-shadow:0px 0px 15px rgba(0,0,0,.24);-webkit-animation:shake-lr .7s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;animation:shake-lr .7s cubic-bezier(0.455, 0.03, 0.515, 0.955) both}.alert_modal .alert_body svg:not(:root){width:30px}.alert_modal .alert_body p{margin:20px 0}.alert_modal .alert_body p a{width:auto;background:none;color:#333;height:auto;transition:.3s all ease-in-out}.alert_modal .alert_body p a:hover{color:#faaf40}.alert_modal .alert_body a{cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--color-main);color:#fff;font-weight:700;width:60px;margin:auto;border-radius:5px;height:30px}.alert_modal .path{stroke-dasharray:1000;stroke-dashoffset:0}.alert_modal .path.circle{-webkit-animation:dash .9s ease-in-out;animation:dash .9s ease-in-out}.alert_modal .path.line{stroke-dashoffset:1000;-webkit-animation:dash .9s .35s ease-in-out forwards;animation:dash .9s .35s ease-in-out forwards}.alert_modal .path.check{stroke-dashoffset:-100;-webkit-animation:dashCheck .9s .35s ease-in-out forwards;animation:dashCheck .9s .35s ease-in-out forwards}.alert_modal.show{opacity:1}.slick-prev,.slick-next{right:100%;left:98%}.slick-prev{left:-15px !important}.slick-prev:hover{background:url("/images/icon/prev_active.svg") no-repeat center !important}.slick-next:hover{background:url("/images/icon/next_active.svg") no-repeat center !important}@media(max-width: 767px){.slick-prev{left:0 !important}.slick-next{right:0 !important;left:unset}}.hotline_{position:fixed;bottom:100px;left:5px;z-index:15}.hotline_ .suntory-alo-phone{display:inline-block;width:84px;height:84px;cursor:pointer;background-color:rgba(0,0,0,0);transition:visibility .5s ease 0s;position:relative;z-index:1;margin-right:10px;margin-top:-7px}.hotline_ .suntory-alo-ph-circle{width:64px;height:64px;background:rgba(190,32,47,.5);border-radius:100%;position:absolute;left:10px;top:10px;transform-origin:50% 50% 0;transition:all .5s ease 0s;animation:1.5s ease-in-out 0s normal none infinite running suntory-alo-circle-anim}.hotline_ .suntory-alo-ph-circle-fill{width:84px;height:84px;background:rgba(237,25,46,.2);border:2px solid rgba(0,0,0,0);border-radius:100%;position:absolute;top:0px;left:0px;transform-origin:50% 50% 0;transition:all .5s ease 0s;animation:1.5s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim}.hotline_ .suntory-alo-ph-img-circle{animation:1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;width:50px;height:50px;border-radius:100%;border:2px solid rgba(0,0,0,0);background:var(--color-main);transform-origin:50% 50% 0;position:absolute;top:17px;left:17px;z-index:1;display:grid}.hotline_ .suntory-alo-ph-img-circle i{font-size:20px;line-height:27px;color:#fff;place-items:center;display:inherit}@keyframes suntory-alo-circle-anim{0%{transform:rotate(0deg) scale(0.7) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}@keyframes suntory-alo-circle-img-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}@keyframes suntory-alo-circle-fill-anim{0%{transform:rotate(0deg) scale(0.7) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}#notification{border-radius:100px;background:#fff;box-shadow:0px 0px 32px 0px rgba(0,0,0,.06);color:#333;position:fixed;bottom:200px;left:20px;display:none;transition:opacity .5s ease-in;z-index:10;padding:12px 24px;font-size:13px;max-width:370px}#notification.show{display:block}#notification .message_ielts{display:grid;justify-content:space-between;align-items:center;grid-template-columns:20px 1fr}#notification .message_ielts .pulse{position:relative;width:20px;height:20px;background:var(--color-main);border-radius:100%;border:1px solid var(--color-main)}#notification .message_ielts .pulse:before,#notification .message_ielts .pulse:after{content:"";position:absolute;width:20px;height:20px;background-color:var(--color-main);border-radius:100%}#notification .message_ielts .pulse:before{animation:blip1 2s infinite}#notification .message_ielts .pulse:after{animation:blip1 4s infinite}#notification .message_ielts .message_ielts_right{margin-left:25px}#notification .message_ielts .message_ielts_right b{margin-bottom:0px;display:block}#notification .message_ielts .message_ielts_right p{margin-bottom:0px}@keyframes blip1{to{transform:scale(2.5);opacity:0}}@media(max-width: 768px){.titleCat .left-titleCat img{width:18%}.hotline_{left:unset;right:5px;bottom:150px}.hotline_ .suntory-alo-ph-circle{background:rgba(250,195,1,.5)}.hotline_ .suntory-alo-ph-circle-fill{background:rgba(250,195,1,.2)}.hotline_ .suntory-alo-ph-img-circle{background:#fac301}#notification{bottom:10px;max-width:100%;left:10px}#notification .message_ielts{grid-template-columns:10px 1fr}#notification .pulse:before,#notification .pulse:after{content:"";position:absolute;width:10px;height:10px}}.splat{margin:40px 0}.splat svg{margin:0 5px 5px 0}.splat h3{font-size:1.5rem;line-height:1.5rem;text-transform:uppercase;color:var(--color-main)}.splat .bgr{height:7px;display:block;background:#f4f9fc;border-radius:4px}.align{max-width:calc(var(--container)/12*6)}.align_left{margin-left:calc((100% - var(--container))/2)}.align_right{margin-right:calc((100% - var(--container))/2)}.social a svg:nth-of-type(2){display:none}.social a:hover svg:nth-of-type(1){display:none}.social a:hover svg:nth-of-type(2){display:block}.social a:hover rect{fill:#fff}.preloader{background-color:#fff;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:9999}.lds-ellipsis{margin:0 auto;position:relative;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:64px;text-align:center;z-index:9999}.lds-ellipsis span{display:inline-block;width:15px;height:15px;border-radius:50%;background:var(--color-main);-webkit-animation:ball-pulse-sync .6s 0s infinite ease-in-out;animation:ball-pulse-sync .6s 0s infinite ease-in-out}.lds-ellipsis span:nth-child(1){-webkit-animation:ball-pulse-sync .6s -0.14s infinite ease-in-out;animation:ball-pulse-sync .6s -0.14s infinite ease-in-out}.lds-ellipsis span:nth-child(2){-webkit-animation:ball-pulse-sync .6s -70ms infinite ease-in-out;animation:ball-pulse-sync .6s -70ms infinite ease-in-out}@-webkit-keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.back{color:rgba(0,0,0,.6)}.back:hover{color:#b57b31}.back:hover svg rect{stroke:#b57b31}.back:hover svg path{stroke:#b57b31}.share a:nth-of-type(1) svg:hover path{fill:#3b5998}.share a:nth-of-type(2){width:30px;height:30px;border:1px solid #dfe1dc}.share a:nth-of-type(2) i{color:#6d6e69}.share a:nth-of-type(2):hover i{color:#000}.share a:nth-of-type(3) svg:hover path{fill:#016cf5}#onload-popup .modal-dialog{max-width:915px;width:915px}#onload-popup .modal-dialog .modal-content{height:100%}#onload-popup .modal-dialog .modal-content .modal-body a{height:475px}#onload-popup .modal-dialog .modal-content .modal-body .close{position:absolute;right:0;top:0;z-index:9;opacity:1;text-shadow:none;width:50px;height:50px;padding:0;box-shadow:none;background-color:#1771b1;border:0}@media(max-width: 900px){#onload-popup .modal-dialog{max-width:100%;width:100%;margin:auto}#onload-popup .modal-dialog .modal-content{height:100%}#onload-popup .modal-dialog .modal-content .modal-body a{height:auto}#onload-popup .modal-dialog .modal-content .modal-body .close{position:absolute;right:0;top:0;z-index:9;opacity:1;text-shadow:none;width:50px;height:50px;padding:0;box-shadow:none;border:0}}.text-justify{text-align:justify !important}@media(max-width: 1399px){.header_sub{gap:15px}.header_sub .nav-main{flex:1}}/*# sourceMappingURL=style.css.map */
