@font-face{font-family:"Noto Sans Thai";src:url("../fonts/noto-sans-thai/notosansthaiui-bold.eot");src:url("../fonts/noto-sans-thai/notosansthaiui-bold.eot?#iefix") format("embedded-opentype"),url("../fonts/noto-sans-thai/notosansthaiui-bold.woff2") format("woff2"),url("../fonts/noto-sans-thai/notosansthaiui-bold.woff") format("woff"),url("../fonts/noto-sans-thai/notosansthaiui-bold.ttf") format("truetype"),url("../fonts/noto-sans-thai/notosansthaiui-bold.svg#noto_sans_thai_uibold") format("svg");font-weight:700;font-style:normal}@font-face{font-family:"Noto Sans Thai";src:url("../fonts/noto-sans-thai/notosansthaiui-light.eot");src:url("../fonts/noto-sans-thai/notosansthaiui-light.eot?#iefix") format("embedded-opentype"),url("../fonts/noto-sans-thai/notosansthaiui-light.woff2") format("woff2"),url("../fonts/noto-sans-thai/notosansthaiui-light.woff") format("woff"),url("../fonts/noto-sans-thai/notosansthaiui-light.ttf") format("truetype"),url("../fonts/noto-sans-thai/notosansthaiui-light.svg#noto_sans_thai_uilight") format("svg");font-weight:300;font-style:normal}@font-face{font-family:"Noto Sans Thai";src:url("../fonts/noto-sans-thai/notosansthaiui-medium.eot");src:url("../fonts/noto-sans-thai/notosansthaiui-medium.eot?#iefix") format("embedded-opentype"),url("../fonts/noto-sans-thai/notosansthaiui-medium.woff2") format("woff2"),url("../fonts/noto-sans-thai/notosansthaiui-medium.woff") format("woff"),url("../fonts/noto-sans-thai/notosansthaiui-medium.ttf") format("truetype"),url("../fonts/noto-sans-thai/notosansthaiui-medium.svg#noto_sans_thai_uimedium") format("svg");font-weight:500;font-style:normal}@font-face{font-family:"Noto Sans Thai";src:url("../fonts/noto-sans-thai/notosansthaiui-regular.eot");src:url("../fonts/noto-sans-thai/notosansthaiui-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/noto-sans-thai/notosansthaiui-regular.woff2") format("woff2"),url("../fonts/noto-sans-thai/notosansthaiui-regular.woff") format("woff"),url("../fonts/noto-sans-thai/notosansthaiui-regular.ttf") format("truetype"),url("../fonts/noto-sans-thai/notosansthaiui-regular.svg#noto_sans_thai_uiregular") format("svg");font-weight:400;font-style:normal}@font-face{font-family:"Noto Sans Thai";src:url("../fonts/noto-sans-thai/notosansthaiui-semibold.eot");src:url("../fonts/noto-sans-thai/notosansthaiui-semibold.eot?#iefix") format("embedded-opentype"),url("../fonts/noto-sans-thai/notosansthaiui-semibold.woff2") format("woff2"),url("../fonts/noto-sans-thai/notosansthaiui-semibold.woff") format("woff"),url("../fonts/noto-sans-thai/notosansthaiui-semibold.ttf") format("truetype"),url("../fonts/noto-sans-thai/notosansthaiui-semibold.svg#noto_sans_thai_uisemibold") format("svg");font-weight:600;font-style:normal}@font-face{font-family:"Noto Sans";src:url("../fonts/noto-sans/notosans-bold.eot");src:url("../fonts/noto-sans/notosans-bold.eot?#iefix") format("embedded-opentype"),url("../fonts/noto-sans/notosans-bold.woff2") format("woff2"),url("../fonts/noto-sans/notosans-bold.woff") format("woff"),url("../fonts/noto-sans/notosans-bold.ttf") format("truetype"),url("../fonts/noto-sans/notosans-bold.svg#noto_sansbold") format("svg");font-weight:700;font-style:normal}@font-face{font-family:"Noto Sans";src:url("../fonts/noto-sans/notosans-light.eot");src:url("../fonts/noto-sans/notosans-light.eot?#iefix") format("embedded-opentype"),url("../fonts/noto-sans/notosans-light.woff2") format("woff2"),url("../fonts/noto-sans/notosans-light.woff") format("woff"),url("../fonts/noto-sans/notosans-light.ttf") format("truetype"),url("../fonts/noto-sans/notosans-light.svg#noto_sanslight") format("svg");font-weight:300;font-style:normal}@font-face{font-family:"Noto Sans";src:url("../fonts/noto-sans/notosans-medium.eot");src:url("../fonts/noto-sans/notosans-medium.eot?#iefix") format("embedded-opentype"),url("../fonts/noto-sans/notosans-medium.woff2") format("woff2"),url("../fonts/noto-sans/notosans-medium.woff") format("woff"),url("../fonts/noto-sans/notosans-medium.ttf") format("truetype"),url("../fonts/noto-sans/notosans-medium.svg#noto_sansmedium") format("svg");font-weight:500;font-style:normal}@font-face{font-family:"Noto Sans";src:url("../fonts/noto-sans/notosans-regular.eot");src:url("../fonts/noto-sans/notosans-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/noto-sans/notosans-regular.woff2") format("woff2"),url("../fonts/noto-sans/notosans-regular.woff") format("woff"),url("../fonts/noto-sans/notosans-regular.ttf") format("truetype"),url("../fonts/noto-sans/notosans-regular.svg#noto_sansregular") format("svg");font-weight:400;font-style:normal}@font-face{font-family:"Noto Sans";src:url("../fonts/noto-sans/notosans-semibold.eot");src:url("../fonts/noto-sans/notosans-semibold.eot?#iefix") format("embedded-opentype"),url("../fonts/noto-sans/notosans-semibold.woff2") format("woff2"),url("../fonts/noto-sans/notosans-semibold.woff") format("woff"),url("../fonts/noto-sans/notosans-semibold.ttf") format("truetype"),url("../fonts/noto-sans/notosans-semibold.svg#noto_sanssemibold") format("svg");font-weight:600;font-style:normal}.text-overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blink{animation:blinker 1s linear infinite}.daterangepicker .drp-buttons .btn{font-weight:normal !important}@keyframes blinker{50%{opacity:.7}}.no-border{border:none}.mh-60{min-height:60px}.mt-0{margin-top:0}.mt-0-f{margin-top:0 !important}.mt-3{margin-top:3px}.mt-5{margin-top:5px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-10-f{margin-top:10px !important}.mt-15{margin-top:15px}.mt-15-f{margin-top:15px !important}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-60{margin-top:60px}.mr-5{margin-right:5px}.mb-0{margin-bottom:0}.mb-0-f{margin-bottom:0 !important}.mb-5{margin-bottom:5px}.mb-5-f{margin-bottom:5px !important}.mb-10{margin-bottom:10px}.mb-10-f{margin-bottom:10px !important}.mb-15{margin-bottom:15px}.mb-15-f{margin-bottom:15px !important}.mb-20{margin-bottom:20px}.mb-20-f{margin-bottom:20px !important}.mb-30{margin-bottom:30px}.mb-30-f{margin-bottom:30px !important}.mb-40{margin-bottom:40px}.mb-60{margin-bottom:60px}.mb-60-f{margin-bottom:60px !important}.p-0{padding:0}.p-0-f{padding:0 !important}.pt-0-f{padding-top:0 !important}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-60{padding-top:60px}.pt-100{padding-top:100px}.pb-0{padding-bottom:0}.pb-0-f{padding-bottom:0 !important}.pb-10{padding-bottom:10px}.pb-10-f{padding-bottom:10px !important}.pb-60{padding-bottom:60px}.pb-60-f{padding-bottom:60px !important}.transparent{opacity:0}.text-underline{text-decoration:underline}.text-underdot{text-decoration:none;position:relative}.text-underdot:before{content:"";border-bottom:1px dotted;position:absolute;bottom:-1px;width:100%}.mh-100vh{min-height:100vh}.va-middle{vertical-align:middle}.text-1{font-size:18px;font-weight:500;margin-bottom:5px}.fs-12,.ts-12,.text-size-1{font-size:12px}.fs-14,.ts-14{font-size:14px}.fs-16,.ts-16{font-size:16px}.fs-18,.ts-18{font-size:18px}.fs-20,.ts-20{font-size:20px}.fs-24,.ts-24{font-size:24px}.fs-28,.ts-28{font-size:28px}.fs-32,.ts-32{font-size:32px}.fs-40,.ts-40{font-size:40px}.fs-48,.ts-48{font-size:48px}.spinner{width:40px;height:40px;margin:100px auto;background-color:#333;border-radius:100%;-webkit-animation:sk-scaleout 1s infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.circle-hover{position:relative}.circle-hover:before{position:absolute;top:50%;left:50%;z-index:2;display:block;content:"";width:0;height:0;background:rgba(255,255,255,0.2);border-radius:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0}.circle-hover:hover:before{-webkit-animation:circle .75s;animation:circle .75s}@-webkit-keyframes circle{0%{opacity:1}40%{opacity:1}100%{width:200%;height:200%;opacity:0}}@keyframes circle{0%{opacity:1}40%{opacity:1}100%{width:200%;height:200%;opacity:0}}.modal-backdrop.in{opacity:.7}body{min-height:100vh;font-family:"Noto Sans Thai","Noto Sans","Kanit";font-weight:400;line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;background:#000;color:#fff}body.backdrop{height:100vh;overflow:hidden}body.backdrop.menu:after{content:""}body.backdrop #body-wrapper:after{content:"";position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.7);z-index:1029}body.white-bg{background-color:#fff}body.grey-bg{background:#ffe4e04a}body.light-pink-bg{background:#ffe4e04a}.pink-bg{background-color:#ffe4e0}.light-pink-bg{background:#ffe4e04a}.grey-bg{background:#f5f7fb}#body-wrapper{position:relative;z-index:1}textarea{resize:none;border-radius:3px}strong{font-weight:500}ol{list-style-position:inside;margin:0;counter-reset:foo;padding-left:20px;list-style:none}ol:not(.breadcrumb)>li{counter-increment:foo;position:relative}ol:not(.breadcrumb)>li:before{content:counter(foo) ".";line-height:14px;margin-top:4px;position:absolute;display:inline-block;vertical-align:middle;margin-left:-20px;top:0;left:0}ol.breadcrumb{background-color:transparent;padding:8px 0}ol.breadcrumb>li{font-size:12px}ol.breadcrumb>li+li:before{padding:0 10px;content:"\f105";font-family:"FontAwesome"}ul{list-style-position:inside;margin:0}ul.bullet{list-style:none;padding-left:20px}ul.bullet.description>li:before{margin-top:0}ul.bullet>li:before{content:"•";font-size:24px;line-height:14px;margin-top:-8px;display:inline-block;vertical-align:middle;margin-left:-20px;margin-right:15px}ul.dash{list-style:none;padding-left:20px}ul.dash.description>li:before{margin-top:0}ul.dash>li:before{content:"-";font-size:18px;line-height:1;margin-top:-6px;display:inline-block;vertical-align:middle;margin-left:-20px;margin-right:10px}img{max-width:100%;max-height:100%}.inline-block{display:inline-block}.block{display:block}textarea,input[type="tel"],input[type="password"],input[type="url"],input[type="email"],input[type="number"],input[type="text"],input[type="search"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transform:translate3d(0, 0, 0);line-height:normal;border-radius:4px;box-shadow:none !important;color:#000;font-size:16px;padding:8px 12px}textarea:focus,input[type="tel"]:focus,input[type="password"]:focus,input[type="url"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="text"]:focus,input[type="search"]:focus{outline:none !important;box-shadow:none !important;border-color:#ffd131 !important}textarea:hover,input[type="tel"]:hover,input[type="password"]:hover,input[type="url"]:hover,input[type="email"]:hover,input[type="number"]:hover,input[type="text"]:hover,input[type="search"]:hover{border-color:#ffd131}textarea:invalid,input[type="tel"]:invalid,input[type="password"]:invalid,input[type="url"]:invalid,input[type="email"]:invalid,input[type="number"]:invalid,input[type="text"]:invalid,input[type="search"]:invalid,textarea.error,input[type="tel"].error,input[type="password"].error,input[type="url"].error,input[type="email"].error,input[type="number"].error,input[type="text"].error,input[type="search"].error{border-color:#f21a1a !important}textarea:invalid:focus,input[type="tel"]:invalid:focus,input[type="password"]:invalid:focus,input[type="url"]:invalid:focus,input[type="email"]:invalid:focus,input[type="number"]:invalid:focus,input[type="text"]:invalid:focus,input[type="search"]:invalid:focus,textarea.error:focus,input[type="tel"].error:focus,input[type="password"].error:focus,input[type="url"].error:focus,input[type="email"].error:focus,input[type="number"].error:focus,input[type="text"].error:focus,input[type="search"].error:focus{border-color:#f21a1a !important}textarea[readonly],input[type="tel"][readonly],input[type="password"][readonly],input[type="url"][readonly],input[type="email"][readonly],input[type="number"][readonly],input[type="text"][readonly],input[type="search"][readonly]{background-color:#eee}.full-width{width:100%}.border-left{border-left:1px solid #eee}.border-left-xs{border-left:1px solid #eee}.border-top-xs{border-top:1px solid #eee}button,a{cursor:pointer;color:#ffd131}button:focus,a:focus,button:hover,a:hover{outline:none;text-decoration:none;color:#ffd131}label{font-weight:500}#announcement-bar{background-color:#ffd131;color:#000;text-align:center;position:fixed;top:0;left:0;right:0;z-index:1030;font-size:16px;display:none;font-weight:500}#announcement-bar.active{display:block}#announcement-bar.active+#header-panel+#main-content-panel{padding-top:130px}#announcement-bar.active+#header-panel #main-menus{max-height:calc(100vh - 79px - 50px)}#announcement-bar.active+#header-panel .navbar{top:57px}#announcement-bar #announcement-btn{color:#000;padding:15px;display:block}#announcement-bar .text{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container{width:100%;position:relative}.row.wide{margin-left:-25px;margin-right:-25px}.row.wide>[class^="col-"]{padding-left:25px;padding-right:25px}.row.narrow{margin-left:-7px;margin-right:-7px}.row.narrow>[class^="col-"]{padding-left:7px;padding-right:7px}.row.no-gap,.row.no-space{margin-left:0;margin-right:0}.row.no-gap>[class^="col-"],.row.no-space>[class^="col-"]{padding-left:0;padding-right:0}.back-btn{font-size:18px;color:#fff}.back-btn i{font-size:24px;display:inline-block;vertical-align:middle;margin-top:-7px}.no-padding{padding:0}.btn{-webkit-transition-duration:.25s;transition-duration:.25s;font-weight:500;border-radius:3px;padding:7px 12px}.btn.clip-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.btn.small-rounded-corner{border-radius:5px}.btn.sharp-corner{border-radius:0}.btn.sharp-corner:before{border-radius:0}.btn:active:focus,.btn:hover,.btn:active,.btn:focus{outline:none}.btn:hover{box-shadow:0 13px 27px -5px rgba(50,50,93,0.05),0 8px 16px -8px rgba(0,0,0,0.1),0 -6px 16px -6px rgba(0,0,0,0.015)}.btn.overlap{position:relative;z-index:1;box-shadow:10px 10px 0 0 rgba(255,255,255,0.15)}.btn.btn-arrow{position:relative;overflow:hidden}.btn.btn-arrow.btn-big:after{width:50px !important;top:-1px;bottom:-1px}.btn.btn-arrow:after{content:"";width:30px;height:30px;display:inline-block;vertical-align:middle;background:url("../images/ap-arrow.png") no-repeat center center;background-size:60% auto}.btn.btn-primary{color:#000;background-color:#ffd131;border-color:#ffd131}.btn.btn-primary:active,.btn.btn-primary:hover{background-color:#ffd131;border-color:#ffd131;color:#000}.btn.btn-primary.btn-gradient{border:none;color:#000}.btn.btn-primary.btn-gradient:hover{background:#ffd131}.btn.btn-primary.btn-skelleton{color:#ffd131;background-color:transparent;border-color:#ffd131}.btn.btn-primary.btn-skelleton:hover{color:#000;background-color:#ffd131;border-color:#ffd131}.btn.btn-secondary{color:#fff;background-color:#ff7d57;border-color:#ff7d57}.btn.btn-secondary:focus,.btn.btn-secondary:hover{background-color:#ff7d57 !important;border-color:#ff7d57 !important}.btn.btn-secondary.btn-skelleton{color:#ff7d57;background-color:transparent;border-color:#ff7d57}.btn.btn-secondary.btn-skelleton:hover{color:#fff;background-color:#ff7d57;border-color:#ff7d57}.btn.btn-black{color:#fff;background-color:#000;border-color:#000}.btn.btn-black:active,.btn.btn-black:hover{background-color:#000;border-color:#000;color:#fff}.btn.btn-black.btn-gradient{border:none;color:#fff}.btn.btn-black.btn-gradient:hover{background:#000}.btn.btn-black.btn-skelleton{color:#000;background-color:transparent;border-color:#000}.btn.btn-black.btn-skelleton:hover{color:#fff;background-color:#000;border-color:#000}.btn.btn-pink-1{color:#fff;background-color:#fe4880;border-color:#fe4880}.btn.btn-pink-1:hover{background-color:#fe4880;border-color:#fe4880}.btn.btn-pink-1.btn-skelleton{color:#fe4880;background-color:transparent;border-color:#fe4880}.btn.btn-pink-1.btn-skelleton:hover{color:#fff;background-color:#fe4880;border-color:#fe4880}.btn.btn-blue-1{color:#fff;background-color:#2274e6;border-color:#2274e6}.btn.btn-blue-1:hover{background-color:#2274e6;border-color:#2274e6}.btn.btn-blue-1.btn-skelleton{color:#2274e6;background-color:transparent;border-color:#2274e6}.btn.btn-blue-1.btn-skelleton:hover{color:#fff;background-color:#2274e6;border-color:#2274e6}.btn.btn-yellow-1{color:#fff;background-color:#f5bb37;border-color:#f5bb37}.btn.btn-yellow-1:hover{background-color:#f5bb37;border-color:#f5bb37}.btn.btn-yellow-1.btn-skelleton{color:#f5bb37;background-color:transparent;border-color:#f5bb37}.btn.btn-yellow-1.btn-skelleton:hover{color:#fff;background-color:#f5bb37;border-color:#f5bb37}.btn.btn-green-1{color:#fff;background-color:#34bfa3;border-color:#34bfa3}.btn.btn-green-1:hover{background-color:#34bfa3;border-color:#34bfa3}.btn.btn-green-1.btn-skelleton{color:#34bfa3;background-color:transparent;border-color:#34bfa3}.btn.btn-green-1.btn-skelleton:hover{color:#fff;background-color:#34bfa3;border-color:#34bfa3}.btn.btn-green-2{color:#fff;background-color:#1eafb5;border-color:#1eafb5}.btn.btn-green-2:hover{background-color:#1eafb5;border-color:#1eafb5}.btn.btn-green-2.btn-skelleton{color:#1eafb5;background-color:transparent;border-color:#1eafb5}.btn.btn-green-2.btn-skelleton:hover{color:#fff;background-color:#1eafb5;border-color:#1eafb5}.btn.btn-green-3{color:#fff;background-color:#02b3ba;border-color:#02b3ba}.btn.btn-green-3:hover{background-color:#02b3ba;border-color:#02b3ba}.btn.btn-green-3.btn-skelleton{color:#02b3ba;background-color:transparent;border-color:#02b3ba}.btn.btn-green-3.btn-skelleton:hover{color:#fff;background-color:#02b3ba;border-color:#02b3ba}.btn.btn-grey-1{color:#000;background-color:#f7f8fa;border-color:#f7f8fa}.btn.btn-grey-1.btn-skelleton{color:#000;background-color:transparent;border-color:#000}.btn.btn-grey-1.btn-skelleton:hover{color:#ffd131;background-color:transparent;border-color:#ffd131}.btn.btn-white{color:#ffd131;border-color:#fff;background-color:#fff}.btn.btn-white.btn-skelleton{color:#fff;border-color:#fff;background-color:transparent}.btn.btn-white.text-color{color:#fff}.btn.btn-transparent{background-color:transparent;border-color:transparent;color:#fff}.btn.btn-transparent:hover{box-shadow:none}.btn.btn-square-arrow{width:50px;height:50px;display:block;text-align:center;line-height:50px;padding:0;border-radius:0;background:url("../images/arrow-black.png") no-repeat center center #ffd131;background-size:50% auto;box-shadow:0 13px 27px -5px rgba(50,50,93,0.05),0 8px 16px -8px rgba(0,0,0,0.1),0 -6px 16px -6px rgba(0,0,0,0.015)}.btn.btn-square-arrow:hover{transform:scale(1.1)}.btn.btn-rounded{border-radius:50px;padding-left:15px;padding-right:15px}.btn.min-width-1{min-width:120px}.btn.min-width-2{min-width:220px}.btn.min-width-3{min-width:180px}.btn.min-width-4{min-width:250px}.btn.btn-big{font-size:18px;padding:10px 20px}.btn.btn-medium{font-size:16px;padding:8px 15px}.btn.btn-small{font-size:12px;padding:5px 10px}.btn:active{box-shadow:none}.btn .btn-icon{display:inline-block;vertical-align:middle}.btn>img.btn-icon{height:20px}.btn .btn-text{display:inline-block;vertical-align:middle}.btn .btn-text:hover{box-shadow:none}.btn.shadow{box-shadow:0 13px 27px -5px rgba(50,50,93,0.05),0 8px 16px -8px rgba(0,0,0,0.1),0 -6px 16px -6px rgba(0,0,0,0.015)}.btn.no-shadow:hover{box-shadow:none}.btn.hover-primary:hover{color:#ffd131}.btn.hover-secondary:hover{color:#ff7d57}.item-loading-panel,#item-loading-panel{display:none;text-align:center;padding:60px 0 20px}.item-loading-panel img,#item-loading-panel img{height:50px}.item-loading-panel{padding:0;display:block}#loading-panel{background:rgba(0,0,0,0.4);position:fixed;top:0;left:0;right:0;bottom:0;z-index:2060;display:none}#loading-panel .loading-icon,#loading-panel img{position:absolute;top:50%;left:0;right:0;margin:-32px auto 0}#loading-panel.in-panel{background:rgba(0,0,0,0.5);position:absolute}#loading-panel.circle img{height:90px;margin-top:-7px}#side-menu-panel{position:fixed;width:255px;background:#2f4050;min-height:100%;z-index:10}#side-menu-panel.shrink{width:80px}#side-menu-panel.shrink #logo{text-align:center}#side-menu-panel.shrink #logo>span{font-size:12px;display:block}#side-menu-panel.shrink #logo>.text{display:none}#side-menu-panel.shrink li.has-child>a:after{display:none}#side-menu-panel.shrink li.has-child:hover .sub-menu{display:block;height:auto !important;z-index:10}#side-menu-panel.shrink li a{text-align:center}#side-menu-panel.shrink .menu-item-icon{font-size:18px}#side-menu-panel.shrink .menu-item-title{display:none}#side-menu-panel.shrink .sub-menu{position:absolute;left:80px;top:0;display:none}#side-menu-panel.shrink .sub-menu a{text-align:left}#side-menu-panel #logo{display:block;font-weight:400;font-size:20px;text-align:center;margin-bottom:10px;color:#ffd131;max-width:100%;padding:0 15px;height:70px;line-height:70px;background-color:rgba(0,0,0,0.15);text-align:left}#side-menu-panel #logo>img{max-width:100%;max-height:75%;display:inline-block;vertical-align:middle}#side-menu-panel #logo>.text{font-size:12px;line-height:1.4;text-align:left;display:inline-block;vertical-align:middle;color:#fff}#side-menu-panel .side-menu{margin:0}#side-menu-panel .side-menu li{color:#a7b1c2;font-weight:400;position:relative}#side-menu-panel .side-menu li .menu-item-icon{width:24px;display:inline-block;text-align:center}#side-menu-panel .side-menu li.has-child>a:after{content:"\f107";font-family:"FontAwesome";position:absolute;right:15px}#side-menu-panel .side-menu li.active>a{background-color:rgba(0,0,0,0.15);color:#ffd131}#side-menu-panel .side-menu li.active>a:hover{color:#ffd131}#side-menu-panel .side-menu li a{position:relative;display:block;color:#a7b1c2;padding:14px 15px 14px 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}#side-menu-panel .side-menu li a:hover{color:#fff}#side-menu-panel .side-menu li a.opened{background:#293846}#side-menu-panel .side-menu li a.opened:after{content:"\f106";font-family:"FontAwesome"}#side-menu-panel .side-menu li .sub-menu{padding:5px 15px 5px 28px;background:#293846}#side-menu-panel .side-menu li .sub-menu a{padding:10px 15px;text-transform:none;font-weight:300}.bordered{position:relative;border-top:3px solid #ffd131}hr{border-top:1px solid #333}#header-panel{position:relative;z-index:1030}#header-panel.shrink>.navbar{margin-top:-100px}#header-panel .navbar{min-height:80px;background:#000 !important;-webkit-box-shadow:0 1px 20px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 20px 1px rgba(69,65,78,0.1);box-shadow:0 1px 20px 1px rgba(69,65,78,0.1);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;border:none;z-index:5}#header-panel .navbar.navbar-fixed-top{position:fixed}#header-panel .navbar.bordered{border-top:3px solid #ffd131}#header-panel.transparent-style .navbar{background-color:#fff}#header-panel.negative .navbar{background-color:#ffd131}#header-panel.negative .navbar #main-menus>ul>li.active>a{font-weight:500}#header-panel.negative .navbar #main-menus>ul>li#account-dropdown-menu .dropdown-toggle{color:#fff}#header-panel.negative .navbar #main-menus>ul>li>a{color:#fff;font-weight:500}#header-panel.negative .navbar #main-menus #bag-button{background:url("../images/bag-white.png") no-repeat center center;background-size:28px auto}#header-panel.negative .navbar #main-menus #bag-button:hover{background-image:url("../images/bag-white.png")}#header-panel #menu-btn{font-size:18px;padding:22.5px 7px;display:inline-block;color:#fff}#header-panel .navbar-brand{height:80px;line-height:80px;position:relative;z-index:5;background:#ffd131;width:80px;text-align:center}#header-panel .navbar-brand>img{max-height:50px}#header-panel .navbar-toggle{border:none;margin-top:15px}#header-panel .navbar-toggle:focus,#header-panel .navbar-toggle:hover{background-color:transparent}#header-panel .navbar-toggle.has-item:after{content:"";display:block;position:absolute;top:3px;border-radius:50%;width:10px;height:10px;right:3px;background-color:#f21a1a}#header-panel .navbar-toggle .menu-label{color:#fff;font-weight:500;margin-top:10px;line-height:1}#header-panel .navbar-toggle .icon-bar{background-color:#fff}#header-panel #mobile-bag-button,#header-panel #bag-button{font-size:22px !important;color:#fff;display:inline-block;margin-top:5px;margin-left:5px;width:40px;height:40px;position:relative;padding:0 !important;line-height:32px;background-size:28px auto;text-align:center;display:flex !important;align-items:center;justify-content:center}#header-panel #mobile-bag-button.has-item:after,#header-panel #bag-button.has-item:after{content:"";display:block;position:absolute;border-radius:50%;width:10px;height:10px;right:1px;top:2px;background-color:#f21a1a}#header-panel #main-menus{border:none;max-height:calc(100vh - 79px)}#header-panel #main-menus #right-menus{margin-bottom:20px}#header-panel #main-menus ul.navbar-nav.navbar-right>li+li{margin-left:10px}#header-panel #main-menus ul.navbar-nav.social{display:block}#header-panel #main-menus ul.navbar-nav.social>li{display:inline-block;vertical-align:middle}#header-panel #main-menus ul.navbar-nav>li.active>a{background-color:transparent;color:#ffd131;font-weight:500}#header-panel #main-menus ul.navbar-nav>li.login-li{margin:0 15px 10px}#header-panel #main-menus ul.navbar-nav>li.login-li>a{color:#02b3ba}#header-panel #main-menus ul.navbar-nav>li.login-li>a:hover{color:#02b3ba}#header-panel #main-menus ul.navbar-nav>li.register-li{margin:0 15px 10px}#header-panel #main-menus ul.navbar-nav>li.register-li>a{color:#fff}#header-panel #main-menus ul.navbar-nav>li.register-li>a:hover{color:#fff;background-color:#02b3ba}#header-panel #main-menus ul.navbar-nav>li.dropdown .dropdown-menu{border-color:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.1)}#header-panel #main-menus ul.navbar-nav>li.dropdown .dropdown-menu>li>a{min-width:200px;padding:7px 15px;color:#fff}#header-panel #main-menus ul.navbar-nav>li.dropdown .dropdown-menu>li>a .menu-icon{width:20px;font-size:18px;display:inline-block;vertical-align:middle;margin-right:3px;margin-top:-4px}#header-panel #main-menus ul.navbar-nav>li#account-dropdown-menu.open .dropdown-toggle{background-color:transparent;color:#fff}#header-panel #main-menus ul.navbar-nav>li#account-dropdown-menu .dropdown-toggle{padding:0 0 0 15px;color:#fff}#header-panel #main-menus ul.navbar-nav>li#account-dropdown-menu .dropdown-toggle.has-notif .profile-thumbnail{position:relative}#header-panel #main-menus ul.navbar-nav>li#account-dropdown-menu .dropdown-toggle.has-notif .profile-thumbnail:after{content:"";width:12px;height:12px;display:block;position:absolute;top:-4px;right:-4px;border-radius:50%;background:#f21a1a}#header-panel #main-menus ul.navbar-nav>li#account-dropdown-menu .dropdown-toggle .profile-thumbnail{border-radius:8px;background-color:#f5f7fb;width:50px;height:50px;display:inline-block;vertical-align:middle;background-size:cover;background-position:center center;margin-right:5px}#header-panel #main-menus ul.navbar-nav>li#account-dropdown-menu .dropdown-toggle .profile-info{display:inline-block;vertical-align:middle;margin-left:5px;margin-right:10px;text-align:left}#header-panel #main-menus ul.navbar-nav>li#account-dropdown-menu .dropdown-toggle .profile-info .profile-name{color:#fff;font-size:15px;font-weight:500;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#header-panel #main-menus ul.navbar-nav>li#account-dropdown-menu .dropdown-toggle .profile-info .profile-subtitle{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#header-panel #main-menus ul.navbar-nav>li#account-dropdown-menu .dropdown-toggle i{font-size:16px;line-height:1;display:inline-block;vertical-align:middle}#header-panel #main-menus ul.navbar-nav>li#account-dropdown-menu .dropdown-menu{margin-top:25px;border-radius:10px}#header-panel #main-menus ul.navbar-nav>li#account-dropdown-menu .dropdown-menu:before{content:"";position:absolute;top:0;margin-top:-19.5px;display:block;border:9.5px solid transparent;border-bottom-color:#fff;right:28px}#header-panel #main-menus ul.navbar-nav>li#account-dropdown-menu .dropdown-menu:after{content:"";position:absolute;top:0;margin-top:-18px;display:block;border:9.5px solid transparent;border-bottom-color:#fff;right:28px}#header-panel #main-menus ul.navbar-nav>li#account-dropdown-menu .dropdown-menu>li.has-notif>a{position:relative}#header-panel #main-menus ul.navbar-nav>li#account-dropdown-menu .dropdown-menu>li.has-notif>a:after{content:"";width:8px;height:8px;display:block;position:absolute;top:50%;transform:translateY(-50%);right:10px;border-radius:50%;background:#f21a1a}#header-panel #main-menus ul.navbar-nav>li#account-dropdown-menu .dropdown-menu>li>a{color:#000}#header-panel #main-menus ul.navbar-nav>li.has-notif>a{display:inline-block}#header-panel #main-menus ul.navbar-nav>li.has-notif>a:after{content:"";width:12px;height:12px;display:block;position:absolute;top:5px;right:0;border-radius:50%;background:#f21a1a}#header-panel #main-menus ul.navbar-nav>li>a{color:#fff;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-size:16px;font-weight:500}#header-panel #main-menus ul.navbar-nav>li>a:hover{color:#ffd131}#header-panel #main-menus ul.navbar-nav>li>a#tutorial-vdo-btn{color:#02b3ba}#header-panel #main-menus #top-register-button{padding:7px 15px}#header-panel #account-dropdown{float:right !important}#header-panel #account-dropdown #account-button{padding:12px 20px;display:block;color:#333;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#header-panel #account-dropdown .account-image{width:45px;height:45px;display:inline-block;vertical-align:middle;border-radius:50%;background-repeat:no-repeat;background-size:cover;background-position:center center}#header-panel #account-dropdown .dropdown-menu{left:auto;right:10px;padding:0;min-width:300px;border:none;border-radius:0;-webkit-box-shadow:0 0 15px 1px rgba(69,65,78,0.15);-moz-box-shadow:0 0 15px 1px rgba(69,65,78,0.15);box-shadow:0 0 15px 1px rgba(69,65,78,0.15);background-color:#ffffff;-webkit-animation-duration:.25s;animation-duration:.25s}#header-panel #account-dropdown .dropdown-menu.arrow{margin-top:12px}#header-panel #account-dropdown .dropdown-menu.arrow:before{content:"";border-bottom:7px solid #e83e8c;border-left:14px solid transparent;border-right:14px solid transparent;display:block;width:0;position:absolute;top:-7px;right:34px;opacity:.8}#header-panel #account-dropdown .dropdown-menu .dropdown-menu-header{background-color:#ffd131;padding:20px;color:#fff;border-radius:4px 4px 0 0;background-image:url("../images/account-bg.jpeg");background-size:cover;background-position:center center;position:relative;overflow:hidden}#header-panel #account-dropdown .dropdown-menu .dropdown-menu-header:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:#ffd131;opacity:.8}#header-panel #account-dropdown .dropdown-menu .dropdown-menu-header .account-image{display:inline-block;vertical-align:top;width:60px;height:60px;position:relative;z-index:2}#header-panel #account-dropdown .dropdown-menu .dropdown-menu-header .account-info{display:inline-block;margin-left:10px;margin-top:5px;position:relative;z-index:2}#header-panel #account-dropdown .dropdown-menu .dropdown-menu-header .account-info .name{font-size:18px;margin-bottom:5px}#header-panel #account-dropdown .dropdown-menu .dropdown-menu-header .account-info .email{font-weight:300}#header-panel #account-dropdown .dropdown-menu .dropdown-menu-body .menus{margin:15px 0;list-style:none}#header-panel #account-dropdown .dropdown-menu .dropdown-menu-body .menus>li>a{font-weight:300;padding:10px 20px;display:block;color:#fff}#header-panel #account-dropdown .dropdown-menu .dropdown-menu-body .menus>li>a:hover{color:#ffd131}#header-panel #account-dropdown .dropdown-menu .dropdown-menu-body .menus>li>a .menu-icon{width:30px;display:inline-block;vertical-align:middle;font-size:14px}#main-content-panel{padding:80px 0 0;overflow-x:hidden}#main-content-panel.expand{margin-left:80px}#main-content-panel .subheader-panel{padding:30px 30px 0 30px}#main-content-panel .subheader-panel .subheader-title{font-size:24px;display:inline-block;padding:7px 25px 7px 0;font-weight:400;vertical-align:middle;margin:0 15px 0 0;color:#fff}#main-content-panel .subheader-panel .btn-action{margin-top:12px}.content-page{padding:30px 0}.text-green-1{color:#34bfa3}.text-red{color:#f21a1a}.text-light{font-weight:300}.text-normal{font-weight:400}.text-bold{font-weight:500}.text-bold-f{font-weight:500 !important}.text-extrabold{font-weight:600}.text-primary{color:#ffd131}.text-secondary{color:#ff7d57}.text-secondary:focus,.text-secondary:hover{color:#ff7d57}.text-secondary-f{color:#ff7d57 !important}.text-yellow-2{color:#f9a43f}.text-pink{color:#fe4880}.text-gold{color:#e2b456}.text-white{color:#fff}.text-weight-light{font-weight:300}.text-green-2{color:#1eafb5}.text-green-3{color:#02b3ba}.text-grey-1{color:#a7aeba}.text-grey-2{color:#959ba6}.text-title-1{font-size:16px;margin-bottom:10px;font-weight:500}.text-title-2{font-size:18px;margin-bottom:10px}.text-desc-1{font-size:16px}.text-center-force{text-align:center !important}.text-dark-color{color:#000}.text-dark-color-f{color:#000 !important}.content-box{-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.08);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.08);box-shadow:0 1px 15px 1px rgba(69,65,78,0.08);background-color:#ffffff}.content-box .content-box-header{border-bottom:1px solid #ebedf2;padding:15px}.content-box .content-box-header .title{font-size:16px;vertical-align:middle;text-align:left}.content-box .content-box-header .btn-table-action{margin:-3px auto}.content-box .content-box-body{padding:15px}.content-box .content-box-footer{padding:15px;background-color:#f7f8fa}.content-box .content-box-footer:empty{display:none}.checkbox.circle.checked label:before{background-image:url("../images/checkbox-circle-checked.png")}.checkbox.circle.error:before{background-image:url("../images/checkbox-circle-error.png")}.checkbox.circle label{padding-left:0;width:100%}.checkbox.circle label:before{content:"";display:inline-block;width:24px;height:24px;vertical-align:middle;background-image:url("../images/checkbox-circle.png");background-size:cover;margin-right:5px;margin-top:2px}.checkbox.circle label input{margin-left:-29px;margin-top:10px;opacity:0;cursor:pointer}.checkbox.circle label .checkbox-text{margin-top:5px;margin-left:35px;display:inline-block;width:calc(100% - 50px);vertical-align:top}.checkbox.checked label:before{background-image:url("../images/checkbox-checked.png")}.checkbox label{position:relative}.checkbox label:before{content:"";display:inline-block;width:14px;height:14px;background-image:url("../images/checkbox.png");background-repeat:no-repeat;background-size:100% auto;background-position:center center;margin-top:7px;position:absolute;left:0}.checkbox label input[type="checkbox"]{opacity:0}.checkbox label .checkbox-text{margin-top:2px;display:inline-block;vertical-align:top}#consent-panel{position:fixed;bottom:0;left:0;right:0;padding:15px;background:#000;z-index:10;color:#fff}.table,table{width:100%}.table .checkbox,table .checkbox{margin:0}.table input[type="checkbox"],table input[type="checkbox"]{margin-top:-2px}.table.table-hover>tbody>tr:hover>td,table.table-hover>tbody>tr:hover>td{background-color:#faf9fc}.table>thead>tr>th,table>thead>tr>th{font-weight:500;border:none;background-color:#f4f3f8;padding:16px 10px}.table>thead>tr>th .checkbox label:before,table>thead>tr>th .checkbox label:before{margin-top:8px}.table>tbody>tr>td,table>tbody>tr>td{font-weight:400;border:none;padding:15px 10px;min-height:45px}.table>tbody>tr.status-active .status-col,table>tbody>tr.status-active .status-col{color:#34bfa3}.table>tbody>tr.status-active .status-col:before,table>tbody>tr.status-active .status-col:before{content:"";width:6px;height:6px;border-radius:50%;background:#34bfa3;margin-right:8px;display:inline-block}.table>tbody>tr.status-inactive .status-col,table>tbody>tr.status-inactive .status-col{color:#f21a1a}.table>tbody>tr.status-inactive .status-col:before,table>tbody>tr.status-inactive .status-col:before{content:"";width:6px;height:6px;border-radius:50%;background:#f21a1a;margin-right:8px;display:inline-block}.table>tbody .action-btn,table>tbody .action-btn{color:#fff;background:#f3f3f3;border-radius:50%;width:30px;height:30px;text-align:center;display:inline-block;padding:5px 5px;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;margin-right:2px;margin-top:-10px;margin-bottom:-10px;line-height:20px}.table>tbody .action-btn:hover,table>tbody .action-btn:hover{background:#f00;-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1)}.table>tbody .action-btn.edit-btn:hover,table>tbody .action-btn.edit-btn:hover{background:#5ac3e9;color:#fff}.table>tbody .action-btn.delete-btn:hover,table>tbody .action-btn.delete-btn:hover{background:#f21a1a;color:#fff}.dataTables_wrapper table.data-table{width:100% !important;margin-bottom:10px !important}.dataTables_wrapper table.data-table>thead>tr>th:after{top:15px}.dataTables_wrapper .dataTables_length{text-align:left !important}.dataTables_wrapper .dataTables_length .bootstrap-select{width:auto;min-width:65px;padding:0 5px;box-shadow:none}.dataTables_wrapper .dataTables_length .bootstrap-select .dropdown-toggle{border:none;background-color:#ebe9f2;border-radius:50px}.dataTables_wrapper .dataTables_length .bootstrap-select .dropdown-toggle:focus{outline:none !important}.dataTables_wrapper .dataTables_paginate{text-align:right !important}.dataTables_wrapper .dataTables_paginate .paginate_button{background:#fff;border:none;display:inline-block}.dataTables_wrapper .dataTables_paginate .paginate_button.next>a,.dataTables_wrapper .dataTables_paginate .paginate_button.previous>a{border-radius:50px}.dataTables_wrapper .dataTables_paginate .paginate_button.previous{margin-right:15px}.dataTables_wrapper .dataTables_paginate .paginate_button.next{margin-left:15px}.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled)>a{color:#fff}.dataTables_wrapper .dataTables_paginate .paginate_button a{display:inline-block;text-align:center;border:none;padding:0;line-height:34px;border-radius:50%;min-width:34px;min-height:34px}.dataTables_wrapper .dataTables_paginate .paginate_button a:focus{outline:none}.dataTables_wrapper .dataTables_paginate .paginate_button.active>a{border:none;background:#ffd131;font-weight:400;color:#fff}.bootstrap-select{max-width:100%;height:auto}.bootstrap-select.full-width{width:100% !important}.bootstrap-select.normal-width{width:220px !important}.bootstrap-select.block{display:block !important}.bootstrap-select.error .dropdown-toggle{border-color:#f21a1a !important}.bootstrap-select.medium.smooth-style.open .dropdown-toggle,.bootstrap-select.big.smooth-style.open .dropdown-toggle,.bootstrap-select.smooth-style.open .dropdown-toggle{background-color:#f3f3f3}.bootstrap-select.medium.smooth-style.open .dropdown-toggle:hover,.bootstrap-select.big.smooth-style.open .dropdown-toggle:hover,.bootstrap-select.smooth-style.open .dropdown-toggle:hover{background-color:#f3f3f3;border-color:#f3f3f3}.bootstrap-select.medium.smooth-style .dropdown-toggle,.bootstrap-select.big.smooth-style .dropdown-toggle,.bootstrap-select.smooth-style .dropdown-toggle{border-color:#f3f3f3;background-color:#f3f3f3;padding:7px 30px 7px 10px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bootstrap-select.medium.smooth-style .dropdown-toggle:hover,.bootstrap-select.big.smooth-style .dropdown-toggle:hover,.bootstrap-select.smooth-style .dropdown-toggle:hover{border-color:#f3f3f3;background-color:#f3f3f3}.bootstrap-select.open .dropdown-toggle{box-shadow:none !important;background-color:#fafafa;border-color:#ffd131}.bootstrap-select.open .dropdown-toggle:hover{background-color:#fafafa;border-color:#ffd131}.bootstrap-select.big{font-size:18px}.bootstrap-select.big .dropdown-toggle{font-size:18px;padding:7px 15px;padding-right:30px;border:2px solid #bbb}.bootstrap-select.big .dropdown-menu>li>a{font-size:16px;padding:7px 15px}.bootstrap-select.big .dropdown-menu>li>a:focus,.bootstrap-select.big .dropdown-menu>li>a:hover{outline:none}.bootstrap-select.medium{font-size:16px}.bootstrap-select.medium .dropdown-toggle{font-size:16px;padding:7px 30px 7px 15px;border:2px solid #bbb}.bootstrap-select.medium .dropdown-menu>li>a{font-size:14px;padding:7px 15px}.bootstrap-select.medium .dropdown-menu>li>a:focus,.bootstrap-select.medium .dropdown-menu>li>a:hover{outline:none}.bootstrap-select .dropdown-toggle{padding-right:30px;font-size:16px;padding:7px 30px 7px 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:normal;color:#000}.bootstrap-select .dropdown-toggle:hover{background-color:#fafafa;border-color:#ffd131}.bootstrap-select .dropdown-toggle:focus{background-color:#fafafa;outline:none !important}.bootstrap-select .dropdown-toggle .filter-option{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bootstrap-select .dropdown-menu{border:none;border-radius:0;-webkit-box-shadow:0 0 15px 1px rgba(69,65,78,0.15);-moz-box-shadow:0 0 15px 1px rgba(69,65,78,0.15);box-shadow:0 0 15px 1px rgba(69,65,78,0.15)}.bootstrap-select .dropdown-menu .bs-searchbox input{margin-bottom:0px !important}.bootstrap-select .dropdown-menu>li.selected>a,.bootstrap-select .dropdown-menu>li.active>a{color:#000;font-weight:500;background-color:#ffd131}.bootstrap-select .dropdown-menu>li>a{font-weight:500;white-space:normal}.bootstrap-select .dropdown-menu>li>a:focus,.bootstrap-select .dropdown-menu>li>a:hover{outline:none}.textfield{border:2px solid #bbb;height:auto;padding:7px 15px;line-height:normal}.textfield.big{font-size:18px;padding:6px 12px}.textfield.big.font-normal{font-size:16px !important;padding:7.5px 12px}.textfield.extra-big{font-size:18px;padding:10px 12px}.textfield.medium{font-size:16px;padding:9px 15px}.textfield.smooth-style{border-color:#f7f8fa;background-color:#f7f8fa}.textfield.transparent-style{border:none;background-color:transparent}.form-label{font-weight:500}.form-label.medium{font-size:18px}.page-content-panel{padding:30px 0}.page-content-panel.page-contain-fixed-footer,.page-contain-fixed-footer{padding-bottom:100px}.page-fixed-footer-panel{position:fixed;bottom:0;background-color:#fff;left:0;right:0;padding:20px;z-index:5;-webkit-box-shadow:0 0 15px 1px rgba(69,65,78,0.15);-moz-box-shadow:0 0 15px 1px rgba(69,65,78,0.15);box-shadow:0 0 15px 1px rgba(69,65,78,0.15);text-align:center}#footer-panel{background-repeat:no-repeat;background-position:top right;background-position:left top;background-repeat:repeat;background-size:6px auto;opacity:1;position:relative;background:url(../images/line-decor.png) no-repeat top center;background-size:auto 150px;padding-top:100px}#footer-panel.bordered{border-top:3px solid #ffd131}#footer-panel.bordered:before{content:"";width:33.33%;display:block;position:absolute;height:3px;background:#65d400;top:-3px;left:33.33%}#footer-panel.bordered:after{content:"";width:33.33%;display:block;position:absolute;height:3px;background:#15b3b3;top:-3px;right:0}#footer-panel.negative{background-color:#122739;color:#fff}#footer-panel.negative #footer-top-panel .footer-description{color:#fff}#footer-panel.negative #footer-top-panel .footer-menus,#footer-panel.negative #footer-top-panel .footer-socials{margin-bottom:30px}#footer-panel.negative #footer-top-panel .footer-menus>li>a,#footer-panel.negative #footer-top-panel .footer-socials>li>a{border-color:rgba(255,255,255,0.5);color:#fff}#footer-panel.negative #footer-top-panel .footer-socials{margin-bottom:30px}#footer-panel.negative #footer-bottom-panel{color:rgba(255,255,255,0.5)}#footer-panel #footer-top-panel{padding:50px 0 30px;font-size:16px}#footer-panel #footer-top-panel .logo.text{font-size:24px;font-weight:500;margin-bottom:20px}#footer-panel #footer-top-panel .footer-description{margin-bottom:30px}#footer-panel #footer-top-panel .footer-description a{color:#ffd131}#footer-panel #footer-top-panel .footer-socials{list-style:none;display:block;margin-bottom:30px}#footer-panel #footer-top-panel .footer-socials>li{display:inline-block;vertical-align:middle;-webkit-transition-duration:.25s;transition-duration:.25s}#footer-panel #footer-top-panel .footer-socials>li+li{margin-left:5px}#footer-panel #footer-top-panel .footer-socials>li>a{font-size:16px;color:#fff;border-radius:4px;background-color:rgba(255,255,255,0.1);width:40px;height:40px;display:block;text-align:center;line-height:38px;-webkit-transition-duration:.25s;transition-duration:.25s}#footer-panel #footer-top-panel .footer-socials>li>a.rounded-button{width:auto;border-radius:50px;padding:0 16px}#footer-panel #footer-top-panel .footer-socials>li>a:hover{background-color:#ffd131;color:#000}#footer-panel #footer-top-panel .store-button-panel{margin-bottom:40px}#footer-panel #footer-top-panel .footer-col-title{margin-bottom:15px;font-weight:500;font-size:16px}#footer-panel #footer-top-panel .footer-menus{list-style:none}#footer-panel #footer-top-panel .footer-menus>li{display:block}#footer-panel #footer-top-panel .footer-menus>li+li{margin-top:5px}#footer-panel #footer-top-panel .footer-menus>li>a{display:block;color:rgba(77,102,125,0.8);font-weight:400;font-size:15px}#footer-panel #footer-bottom-panel{padding:20px 0;font-weight:400;color:#fff}#footer-panel #footer-bottom-panel #copyright-text{margin-top:10px}.image-placeholder{background-color:#eee;background-position:top center;background-size:cover;background-repeat:no-repeat}.image-placeholder.bg-frame{position:relative;margin-right:20px}.image-placeholder.bg-frame:before{content:"";display:block;width:80%;height:100%;left:20px;background-color:rgba(226,180,86,0.45);transform:rotate(-30deg);position:absolute;z-index:-1}.image-placeholder.transparent-bg{background-color:transparent}.image-placeholder.rounded{border-radius:20px}.image-placeholder.g-ratio{padding-bottom:62.5%}.image-placeholder.portrait{padding-bottom:120%}.image-placeholder.contain{background-size:contain}.curve-bg{background-color:#ffe4e0;position:relative;overflow:hidden}.curve-bg:before{content:"";position:absolute;width:150%;left:-25%;right:-25%;top:15%;bottom:0;background-color:#fff;border-left:0 solid transparent;border-right:0 solid transparent;border-top:100px solid #fff;border-radius:100% 100% 0 0}.box-bg:before{content:"";position:absolute;top:0;width:100%;height:400px;background-color:#ffe4e0;z-index:0}.dot-bg:before{content:"";position:absolute;top:0;width:100%;height:250px;background-image:url("../images/grid-pattern.png");background-repeat:repeat;background-size:48px auto;z-index:0}.image-bg{background-size:cover;background-position:center center;position:absolute;top:0;width:100%;height:350px;z-index:0}.image-bg:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.7)}.wave-bg{background:url("../images/curve.png") bottom left no-repeat;background-size:auto 250px;padding-bottom:150px}.rotate-box-bg{position:relative;z-index:1}.rotate-box-bg:before{content:"";position:absolute;width:120px;height:50px;background:#ffd131;transform:rotate(30deg);right:-50px;top:-20px;z-index:0}.content-section{padding:60px 0;position:relative}.content-section.small{padding:30px 0}.content-section.large{padding:60px 0}.content-section .section-icon{background:url("../images/shape.svg") no-repeat center center;background-size:contain;display:flex;align-items:center;justify-content:center;color:#000;width:50px;height:50px;text-align:center;padding:0;margin:20px auto;font-size:36px}.content-section .section-title{margin-top:6px;font-weight:600;margin-bottom:30px;line-height:1.4}.content-section .section-title.medium{font-size:24px}.content-section .section-title.regular{font-weight:400}.content-section .section-title.light{font-weight:300}.content-section .section-title .icon{display:inline-block;vertical-align:top;line-height:1;margin-right:5px;font-size:32px}.content-section .section-title .text{display:inline-block;vertical-align:top;max-width:calc(100% - 60px)}.content-section .header-panel .view-all-btn{display:inline-block}.content-section .footer-panel .view-all-btn{background:rgba(255,255,255,0.15);color:#fff;padding:10px 15px;min-width:180px}.content-section .footer-panel .view-all-btn:hover{transform:scale(1.1);background:#ff7d57;color:#fff}.content-section .section-desc{font-size:16px;line-height:1.6}b{font-weight:500}.arrow{display:block !important;position:absolute;width:15px;height:15px;background:transparent;border-radius:0;text-indent:-9999px;border-top:2px solid #fff;border-left:2px solid #fff;transition:all .3s ease-in-out;text-decoration:none;color:transparent;overflow:hidden;top:18px}.arrow:hover{border-color:#fff;border-width:3px}.arrow:before{display:block;height:200%;width:200%;margin-left:-50%;margin-top:-50%;content:"";transform:rotate(45deg)}.arrow.prev{transform:rotate(-45deg);left:20px}.arrow.next{transform:rotate(135deg);right:20px}.arrow.medium{width:30px;height:30px;margin-top:-15px}.nav-tabs{border-color:#f5f7fb}.nav-tabs.smooth-style{border:none}.nav-tabs.smooth-style>li.active:focus>a,.nav-tabs.smooth-style>li.active:hover>a{border:none;background-color:transparent;border-bottom:3px solid #ffd131}.nav-tabs.smooth-style>li.active>a{font-weight:500;opacity:1;border:none;border-bottom:3px solid #ffd131;background-color:transparent}.nav-tabs.smooth-style>li:focus>a,.nav-tabs.smooth-style>li:hover>a{border:none;background-color:transparent}.nav-tabs.smooth-style>li+li{margin-left:20px}.nav-tabs.smooth-style>li>a{padding-left:0;padding-right:0;color:#fff;border:none;opacity:.5}.nav-tabs.big>li>a{font-size:18px}.tab-content{padding:20px 0}.owl-carousel{position:relative}.owl-carousel.owl-theme .owl-dots .owl-dot.active>span{background-color:#ffd131;opacity:1;width:30px;border-radius:0}.owl-carousel.owl-theme .owl-dots .owl-dot>span{border-radius:0;height:5px;width:30px}.owl-carousel:hover .owl-nav{opacity:1}.owl-carousel .owl-nav{-webkit-transition-duration:.35s;transition-duration:.35s;opacity:0}.owl-carousel .owl-nav>div{position:absolute;border-radius:0 !important;top:50%;transform:translateY(-50%);width:50px;height:50px;margin-top:-25px !important;background:#ffd131 !important;color:#fff}.owl-carousel .owl-nav>div.owl-prev{left:-100px}.owl-carousel .owl-nav>div.owl-next{right:-100px}.owl-carousel .owl-dots .owl-dot.active>span{background-color:#ffd131;opacity:1}.owl-carousel .owl-dots .owl-dot>span{background-color:#000;opacity:.25;border-radius:0;height:8px;width:8px;margin:4px 6px}iframe{max-width:100% !important}.modal{overflow:auto !important;background-color:rgba(0,0,0,0.6);color:#000}.modal.white-modal{background-color:rgba(255,255,255,0.75)}.modal.fullscreen{background-color:rgba(255,255,255,0.95)}.modal.fullscreen .modal-dialog{width:100%;margin:0}.modal.fullscreen .modal-dialog .modal-content{width:100%;box-shadow:0 0 8px rgba(0,0,0,0.15);border:none;box-shadow:none;background-color:transparent}.modal.fullscreen .modal-dialog .modal-content .modal-header{border:none;background:transparent;color:#fff}.modal.fullscreen .modal-dialog .modal-content .modal-header .modal-title{margin-top:10px}.modal.bg .modal-content{background-repeat:no-repeat;background-position:top right}.modal .modal-dialog .modal-content{border-radius:0;overflow:hidden;box-shadow:0 0 20px 0 rgba(0,0,0,0.05)}.modal .modal-dialog .modal-content .modal-header{font-size:16px}.modal .modal-dialog .modal-content .modal-header .close{font-family:sans-serif;font-size:30px;line-height:1;font-weight:300;margin-top:-5px;-webkit-transition-duration:.35s;transition-duration:.35s;opacity:1}.modal .modal-dialog .modal-content .modal-header .close .text{font-family:"Noto Sans Thai","Noto Sans","Kanit"}.modal .modal-dialog .modal-content .modal-body{min-height:100px;font-size:16px}.modal .modal-dialog .modal-content .modal-footer{border:none}.profile-image{width:150px;height:150px;border-radius:50%;border:3px solid #ddd;overflow:hidden;text-align:center;background-size:cover;background-position:center center;background-repeat:no-repeat}.profile-image>a{width:100%;height:100%;display:block}.file-upload-wrapper{overflow:hidden;position:relative;background-size:cover;background-position:center center;background-repeat:no-repeat}.file-upload-wrapper.smooth-style{background-color:#f7f8fa;padding:10px 10px 5px;border-radius:4px}.file-upload-wrapper.id-card{background-image:url("../images/id-placeholder.png");background-position:center center;background-size:80% auto}.file-upload-wrapper.id-card:after{position:absolute;top:0;left:0;right:0;bottom:0;color:#ff7d57;text-align:center;justify-content:center;display:flex;align-items:center;color:#000}.file-upload-wrapper.portrait{padding-bottom:120%;display:block;background-image:url("../images/user-default.png");background-position:center center;background-size:80% auto}.file-upload-wrapper.g-ratio{display:block;padding-bottom:62.5%}.file-upload-wrapper.has-image:hover .icon,.file-upload-wrapper.has-image:hover .title{opacity:0}.file-upload-wrapper.has-image .icon,.file-upload-wrapper.has-image .title{opacity:0}.file-upload-wrapper.has-image.portrait,.file-upload-wrapper.has-image.id-card{background-size:100% auto}.file-upload-wrapper.has-image.portrait:after,.file-upload-wrapper.has-image.id-card:after{display:none}.file-upload-wrapper.user-image{border-radius:50%;display:block;width:150px;height:150px;background-color:#ddd;position:relative;background-image:url("../images/user-default.png");background-size:cover}.file-upload-wrapper .file-upload{cursor:pointer;font-size:240px;position:absolute;top:0;left:0;opacity:0}#toast-container>div{-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1)}#toast-container>div:hover{-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.2);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.2);box-shadow:0 1px 15px 1px rgba(69,65,78,0.2)}.toast.toast-success{background:#34bfa3}@media (min-width:768px){.content-section.small{padding:30px 0}.content-section.medium{padding:70px 0}.content-section.large{padding:100px 0}.sm-inline-block{display:inline-block}.border-left-xs{border-left:none}.border-top-xs{border-top:none}.border-top-sm{border-top:1px solid #eee}.border-left-sm{border-left:1px solid #eee}#main-content-panel{padding-top:130px}.content-box .content-box-header{padding:2.2rem}.content-box .content-box-header .button-col.right{text-align:right}.content-box .content-box-body{padding:2.2rem 2.2rem}.content-box .content-box-footer{padding:2.2rem 2.2rem}.content-section .section-title{font-size:24px;margin-top:0}#announcement-bar{margin:0 -15px}#announcement-bar.active+#header-panel+#main-content-panel{padding-top:200px}.page-fixed-footer-panel{text-align:right}#header-panel.transparent-style{-webkit-box-shadow:0 1px 15px 1px rgba(255,255,255,0.35) !important;-moz-box-shadow:0 1px 15px 1px rgba(255,255,255,0.35) !important;box-shadow:0 1px 15px 1px rgba(255,255,255,0.35) !important;color:#fff}#header-panel.transparent-style .navbar{height:150px !important;box-shadow:none !important;background:transparent !important}#header-panel.transparent-style #main-menus{background-color:transparent}#header-panel .navbar{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;z-index:5}#header-panel .navbar-brand{margin-right:25px}#header-panel #main-menus #right-menus{margin-bottom:0;margin-right:0}#header-panel #main-menus #right-menus>li{vertical-align:top}#header-panel #main-menus #top-menu-panel{margin:15px 0 0;position:relative;z-index:2}#header-panel #main-menus #bottom-menu-panel{margin-bottom:3px;position:relative;z-index:1;left:0;right:0;background-color:#fff}#header-panel #main-menus #bottom-menu-panel .navbar-nav{text-align:left}#header-panel #main-menus ul.navbar-nav{text-align:left}#header-panel #main-menus ul.navbar-nav.navbar-right{margin-right:20px}#header-panel #main-menus ul.navbar-nav.main-menus>li>a{background-color:transparent;font-size:16px}#header-panel #main-menus ul.navbar-nav>li{float:none;display:inline-block;vertical-align:middle}#header-panel #main-menus ul.navbar-nav>li.register-li,#header-panel #main-menus ul.navbar-nav>li.login-li{margin:0}#header-panel #main-menus ul.navbar-nav>li .logo{height:100px;padding:15px 10px 10px}#header-panel #main-menus ul.navbar-nav>li>a{display:block;font-size:14px;padding:17px 6px}#header-panel #main-menus #top-register-button{height:80px;padding:0 15px;margin:-15px -15px -15px 0;border-radius:0;line-height:80px}.row.wide-desktop{margin-left:-25px;margin-right:-25px}.row.wide-desktop>[class^="col-"]{padding-left:25px;padding-right:25px}.container{width:95%}#footer-panel{padding-top:150px;background-size:100% 150px}#footer-panel .footer-app-col{text-align:right}#footer-panel #footer-bottom-panel .col-right{text-align:right}.modal-xlg{width:auto;max-width:100%;margin:10px}}@media (min-width:992px){.modal-xlg{width:990px;margin:10px auto}.border-left-md{border-left:1px solid #eee}.border-left-sm{border-left:none}.border-top-sm{border-top:none}.content-section .section-title{font-size:30px}.content-section .section-title .icon{font-size:42px}.content-section .section-title .text{max-width:calc(100% - 60px)}.navbar-toggle{display:none}.navbar-collapse.collapse{display:block !important;margin:0}.collapse.in{display:block !important;margin:0}#header-panel #main-menus{text-align:center}#header-panel #main-menus #right-menus{margin-bottom:0}#header-panel #main-menus ul.navbar-nav.main-menus>li>a{font-size:17px}#header-panel #main-menus ul.navbar-nav>li.login-li{margin:0}#header-panel #main-menus ul.navbar-nav>li.register-li{margin:0}#header-panel #main-menus ul.navbar-nav>li>a{font-size:17px;padding:17px 8px}#header-panel #main-menus ul.navbar-right{margin-right:20px}#header-panel #main-menus ul>li.dropdown .dropdown-menu>li>a{font-size:14px}#header-panel #main-menus ul>li a{font-size:17px;padding:15px}}@media (min-width:1200px){#announcement-bar.active+#header-panel+#main-content-panel{padding-top:140px}#main-content-panel{padding-top:80px}#header-panel #main-menus #top-menu-panel .social{position:absolute;top:5px}#header-panel #main-menus #top-menu-panel .social>li>a{font-size:16px;line-height:1}#header-panel #main-menus #top-menu-panel #right-menus{position:absolute;right:0;top:0}#header-panel #main-menus #bottom-menu-panel{margin-top:-15px}#header-panel #main-menus #bottom-menu-panel .navbar-nav{text-align:left}#header-panel #main-menus #right-menus{margin-bottom:0}#header-panel #main-menus ul.navbar-right{margin-right:20px}#header-panel #main-menus ul.navbar-nav>li.dropdown .dropdown-menu>li>a{font-size:14px}#header-panel #main-menus ul.navbar-nav>li a{font-size:16px;padding:15px 8px}}@media (min-width:1400px){.container{width:1320px}.visible-xlg-inline-block{display:inline-block !important}#header-panel .navbar{min-height:80px}}body:before{content:"";width:300px;height:300px;display:block;position:absolute;top:-80px;left:0;background-size:auto 100%}body.home-page:before{display:none}body.home-page #header-panel{height:auto}body.home-page #header-panel.transparent-style{background:transparent}body.home-page #header-panel.transparent-style .navbar{background:#fff}body.home-page #header-panel #main-menus>ul>li.active>a{background-color:transparent;color:#ffd131}body.home-page #header-panel #main-menus>ul>li>a{color:#fff}body.home-page #header-panel #main-menus>ul>li>a:hover{color:#ffd131}body.circle{position:relative}body.circle:before{content:"";display:block;width:180px;height:180px;position:absolute;background-repeat:no-repeat;background-position:top right;background-size:100% auto;top:80px;right:0;z-index:1}#ap-anytime-cta{color:#000;padding-bottom:150px}#ap-anytime-cta .ap-cta{border-radius:0;padding:20px 20px 60px;margin:80px -36px 0;text-align:center;position:relative}#ap-anytime-cta .ap-cta:before{content:"";position:absolute;background:#ffd131;top:50px;left:0;right:0;bottom:40px}#ap-anytime-cta .ap-cta #shade-bg{position:absolute;top:0;bottom:0;left:50%;right:0;overflow:hidden;display:none}#ap-anytime-cta .ap-cta #shade-bg:before{content:"";width:80%;padding-bottom:80%;display:block;position:absolute;border-radius:40px;transform:rotate(45deg);top:-60%;left:15%;background-image:linear-gradient(to right, rgba(255,255,255,0.15), rgba(255,255,255,0.01))}#ap-anytime-cta .ap-cta #ap-anytime-image{border-radius:10px;max-width:90%;margin:-50px auto 0;box-shadow:0 0 20px 0 rgba(0,0,0,0.15)}#prompt-search-panel{margin-top:60px;padding-top:50px;padding-bottom:150px;background:url(../images/line-decor.png) no-repeat bottom center;background-size:auto 150px}#prompt-search-panel #why-applied{background:url(../images/blue-bubble.png) no-repeat top left;background-size:contain;min-height:400px}#prompt-search-panel #why-applied #why-ap-line-1{font-weight:800;font-size:50px;transform:rotate(-1deg);margin-top:45px;margin-left:30px}#prompt-search-panel #why-applied #why-ap-line-1 text{fill:#ff7d57;stroke:#fff;stroke-width:1.5px;stroke-linejoin:round;text-shadow:0 0 5px rgba(0,0,0,0)}#prompt-search-panel #why-applied #why-ap-line-1 text #year{stroke-width:1.5px;fill:#02b3ba;transform:scale(1.3);transform-origin:50% 50%}#prompt-search-panel #why-applied .title{font-size:32px;line-height:1.3;font-weight:600;position:relative;margin-top:-18px}#prompt-search-panel form{display:flex;justify-content:center;align-items:center;flex-direction:column}#prompt-search-panel input[type="text"]{font-size:18px;height:60px;font-weight:normal;color:#000}#prompt-search-panel .search-textbox-form-group{padding:0 10px;background-color:#f4f6fc;border-radius:5px}#prompt-search-panel .search-textbox-form-group>.icon{font-size:20px;vertical-align:middle;color:#aaa}#prompt-search-panel .search-textbox-form-group #prompt-search-textbox{display:inline-block;vertical-align:middle;width:calc(100% - 30px)}#prompt-search-panel .dropdown-form-group{height:60px}#prompt-search-panel .dropdown-form-group label{margin:3px 10px 0;color:#aaa;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#prompt-search-panel .dropdown-form-group .bootstrap-select{margin-top:-12px}#prompt-search-panel .dropdown-form-group .bootstrap-select .dropdown-toggle{border:none;background-color:transparent;padding:12px 30px 10px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;font-size:18px;line-height:1.5}#prompt-search-panel .dropdown-form-group .bootstrap-select .dropdown-toggle:hover{box-shadow:none}#prompt-search-panel .search-filter-col{width:100%;display:inline-block;vertical-align:middle}#prompt-search-panel .button-col{width:100%;margin-top:10px;display:block;z-index:2}#prompt-search-panel .button-col #prompt-search-button{border:none;display:block;padding:10px 15px;margin:5px 0 0 auto;color:#000;background-color:#ffd131;font-size:16px}#prompt-search-panel .button-col #prompt-search-button i{font-size:28px}#subject-section .subject-container{display:flex;justify-content:center;margin:0 -10px;flex-flow:wrap}#subject-section .subject-container .subject-box{width:calc(50% - 20px);margin:0 10px;border-radius:15px;background-color:#ffd131;color:#000;box-shadow:0 5px 25px rgba(14,137,220,0.16);padding:20px;min-height:150px;background-image:url("../images/arrow-set.png");background-repeat:no-repeat;background-position:left 10px bottom 10px;background-size:40% auto;position:relative;margin-bottom:40px;min-width:250px}#subject-section .subject-container .subject-box:nth-child(2n){background-color:#ff7d57;color:#fff}#subject-section .subject-container .subject-box.physics .image{max-width:55%;right:-12px}#subject-section .subject-container .subject-box.math .image{max-width:36%}#subject-section .subject-container .subject-box.gat .image{max-width:32%}#subject-section .subject-container .subject-box.engineer .image{max-width:60%;right:-12px}#subject-section .subject-container .subject-box.doctor .image{max-width:52%;right:-5px}#subject-section .subject-container .subject-box .title{font-weight:600;font-size:22px;width:50%;line-height:1.3}#subject-section .subject-container .subject-box .image{position:absolute;right:10px;bottom:0;max-width:38%;max-height:120%;overflow:hidden}#footer-bottom-panel .platform-text{margin-top:10px;display:inline-block;vertical-align:middle}#footer-bottom-panel #cin-logo{margin-top:10px;height:24px;vertical-align:middle;display:inline-block}#footer-bottom-panel #credit-text{display:block;margin-bottom:20px}.empty-content-section,#empty-bag{padding:30px 15px}.empty-content-section>i,#empty-bag>i{font-size:60px;line-height:1;opacity:.35}.empty-content-section>i+.text,#empty-bag>i+.text{margin:10px 0}.empty-content-section .icon,#empty-bag .icon{height:80px}.empty-content-section .icon+.text,#empty-bag .icon+.text{margin:20px 0}.empty-content-section .text,#empty-bag .text{font-size:16px;margin:20px 0}#bank-popover-link{font-size:12px;color:#f21a1a}#bank-popover-link:hover{color:#f21a1a}.info-circle{border:1px solid;border-radius:50%;display:inline-block;vertical-align:middle;width:16px;height:16px;line-height:14px;text-align:center}.info-circle i{font-size:10px;margin-top:-2px}.popover{border-radius:8px;background:transparent;box-shadow:none;border:none}.popover .arrow{top:-10px !important;border-bottom-color:#52687e !important;border-width:11px}.popover .arrow:hover{border-color:transparent}.popover .popover-content{background-color:#52687e;border-radius:8px;padding:15px}.popover .popover-content #bank-popover-content{color:#fff;font-size:14px;font-family:"Noto Sans Thai","Noto Sans","Kanit"}.popover .popover-content #bank-popover-content:before{content:""}.popover .popover-content #bank-popover-content .info-circle{display:inline-block;vertical-align:top;margin-top:4px;margin-right:5px}.popover .popover-content #bank-popover-content .info-text{display:inline-block;width:calc(100% - 35px)}#home-page #hilight-panel{position:relative}#home-page #hilight-panel #banner-panel{margin-top:30px;min-height:500px;width:100%}#home-page #hilight-panel #banner-panel #search-box{background-image:url("../images/circle.png");background-repeat:no-repeat;background-position:top right;border-radius:8px;padding:60px 40px;position:absolute;top:50%;transform:translateY(-50%);background-color:#fff}#home-page #hilight-panel #banner-panel #search-box .search-inner-panel{position:relative;z-index:2}#home-page #hilight-panel #banner-panel #search-box .search-box-title{font-size:28px;margin-bottom:10px}#home-page #hilight-panel #banner-panel #search-box .search-box-subtitle{font-size:16px;margin-bottom:20px}#home-page #hilight-panel #banner-panel #banner-slider .item{text-align:left;background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:transparent;position:relative;min-height:500px;display:flex;flex-direction:column;justify-content:flex-start}#home-page #hilight-panel #banner-panel #banner-slider .item:before{background-color:rgba(0,0,0,0.25);display:block;top:0;right:0;left:0;bottom:0;position:absolute;z-index:1}#home-page #hilight-panel #banner-panel .slide-content{z-index:2}#home-page #hilight-panel #banner-panel .slide-content .banner-title{font-size:32px;color:#fff;font-weight:700;line-height:1.3;margin-bottom:15px;margin-top:60px}#home-page #hilight-panel #banner-panel .slide-content .banner-title>span{padding:4px 0 8px}#home-page #hilight-panel #banner-panel .slide-content .banner-subtitle{font-size:18px;font-weight:600;color:#ffd131}#home-page #hilight-panel #banner-panel .slide-content .banner-description{margin:20px 0 30px;font-size:16px;line-height:1.4}#home-page #hilight-panel #banner-panel .slide-content .btn-vdo{border-radius:50%;width:60px;height:60px;display:block;text-align:center;line-height:60px;margin:0;font-size:30px;color:#000;background:#ffd131;padding:0;background-size:32px auto;background-repeat:no-repeat;background-position:center center}#home-page #hilight-panel #banner-panel .slide-content .btn-vdo:hover{border-color:#02b3ba !important;background-color:#02b3ba !important}#home-page #hilight-panel #banner-panel .slide-content .btn{font-weight:500}#home-page #hilight-panel #banner-panel .slide-content .btn:hover{border-color:#ffd131;background-color:#ffd131}#home-page #hilight-panel #banner-panel .slide-content .image-col{text-align:left}#home-page #hilight-panel #banner-panel .slide-content .image-col .image-col-inner{width:500px;max-width:calc(100% - 30px)}#home-page #hilight-panel #banner-panel .slide-content .image-col .image-col-inner .image-panel{background-color:#eee;border-radius:0;width:100%;margin:0 0 50px 30px;padding-bottom:120%;background-size:cover;box-shadow:0 2px 20px 0 rgba(0,0,0,0.15);background-position:center center}#home-page #hilight-panel #banner-panel .slide-content .image-col .image-col-inner .image-panel:before{content:"";position:absolute;width:30%;height:85%;border:3px solid #ffd131;left:20px;top:15%;z-index:-1}#home-page #hilight-panel #banner-panel .owl-dots{text-align:left;margin-top:80px;bottom:70px;left:0;right:0}#home-page #hilight-panel #banner-panel .owl-dots .owl-dot:first-child>span{margin-left:0}#home-page #hilight-panel #banner-panel .owl-dots .owl-dot.active>span{background-color:#ffd131;opacity:1;width:30px;border-radius:0}#home-page #hilight-panel #banner-panel .owl-dots .owl-dot>span{background-color:#fff;opacity:.25;border-radius:0;height:5px;width:30px;margin:4px 6px}#home-page #teacher-panel{height:100%;position:relative}#home-page #teacher-panel .item,#home-page #teacher-panel .owl-item,#home-page #teacher-panel .owl-stage,#home-page #teacher-panel .owl-stage-outer,#home-page #teacher-panel #teacher-slider,#home-page #teacher-panel .teacher-inner-panel{height:100%}#home-page #teacher-panel .teacher-image-col:before{position:absolute;width:80%;padding-bottom:80%;display:block;border-radius:50%;background:#ffd131;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1}#home-page #teacher-panel .teacher-image{padding:0;background-size:cover;background-repeat:no-repeat;padding-bottom:120%;background-position:top right;-webkit-box-shadow:0 1px 20px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 20px 1px rgba(69,65,78,0.1);box-shadow:0 1px 20px 1px rgba(69,65,78,0.1);position:relative;z-index:2}#home-page #teacher-panel #teacher-slider .owl-nav{margin:0;opacity:1;height:60px;position:relative;display:none}#home-page #teacher-panel #teacher-slider .owl-nav .owl-prev,#home-page #teacher-panel #teacher-slider .owl-nav .owl-next{top:50%;width:60px;height:60px;border-radius:15px !important;transform:none;margin:0;margin-top:0 !important;font-size:26px;line-height:60px;padding:0}#home-page #teacher-panel #teacher-slider .owl-nav .owl-prev i,#home-page #teacher-panel #teacher-slider .owl-nav .owl-next i{margin-top:-8px;vertical-align:middle;display:none}#home-page #teacher-panel #teacher-slider .owl-nav .owl-prev{left:15px;top:0;background:url("../images/ap-arrow.png") no-repeat center center !important;background-size:60% auto !important;background-color:rgba(255,255,255,0.24) !important;transform:rotate(180deg)}#home-page #teacher-panel #teacher-slider .owl-nav .owl-next{left:90px;right:auto;top:0;color:#fff;background:url("../images/ap-arrow.png") no-repeat center center !important;background-size:60% auto !important;background-color:#ff7d57 !important}#home-page #teacher-panel #teacher-slider .owl-dots{position:absolute;bottom:0;left:25px}#home-page #teacher-panel #teacher-slider .owl-dots .owl-dot:first-child>span{margin-left:0}#home-page #teacher-panel #teacher-slider .owl-dots .owl-dot.active>span{background-color:#ff7d57;opacity:1;width:30px;border-radius:0}#home-page #teacher-panel #teacher-slider .owl-dots .owl-dot>span{background-color:#eee;opacity:1;border-radius:0;height:5px;width:30px;margin:0 7px}#home-page #teacher-panel .teacher-content{bottom:0;background-color:transparent;padding:60px 20px;left:0;right:0}#home-page #teacher-panel .teacher-content .title{font-size:30px;font-weight:600;margin-bottom:15px;line-height:1.3}#home-page #teacher-panel .teacher-content .desc{font-size:18px;margin-bottom:60px;line-height:1.6}#home-page #teacher-panel .teacher-content .teacher-social{margin:20px 0 0;list-style:none}#home-page #teacher-panel .teacher-content .teacher-social>li{display:inline-block;vertical-align:middle;position:relative}#home-page #teacher-panel .teacher-content .teacher-social>li+li{margin-left:10px}#home-page #teacher-panel .teacher-content .teacher-social>li>a{color:#fff;display:block;font-size:24px;line-height:44px;width:40px;height:40px;background:url("../images/shape-black.png") no-repeat center center;background-size:contain;text-align:center;position:relative;z-index:2}#home-page #quick-action-section{background-color:#f5f7fb}#home-page #quick-action-section #quick-action-section-wrapper{padding:0}#home-page #shortcut-panel{padding-top:10%}#home-page #shortcut-panel.horizontal{padding:35px 0 0 0}#home-page #shortcut-panel.horizontal #shortcut-list{background:none;margin:0 -7px;max-width:none}#home-page #shortcut-panel.horizontal #shortcut-list>div,#home-page #shortcut-panel.horizontal #shortcut-list>li{display:inline-block;margin:7px 0}#home-page #shortcut-panel.horizontal #shortcut-list>div .shortcut-button:hover,#home-page #shortcut-panel.horizontal #shortcut-list>li .shortcut-button:hover{color:#000;background:#ffd131}#home-page #shortcut-panel.horizontal #shortcut-list>div .shortcut-button:hover:before,#home-page #shortcut-panel.horizontal #shortcut-list>li .shortcut-button:hover:before{display:none}#home-page #shortcut-panel.horizontal #shortcut-list>div .shortcut-button,#home-page #shortcut-panel.horizontal #shortcut-list>li .shortcut-button{display:flex;justify-content:center;align-items:center;text-align:center;color:#ffd131;border-radius:5px;min-height:200px;line-height:100px;overflow:hidden;background:#2d313a;-webkit-transition-duration:.25s;transition-duration:.25s;padding:15px;box-shadow:0 0 20px 0 rgba(0,0,0,0.05);position:relative}#home-page #shortcut-panel.horizontal #shortcut-list>div .shortcut-button:before,#home-page #shortcut-panel.horizontal #shortcut-list>li .shortcut-button:before{position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#fff;z-index:1;border-radius:13px}#home-page #shortcut-panel.horizontal #shortcut-list>div .shortcut-button .content-wrapper,#home-page #shortcut-panel.horizontal #shortcut-list>li .shortcut-button .content-wrapper{display:inline-block;vertical-align:middle;position:relative;z-index:2}#home-page #shortcut-panel.horizontal #shortcut-list>div .shortcut-button .shortcut-icon,#home-page #shortcut-panel.horizontal #shortcut-list>li .shortcut-button .shortcut-icon{display:block;margin:0 auto 10px;font-size:50px;line-height:1}#home-page #shortcut-panel.horizontal #shortcut-list>div .shortcut-button .shortcut-title,#home-page #shortcut-panel.horizontal #shortcut-list>li .shortcut-button .shortcut-title{font-size:18px;line-height:1.2}#home-page #shortcut-panel.horizontal #shortcut-list>.shortcut-col>div{margin-bottom:15px}#home-page #shortcut-panel #shortcut-list{margin:0 auto;list-style:none;max-width:100%;padding:1px 1px 0;background:url("../images/grid-coor.png") top -32px left -32px no-repeat,url("../images/grid-coor.png") top -32px right -32px no-repeat,url("../images/grid-coor.png") bottom -32px left -32px no-repeat,url("../images/grid-coor.png") bottom -32px right -32px no-repeat,url("../images/grid-coor.png") center center no-repeat,url("../images/grid-coor.png") top -16px center no-repeat,url("../images/grid-coor.png") bottom -16px center no-repeat;background-size:64px, 64px, 64px, 64px, 24px, 32px, 32px}#home-page #shortcut-panel #shortcut-list>li{opacity:0;vertical-align:bottom;display:inline-block;-webkit-transition-duration:.25s;transition-duration:.25s}#home-page #shortcut-panel #shortcut-list>li:hover .shortcut-button{color:#fff}#home-page #shortcut-panel .shortcut-button{display:block;text-align:center;color:#aaa;min-height:120px;overflow:hidden;background:rgba(0,0,0,0.4);-webkit-transition-duration:.25s;transition-duration:.25s;border-radius:5px}#home-page #shortcut-panel .shortcut-button .content-wrapper{display:inline-block;vertical-align:middle}#home-page #shortcut-panel .shortcut-button .shortcut-icon{display:block;margin:0 auto 10px;max-height:50%;font-size:40px;line-height:1}#home-page #shortcut-panel .shortcut-button .shortcut-title{font-size:16px;font-weight:500;line-height:1.2}.teacher-social{margin:20px 0 0;list-style:none}.teacher-social>li{display:inline-block;vertical-align:middle;position:relative}.teacher-social>li+li{margin-left:10px}.teacher-social>li.primary>a{background-image:url("../images/shape.svg");color:#000}.teacher-social>li>a{color:#fff;display:block;font-size:24px;line-height:44px;width:40px;height:40px;background:url("../images/shape-black.png") no-repeat center center;background-size:contain;text-align:center;position:relative;z-index:2}#add-booking-btn{margin-top:0;margin-bottom:30px}#course-search-panel{margin:0;padding:40px 0 0;position:relative;background:repeating-linear-gradient(45deg, transparent 0 3px, rgba(255,255,255,0.05) 3px 6px);background-color:rgba(0,0,0,0.65)}#course-search-panel form{padding:20px 0;box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);color:#fff}#course-search-panel .form-group{margin-bottom:10px}.horizontal-nav-menus-wrapper{overflow:hidden;position:relative;margin-bottom:-85px}.faq-panel,#quick-faq{background:url("../images/g-y-bubble.png") no-repeat center 100px;background-size:auto 650px;padding-bottom:60px}.faq-panel>*,#quick-faq>*{position:relative;z-index:2}.faq-panel .icon,#quick-faq .icon{margin-bottom:20px}.faq-panel .icon>img,#quick-faq .icon>img{height:70px}.faq-panel .title,#quick-faq .title{font-size:40px;font-weight:700}.faq-panel .subtitle,#quick-faq .subtitle{font-size:20px;font-weight:500;color:#aaa}.faq-panel .faq-accordion,#quick-faq .faq-accordion,.faq-panel #quick-faq-accordion,#quick-faq #quick-faq-accordion{width:800px;margin:30px auto;max-width:100%;box-shadow:0 8px 35px rgba(0,0,0,0.07);border-radius:20px;position:relative;overflow:hidden}.faq-panel .faq-accordion:before,#quick-faq .faq-accordion:before,.faq-panel #quick-faq-accordion:before,#quick-faq #quick-faq-accordion:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;filter:blur(16px);z-index:0}.faq-panel .faq-accordion>*,#quick-faq .faq-accordion>*,.faq-panel #quick-faq-accordion>*,#quick-faq #quick-faq-accordion>*{position:relative;z-index:2}.faq-panel .faq-accordion .panel,#quick-faq .faq-accordion .panel,.faq-panel #quick-faq-accordion .panel,#quick-faq #quick-faq-accordion .panel{border:none;border-radius:0}.faq-panel .faq-accordion .panel+.panel,#quick-faq .faq-accordion .panel+.panel,.faq-panel #quick-faq-accordion .panel+.panel,#quick-faq #quick-faq-accordion .panel+.panel{margin-top:0;border-top:1px solid #323232}.faq-panel .faq-accordion .panel .panel-heading,#quick-faq .faq-accordion .panel .panel-heading,.faq-panel #quick-faq-accordion .panel .panel-heading,#quick-faq #quick-faq-accordion .panel .panel-heading{background-color:rgba(0,0,0,0.85)}.faq-panel .faq-accordion .panel .panel-heading .panel-title,#quick-faq .faq-accordion .panel .panel-heading .panel-title,.faq-panel #quick-faq-accordion .panel .panel-heading .panel-title,#quick-faq #quick-faq-accordion .panel .panel-heading .panel-title{font-family:"Noto Sans Thai","Noto Sans","Kanit"}.faq-panel .faq-accordion .panel .panel-heading .panel-title>a,#quick-faq .faq-accordion .panel .panel-heading .panel-title>a,.faq-panel #quick-faq-accordion .panel .panel-heading .panel-title>a,#quick-faq #quick-faq-accordion .panel .panel-heading .panel-title>a{padding:24px;color:#fff;font-size:20px;padding-right:60px;line-height:1.4}.faq-panel .faq-accordion .panel .panel-heading .panel-title>a:after,#quick-faq .faq-accordion .panel .panel-heading .panel-title>a:after,.faq-panel #quick-faq-accordion .panel .panel-heading .panel-title>a:after,#quick-faq #quick-faq-accordion .panel .panel-heading .panel-title>a:after{font-size:24px;top:17px;right:20px}.faq-panel .faq-accordion .panel .panel-collapse .panel-body,#quick-faq .faq-accordion .panel .panel-collapse .panel-body,.faq-panel #quick-faq-accordion .panel .panel-collapse .panel-body,#quick-faq #quick-faq-accordion .panel .panel-collapse .panel-body{border:none;padding:30px 40px;background-color:rgba(0,0,0,0.65);font-size:18px;color:#fff}#teacher-section{padding:100px 0 80px;color:#000}#teacher-section:before{content:"";background-color:#ffd131;position:absolute;top:20%;bottom:30px;left:0%;right:0}#teacher-section:after{position:absolute;top:0;bottom:100px;left:0;right:0;background:url("../images/geo-bg.png") no-repeat 80% 100px;background-size:auto 80%}#teacher-section #quick-action-section-wrapper .section-title{line-height:1.2}#teacher-section .teacher-content .subtitle{color:#ffd131;background-image:url("../images/shape-black-left.png"),url("../images/shape-black-right.png");background-repeat:no-repeat,no-repeat;background-position:center left, center right;background-size:auto 100%, auto 100%;display:inline-block;font-weight:600;padding:3px 10px;font-size:16px;margin-bottom:5px;position:relative}#teacher-section .teacher-content .subtitle:before{content:"";background-color:#000;display:block;position:absolute;left:6px;right:5px;top:0;bottom:0;z-index:-1}.horizontal-nav-menus,.item-filters,#course-filters{list-style:none;margin:30px 0 10px;white-space:nowrap;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:100px}.horizontal-nav-menus::-webkit-scrollbar,.item-filters::-webkit-scrollbar,#course-filters::-webkit-scrollbar{width:0px;background:transparent !important}.horizontal-nav-menus.big>li>a,.item-filters.big>li>a,#course-filters.big>li>a{font-size:18px}.horizontal-nav-menus>li,.item-filters>li,#course-filters>li{display:inline-block;vertical-align:top}.horizontal-nav-menus>li+li,.item-filters>li+li,#course-filters>li+li{margin-left:20px}.horizontal-nav-menus>li.filter-label,.item-filters>li.filter-label,#course-filters>li.filter-label{margin-top:5px;margin-right:20px;font-size:18px;font-weight:400;display:block;margin-bottom:10px}.horizontal-nav-menus>li.filter-label+li,.item-filters>li.filter-label+li,#course-filters>li.filter-label+li{margin-left:0}.horizontal-nav-menus>li.active>a,.item-filters>li.active>a,#course-filters>li.active>a{background:#ffd131;color:#000;font-weight:500;padding:7px 15px 7px}.horizontal-nav-menus>li.active>a:hover,.item-filters>li.active>a:hover,#course-filters>li.active>a:hover{color:#000}.horizontal-nav-menus>li>a,.item-filters>li>a,#course-filters>li>a{display:block;padding:7px 0;white-space:nowrap;color:#fff;font-size:16px;border-radius:4px}.horizontal-nav-menus>li>a:hover,.item-filters>li>a:hover,#course-filters>li>a:hover{color:#fff}#search-brochure-button{padding:0 15px;height:41px}.table-box-list,#booking-box-list,#branch-box-list{margin:30px 0;overflow:hidden;color:#000}.table-box-list .box-header,#booking-box-list .box-header,#branch-box-list .box-header,.table-box-list .booking-box-header,#booking-box-list .booking-box-header,#branch-box-list .booking-box-header,.table-box-list .branch-box-header,#booking-box-list .branch-box-header,#branch-box-list .branch-box-header{background-color:#ffd131;color:#000;padding:0 30px}.table-box-list .box-header .box-title,#booking-box-list .box-header .box-title,#branch-box-list .box-header .box-title,.table-box-list .booking-box-header .box-title,#booking-box-list .booking-box-header .box-title,#branch-box-list .booking-box-header .box-title,.table-box-list .branch-box-header .box-title,#booking-box-list .branch-box-header .box-title,#branch-box-list .branch-box-header .box-title{padding:20px 0;font-weight:500;font-size:16px}.table-box-list .content-box,#booking-box-list .content-box,#branch-box-list .content-box,.table-box-list .booking-box,#booking-box-list .booking-box,#branch-box-list .booking-box,.table-box-list .branch-box,#booking-box-list .branch-box,#branch-box-list .branch-box{padding:25px 30px;min-height:80px;background-color:#fff}.table-box-list .content-box+.booking-box,#booking-box-list .content-box+.booking-box,#branch-box-list .content-box+.booking-box,.table-box-list .booking-box+.booking-box,#booking-box-list .booking-box+.booking-box,#branch-box-list .booking-box+.booking-box,.table-box-list .branch-box+.booking-box,#booking-box-list .branch-box+.booking-box,#branch-box-list .branch-box+.booking-box,.table-box-list .content-box+.branch-box,#booking-box-list .content-box+.branch-box,#branch-box-list .content-box+.branch-box,.table-box-list .booking-box+.branch-box,#booking-box-list .booking-box+.branch-box,#branch-box-list .booking-box+.branch-box,.table-box-list .branch-box+.branch-box,#booking-box-list .branch-box+.branch-box,#branch-box-list .branch-box+.branch-box{border-top:1px solid #f3f3f3}.table-box-list .content-box .booking-info-col,#booking-box-list .content-box .booking-info-col,#branch-box-list .content-box .booking-info-col,.table-box-list .booking-box .booking-info-col,#booking-box-list .booking-box .booking-info-col,#branch-box-list .booking-box .booking-info-col,.table-box-list .branch-box .booking-info-col,#booking-box-list .branch-box .booking-info-col,#branch-box-list .branch-box .booking-info-col{font-size:16px;margin-bottom:15px}.table-box-list .content-box .booking-info-col:last-child,#booking-box-list .content-box .booking-info-col:last-child,#branch-box-list .content-box .booking-info-col:last-child,.table-box-list .booking-box .booking-info-col:last-child,#booking-box-list .booking-box .booking-info-col:last-child,#branch-box-list .booking-box .booking-info-col:last-child,.table-box-list .branch-box .booking-info-col:last-child,#booking-box-list .branch-box .booking-info-col:last-child,#branch-box-list .branch-box .booking-info-col:last-child{margin-bottom:0}.table-box-list .content-box .booking-info-col.institute-col,#booking-box-list .content-box .booking-info-col.institute-col,#branch-box-list .content-box .booking-info-col.institute-col,.table-box-list .booking-box .booking-info-col.institute-col,#booking-box-list .booking-box .booking-info-col.institute-col,#branch-box-list .booking-box .booking-info-col.institute-col,.table-box-list .branch-box .booking-info-col.institute-col,#booking-box-list .branch-box .booking-info-col.institute-col,#branch-box-list .branch-box .booking-info-col.institute-col{text-align:right}.table-box-list .content-box .booking-info-col.institute-col .institute-logo,#booking-box-list .content-box .booking-info-col.institute-col .institute-logo,#branch-box-list .content-box .booking-info-col.institute-col .institute-logo,.table-box-list .booking-box .booking-info-col.institute-col .institute-logo,#booking-box-list .booking-box .booking-info-col.institute-col .institute-logo,#branch-box-list .booking-box .booking-info-col.institute-col .institute-logo,.table-box-list .branch-box .booking-info-col.institute-col .institute-logo,#booking-box-list .branch-box .booking-info-col.institute-col .institute-logo,#branch-box-list .branch-box .booking-info-col.institute-col .institute-logo{max-height:48px;max-width:48px}.table-box-list .content-box .booking-info-col.created-col,#booking-box-list .content-box .booking-info-col.created-col,#branch-box-list .content-box .booking-info-col.created-col,.table-box-list .booking-box .booking-info-col.created-col,#booking-box-list .booking-box .booking-info-col.created-col,#branch-box-list .booking-box .booking-info-col.created-col,.table-box-list .branch-box .booking-info-col.created-col,#booking-box-list .branch-box .booking-info-col.created-col,#branch-box-list .branch-box .booking-info-col.created-col{text-align:right}.table-box-list .content-box .booking-info-col label,#booking-box-list .content-box .booking-info-col label,#branch-box-list .content-box .booking-info-col label,.table-box-list .booking-box .booking-info-col label,#booking-box-list .booking-box .booking-info-col label,#branch-box-list .booking-box .booking-info-col label,.table-box-list .branch-box .booking-info-col label,#booking-box-list .branch-box .booking-info-col label,#branch-box-list .branch-box .booking-info-col label{font-size:14px;margin-bottom:0}.table-box-list .content-box .booking-date,#booking-box-list .content-box .booking-date,#branch-box-list .content-box .booking-date,.table-box-list .booking-box .booking-date,#booking-box-list .booking-box .booking-date,#branch-box-list .booking-box .booking-date,.table-box-list .branch-box .booking-date,#booking-box-list .branch-box .booking-date,#branch-box-list .branch-box .booking-date{font-size:14px;font-weight:400}.table-box-list .content-box .booking-period,#booking-box-list .content-box .booking-period,#branch-box-list .content-box .booking-period,.table-box-list .booking-box .booking-period,#booking-box-list .booking-box .booking-period,#branch-box-list .booking-box .booking-period,.table-box-list .branch-box .booking-period,#booking-box-list .branch-box .booking-period,#branch-box-list .branch-box .booking-period{font-size:16px;font-weight:500}.table-box-list .content-box .booking-hour,#booking-box-list .content-box .booking-hour,#branch-box-list .content-box .booking-hour,.table-box-list .booking-box .booking-hour,#booking-box-list .booking-box .booking-hour,#branch-box-list .booking-box .booking-hour,.table-box-list .branch-box .booking-hour,#booking-box-list .branch-box .booking-hour,#branch-box-list .branch-box .booking-hour{font-size:14px;font-weight:400}.table-box-list .content-box .branch-title,#booking-box-list .content-box .branch-title,#branch-box-list .content-box .branch-title,.table-box-list .booking-box .branch-title,#booking-box-list .booking-box .branch-title,#branch-box-list .booking-box .branch-title,.table-box-list .branch-box .branch-title,#booking-box-list .branch-box .branch-title,#branch-box-list .branch-box .branch-title{font-size:18px;font-weight:500;margin-bottom:15px;display:block}.table-box-list .content-box .branch-title:hover,#booking-box-list .content-box .branch-title:hover,#branch-box-list .content-box .branch-title:hover,.table-box-list .booking-box .branch-title:hover,#booking-box-list .booking-box .branch-title:hover,#branch-box-list .booking-box .branch-title:hover,.table-box-list .branch-box .branch-title:hover,#booking-box-list .branch-box .branch-title:hover,#branch-box-list .branch-box .branch-title:hover{color:#ff7d57}.table-box-list .content-box{padding:20px;box-shadow:none}.table-box-list .content-box+.content-box{border-top:1px solid #ececec}.table-box-list .content-box .box-title{font-size:18px;font-weight:500;margin-bottom:5px}.table-box-list .content-col+.content-col{margin-top:5px}.table-box-list .content-col.institute-col{text-align:right;margin-top:-4px}.table-box-list .content-col.institute-col .institute-logo{max-width:auto;max-height:48px}.text-left-xs{text-align:left}.school-image{height:300px;background-position:center center}#message-section{position:relative;padding:80px 0 0}#message-section .section-title{font-size:40px}#message-section .section-desc{margin-bottom:30px}#testimonial-section{padding:80px 0;background:#f5f7fb;background:-moz-linear-gradient(top, #f5f7fb 0%, #fff 100%);background:-webkit-linear-gradient(top, #f5f7fb 0%, #fff 100%);background:linear-gradient(to bottom, #f5f7fb 0%, #fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f7fb', endColorstr='#ffffff', GradientType=0)}#testimonial-section .section-title{margin-bottom:50px;font-size:36px}#testimonial-section .image-col{background-color:#eee;min-height:400px;background-size:cover;background-position:top center}#testimonial-section .content-col{padding:50px}#testimonial-slider .testimonial-item{padding:20px 30px 40px;margin:40px 20px 20px;background-color:#fff;border-radius:6px;min-height:250px;border:1px solid #eee;position:relative;z-index:5;-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1)}#testimonial-slider .testimonial-item .user-thumbnail{display:inline-block;vertical-align:top;margin-right:10px;border-radius:50%;width:80px;height:80px;border:4px solid #fff;background-color:#eee;display:block;margin:-60px auto 10px}#testimonial-slider .testimonial-item .user-name{text-align:center;display:inline-block;vertical-align:top;display:block}#testimonial-slider .testimonial-item .user-name .title{font-size:16px;font-weight:500;margin-bottom:5px}#testimonial-slider .testimonial-item .user-name .subtitle{font-size:12px;color:#ffd131}#testimonial-slider .testimonial-item .text{margin-top:20px;text-align:center}#search-course-result-section{padding:30px 0}#search-course-result-section #course-result-wrapper{position:relative}#trending-course-section{background-color:#f5f7fb;padding:30px 0}#trending-course-section .item-container{margin-bottom:0}.item-container,#course-list{margin-top:0px;margin:0 -15px;min-height:300px;border-top:1px solid rgba(255,255,255,0.05);position:relative;z-index:2}.course-item{display:inline-block;vertical-align:top;margin:20px 15px;width:calc(50% - 36px);cursor:pointer}.course-item:hover .course-image{transform:scale(1.1)}.course-item.out{height:0;opacity:0;position:absolute;-webkit-transition-duration:.35s;transition-duration:.35s;z-index:-1}.course-item.out .course-image{padding-bottom:0}.course-item.out .title{-webkit-transition-duration:0s;transition-duration:0s;opacity:0}.course-item.open-detail{position:static}.course-item.open-detail .title:after{content:"";display:block;border:30px solid transparent;border-bottom-color:#333;position:absolute;z-index:4;margin-top:-20px;margin-left:45px}.course-item .course-image{width:100%;padding-bottom:138%;background-color:#eee;border:none;-webkit-transition-duration:.35s;transition-duration:.35s;background-size:cover;background-position:top center}.course-item .title{margin-top:15px;font-size:16px;font-weight:500;color:#fff}.course-item .course-detail-panel{width:100%;position:absolute;left:0;cursor:default;display:block;margin-top:30px;-webkit-transition-duration:.25s;transition-duration:.25s}#course-detail-dialog{color:#000}#course-detail-dialog .course-detail-panel{display:block}#course-detail-dialog .modal-body{padding:0 15px}.course-detail-panel{position:relative;display:none}.course-detail-panel .close-course-detail-btn{display:block;position:absolute;top:5px;right:20px;font-size:40px;font-family:sans-serif;color:#fff;opacity:.7;z-index:2}.course-detail-panel .close-course-detail-btn:hover{opacity:1}.course-detail-panel .image-col{padding-top:40px}.course-detail-panel .image-col .course-book-list{list-style:none;margin:0 -7px}.course-detail-panel .image-col .course-book-list>li{display:inline-block;vertical-align:top;margin:0 7px 23px}.course-detail-panel .image-col .course-book-list>li .course-book{width:100px;height:137.86px;background-color:#eee;display:block;background-size:cover;background-position:top center;border:none}.course-detail-panel .detail-col{min-height:250px;padding-bottom:60px;background-color:#f7f8fa;padding:30px 30px 80px}.course-detail-panel .detail-col .course-title{font-size:24px;font-weight:500;margin-bottom:5px}.course-detail-panel .detail-col .course-subtitle{font-size:14px;font-weight:400;margin-bottom:25px}.course-detail-panel .detail-col .course-learning-type{margin-bottom:25px}.course-detail-panel .detail-col .course-description{font-size:15px}.course-detail-panel .detail-col .course-description .important-remark{font-size:16px}.course-detail-panel .detail-col .course-detial-btn{margin-top:20px}.book-item-box{background:#fff;margin-bottom:80px;box-shadow:0 4px 20px 0 rgba(0,0,0,0.08);padding:20px}.book-item-box:hover{transform:scale(1.1)}.book-item-box .book-cover-col{display:inline-block;vertical-align:top;width:140px}.book-item-box .book-cover-col .book-cover{background-position:top center;background-size:cover;padding-bottom:142%;background-color:#eee;margin-top:-60px}.book-item-box .book-content-col{display:inline-block;vertical-align:top;width:calc(100% - 162px);margin-left:15px}.book-item-box .book-content-col .title{font-size:18px;font-weight:500;margin-bottom:5px;color:#000}.book-item-box .book-content-col .subtitle{margin-bottom:10px}.book-item-box .book-content-col .price{font-weight:500;color:#587600;font-size:20px}.book-item-box .book-content-col .button-panel{margin-top:15px}.course-item-box{border-radius:6px;background-color:#fff;margin:0 0 15px;padding:15px;border:1px solid #eee;-webkit-transition-duration:.25s;transition-duration:.25s;color:#000}.course-item-box:hover{-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1)}.course-item-box .image-col{display:inline-block;vertical-align:top}.course-item-box .image-col .image-placeholder{background-color:#eaeaea;width:80px;height:110px;background-size:cover;background-position:top center}.course-item-box .image-col .course-detail-button{margin:10px 0 0}.course-item-box .detail-col{width:calc(100% - 100px);display:inline-block;vertical-align:top;margin-left:15px}.course-item-box .detail-col .course-title{font-size:16px;font-weight:500;min-height:4.2em;margin-bottom:15px;overflow:hidden;line-height:1.5;color:#000}.course-item-box .detail-col .course-subtitle{font-size:12px;color:#8da3ba;font-weight:400;margin-bottom:5px}.course-item-box .detail-col .recommended-study-hour-text{display:inline-block;font-size:13px;margin-top:10px;background-color:#f5bb37;padding:2px 10px;border-radius:5px;color:#000}.course-item-box .detail-col .field-label{color:#aaa;font-size:12px;margin-bottom:3px}.course-item-box .detail-col .field-value{font-weight:500}.course-item-box .detail-col .course-description{font-size:15px;color:#fff;height:5.8em;overflow:hidden}.course-item-box .course-info{margin-top:15px;border-top:1px solid #eee;padding:11px 0 0}.course-item-box .course-info .field-label{color:#aaa;font-size:12px}.course-item-box .course-info .field-value{font-weight:500}.course-item-box .course-info .progress{margin-top:10px;border-radius:50px;height:5px;margin-bottom:0}.course-item-box .course-info .progress .progress-bar{background-color:#ffd131;border-radius:50px;-webkit-transition-duration:.35s;transition-duration:.35s}.course-item-box .course-info .progress .progress-bar.much{background-color:#f21a1a}.course-item-box .course-info .progress .progress-bar.less{background-color:#ff7d57}.course-item-box .course-info .expired-date-text{color:#aaa;font-size:12px}.course-item-box .course-info .expired-message{color:#f21a1a}.learning-type-item.small .icon{font-size:24px;margin-right:4px}.learning-type-item.small .icon>img{height:14px}.learning-type-item.small .text{font-size:12px;margin-left:2px}.learning-type-item.medium .icon>img{height:18px}.learning-type-item.medium .text{font-size:16px;margin-left:2px}.learning-type-item.medium.bold .text{font-weight:500}.learning-type-item.text-color .text{color:#fff}.learning-type-item.grey-color .text,.learning-type-item.grey-color .icon{color:#8da3ba}.learning-type-item.grey-color .text svg g>*,.learning-type-item.grey-color .icon svg g>*{stroke:#8da3ba !important;fill:#8da3ba !important}.learning-type-item.grey-color .text svg g #Rectangle_192,.learning-type-item.grey-color .icon svg g #Rectangle_192{fill:transparent !important}.learning-type-item.grey-color .text svg g #Ellipse_201,.learning-type-item.grey-color .icon svg g #Ellipse_201,.learning-type-item.grey-color .text svg g #Ellipse_202,.learning-type-item.grey-color .icon svg g #Ellipse_202,.learning-type-item.grey-color .text svg g #Rectangle_386,.learning-type-item.grey-color .icon svg g #Rectangle_386,.learning-type-item.grey-color .text svg g #Rectangle_385,.learning-type-item.grey-color .icon svg g #Rectangle_385{fill:#8da3ba}.learning-type-item.grey-color .text svg #By_Bio_BEAM tspan,.learning-type-item.grey-color .icon svg #By_Bio_BEAM tspan{fill:#8da3ba}.learning-type-item .icon{display:inline-block;vertical-align:middle;font-size:32px;color:#ff7d57}.learning-type-item .icon svg{height:32px}.learning-type-item .icon svg g>*{stroke:#ff7d57}.learning-type-item .icon svg g #Ellipse_201,.learning-type-item .icon svg g #Ellipse_202,.learning-type-item .icon svg g #Rectangle_386,.learning-type-item .icon svg g #Rectangle_385{fill:#ff7d57}.learning-type-item .icon .self-icon{height:32px;opacity:1;margin-bottom:-1px}.learning-type-item .icon .self-icon #Path_1456{fill:#ff7d57}.learning-type-item .icon .self-icon g>*{stroke:#ff7d57}.learning-type-item .icon .self-icon #By_Bio_BEAM tspan{fill:#ff7d57}.learning-type-item .icon.block{display:block}.learning-type-item .icon>img{height:18px}.learning-type-item .text{margin-left:2px;margin-top:8px;display:inline-block;vertical-align:middle;color:#ff7d57;line-height:1.3;font-size:14px;font-weight:500}.learning-type-item .text.no-gap{margin:0}.cover-image-panel{height:400px;background-color:#ddd;background-attachment:fixed;background-size:cover;background-position:center center;position:relative}.cover-image-panel.small{height:250px}.cover-image-panel.small .container{height:250px}.cover-image-panel:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:url("../images/pattern-bg.jpg") repeat rgba(0,0,0,0.1);background-size:6px auto;opacity:.8}.cover-image-panel .container{position:relative;height:400px}.cover-image-panel .back-to-article-list-btn{color:#fff;position:absolute;top:40px;z-index:2}.cover-image-panel .cover-content{position:absolute;z-index:2;bottom:0;margin:0 0 30px;left:0;right:0;padding:0 15px}.cover-image-panel .cover-content .title{font-size:30px;max-width:100%;color:#ffd131;line-height:1.6}.cover-image-panel .cover-content .subtitle{margin:10px 0 0;color:#fff;font-size:16px}.cover-image-panel .cover-content .date{display:inline-block;vertical-align:middle}.cover-image-panel .cover-content .social-share-list{list-style:none;display:block;vertical-align:middle;margin-top:20px}.cover-image-panel .cover-content .social-share-list>li{display:inline-block;vertical-align:middle;-webkit-transition-duration:.25s;transition-duration:.25s}.cover-image-panel .cover-content .social-share-list>li+li{margin-left:5px}.cover-image-panel .cover-content .social-share-list>li:hover>a{color:#ffd131;border-color:#ffd131}.cover-image-panel .cover-content .social-share-list>li>a{color:#fff;border:1px solid #fff;border-radius:50%;width:40px;height:40px;display:block;text-align:center;line-height:38px;-webkit-transition-duration:.25s;transition-duration:.25s}.modal.fade:not(.in).left .modal-dialog{-webkit-transform:translate3d(-25%, 0, 0);transform:translate3d(-25%, 0, 0)}#verify-summary-panel,#voucher-code-form,#verify-otp-form{width:500px;max-width:100%;margin:30px auto}#login-dialog{background-color:#fff}#login-dialog.circle:before{content:"";display:block;width:180px;height:180px;position:absolute;background-repeat:no-repeat;background-position:top right;background-size:100% auto;top:0;right:0;z-index:-1}#login-dialog .modal-dialog{min-height:100vh;overflow-y:auto}#login-dialog .modal-dialog .modal-content .modal-header .close{left:10px;right:auto;top:25px;font-size:40px;position:absolute;z-index:10;color:#52687e;opacity:1}#login-dialog .modal-dialog .modal-content .modal-header .close img{height:32px}#login-dialog .modal-dialog .modal-content .modal-header .close .text{font-weight:500;font-size:18px;vertical-align:middle;display:inline-block;color:#52687e}#login-dialog .modal-dialog .modal-content .modal-header .title{height:60px}#login-dialog .modal-dialog .modal-content .modal-body{min-height:300px}#login-dialog .modal-dialog .modal-content .modal-body #login-panel{width:500px;max-width:100%;margin:30px auto 0}#login-dialog .modal-dialog .modal-content .modal-body #login-panel .nav-justified>li{display:table-cell;width:1%}#login-dialog .modal-dialog .modal-content .modal-body #login-panel .nav-justified>li>a{border-radius:0}#login-dialog .modal-dialog .modal-content .modal-body #forgot-password-link{display:block}#login-dialog .modal-dialog .modal-content .modal-body .nav-tabs{text-align:center;border-bottom:1px solid #ddd}#login-dialog .modal-dialog .modal-content .modal-body .nav-tabs>li.active>a{color:#ffd131;border-bottom-color:#ffd131}#login-dialog .modal-dialog .modal-content .modal-body .nav-tabs>li>a{font-size:16px;color:#fff;background-color:transparent;border:none;border-bottom:3px solid transparent;-webkit-transition-duration:.35s;transition-duration:.35s;margin-bottom:-1px}#login-dialog .modal-dialog .modal-content .modal-body .tab-pane{padding:0 0 40px}#login-dialog .modal-dialog .modal-content .modal-body .tab-pane form{color:#000}#login-dialog .modal-dialog .modal-content .modal-body .tab-pane .tab-title{margin-top:25px;font-size:20px;font-weight:500;line-height:1.4;color:#000}#login-dialog .modal-dialog .modal-content .modal-body .tab-pane .btn-remark{color:#494e56;font-size:12px;display:block;margin-bottom:5px}#login-dialog .modal-dialog .modal-content .modal-body .tab-pane .btn{display:inline-block;vertical-align:middle}#confirm-booking-dialog .booking-icon{display:block;border-radius:50%;width:100px;height:100px;background-color:#f5bb37;margin:0px auto 20px;position:relative}#confirm-booking-dialog .booking-icon:after{content:"";width:50px;height:50px;display:block;position:absolute;background-image:url("../images/calendar-plus-white.png");background-size:auto 100%;background-position:center center;top:50%;transform:translateY(-50%);margin:auto;left:0;right:0}#confirm-booking-dialog .booking-icon.confirmed{background-color:#34bfa3}#confirm-booking-dialog .booking-icon.confirmed:after{background-image:url("../images/calendar-check-white.png")}#confirm-booking-dialog .summary-hour-text{margin-bottom:15px;font-size:20px;font-weight:500}#confirm-booking-dialog .summary-booking-list{font-size:15px}#confirm-booking-dialog .summary-booking-list .date{font-weight:500;margin:10px 0 5px}#confirm-booking-dialog .field-box{text-align:left;display:block;margin-bottom:10px}#confirm-booking-dialog .field-box.block{display:block}#confirm-booking-dialog .field-box label{color:#aaa;font-size:12px;margin:0}#confirm-booking-dialog .modal-header{border:none}#confirm-booking-dialog .modal-body{padding:30px 20px}#confirm-booking-dialog .modal-footer{text-align:center;padding-bottom:40px}.school+.dropdown-menu,[data-id="school-select"]+.dropdown-menu{left:0;right:0}.school .dropdown-menu,[data-id="school-select"] .dropdown-menu{left:0;right:0}.our-teacher{padding:0 15px;margin-bottom:30px}.our-teacher .image-col{background-color:#eee;min-height:400px}.our-teacher .content-col{padding:40px 60px}#philosophy .logo{height:80px;margin-bottom:10px}#philosophy .section-desc{font-size:18px;margin-bottom:60px}#philosophy .section-desc span{color:#ffd131 !important}.timeline{list-style:none;margin-bottom:60px}.timeline>li{padding-left:40px;position:relative}.timeline>li:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background-color:#fff;border:3px solid #52687e;position:absolute;left:0;top:7px;z-index:2}.timeline>li:after{content:"";display:block;width:1px;height:calc(100% - 30px);background-color:#d5dded;position:absolute;left:7px;top:40px;z-index:1}.timeline>li:first-child:before{border:3px solid #ffd131;animation:pulse 1.5s infinite}.timeline>li+li{margin-top:20px}.timeline>li+li:after{content:"";display:block;width:1px;height:calc(100% - 20px);background-color:#d5dded;position:absolute;left:7px;bottom:100%;z-index:1}.timeline>li .title{font-size:20px;font-weight:500;margin-bottom:10px}.timeline>li .desc{font-size:18px}#position-panel .right-col{padding:30px 15px}.position-box{-webkit-box-shadow:0 0 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 0 15px 1px rgba(69,65,78,0.1);box-shadow:0 0 15px 1px rgba(69,65,78,0.1);border-radius:4px;background-color:#fff;padding-left:40px;margin-bottom:20px;padding:15px 15px 15px 80px;-webkit-transition-duration:.35s;transition-duration:.35s}.position-box:hover{margin-top:-10px;margin-bottom:10px}.position-box .header-panel{padding:5px 15px 5px;font-size:18px;font-weight:500;position:relative}.position-box .header-panel .quantity{display:block;position:absolute;background-color:#f5bb37;padding:7px 8px 8px;color:#fff;left:-60px;top:5px;border-radius:3px;text-align:center}.position-box .header-panel .quantity .quantity-number{font-size:26px;line-height:1.1;font-weight:500}.position-box .header-panel .quantity .quantity-unit{font-size:12px;font-weight:500}.position-box .body-panel{padding:8px 15px;font-size:14px}#featured-student-panel{margin-top:-30px;background:#ffe4e0;background-image:linear-gradient(to bottom, #ffe2de, #ffdfda, #ffdcd7, #ffd8d3, #ffd5cf)}#featured-news-panel{margin-top:-30px;padding:15px 0 30px;margin-bottom:30px;background:repeating-linear-gradient(45deg, transparent 0 3px, rgba(0,0,0,0.1) 3px 6px);background-color:rgba(0,0,0,0.65);overflow:hidden}#featured-news-panel .article-item{opacity:0}#featured-news-panel .article-item .article-image{background-color:#eee;margin-bottom:20px;box-shadow:0 0 20px 0 rgba(0,0,0,0.15);background-size:cover;border-radius:0}#featured-news-panel #featured-news-inner-panel{position:relative}#featured-news-panel #featured-news-inner-panel:before{content:"";display:block;position:absolute;margin-top:-60px;top:0;left:-60px;right:-60px;bottom:100px}#featured-news-panel .owl-prev{top:225px;left:0;border-radius:0 !important;margin:0}#featured-news-panel .owl-prev .arrow{border-top-color:#000 !important;border-left-color:#000 !important}#featured-news-panel .owl-next{top:225px;right:0;border-radius:0 !important;margin:0}#featured-news-panel .owl-next .arrow{border-top-color:#000 !important;border-left-color:#000 !important}#articles-panel,#news-panel{margin:60px 0;overflow:hidden}#articles-panel .article-item,#news-panel .article-item{opacity:0}.article-tag-list{list-style:none;margin-bottom:10px}.article-tag-list.pinned{position:absolute;top:15px;left:15px;z-index:5;margin:0}.article-tag-list.small>li{font-size:11px;padding:3px 10px 4px}.article-tag-list>li{display:inline-block;background-color:#000;color:#ffd131;border-radius:0px;padding:4px 10px 6px;font-size:14px;font-weight:600;line-height:1}.article-detail-panel{position:relative;margin:50px auto 180px;max-width:80%;width:800px;color:#fff;font-size:18px;text-align:left}.article-detail-panel img{height:auto;border:7px solid #ffd131;box-shadow:0 0 15px 0 rgba(0,0,0,0.1)}.article-detail-panel table{max-width:100%;width:100% !important;text-align:left}.article-detail-panel table td{padding:10px 0;vertical-align:top;text-align:left;display:block;width:auto !important}.article-detail-panel table td img{float:none}.event-item{border-radius:5px;overflow:hidden;background-color:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);margin-bottom:15px}.event-item.completed .date-col{background-color:#34bfa3}.event-item.completed .date-col .status-icon:before{content:"\f00c";color:#fff}.event-item.cancelled .date-col{background-color:#ccc}.event-item.cancelled .date-col .status-icon:before{content:"\f05e";color:#fff}.event-item .date-col{width:70px;display:inline-block;vertical-align:top;text-align:center;background:#ff7d57;padding:10px;color:#fff;font-weight:500}.event-item .date-col .month,.event-item .date-col .year,.event-item .date-col .day{font-size:12px;line-height:1.4}.event-item .date-col .date{font-size:30px;line-height:1.2}.event-item .date-col .status-icon{margin-top:10px}.event-item .date-col .status-icon:before{content:"";font-family:"FontAwesome";color:#fff;font-size:20px;min-height:32px;display:block}.event-item .content-col{width:calc(100% - 80px);display:inline-block;vertical-align:top;padding:15px}.event-item .content-col .title{font-size:16px;font-weight:500;margin-bottom:5px}.event-item .content-col .subtitle{font-size:14px;color:#aabaca}.event-item .content-col .info{font-size:13px;color:#aabaca;list-style:none}.event-item .content-col .info i{width:15px;text-align:center;margin-right:3px}#roadshow-articles-panel .article-item-box .header-panel>a,#memory-articles-panel .article-item-box .header-panel>a{border:10px solid #fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}.article-item{color:#000;-webkit-transition-duration:.35s;transition-duration:.35s;display:block;margin-bottom:20px}.article-item.featured .image-col .article-image{display:block;width:100%;background-color:transparent;height:400px;background-size:contain;background-position:center center}.article-item.featured .content-col .article-date{margin-bottom:10px;color:#fff}.article-item.featured .content-col .article-title{font-size:28px;margin-bottom:10px;line-height:1.3;color:#ffd131;font-weight:500}.article-item .article-header .article-image{background-color:#ddd;width:100%;height:200px}.article-item .article-body{padding:20px 0}.article-item .article-body .article-title{font-size:16px;margin-bottom:5px}.article-item .article-body .article-date{font-size:12px;color:#aaa}.hof-content-panel{padding:30px 0px}.hof-content-panel .total-text{margin-top:20px;color:#aaa}.dropdown-toggle{padding-right:30px}.dropdown-toggle .code{white-space:nowrap !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-toggle .expiry-field{white-space:normal;color:#ff7d57;margin-right:10px}.dropdown-toggle .expiry-field small{padding-left:0}.title-filter,#pop-year-list-wrapper,#student-year-list-wrapper,#brochure-section-wrapper,#student-year-list-wrapper{margin-left:0px}.title-filter .bootstrap-select,#pop-year-list-wrapper .bootstrap-select,#student-year-list-wrapper .bootstrap-select,#brochure-section-wrapper .bootstrap-select,#student-year-list-wrapper .bootstrap-select{margin-top:5px}.title-filter .bootstrap-select .dropdown-toggle,#pop-year-list-wrapper .bootstrap-select .dropdown-toggle,#student-year-list-wrapper .bootstrap-select .dropdown-toggle,#brochure-section-wrapper .bootstrap-select .dropdown-toggle,#student-year-list-wrapper .bootstrap-select .dropdown-toggle{border:none;font-size:22px;font-weight:500;color:#000}.title-filter .bootstrap-select .dropdown-toggle .bs-caret:after,#pop-year-list-wrapper .bootstrap-select .dropdown-toggle .bs-caret:after,#student-year-list-wrapper .bootstrap-select .dropdown-toggle .bs-caret:after,#brochure-section-wrapper .bootstrap-select .dropdown-toggle .bs-caret:after,#student-year-list-wrapper .bootstrap-select .dropdown-toggle .bs-caret:after{content:"\f107";font-family:"FontAwesome";position:absolute;right:10px;top:8px}.title-filter .bootstrap-select .dropdown-toggle .bs-caret .caret,#pop-year-list-wrapper .bootstrap-select .dropdown-toggle .bs-caret .caret,#student-year-list-wrapper .bootstrap-select .dropdown-toggle .bs-caret .caret,#brochure-section-wrapper .bootstrap-select .dropdown-toggle .bs-caret .caret,#student-year-list-wrapper .bootstrap-select .dropdown-toggle .bs-caret .caret{display:none}.student-link-box{border-radius:8px;box-shadow:0 2px 20px 2px rgba(0,0,0,0.15);margin-bottom:20px;padding:20px;display:block;font-size:16px;height:150px;background-size:cover;background-position:center center;position:relative;overflow:hidden}.student-link-box:hover .title{color:#ffd131}.student-link-box .title{position:absolute;z-index:2;font-size:16px;font-weight:500;bottom:10px;left:15px;right:15px;top:auto;color:#fff;-webkit-transition-duration:.25s;transition-duration:.25s}.student-link-box:before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:0;right:0;background:url("../images/pattern-bg.jpg") repeat rgba(0,0,0,0.1);background-size:6px auto;opacity:.6}.student-list{list-style:none;margin-bottom:20px}.student-list .student-item{margin-bottom:20px;position:relative;color:#fff;display:block;background-color:#fff;cursor:pointer;border-radius:4px;overflow:hidden}.student-list .student-item:hover{-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-box-shadow:0 0 15px 1px rgba(69,65,78,0.15);-moz-box-shadow:0 0 15px 1px rgba(69,65,78,0.15);box-shadow:0 0 15px 1px rgba(69,65,78,0.15)}.student-list .student-item .header-panel .image{display:block;padding-bottom:62.5%;background-color:#eee;background-size:cover;background-position:top center}.student-list .student-item .body-panel{position:relative;background-color:#fff;padding:20px;z-index:2;background-color:rgba(255,255,255,0.95);margin:0;color:#000}.student-list .student-item .body-panel:before{width:32px;height:32px;display:block;position:absolute;top:15px;right:10px;background:url("../images/prize.png") no-repeat center center;background-size:auto 100%;transform:rotate(20deg)}.student-list .student-item .body-panel .name{font-weight:600;font-size:18px;margin-bottom:3px;margin-right:30px}.student-list .student-item .body-panel .school{font-size:14px;color:#aaa;margin-bottom:10px}.student-list .student-item .body-panel .desc{font-size:16px}.step-panel{margin:60px 0;background-color:transparent;font-size:15px}.step-panel .header-panel{border-radius:10px;overflow:hidden;-webkit-box-shadow:0 0 5px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 0 5px 1px rgba(69,65,78,0.1);box-shadow:0 0 5px 1px rgba(69,65,78,0.1)}.step-panel .header-panel .steps-list{list-style:none;margin:0;background-color:#f7f8fa}.step-panel .header-panel .steps-list>li{display:none}.step-panel .header-panel .steps-list>li:after{content:"";display:block;position:absolute;right:0;top:0;margin-right:-45px;width:50px;height:71px;background-color:#f7f8fa;z-index:2;-webkit-clip-path:polygon(0 0, 10% 0%, 100% 100%, 0 100%);clip-path:polygon(0 0, 10% 0%, 100% 100%, 0 100%)}.step-panel .header-panel .steps-list>li.passed .step-text{color:#000}.step-panel .header-panel .steps-list>li.passed .step-text .step-no{border-color:#000}.step-panel .header-panel .steps-list>li.passed-1{background-color:#ffd131}.step-panel .header-panel .steps-list>li.passed-1:after{background-color:#ffd131;border-color:#ffd131}.step-panel .header-panel .steps-list>li.passed-2{background-color:#ffd131}.step-panel .header-panel .steps-list>li.passed-2:after{background-color:#ffd131;border-color:#ffd131}.step-panel .header-panel .steps-list>li.passed-3{background-color:#f9cb7d}.step-panel .header-panel .steps-list>li.passed-3:after{background-color:#f9cb7d;border-color:#f9cb7d}.step-panel .header-panel .steps-list>li.active{display:block;background-color:#ffd131}.step-panel .header-panel .steps-list>li.active:after{background-color:#ffd131;border-color:#ffd131}.step-panel .header-panel .steps-list>li.active .step-text{color:#000}.step-panel .header-panel .steps-list>li.active .step-text .step-no{border-color:#000}.step-panel .header-panel .steps-list>li .step-text{text-align:center;padding:20px 15px;color:#000}.step-panel .header-panel .steps-list>li .step-text .step-no{display:inline-block;vertical-align:middle;border:1px solid rgba(77,102,125,0.4);border-radius:50%;width:30px;height:30px;text-align:center;line-height:30px;font-weight:500}.step-panel .header-panel .steps-list>li .step-text .step-title{font-weight:500;display:inline-block;vertical-align:middle;margin-left:15px;font-size:15px}.step-panel .body-panel{min-height:200px;margin:15px 0;color:#000}.step-panel .body-panel .selected-course{color:#000}.step-panel .body-panel.no-padding{padding:0}.of-visible{overflow:visible}.of-visible-f{overflow:visible !important}.checkout-section,.selected-course-section{padding:20px;border-radius:10px;-webkit-box-shadow:0 0 5px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 0 5px 1px rgba(69,65,78,0.1);box-shadow:0 0 5px 1px rgba(69,65,78,0.1);background-color:#fff;overflow:hidden;color:#000}.checkout-section.no-padding,.selected-course-section.no-padding{padding:0}.checkout-section.normal,.selected-course-section.normal{padding:15px 30px}.checkout-section+.selected-course-section,.selected-course-section+.selected-course-section{margin-top:20px}.checkout-section .section-title,.selected-course-section .section-title{margin:10px 0 20px;font-size:20px;font-weight:400}.checkout-section .section-list,.selected-course-section .section-list{margin:10px 0 0}.checkout-section .section-list .title,.selected-course-section .section-list .title{padding:15px 0;border-bottom:1px solid #e6e6e6}.checkout-section .section-summary,.selected-course-section .section-summary{padding:20px 0;color:#000}.checkout-section .section-summary .total-text-row+.total-text-row,.selected-course-section .section-summary .total-text-row+.total-text-row{margin-top:7px}.checkout-section .section-summary .total-text-row.fee,.selected-course-section .section-summary .total-text-row.fee{color:#a7aeba;font-size:15px;font-weight:500}.checkout-section .section-summary .total-text-row.net,.selected-course-section .section-summary .total-text-row.net{color:#000;font-size:20px;font-weight:500}.checkout-section .section-summary .total-text,.selected-course-section .section-summary .total-text{display:inline-block;vertical-align:middle;color:#000}.checkout-section .section-summary .total-text+.btn,.selected-course-section .section-summary .total-text+.btn{margin-left:10px}.checkout-section .section-summary .total-text.fee,.selected-course-section .section-summary .total-text.fee{color:#a7aeba;font-size:15px}.checkout-section .section-summary .total-text.fee .total-cost,.selected-course-section .section-summary .total-text.fee .total-cost{color:#a7aeba;font-size:15px}.checkout-section .section-summary .total-text .total-cost,.selected-course-section .section-summary .total-text .total-cost{margin-left:5px;font-size:20px;color:#000;font-weight:500}.checkout-section .section-summary .btn,.selected-course-section .section-summary .btn{display:inline-block;vertical-align:middle}.selected-course{color:#000;padding:20px 0;border-bottom:1px solid #e6e6e6;text-align:center}.selected-course .remove-selected-course-btn{font-family:sans-serif;background-color:#ddd;width:26px;height:26px;line-height:24px;text-align:center;display:inline-block;border-radius:50%;color:#000;font-size:18px;vertical-align:middle;margin:50px 20px 20px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selected-course .remove-selected-course-btn:hover{background-color:#f21a1a;color:#fff}.selected-course .detail-col{min-height:128px}.selected-course .detail-col:last-child{min-height:168px;margin:-20px -40px -20px 0;padding:20px;background-color:#fafafa}.selected-course .detail-col .pay-link{font-size:12px;display:block;margin-top:10px}.selected-course .book-cover{width:100px;padding-bottom:135px;background-color:#dedede;border:none;-webkit-transition-duration:.35s;transition-duration:.35s;display:inline-block;vertical-align:top}.selected-course .course-content{text-align:left;display:block;vertical-align:top}.selected-course .course-content .course-code{font-size:12px}.selected-course .course-content .course-title{font-size:16px;margin-bottom:15px}.selected-course .course-content .detail-field{margin-bottom:10px}.selected-course .course-content .detail-label{font-size:12px}.selected-course .course-content .detail-value{font-size:16px}.bag-page .alert+.step-panel{margin-top:15px}.bag-page .alert .close{font-size:30px}.bag-page-footer-panel{position:fixed;bottom:0;background-color:#fff;color:#000;left:0;right:0;padding:20px 5px;-webkit-box-shadow:0 0 15px 1px rgba(69,65,78,0.15);-moz-box-shadow:0 0 15px 1px rgba(69,65,78,0.15);box-shadow:0 0 15px 1px rgba(69,65,78,0.15);font-size:15px;z-index:2}.bag-page-footer-panel .bag-back-btn{color:#000;display:block;margin-top:7px}.bag-page-footer-panel .bag-back-btn:hover{color:#000}.bag-page-footer-panel .total-text{display:inline-block;vertical-align:middle;line-height:1.3}.bag-page-footer-panel .total-text+.btn{margin-left:20px}.bag-page-footer-panel .total-text .total-courses-text{margin-bottom:3px}.bag-page-footer-panel .total-text .total-cost-text{font-size:20px}#purchase-history{background-color:transparent}#purchase-history .bag-panel{margin-bottom:20px;-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);background-color:#fff;color:#000}#purchase-history .bag-panel .header-panel{padding:15px 20px;border-bottom:1px solid #eee}#purchase-history .bag-panel .header-panel .right-col{margin-top:10px}#purchase-history .purchase-status:before{content:"";margin-right:2px;vertical-align:middle;display:inline-block;font-size:16px;margin-top:-3px}#purchase-history .purchase-status.waiting-for-payment{color:#f5bb37}#purchase-history .purchase-status.waiting-for-payment:before{content:"\f017";font-family:"FontAwesome";color:#f5bb37}#purchase-history .purchase-status.overdue{color:#aaa}#purchase-history .purchase-status.overdue:before{content:"\f05c";font-family:"FontAwesome";color:#aaa}#purchase-history .purchase-status.purchased{color:#34bfa3}#purchase-history .purchase-status.purchased:before{content:"\f05d";font-family:"FontAwesome";color:#34bfa3}#purchase-history .purchase-status .remark{font-size:12px;color:#aaa}#purchase-history .selected-course{color:#000;padding:15px 15px 0;border:1px solid #eee}#purchase-history .selected-course+.selected-course{margin-top:15px}#purchase-history .selected-course .detail-col{min-height:auto}#purchase-history .selected-course .detail-col:last-child{margin:auto;background-color:#fafafa}#purchase-history .selected-course .book-cover{width:100px;padding-bottom:135px;background-color:#dedede;border:none;-webkit-transition-duration:.35s;transition-duration:.35s;display:inline-block;vertical-align:top;margin-right:20px}#purchase-history .selected-course .course-content .course-code{font-size:12px}#purchase-history .selected-course .course-content .course-title{font-size:16px;min-height:4.2em;margin-bottom:7px}#purchase-history .selected-course .course-content .learning-type{margin-bottom:20px}#purchase-history .selected-course .course-content .detail-label{font-size:12px}#purchase-history .selected-course .course-content .detail-value{font-size:16px}.detail-field .detail-label{font-size:12px}.detail-field .detail-value{font-size:16px}#selected-courses .selected-course{color:#43567a;padding:20px}#selected-courses .selected-course+.selected-course{border-top:1px solid #eee}#selected-courses .selected-course .remove-selected-course-btn{font-family:sans-serif;background-color:#ddd;width:26px;height:26px;line-height:24px;text-align:center;display:inline-block;border-radius:50%;color:#fff;font-size:18px;vertical-align:middle;margin:50px 20px 20px}#selected-courses .selected-course .remove-selected-course-btn:hover{background-color:#f21a1a;color:#fff}#selected-courses .selected-course .book-cover{width:100px;padding-bottom:135px;background-color:#dedede;border:none;-webkit-transition-duration:.35s;transition-duration:.35s;display:inline-block;vertical-align:top;margin-right:20px}#selected-courses .selected-course .course-content{width:calc(100% - 100px - 120px);display:inline-block;vertical-align:top}#selected-courses .selected-course .course-content .course-code{font-size:12px}#selected-courses .selected-course .course-content .course-title{font-size:18px;min-height:4.2em;margin-bottom:7px}#selected-courses .selected-course .course-content .detail-field{margin-bottom:15px}#selected-courses .selected-course .course-content .detail-label{font-size:12px}#selected-courses .selected-course .course-content .detail-value{font-size:16px}.form-section-title{font-weight:500;margin-bottom:20px}.section-title{font-weight:500;font-size:24px;margin-bottom:20px}.section-title.underline{padding-bottom:5px;border-bottom:1px solid #ececec}.section-title.medium{font-size:24px}.section-title.small{font-size:18px}.section-desc{font-size:16px}.content-list{list-style:none}.content-list>li+li{margin-top:20px}.content-list .label-col{color:#a7aeba;font-size:16px}.content-list .content-col{font-size:16px}.page-title{font-size:24px;font-weight:600;margin:30px 0;position:relative}.page-title.underline{border-bottom:2px solid #fff;display:inline-block;padding:3px 10px}.page-desc{font-size:18px;margin-bottom:60px;color:#fff}.page-desc span{color:#fff !important}#add-booking-filters{margin-bottom:50px}#add-booking-filters #see-calendar-btn{margin-top:29px;min-width:180px}#add-booking-calendar .calendar-box{margin-bottom:30px}#learn-history-filters{margin-bottom:50px}#learn-history-filters #see-learn-history-btn{margin-top:30px;min-width:180px}.calendar-box{background-color:#fff;-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);margin-bottom:20px;color:#000;border-radius:5px;overflow:hidden}.calendar-box>.header-panel{padding:25px}.calendar-box>.header-panel .box-title{font-size:18px;margin-bottom:10px}.calendar-box>.header-panel .calendar-navs{list-style:none;margin-top:-7px}.calendar-box>.header-panel .calendar-navs>li{display:inline-block;vertical-align:middle}.calendar-box>.header-panel .calendar-navs>li.nav-label{margin-right:5px}.calendar-box>.header-panel .calendar-navs>li .calendar-nav{display:block;background-color:#f7f8fa;text-align:center;width:40px;height:40px;line-height:40px;font-size:22px;color:#fff;border-radius:50%;color:#000}.calendar-box>.header-panel .calendar-navs>li .calendar-nav.prev i{margin-left:-3px}.calendar-box>.header-panel .calendar-navs>li .calendar-nav.next i{margin-right:-3px}.calendar-box>.header-panel .calendar-navs>li .calendar-nav:hover{background-color:#ffd131;color:#000}.calendar-box>.body-panel{position:relative}.calendar-box>.body-panel:after{content:"";position:absolute;right:0;top:0;bottom:0;width:30px;background-color:#fff;z-index:5}#all-brochures-page .section-col{text-align:left}.calendar-view.view-mode>.header-panel .header-col.date-col.today{color:#ff7d57;background-color:#f7f8fa}.calendar-view.view-mode>.body-panel .dates-col .date-col.today{background-color:#f7f8fa}.calendar-view.view-mode>.body-panel .dates-col .date-col .datetime-slots>li.booked+.booked:after{content:"";background-color:#34bfa3;position:absolute;margin-top:-10px;width:100%;height:15px;top:0}.calendar-view.view-mode>.body-panel .dates-col .date-col .datetime-slots>li.booked>.booking-slot{background-color:#34bfa3;color:#fff}.calendar-view.view-mode>.body-panel .dates-col .date-col .datetime-slots>li.booked>.booking-slot .text{color:#fff}.calendar-view.view-mode>.body-panel .dates-col .date-col .datetime-slots>li>.booking-slot{background-color:transparent}.calendar-view.view-mode>.body-panel .dates-col .date-col .booking-info.booked{color:#fff}.calendar-view.type-3>.body-panel .dates-col .date-col .datetime-slots>li.much-vacancies>.booking-slot .text,.calendar-view.type-3>.body-panel .dates-col .date-col .datetime-slots>li.less-vacancies>.booking-slot .text{color:#34bfa3;opacity:0}.calendar-view.type-3>.body-panel .dates-col .date-col .datetime-slots>li.much-vacancies:hover>.booking-slot .text,.calendar-view.type-3>.body-panel .dates-col .date-col .datetime-slots>li.less-vacancies:hover>.booking-slot .text{opacity:1}.calendar-view>.header-panel{overflow-y:visible;overflow-x:hidden;white-space:nowrap}.calendar-view>.header-panel .header-times-col{width:100px;display:inline-block;vertical-align:top;border-right:1px solid #e6ecf3;position:relative;z-index:2;background-color:#fff}.calendar-view>.header-panel .header-dates-col{width:calc(100% - 100px - 15px);display:inline-block;vertical-align:top;position:relative;z-index:1;margin-left:-6px}.calendar-view>.header-panel .header-col{min-height:60px;padding:0 10px;display:inline-block;vertical-align:top}.calendar-view>.header-panel .header-col.time-col{width:100%}.calendar-view>.header-panel .header-col.time-col:after{content:"";width:2px;background-color:#fff;position:absolute;top:0;bottom:0;right:-3px}.calendar-view>.header-panel .header-col.date-col{width:calc(100% / 2)}.calendar-view>.header-panel .header-col.date-col+.date-col{border-left:1px solid #e6ecf3;margin-left:-6px}.calendar-view>.header-panel .header-col.date-col.today{color:#ff7d57}.calendar-view>.header-panel .header-col .day{font-size:12px;line-height:1.4}.calendar-view>.header-panel .header-col .date{font-size:30px;font-weight:500;line-height:1.2}.calendar-view>.body-panel{max-height:500px;overflow-y:auto;overflow-x:hidden;white-space:nowrap}.calendar-view>.body-panel .times-col{width:100px;display:inline-block;vertical-align:top;border-right:1px solid #e6ecf3;padding-top:10px;position:relative;z-index:2;background-color:#fff}.calendar-view>.body-panel .times-col:after{content:"";width:2px;background-color:#fff;position:absolute;top:0;bottom:0;right:-3px}.calendar-view>.body-panel .times-col .time-col{width:100%;text-align:right;display:inline-block;vertical-align:top}.calendar-view>.body-panel .times-col .time-col .time-slots{list-style:none}.calendar-view>.body-panel .times-col .time-col .time-slots>li{display:block;padding:0 15px;font-size:12px;min-height:50px}.calendar-view>.body-panel .times-col .time-col .time-slots>li+li{margin-top:7px}.calendar-view>.body-panel .times-col .time-col .time-slots>li.header-col{min-height:60px}.calendar-view>.body-panel .dates-col{width:calc(100% - 100px - 15px);display:inline-block;vertical-align:top;margin-left:-6px;position:relative;z-index:1}.calendar-view>.body-panel .dates-col .date-col{width:calc(100% / 2);display:inline-block;vertical-align:top;padding:0 10px;padding-top:10px;position:relative;padding-bottom:30px}.calendar-view>.body-panel .dates-col .date-col+.date-col{border-left:1px solid #e6ecf3;margin-left:-6px}.calendar-view>.body-panel .dates-col .date-col .header-col{min-height:60px}.calendar-view>.body-panel .dates-col .date-col .header-col .day{font-size:12px;line-height:1.4}.calendar-view>.body-panel .dates-col .date-col .header-col .date{font-size:30px;line-height:1.2}.calendar-view>.body-panel .dates-col .date-col .datetime-slots{list-style:none}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li{position:relative;border-radius:6px}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li+li{margin-top:7px}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.start+.hovering:after{content:"";background-color:#7ec6c7;position:absolute;margin-top:-10px;width:100%;height:15px;top:0;z-index:1}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booking{box-shadow:0 1px 2px rgba(0,0,0,0.2)}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booking>.remove-booking-slot-btn{display:block}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booking>.booking-slot{background-color:#34bfa3}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booking>.booking-slot .slot-no{display:none}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booking.start>.booking-slot{background-color:#34bfa3}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booking.start>.booking-slot .text{color:#fff}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booking:hover>.booking-slot{background-color:#34bfa3 !important;border-color:#34bfa3}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booking:hover>.remove-booking-slot-btn{display:block;right:3px}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booking.done>.booking-slot{background-color:transparent}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booking.done>.booking-slot .text{opacity:0}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booking.done:hover>.booking-slot{background-color:transparent !important;border-color:transparent !important}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booking.done+.booking.done:after{content:"";background-color:#34bfa3;position:absolute;margin-top:-10px;width:100%;height:15px;top:0;z-index:2}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.much-vacancies:not(.past):hover>.booking-slot,.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.less-vacancies:not(.past):hover>.booking-slot{background-color:#f7f8fa;border-color:#34bfa3}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.much-vacancies:not(.past):hover>.booking-slot .text,.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.less-vacancies:not(.past):hover>.booking-slot .text{color:#34bfa3}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.less-vacancies>.booking-slot{background-color:#f7f8fa;color:#f5bb37}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.less-vacancies>.booking-slot .slot-no{color:#f5bb37}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.much-vacancies>.booking-slot{background-color:#f7f8fa;color:#34bfa3}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.much-vacancies>.booking-slot .slot-no{color:#34bfa3}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.past:not(.booked):after,.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.full:after{content:"";background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQklEQVQoU2N8+PDhf3l5eUYGPACkhhFEgNQQUgw2iRjFcCsJKUZxGz7FGJ7ApRirb7Epxhks6IoJhh8s6PAqRA46AM52K0/yz3QMAAAAAElFTkSuQmCC");background-repeat:repeat;background-size:8px auto;position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;border-radius:6px;opacity:.8}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.past:not(.booked)>.booking-slot,.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.full>.booking-slot{cursor:default}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.past:not(.booked) .text,.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.full .text{color:#43567a;opacity:.5}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booked{box-shadow:0 1px 2px rgba(0,0,0,0.2)}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booked+.booked:after{content:"";background-color:#4ba7dd;position:absolute;margin-top:-10px;width:100%;height:15px;top:0}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booked+.booked.past:after{background-color:#88a6c7}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booked+.booked.break:after{display:none}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booked.past>.booking-slot{background-color:#88a6c7}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booked>.booking-slot{background-color:#4ba7dd;color:#fff}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.booked>.booking-slot .text{color:#fff}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.hovering{box-shadow:none;border-radius:0}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.hovering.done>.booking-slot{background-color:#34bfa3 !important;border:none !important}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.hovering.done>.booking-slot .slot-no{display:none !important}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.hovering.done+.done:after{background-color:#34bfa3 !important}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.hovering+.start:after{content:"";background-color:#7ec6c7;position:absolute;margin-top:-10px;width:100%;height:15px;top:0}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.hovering+.hovering:after{content:"";background-color:#7ec6c7 !important;border-radius:0;position:absolute;margin-top:-10px;width:100%;height:15px;top:0}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.hovering>.booking-slot{background-color:#7ec6c7 !important;border-color:#7ec6c7 !important}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.hovering>.booking-slot .slot-no{color:#fff}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li.hovering>.booking-slot .text{color:#fff !important}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li>.remove-booking-slot-btn{position:absolute;top:3px;right:3px;font-family:sans-serif;font-size:20px;width:20px;height:20px;line-height:1;z-index:5;padding:0;color:#fff;display:none;text-align:center;-webkit-transition-duration:.25s;transition-duration:.25s;background-color:transparent}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li:hover:not(.hovering):not(.booking) .slot-no{display:block;color:#34bfa3}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li>.booking-slot{display:block;border-radius:6px;background-color:#f7f8fa;border:2px solid transparent;text-align:center;font-size:10px;padding:15px 5px;height:50px;position:relative;z-index:2}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li>.booking-slot .content{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li>.booking-slot .text{position:relative;z-index:2}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li>.booking-slot .slot-no{display:none !important;color:#ffd131;font-size:11px;margin-top:3px}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li>.booking-slot .slot-no i{font-size:10px;margin-right:3px}.calendar-view>.body-panel .dates-col .date-col .booking-info{position:absolute;z-index:5;left:10px;right:10px;color:#fff;padding:5px 10px;overflow:hidden;border-radius:6px}.calendar-view>.body-panel .dates-col .date-col .booking-info.booking{background-color:#34bfa3;z-index:2}.calendar-view>.body-panel .dates-col .date-col .booking-info.booked{color:#fff}.calendar-view>.body-panel .dates-col .date-col .booking-info.booked .booking-time{padding-right:0}.calendar-view>.body-panel .dates-col .date-col .booking-info .booking-time{padding-right:12px;font-size:12px;font-weight:400;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-view>.body-panel .dates-col .date-col .booking-info .subject{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-view>.body-panel .dates-col .date-col .booking-info .branch{font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-booking-form .bootstrap-select{margin-bottom:15px}#payment-online-result-page .course-content{width:calc(100% - 100px - 25px)}#payment-section{padding:0;border-radius:10px}#payment-section #payment-summary-col,#payment-section #payment-channel-col{padding:25px}#payment-section #payment-summary-col .course-content{width:calc(100% - 100px - 25px);margin-top:0}#payment-section #payment-summary-col .section-title{margin-bottom:10px}#payment-section #payment-summary-col .course-content .course-title{font-size:16px}#payment-section #summary-payment-col{text-align:left;background-color:#fbfbfb;padding:25px;border-radius:0 0 10px 10px}.selected-course-summary .selected-course{padding:15px 0;border-top:1px solid #ececec;border-bottom-width:0;text-align:left}.selected-course-summary .selected-course .course-code{font-size:12px;color:#52687e}.selected-course-summary .selected-course .course-title{color:#52687e;font-size:15px;font-weight:500}.selected-course-summary .selected-course .learning-type{margin-top:5px;font-size:12px;font-weight:500;color:#ff7d57}.selected-course-summary .fee-row{border-top:1px solid #ececec;padding:15px 0;color:#a7aeba}.selected-course-summary .fee-row+.fee-row{border-top:0;padding-top:0}.selected-course-summary .total-cost-row{border-top:1px solid #ececec;padding:15px 0;color:#52687e;font-size:24px;font-weight:500}#payment-methods{list-style:none}#payment-methods>li{display:inline-block;vertical-align:top;margin-bottom:15px}#payment-methods>li.active>a,#payment-methods>li:hover>a{border-color:#ffd131}#payment-methods>li>a{display:block;border:3px solid #ddd;border-radius:8px;padding:15px;text-align:center;-webkit-transition-duration:.25s;transition-duration:.25s;position:relative;line-height:1.4}#payment-methods>li>a .payment-title{font-size:15px;margin-bottom:5px;font-weight:500;line-height:1.4;color:#52687e}#payment-methods>li>a .payment-subtitle{font-size:12px;color:#a7aeba;margin-bottom:10px;line-height:1.4}#payment-methods>li>a .payment-icon{display:block;margin:auto;margin-bottom:15px;height:50px;line-height:50px}#payment-methods>li>a .payment-desc-panel{position:relative;margin-top:35px}#payment-methods>li>a .payment-desc-panel .payment-desc-inner-panel{margin-top:10px;position:absolute;bottom:0;left:0}#payment-methods>li>a .payment-label{color:#a7aeba;font-size:12px;margin-bottom:3px}#payment-methods>li>a .payment-desc{font-size:12px;color:#f21a1a;font-weight:500}.verify-check-list{list-style:none}.verify-check-list>li{font-size:16px}.verify-check-list>li+li{margin-top:5px}.verify-check-list>li.verified:before{color:#000}.verify-check-list>li:before{content:"\f127";font-family:"Learning";font-size:18px;margin-right:10px;color:#fff}#payment-info-panel{padding:20px 20px;color:#eee}#payment-info-panel.normal{padding:20px 30px}#payment-info-panel .payment-info-col{margin-bottom:20px}#payment-info-panel .panel-title{font-size:20px;font-weight:normal;margin-bottom:10px}#payment-info-panel .panel-desc{font-size:15px}#payment-info-panel .panel-desc ol>li+li{margin-top:5px}#payment-info-panel .info-icon{display:inline-block;vertical-align:top;text-align:center;width:40px;font-size:36px;line-height:1;color:#eee}#payment-info-panel .info-icon>img{margin-top:15px}#payment-info-panel .info-text{display:inline-block;vertical-align:top;margin-left:10px;width:calc(100% - 60px)}#payment-info-panel .info-text .info-title{font-weight:500;margin-bottom:7px}#payment-info-panel .info-text .info-desc{font-size:12px}.payment-result-section .section-title{margin-bottom:10px}.payment-result-section .payment-result-icon{border-radius:50%;width:60px;height:60px;display:block;margin:10px auto}.payment-result-section .payment-message{font-size:18px;padding:10px 0;line-height:1.8}.payment-result-section .button-panel{padding:20px 0}.payment-result-section .button-panel .btn+.btn{margin-left:15px}.menu-box{display:inline-block;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;margin-bottom:20px;padding:20px;width:20%;background-color:#f7f8fa}.menu-box+.menu-box{margin-left:-6px}.menu-box.active{background-color:#f5bb37;color:#fff}.menu-box.active .menu-title{font-weight:500}.menu-box .menu-icon{display:inline-block;vertical-align:middle;width:40px;height:40px;border-radius:50%;background-color:#ddd;margin-right:10px}.menu-box .menu-title{display:inline-block;vertical-align:middle;width:calc(100% - 65px);font-weight:400;font-size:16px}#school-select-wrapper{margin-top:25px;margin-bottom:20px}.profile-page,#profile-page{position:relative;background-repeat:no-repeat;background-position:top right}.profile-page #profile-info-section .col-left,#profile-page #profile-info-section .col-left{padding-top:10px;padding-bottom:10px}.profile-page #profile-info-section .col-right,#profile-page #profile-info-section .col-right{padding-bottom:60px}.profile-page #profile-menus,#profile-page #profile-menus{margin:20px 0;list-style:none;text-align:center}.profile-page #profile-menus>li+li,#profile-page #profile-menus>li+li{margin-top:5px}.profile-page #profile-menus>li.active,#profile-page #profile-menus>li.active{border-radius:5px}.profile-page #profile-menus>li.active>a,#profile-page #profile-menus>li.active>a{background-color:#ffd131;color:#000}.profile-page #profile-menus>li.active>a:hover,#profile-page #profile-menus>li.active>a:hover{color:#000}.profile-page #profile-menus>li>a,#profile-page #profile-menus>li>a{padding:12px 15px;display:block;font-size:16px;font-weight:500;border-radius:5px;color:#fff}.profile-page #profile-menus>li>a:hover,#profile-page #profile-menus>li>a:hover{color:#ffd131}.profile-page .profile-image-wrapper,#profile-page .profile-image-wrapper{margin-top:30px;text-align:center}.profile-page .profile-image-wrapper .profile-image,#profile-page .profile-image-wrapper .profile-image{margin:auto}.profile-page .profile-image-wrapper .profile-info,#profile-page .profile-image-wrapper .profile-info{margin-top:15px}.profile-page .profile-image-wrapper .profile-info .name,#profile-page .profile-image-wrapper .profile-info .name{font-size:24px;font-weight:600}.profile-page .profile-image-wrapper .profile-info .member-code,#profile-page .profile-image-wrapper .profile-info .member-code{font-size:20px;margin-top:-3px}.course-section-title{font-size:24px;font-weight:500;margin:15px 0}.course-content-panel+.course-content-panel{margin-top:50px}.course-content-panel .course-content-detail-panel{font-size:16px}.course-content-panel .course-content-detail-panel ul{list-style:none;padding-left:20px}.course-content-panel .course-content-detail-panel ul>li:before{content:"•";font-size:24px;line-height:14px;display:inline-block;vertical-align:middle;margin-left:-20px;margin-right:15px}.course-content-panel .course-content-detail-panel ul>li+li{margin-top:7px}.label{padding:.2em .6em .2em}.label.label-pink{background-color:#fe4880}.label.label-primary{background-color:#ffd131;color:#000}.label.label-secondary{background-color:#ff7d57;color:#fff}.panel-group.description .panel-heading a{font-weight:400}.panel-group.style-1 .panel .panel-heading.medium a{font-size:20px}.panel-group.style-1 .panel .panel-heading a{padding:20px 0;font-size:24px;font-weight:500;color:#fff}.panel-group.style-1 .panel .panel-collapse .panel-body{border:none;padding:25px 0;background-color:transparent}.panel-group.style-1 .panel .panel-collapse .panel-body p{margin:3px 0}.panel-group.style-1 .panel .panel-collapse .panel-body p:first-child{margin-top:0}.panel-group.style-1 .panel .panel-collapse .panel-body .content-col>ul:not(.content-list){margin-top:0}.panel-group.style-1 .panel .panel-collapse .panel-body .bootstrap-select .dropdown-menu>li.active>a,.panel-group.style-1 .panel .panel-collapse .panel-body .bootstrap-select .dropdown-menu>li.selected>a{color:#000}.panel-group.style-1 .panel .panel-collapse .panel-body ul:not(.content-list):not(.dropdown-menu){margin:10px 0;padding-left:20px;list-style:none}.panel-group.style-1 .panel .panel-collapse .panel-body ul:not(.content-list):not(.dropdown-menu)>li:before{content:"•";font-size:24px;line-height:14px;margin-top:-7px;display:inline-block;vertical-align:middle;margin-left:-20px;margin-right:15px}.panel-group.style-2 .panel .panel-heading a{padding:20px 0;font-size:24px;font-weight:400;color:#fff}.panel-group.style-2 .panel .panel-collapse .panel-body{border:none;padding:25px 0;background-color:#fff}.panel-group.style-2 .panel .panel-collapse .panel-body p{margin:3px 0}.panel-group.style-2 .panel .panel-collapse .panel-body p:first-child{margin-top:0}.panel-group.style-2 .panel .panel-collapse .panel-body .content-col>ul:not(.content-list){margin-top:0}.panel-group.style-2 .panel .panel-collapse .panel-body ul:not(.content-list){margin:10px 0;padding-left:20px;list-style:none}.panel-group.style-2 .panel .panel-collapse .panel-body ul:not(.content-list)>li:before{content:"•";font-size:24px;line-height:14px;margin-top:0;display:inline-block;vertical-align:middle;margin-left:-20px;margin-right:15px}.panel-group .panel{box-shadow:none;border-bottom:1px solid #555;background-color:transparent;border-radius:none}.panel-group .panel .panel-heading{padding:0;border-radius:0}.panel-group .panel .panel-heading.front-arrow a{padding:15px 0;padding-left:30px}.panel-group .panel .panel-heading.front-arrow a:after{left:0;right:auto}.panel-group .panel .panel-heading.front-arrow a:focus{text-decoration:none}.panel-group .panel .panel-heading a{display:block;padding:15px 0;position:relative;padding-right:30px}.panel-group .panel .panel-heading a.collapsed:after{content:"\f107"}.panel-group .panel .panel-heading a:after{content:"\f106";font-family:"FontAwesome";display:block;width:20px;height:20px;position:absolute;right:10px;top:22px}.panel-group .panel .panel-heading a:focus{text-decoration:none}.panel-group .panel .panel-collapse .panel-body{padding:15px;background-color:rgba(255,255,255,0.15);border:none}.panel-group .panel .panel-collapse .panel-body a{color:#000}.panel-group .panel .panel-collapse .panel-body a:hover{color:#000}#advice-panel .panel .panel-collapse .panel-body .content-link{display:block}#advice-panel .panel .panel-collapse .panel-body .content-link+.content-link{margin-top:8px}.course-type-box{padding:20px;border-radius:15px;-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);margin-bottom:50px;background-color:#fff}.course-type-box .title{margin-bottom:15px;font-size:16px;font-weight:500}.course-type-box .course-type-list{list-style:none;margin-bottom:10px}.course-type-box .course-type-list>li{vertical-align:middle}.course-type-box .course-type-list>li:focus>a,.course-type-box .course-type-list>li.active>a{border-color:#ff7d57;color:#ff7d57;border-width:2px;background-color:#fff}.course-type-box .course-type-list>li:focus>a .course-type-icon>img,.course-type-box .course-type-list>li.active>a .course-type-icon>img{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.course-type-box .course-type-list>li:focus>a .course-type-icon svg,.course-type-box .course-type-list>li.active>a .course-type-icon svg,.course-type-box .course-type-list>li:focus>a .course-type-icon .pc-svg-icon,.course-type-box .course-type-list>li.active>a .course-type-icon .pc-svg-icon{height:32px;opacity:1}.course-type-box .course-type-list>li:focus>a .course-type-icon svg #Rectangle_386,.course-type-box .course-type-list>li.active>a .course-type-icon svg #Rectangle_386,.course-type-box .course-type-list>li:focus>a .course-type-icon .pc-svg-icon #Rectangle_386,.course-type-box .course-type-list>li.active>a .course-type-icon .pc-svg-icon #Rectangle_386,.course-type-box .course-type-list>li:focus>a .course-type-icon svg #Rectangle_385,.course-type-box .course-type-list>li.active>a .course-type-icon svg #Rectangle_385,.course-type-box .course-type-list>li:focus>a .course-type-icon .pc-svg-icon #Rectangle_385,.course-type-box .course-type-list>li.active>a .course-type-icon .pc-svg-icon #Rectangle_385,.course-type-box .course-type-list>li:focus>a .course-type-icon svg ellipse,.course-type-box .course-type-list>li.active>a .course-type-icon svg ellipse,.course-type-box .course-type-list>li:focus>a .course-type-icon .pc-svg-icon ellipse,.course-type-box .course-type-list>li.active>a .course-type-icon .pc-svg-icon ellipse{fill:#ff7d57}.course-type-box .course-type-list>li:focus>a .course-type-icon svg #Rectangle_192,.course-type-box .course-type-list>li.active>a .course-type-icon svg #Rectangle_192,.course-type-box .course-type-list>li:focus>a .course-type-icon .pc-svg-icon #Rectangle_192,.course-type-box .course-type-list>li.active>a .course-type-icon .pc-svg-icon #Rectangle_192{fill:transparent !important}.course-type-box .course-type-list>li:focus>a .course-type-icon svg g>*,.course-type-box .course-type-list>li.active>a .course-type-icon svg g>*,.course-type-box .course-type-list>li:focus>a .course-type-icon .pc-svg-icon g>*,.course-type-box .course-type-list>li.active>a .course-type-icon .pc-svg-icon g>*{stroke:#ff7d57}.course-type-box .course-type-list>li:focus>a .course-type-icon .self-icon,.course-type-box .course-type-list>li.active>a .course-type-icon .self-icon{height:32px;opacity:1;margin-bottom:-1px}.course-type-box .course-type-list>li:focus>a .course-type-icon .self-icon #Path_1456,.course-type-box .course-type-list>li.active>a .course-type-icon .self-icon #Path_1456{fill:#ff7d57}.course-type-box .course-type-list>li:focus>a .course-type-icon .self-icon g>*,.course-type-box .course-type-list>li.active>a .course-type-icon .self-icon g>*{stroke:#ff7d57}.course-type-box .course-type-list>li:focus>a .course-type-icon .self-icon #By_Bio_BEAM tspan,.course-type-box .course-type-list>li.active>a .course-type-icon .self-icon #By_Bio_BEAM tspan{fill:#ff7d57}.course-type-box .course-type-list>li>a{padding:20px 10px 15px;display:block;text-align:center;color:#aaa;background-color:#f5f7fb;border:2px solid #f5f7fb;border-radius:10px 10px 0 0}.course-type-box .course-type-list>li>a .course-type-icon{font-size:36px;line-height:1;height:42px;margin-bottom:5px}.course-type-box .course-type-list>li>a .course-type-icon>img{height:20px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.course-type-box .course-type-list>li>a .course-type-icon .self-icon{height:32px;padding-top:4px;opacity:.5}.course-type-box .course-type-list>li>a .course-type-icon .self-icon>*{stroke:#8da3ba}.course-type-box .course-type-list>li>a .course-type-icon .self-icon #Path_1456{fill:#8da3ba}.course-type-box .course-type-list>li>a .course-type-icon .self-icon #By_Bio_BEAM tspan{fill:#8da3ba}.course-type-box .course-type-list>li>a .course-type-icon svg,.course-type-box .course-type-list>li>a .course-type-icon .pc-svg-icon{height:32px;padding-top:4px;opacity:.5}.course-type-box .course-type-list>li>a .course-type-icon svg>*,.course-type-box .course-type-list>li>a .course-type-icon .pc-svg-icon>*{stroke:#8da3ba}.course-type-box .course-type-list>li>a .course-type-icon-label{font-size:12px;font-weight:500;margin-bottom:5px}.course-type-box .course-type-list>li>a .course-type-price{font-size:18px;font-weight:500}.course-type-box .course-time-option{color:#000}.course-type-box .course-time-option .section-type{display:inline-block;background-color:#fe4880;border-radius:4px;color:#fff;padding:0 10px;font-size:13px;margin-top:-2px}.course-type-box .course-time-option .code{white-space:normal}.course-type-box .course-time-option .day{font-weight:500;white-space:normal}.course-type-box .course-time-option .day .learn-days{display:inline-block;margin-right:10px;white-space:normal}.course-type-box .course-time-option .day .section-type{display:inline-block;background-color:#fe4880;border-radius:4px;color:#fff;padding:0 10px;font-size:13px;margin-top:-2px}.course-type-box .course-time-option .time{margin-top:4px;font-size:14px;white-space:normal}.course-type-box .course-time-option .holiday{font-size:14px;color:#ff7d57;font-weight:500;white-space:normal}.download-panel{padding:10px 20px;background:#eee;color:#000;border-radius:20px;-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1)}.download-item-row{display:flex;align-items:center}.download-item-row+.download-item-row{border-top:1px solid #ccc}.download-item-row>div{padding:20px}.download-item-row .icon-col .icon{border-radius:50%;height:48px;-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1)}.download-item-row .description-col{flex:1;font-size:17px}.download-item-row .description-col .download-col{margin-top:10px}.container-body .dropdown-menu li .expiry-field,#dvd-course-panel .dropdown-menu li .expiry-field,#self-course-panel .dropdown-menu li .expiry-field,#live-course-panel .dropdown-menu li .expiry-field{color:#ff7d57;font-weight:500;margin-right:10px}.container-body .dropdown-menu li .expiry-field small,#dvd-course-panel .dropdown-menu li .expiry-field small,#self-course-panel .dropdown-menu li .expiry-field small,#live-course-panel .dropdown-menu li .expiry-field small{padding-left:0}.container-body .dropdown-menu li.selected,#dvd-course-panel .dropdown-menu li.selected,#self-course-panel .dropdown-menu li.selected,#live-course-panel .dropdown-menu li.selected{background-color:#ffd131;color:#000}.container-body .dropdown-menu li.selected>a,#dvd-course-panel .dropdown-menu li.selected>a,#self-course-panel .dropdown-menu li.selected>a,#live-course-panel .dropdown-menu li.selected>a{background-color:transparent;color:#000}.container-body .dropdown-menu li.selected>a .course-time-option .day,#dvd-course-panel .dropdown-menu li.selected>a .course-time-option .day,#self-course-panel .dropdown-menu li.selected>a .course-time-option .day,#live-course-panel .dropdown-menu li.selected>a .course-time-option .day{color:#000}.container-body .dropdown-menu li.selected>a .course-time-option .time,#dvd-course-panel .dropdown-menu li.selected>a .course-time-option .time,#self-course-panel .dropdown-menu li.selected>a .course-time-option .time,#live-course-panel .dropdown-menu li.selected>a .course-time-option .time{color:#000}.container-body .dropdown-menu li.selected>a .course-time-option .holiday,#dvd-course-panel .dropdown-menu li.selected>a .course-time-option .holiday,#self-course-panel .dropdown-menu li.selected>a .course-time-option .holiday,#live-course-panel .dropdown-menu li.selected>a .course-time-option .holiday{color:#000}.container-body .dropdown-menu li.selected>a .course-time-option .expiry-field,#dvd-course-panel .dropdown-menu li.selected>a .course-time-option .expiry-field,#self-course-panel .dropdown-menu li.selected>a .course-time-option .expiry-field,#live-course-panel .dropdown-menu li.selected>a .course-time-option .expiry-field{color:#000}.container-body .dropdown-menu li.selected .check-mark,#dvd-course-panel .dropdown-menu li.selected .check-mark,#self-course-panel .dropdown-menu li.selected .check-mark,#live-course-panel .dropdown-menu li.selected .check-mark{display:none !important}#add-to-bag-btn.btn-text:before{margin-right:10px}#add-to-bag-btn.btn-text .text{display:inline-block;vertical-align:middle}#add-to-bag-btn:before{content:"\f12e";font-family:"Learning";display:inline-block;vertical-align:middle;width:22px;height:22px;background-size:100% auto;background-position:center center;background-repeat:no-repeat}#go-to-bag-btn:before{display:inline-block;vertical-align:middle;width:22px;height:22px;background-image:url("../images/cart-white-icon.png");background-size:100% auto;background-position:center center;background-repeat:no-repeat;margin-right:5px}#go-to-bag-btn.no-icon:before{display:none}#go-to-bag-btn:hover:before{background-image:url("../images/cart-white-icon.png")}#course-header-section .course-title-panel{padding:20px 0}#course-header-section .course-title-panel .course-subtitle{font-size:16px}#course-header-section .course-title-panel .course-title{font-size:34px;font-weight:600}#course-header-section .course-icon-detail .icon{display:inline-block;vertical-align:top;margin-right:10px;margin-top:7px;margin-bottom:5px;width:30px;height:30px;background-repeat:no-repeat;background-position:center center;background-size:contain}#course-header-section .course-icon-detail .icon i{font-size:40px;line-height:1;margin-top:0px;display:inline-block}#course-header-section .course-icon-detail .icon.school i{font-size:32px}#course-header-section .course-icon-detail .icon.time i{font-size:32px}#course-header-section .course-icon-detail .icon-content{display:inline-block;vertical-align:middle}#course-header-section .course-icon-detail .icon-content .icon-label{font-size:12px;font-weight:600;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#course-header-section .course-icon-detail .icon-content .icon-title{font-weight:500;line-height:1.3;margin-top:3px}#course-header-section .course-description{padding:30px 0}#course-header-section .course-description .title{font-size:24px;margin-bottom:15px}#course-header-section .course-description .desc{font-size:16px}#course-body-section{padding:60px 0}#course-body-section .dropdown-menu{max-width:100%}#course-body-section .dropdown-menu>li>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#course-body-section .course-type-box{color:#000}#outline-panel{margin-top:30px}.content-outline-box{padding:30px 20px;background-color:#ffd131;color:#000;border-radius:5px}.content-outline-box .outline-header{font-size:15px;margin-bottom:15px;font-weight:700;line-height:1.4}.content-outline-box .outline-header .label-wrapper{margin-top:-20px}.content-outline-box .outline-header .label{padding:5px;margin-bottom:7px;display:inline-block;font-size:10px;font-weight:700}.content-outline-box .outline-body{font-size:17px}.content-outline-box .outline-body .row{margin-bottom:10px}.content-outline-box .outline-footer{margin-top:30px;font-size:16px}#image-dialog .modal-dialog{width:800px;max-width:100%}#image-dialog .modal-dialog .modal-content{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border:none}#image-dialog .modal-dialog .modal-content .modal-header{color:#fff;border:none;padding:0 15px;background:transparent}#image-dialog .modal-dialog .modal-content .modal-header .modal-title{margin-top:8px}#image-dialog .modal-dialog .modal-content .modal-header .close{font-size:40px;color:#fff;opacity:1}#image-dialog .modal-dialog .modal-content .modal-body{color:#fff}#image-dialog .modal-dialog .modal-content .modal-body .testimonial{margin:20px 0}#entersite-dialog .modal-dialog,#vdo-dialog .modal-dialog{position:relative;top:50%;transform:translateY(-50%)}#entersite-dialog .modal-content,#vdo-dialog .modal-content{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border:none}#entersite-dialog .modal-content .modal-header,#vdo-dialog .modal-content .modal-header{color:#fff;border:none;padding:0 15px}#entersite-dialog .modal-content .modal-header .modal-title,#vdo-dialog .modal-content .modal-header .modal-title{margin-top:8px}#entersite-dialog .modal-content .modal-header .close,#vdo-dialog .modal-content .modal-header .close{font-size:40px;color:#fff;opacity:1}#entersite-dialog .landing-page{background-repeat:repeat}#entersite-dialog .enter-btn{display:block;margin:20px auto;width:200px;height:50px;text-indent:-99999px}#entersite-dialog .enter-btn.text{text-indent:0;height:auto}#entersite-dialog .modal-dialog{background-repeat:repeat;width:auto;text-align:center}#entersite-dialog .modal-dialog .modal-content{position:relative}#entersite-dialog .modal-dialog .modal-content .modal-header .close{position:absolute;top:15px;right:15px}#entersite-dialog .modal-dialog .modal-content .modal-footer{text-align:center}#qr-info-dialog .image,#register-info-dialog .image{min-height:60px;border:2px solid #ddd;border-radius:5px;margin-bottom:7px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#qr-info-dialog .image canvas,#register-info-dialog .image canvas{max-width:100%;height:auto}#aj-section{padding-bottom:50px;background-color:#f7f8fa;overflow-x:hidden}#aj-section .container-fluid{width:1500px;max-width:100%}#aj-section .section-title{position:relative;display:inline-block;z-index:1}#aj-section .section-title .text{position:relative;z-index:2}#aj-section .aj-col{background-size:cover;background-position:top center;min-height:500px;text-align:center;display:block}#aj-section .aj-col .teacher-box{background-color:#fff;display:block;width:400px;border-radius:12px;overflow:hidden;max-width:100%;margin:0 auto 20px;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1)}#aj-section .aj-col .teacher-box .image-placeholder{display:block;padding-bottom:100%}#aj-section .aj-col .teacher-box .teacher-content{padding:20px;color:#fff}#aj-section .aj-col .teacher-box .head{font-size:28px;color:#ffd131}#aj-section .aj-col .teacher-box .title{font-size:20px;margin-bottom:10px}#aj-section .aj-col .teacher-box .desc{font-size:15px}#aj-section .aj-col .teacher-box .teacher-social{list-style:none;margin:20px 0}#aj-section .aj-col .teacher-box .teacher-social>li{display:inline-block}#aj-section .aj-col .teacher-box .teacher-social>li+li{margin-left:10px}#aj-section .aj-col .teacher-box .teacher-social>li>a{display:block;font-size:20px;color:#fff;border:1px solid #fff;border-radius:50%;width:32px;height:32px;line-height:30px;text-align:center}#aj-section .aj-col .teacher-box .teacher-social>li>a:hover{color:#ffd131;border-color:#ffd131}#course-image-slider{padding-top:25px}#course-image-slider .item{text-align:center}#course-image-slider .item .book-cover{width:100%;height:370px;background-size:contain;background-color:transparent;background-repeat:no-repeat;background-position:top center;border:none;-webkit-transition-duration:.35s;transition-duration:.35s;display:inline-block;vertical-align:top}#course-image-slider .slider-for{margin-bottom:20px}#course-image-slider .slider-nav{height:102px}#course-image-slider .slider-nav .item{background-color:transparent;border:none;padding:0 7px}#course-image-slider .slider-nav .item .book-cover{width:100%;height:auto;padding-bottom:100%;background-color:#aaa;background-repeat:no-repeat;background-size:cover;background-position:top center;border:2px solid transparent}#course-image-slider .slider-nav .slick-track{margin-left:0}#course-image-slider .slider-nav .slick-current .item .book-cover{border-color:#ffd131}#course-image-slider .slider-nav .slick-prev,#course-image-slider .slider-nav .slick-next{z-index:2;width:30px;height:30px}#course-image-slider .slider-nav .slick-prev:before,#course-image-slider .slider-nav .slick-next:before{font-family:"FontAwesome";font-size:30px;line-height:1;transform:translateY(-50%)}#course-image-slider .slider-nav .slick-prev{left:10px}#course-image-slider .slider-nav .slick-prev:before{content:"\f104"}#course-image-slider .slider-nav .slick-next{right:10px}#course-image-slider .slider-nav .slick-next:before{content:"\f105"}#award-section{position:relative;overflow:hidden;background-color:#fff}#award-section .item-col:first-child{padding-top:0}#news-section{background-color:#f7f8fa}.award-item-box{margin-bottom:10px;display:block}.award-item-box .header-panel .image-placeholder{display:block}.award-item-box .body-panel{background-color:#fff;padding:20px 40px 20px 20px;box-shadow:0 0 20px 0 rgba(0,0,0,0.1);position:relative;min-height:100px;color:#fff}.award-item-box .body-panel .title{font-size:16px;font-weight:500;margin-bottom:5px}.award-item-box .body-panel .subtitle{font-size:14px}.award-item-box .body-panel .desc{margin-top:10px}.award-item-box .body-panel .view-button{width:40px;height:40px;position:absolute;bottom:0;right:0;background-image:linear-gradient(to right bottom, #ffacac, #ff9e9e, #ff9190, #ff8382, #ff7474);color:#fff;line-height:40px;font-size:20px;text-align:center}#hall-of-frame-header-title,#article-header-title,#award-content-title{margin-bottom:20px}.article-item-box{margin-bottom:60px;background:#fff;padding-bottom:15px;color:#000}.article-item-box:hover{-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);position:relative;z-index:2}.article-item-box .image-placeholder{display:block;background-color:#eee;width:100%;padding-bottom:62.5%;overflow:hidden;background-size:cover;background-position:center center;-webkit-transition-duration:.25s;transition-duration:.25s;position:relative}.article-item-box .image-placeholder:before{content:"";background-color:rgba(30,175,181,0.9);position:absolute;top:100%;left:0;right:0;bottom:0;-webkit-transition-duration:.25s;transition-duration:.25s}.article-item-box .image-placeholder:after{content:"คลิกเพื่ออ่านต่อ";font-weight:500;font-size:16px;color:#fff;position:absolute;top:-50%;transform:translateY(-50%);left:0;right:0;text-align:center;-webkit-transition-duration:.25s;transition-duration:.25s}.article-item-box .header-panel{position:relative}.article-item-box .body-panel{padding:20px}.article-item-box .body-panel .title{font-size:16px;font-weight:500}.article-item-box .body-panel .title+.time{margin-top:5px}.article-item-box .body-panel .time{color:#aaa;margin-bottom:5px}.teacher-section:nth-child(2n) .teacher-image-col:before{background:#ff7d57}.teacher-section .teacher-image-col:before{position:absolute;width:90%;padding-bottom:90%;display:block;border-radius:50%;background:#ffd131;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1}.teacher-section .teacher-image-col>*{position:relative;z-index:2}.teacher-section .teacher-image{margin-bottom:30px}.teacher-section .title{font-weight:500;font-size:24px;margin-bottom:5px;line-height:1.3}.teacher-section .subtitle{font-size:18px;font-weight:500;margin-bottom:35px;background:#000;color:#fff}.teacher-section .desc{font-size:18px;margin-bottom:30px}.teacher-section .btn-teacher-detail{margin-bottom:30px}.teacher-section .teacher-content-panel{padding:20px 0;margin:0}#feedback-form{width:600px;max-width:100%;margin:auto}#branch-staff-list #staff-list-wrapper{min-height:180px}#branch-staff-list .form-label{position:relative;display:block}#branch-staff-list .item-loading-panel{display:inline-block;position:absolute;top:3px;right:0;padding:0;opacity:0}#staff-list{margin:20px 20px 30px}#staff-list .message{padding:20px 0;color:#52687e}#staff-list .slick-arrow{border-radius:50%;width:40px;height:40px;background-color:#f7f8fa;-webkit-transition-duration:.25s;transition-duration:.25s}#staff-list .slick-arrow:hover{background-color:#ffd131;color:#fff}#staff-list .slick-arrow:hover:before{color:#fff}#staff-list .slick-arrow:before{color:#52687e;text-align:center}#staff-list .slick-arrow.slick-prev:before{content:"\f104";font-family:"FontAwesome";margin-left:-3px}#staff-list .slick-arrow.slick-next:before{content:"\f105";font-family:"FontAwesome";margin-right:-3px}.staff-item{text-align:center;margin-bottom:20px;color:#fff}.staff-item.active .staff-profile-image:after{border-color:#ffd131}.staff-item .staff-profile-image{border-radius:50%;width:96px;height:96px;margin:10px auto 10px;-webkit-transition-duration:.25s;transition-duration:.25s;background-size:cover}.staff-item .staff-profile-image:after{content:"";border-radius:50%;width:96px;height:96px;display:block;background-color:transparent;border:3px solid transparent}.staff-item .staff-name{font-weight:500}.staff-item .staff-position{margin-top:3px;color:#52687e}.branch-info-list{list-style:none;margin:10px 0 20px;font-size:16px}.branch-info-list.small{font-size:14px;margin:0}.branch-info-list.small>li+li{margin-top:5px}.branch-info-list.small>li .icon{text-align:center;width:16px;height:16px;display:inline-block;vertical-align:top;margin-right:10px}.branch-info-list.small>li .text{display:inline-block;vertical-align:top;margin-top:2px}.branch-info-list>li+li{margin-top:10px}.branch-info-list>li .icon{text-align:center;width:20px;height:20px;display:inline-block;vertical-align:top;margin-right:10px}.branch-info-list>li .text{display:inline-block;vertical-align:top;margin-top:2px}.profile-list-panel .name{margin-bottom:10px}.profile-list-panel .profile-list{list-style:none;font-size:15px;margin:15px 0}.profile-list-panel .profile-list>li+li{margin-top:5px}.profile-list-panel .profile-list>li .icon{width:30px;display:inline-block;vertical-align:middle}.profile-list-panel .profile-list>li .text{display:inline-block;vertical-align:middle}.g-recaptcha>div{margin:auto}.user-address-text{margin:15px 0 30px}.payment-summary{font-size:18px;margin:60px 0;padding:40px 20px;color:#000;border-radius:15px}.payment-summary .payment-title{margin-bottom:20px;font-weight:600}.payment-summary .payment-title.waiting{color:#f5bb37}.payment-summary .payment-title.waiting .title-text{color:#f5bb37}.payment-summary .payment-title .title-icon{margin-bottom:10px;height:36px}.payment-summary .payment-title .title-text{font-size:20px}.payment-summary .payment-remark{font-weight:500;color:#f21a1a}.payment-summary .button-panel{margin:30px -5px}.payment-summary .button-panel .btn{margin:0 5px 10px}#download-qr-panel,#download-slip-panel{max-width:100%;width:595px;margin:20px auto 0}#download-qr-panel .left-col,#download-slip-panel .left-col{text-align:center;font-size:16px}#download-qr-panel .right-col,#download-slip-panel .right-col{text-align:center}.download-payment-button,#download-slip-button{margin-top:10px}.download-payment-button .icon,#download-slip-button .icon{height:18px}.download-payment-button .text,#download-slip-button .text{font-size:14px}#qr-page #info-panel{width:100%;margin:20px auto;max-width:100%}#qr-page #info-panel .course-content{margin-top:20px;width:100%}#qr-card{display:none;width:280px;border-radius:8px;border:1px solid #f00;color:#000}.qr-card{color:#000;border-radius:8px;width:280px;max-width:100%;margin:30px auto;overflow:hidden;background-color:#fff;-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1)}.qr-card .header-panel{background-color:#ffd131;padding:15px;color:#000}.qr-card .header-panel .titles+.titles{margin-top:10px}.qr-card .header-panel .titles .code{font-size:12px}.qr-card .header-panel .titles .title{font-weight:500;font-size:15px}.qr-card .body-panel{padding:20px}.qr-card .body-panel .total-cost-label{font-size:12px}.qr-card .body-panel .total-cost{font-size:20px;font-weight:500}.qr-card .body-panel .qr{width:140px;height:140px;margin:10px auto}.qr-card .body-panel .qr #qrcode{margin:10px}.qr-card .body-panel .qr #qrcode canvas{max-width:100%}.qr-card .body-panel .school-name{font-size:12px}.qr-card .footer-panel{padding:10px 20px;border-top:1px solid #ececec}.qr-card .footer-panel .download-qr-button{display:block;margin-top:0}.qr-card #download-qr-button{color:#586a7b;font-weight:500}.qr-card #download-qr-button .icon{height:18px}.qr-card #download-qr-button .text{font-size:14px}.accommodation-item{padding:15px}.accommodation-item+.accommodation-item{margin-top:30px}.accommodation-item .accommodation-image{padding-bottom:100%}.accommodation-item .content-col{padding:30px 5px 20px}.accommodation-item .content-col .title{margin-top:10px;font-size:24px;font-weight:500;margin-bottom:5px}.accommodation-item .content-col .facilities{list-style:none;margin:20px -15px}.accommodation-item .content-col .facilities>li{display:inline-block;margin:10px 15px}.accommodation-item .content-col .facilities>li .icon{width:30px;height:24px;display:inline-block;vertical-align:middle}.accommodation-item .content-col .facilities>li .text{margin-left:5px;display:inline-block;vertical-align:middle}#agree-section{border-radius:10px;padding:30px}#agree-section.warning{border:2px solid #f21a1a}#agree-section.warning .warning-text{display:block}#agree-section.warning .checkbox label:before{background-image:url("../images/checkbox-circle-error.png")}#agree-section .warning-text{display:none;color:#f21a1a;margin-left:35px;margin-top:10px}#item-to-bag{display:none;width:300px;position:fixed;top:100px;right:20px;background:#fff;padding:15px;border-radius:8px;-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);z-index:10}#item-to-bag .header-panel{position:relative}#item-to-bag .header-panel .item-title{font-weight:500;font-size:14px;padding-right:40px}#item-to-bag .header-panel .item-close-btn{font-family:sans-serif;position:absolute;top:5px;right:5px;font-size:20px;line-height:14px;margin-top:-3px;color:#fff}#item-to-bag .body-panel{padding:15px 0}#item-to-bag .body-panel .item-image{width:50px;height:55px;display:inline-block;vertical-align:top;margin-right:10px}#item-to-bag .body-panel .item-content{width:calc(100% - 70px);display:inline-block;vertical-align:top}#atom-message-btn{position:fixed;bottom:10px;right:10px;display:block;width:80px;height:80px;line-height:80px;text-align:center;-webkit-transition-duration:.25s;transition-duration:.25s;z-index:1035;background-color:#800000;border-radius:50%;box-shadow:0 0 20px 0 rgba(0,0,0,0.15)}.pdf{background-color:#545454;border:1px solid #545454;max-width:100%;width:595px;overflow:hidden;height:auto;margin:auto}.pdf iframe{max-width:100% !important}#atom-greeting-panel{max-height:calc(100vh - 150px);overflow-y:auto;background:#fff;border-radius:8px;position:fixed;bottom:95px;right:25px;width:350px;max-width:100%;color:#000;-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);z-index:1040}#atom-greeting-panel .text{padding:20px 50px 20px 20px}#atom-greeting-panel #atom-chat-now-btn{text-align:center;display:block;width:100%;border-top:1px solid #ececec;padding:10px;color:#ff7d57}#atom-greeting-panel #close-atom-greeting-btn{top:6px;right:6px;border-radius:8px;position:absolute;display:block;width:30px;height:30px;background-color:#000;font-family:sans-serif;text-align:center;line-height:30px;font-size:20px;color:#fff}#atom-message-form{max-height:calc(100vh - 150px);overflow-y:auto;background:#fff;color:#000;border-radius:8px;padding:20px;position:fixed;bottom:95px;right:25px;width:350px;max-width:100%;-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);z-index:1040}#atom-message-form #close-atom-message-btn{top:6px;right:6px;border-radius:8px;position:absolute;display:block;width:30px;height:30px;background-color:#ff7d57;font-family:sans-serif;text-align:center;line-height:30px;font-size:20px;color:#fff}#atom-message-form .choose-file{vertical-align:middle}#atom-message-form .filename{vertical-align:middle;width:calc(100% - 90px);margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:568px){.calendar-view>.header-panel .header-times-col{width:100px}.calendar-view>.header-panel .header-dates-col{width:calc(100% - 100px - 15px)}.calendar-view>.header-panel .header-col.date-col{width:calc(100% / 3)}.calendar-view>.body-panel .times-col{width:100px}.calendar-view>.body-panel .dates-col{width:calc(100% - 100px - 15px)}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li>.booking-slot{font-size:12px}.calendar-view>.body-panel .dates-col .date-col{width:calc(100% / 3)}}.institue-line-contact{display:block;text-align:center}.institue-line-contact .icon{display:inline-block;vertical-align:middle;width:20px}.institue-line-contact .text{display:inline-block;vertical-align:middle}#related-course-section{margin-top:30px}.message-panel,#reset-password-form,#forgot-password-form{width:600px;max-width:100%;margin:60px auto}.remaining-time-label{border-radius:50px;padding:4px 15px 2px;color:#000;background-color:#f1f2f3;font-size:12px;font-weight:500;display:inline-block}#related-course-section{background-color:#f5f7fb;padding:60px 0;margin-bottom:-30px}.package-box{margin-top:40px;margin-bottom:15px;padding:20px;background-color:#fff;display:block;-webkit-transition-duration:.25s;transition-duration:.25s}.package-box:hover{-webkit-box-shadow:0 1px 20px 0 rgba(69,65,78,0.1);-moz-box-shadow:0 1px 20px 0 rgba(69,65,78,0.1);box-shadow:0 1px 20px 0 rgba(69,65,78,0.1)}.package-box:hover .image-col .image-placeholder{box-shadow:none;margin-top:-55px;margin-bottom:10px}.package-box .image-col{width:120px;display:inline-block;vertical-align:top}.package-box .image-col .image-placeholder{-webkit-transition-duration:.25s;transition-duration:.25s;padding-bottom:140%;margin-top:-45px}.package-box .image-col .course-detail-button{margin:10px 0 0}.package-box .detail-col{max-width:calc(100% - 150px);margin-left:15px;display:inline-block;vertical-align:top;color:#fff}.package-box .detail-col .course-title{font-size:16px;font-weight:500}.package-box .detail-col .course-subtitle{font-size:12px}.package-box .detail-col .course-learning-type{margin-bottom:15px}.package-box .detail-col .course-description{font-size:15px}#greeting-text-panel{margin-bottom:40px}#greeting-text-panel .title{font-size:36px;font-weight:500}#greeting-text-panel .subtitle{font-size:36px}.schedule-box{margin-bottom:15px}.schedule-box .date-col{width:60px;display:inline-block;vertical-align:top}.schedule-box .date-col .day-of-week{font-size:14px}.schedule-box .date-col .date{font-size:24px;line-height:1}.schedule-box .date-col .month{font-size:14px}.schedule-box .content-col{width:calc(100% - 70px);display:inline-block;vertical-align:top;padding:15px;background-color:#f7f8fa}.schedule-box .content-col .title{font-size:16px;border-bottom:1px solid rgba(82,104,126,0.1);padding-bottom:10px;margin-bottom:10px}.schedule-box .content-col .content .image{margin-right:15px;width:50px;display:inline-block;vertical-align:top}.schedule-box .content-col .content .content-text{width:calc(100% - 80px);display:inline-block;vertical-align:top}.homeroom-content-box{border-radius:12px;-webkit-box-shadow:0 2px 8px 0 rgba(167,174,186,0.3);-moz-box-shadow:0 2px 8px 0 rgba(167,174,186,0.3);box-shadow:0 2px 8px 0 rgba(167,174,186,0.3);padding:20px;min-height:160px;display:flex;flex-direction:column;margin-bottom:15px}.homeroom-content-box.time-bg{position:relative;overflow:hidden}.homeroom-content-box.time-bg:after{content:"";background-image:url(../images/time-white.png);background-size:64px auto;opacity:.35;width:64px;height:64px;position:absolute;top:-5px;right:-5px;z-index:1}.homeroom-content-box.yellow{background-color:#f5bb37;color:#fff}.homeroom-content-box.grey{background-color:#686868;color:#fff}.homeroom-content-box.green{background-color:#ffd131;color:#fff}.homeroom-content-box.grey-2{background-color:#ff7d57;color:#fff}.homeroom-content-box .title{font-size:18px;margin-bottom:10px}.homeroom-content-box .content{display:flex;flex:1;align-items:flex-end}.homeroom-content-box .content.align-items-start{align-items:start !important}.homeroom-content-box .content.justify-content-start{justify-content:start !important}.homeroom-content-box .content.column{align-items:flex-start;justify-content:flex-end;flex-direction:column}.homeroom-content-box .content .amount{font-size:38px;font-weight:400;line-height:30px}.homeroom-content-box .content .amount+.unit{margin-left:5px}.homeroom-content-box .content .unit{font-size:18px;line-height:1.2}.datepicker-wrapper{position:relative}.datepicker-wrapper.dark:after{color:#fff}.datepicker-wrapper:after{content:"\f073";font-family:"FontAwesome";position:absolute;font-size:16px;right:15px;top:50%;transform:translateY(-50%);color:#000}.datepicker{border-radius:4px;color:#000}.datepicker[readonly]{background-color:transparent}.datepicker.smooth-style[readonly]{background-color:#f7f8fa}.datepicker table thead tr th{background-color:transparent}.datepicker table tr td.active:hover,.datepicker table tr td.active{color:#000;background:#ffd131 !important}.datepicker table tr td span.active:hover,.datepicker table tr td span.active{color:#000;background:#ffd131 !important}.store-button{height:50px;display:inline-block;margin-bottom:10px;margin-right:10px}#motto .quote{max-width:100%;width:800px;border:3px dotted #ff7d57;min-height:200px;position:relative;margin:auto;text-align:center;font-size:16px;box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}#motto .quote .quote-col{padding:40px;text-align:center}#motto .quote .image-col{text-align:center}#motto .quote .quote-owner{margin-top:40px;text-align:center;font-size:14px;position:relative;display:inline-block}#motto .quote .quote-owner:before{content:"";height:1px;width:30px;position:absolute;top:50%;left:0;margin-left:-50px;background-color:#fff}#motto .quote .quote-owner:after{content:"";height:1px;width:30px;position:absolute;top:50%;right:0;margin-right:-50px;background-color:#fff}#motto .quote #aj-image{height:auto;margin:auto;display:block}#learning-type-section{background:url("../images/grid-pattern.png");background-size:80px auto;overflow:hidden}.learning-circle{text-align:center;margin:auto;position:relative;width:240px;height:240px;padding:0;border-radius:50%;list-style:none;border:4px solid #ffd131}.learning-circle>*{display:block;position:absolute;top:50%;left:50%;width:60px;height:60px;margin:-30px}.learning-circle>*:nth-of-type(1){transform:rotate(140deg) translate(240px / 2) rotate(-140deg)}.learning-circle>*:nth-of-type(2){transform:rotate(205deg) translate(240px / 2) rotate(-205deg)}.learning-circle>*:nth-of-type(3){transform:rotate(270deg) translate(240px / 2) rotate(-270deg)}.learning-circle>*:nth-of-type(4){transform:rotate(335deg) translate(240px / 2) rotate(-335deg)}.learning-circle>*:nth-of-type(5){transform:rotate(400deg) translate(240px / 2) rotate(-400deg)}.learning-circle.first:before{top:70%;left:30%}.learning-circle.second:before{top:40%;left:25%}.learning-circle.third:before{top:25%;left:50%}.learning-circle.forth:before{top:40%;left:75%}.learning-circle.fifth:before{top:70%;left:70%}.learning-circle:before{content:"";display:block;position:absolute;top:50%;left:50%;margin:-50px;width:100px;height:100px;border-radius:50%;background-image:radial-gradient(circle, #fff8f8, #fff5f5, #fff3f3, #fff0f0, #ffeded);transition-duration:.25s}.learning-circle>li.active>a{transform:scale(1.3);color:#fff;background-image:-webkit-linear-gradient(top left, #ffacac, #ff9e9e, #ff9190, #ff8382, #ff7474);background-image:-o-linear-gradient(top left, #ffacac, #ff9e9e, #ff9190, #ff8382, #ff7474);background-image:linear-gradient(to bottom right, #ffacac, #ff9e9e, #ff9190, #ff8382, #ff7474);animation:pulse 2s infinite}.learning-circle>li>a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;font-size:20px;color:#fff;background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,0.1);transition-duration:.25s}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(255,116,116,0.4)}70%{-webkit-box-shadow:0 0 0 10px rgba(255,116,116,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(255,116,116,0)}}@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(255,116,116,0.4);box-shadow:0 0 0 0 rgba(255,116,116,0.4)}70%{-moz-box-shadow:0 0 0 10px rgba(255,116,116,0);box-shadow:0 0 0 10px rgba(255,116,116,0)}100%{-moz-box-shadow:0 0 0 0 rgba(255,116,116,0);box-shadow:0 0 0 0 rgba(255,116,116,0)}}.post-it-container{position:relative;z-index:1}.post-it-container .post-it{background-image:linear-gradient(to right bottom, #fff2cf, #fff0c9, #ffeec3, #ffecbe, #ffeab8);padding:20px;max-width:350px;position:relative;margin:auto}.post-it-container .post-it.large{padding:50px 40px;min-height:440px}.post-it-container .post-it.shadow:before{content:"";display:block;position:absolute;top:20px;left:20px;width:100%;height:100%;background:repeating-linear-gradient(45deg, transparent 0 6px, rgba(0,0,0,0.35) 6px 8px);z-index:-1}.post-it-container .post-it .header-panel .title{font-size:22px;font-weight:500;margin-bottom:30px}.post-it-container .post-it .body-panel .content{font-style:italic;font-size:18px;transition-duration:.25s}@media (min-width:375px){.learning-circle{position:relative;width:300px;height:300px;padding:0;border-radius:50%;list-style:none;border:4px solid #ffd131}.learning-circle>*{display:block;position:absolute;top:50%;left:50%;width:70px;height:70px;margin:-35px}.learning-circle>*:nth-of-type(1){transform:rotate(140deg) translate(300px / 2) rotate(-140deg)}.learning-circle>*:nth-of-type(2){transform:rotate(205deg) translate(300px / 2) rotate(-205deg)}.learning-circle>*:nth-of-type(3){transform:rotate(270deg) translate(300px / 2) rotate(-270deg)}.learning-circle>*:nth-of-type(4){transform:rotate(335deg) translate(300px / 2) rotate(-335deg)}.learning-circle>*:nth-of-type(5){transform:rotate(400deg) translate(300px / 2) rotate(-400deg)}.learning-circle:before{margin:-70px;width:140px;height:140px}.learning-circle>li>a{width:70px;height:70px;line-height:70px;font-size:24px}}#pop-anchor{position:absolute;top:-60px}#roadshow-form{border-top:3px solid #ffd131;padding:20px;background-color:rgba(255,255,255,0.75);-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1)}.chart-data{font-family:"Roboto";margin-top:-120px}.chart-data.small{margin-top:-115px}.chart-data.small .score{font-size:20px}.chart-data.small .student-score{font-size:30px}.chart-data.small .stat-row{margin-top:40px}.chart-data .label-text{font-weight:400;font-size:12px}.chart-data .score{font-size:18px;color:#606060}.chart-data .student-score{font-size:32px;line-height:1}.chart-data .student-score.high{color:#015201}.chart-data .student-score.medium{color:#ffae11}.chart-data .student-score.low{color:#fc655d}.chart-data .ranking{margin-top:10px;font-size:12px}.chart-data .ranking img{width:24px;display:inline-block;vertical-align:middle}.chart-data .stat-row{color:#606060;margin-top:45px;font-size:12px;text-align:center}.report-card{padding:25px;background:#fff;border-radius:10px;box-shadow:0 13px 18px 0 rgba(0,0,0,0.05);margin-bottom:25px;opacity:0}.report-card:before,.report-card:after{content:" ";display:table}.report-card:after{clear:both}.report-card .content-col{margin-bottom:20px}.report-card .chart-col{text-align:center;min-height:200px;opacity:0}.report-card .card-title{text-transform:uppercase;font-weight:600;font-size:16px;margin-bottom:10px}.report-card .exam-name{min-height:4.2em;margin-bottom:10px}.report-card .more-detail{display:inline-block;font-size:12px;margin-bottom:15px;border-bottom:1px dotted #ffd131;color:#ffd131}.report-card .more-detail.dummy{border-bottom-color:transparent}.report-card .more-detail:hover{color:#ffd131;text-decoration:none}.report-card .student-exam-code{margin-bottom:10px}@keyframes scaleAnimation{0%{opacity:0;transform:scale(1.5)}100%{opacity:1;transform:scale(1)}}@keyframes drawCircle{0%{stroke-dashoffset:151px}100%{stroke-dashoffset:0}}@keyframes drawCheck{0%{stroke-dashoffset:36px}100%{stroke-dashoffset:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.success-animation-circle{stroke-dasharray:151px 151px;stroke:#25c9d0}.success-animation-check{stroke-dasharray:36px 36px;stroke:#25c9d0}.success-animation-result{fill:#25c9d0;opacity:0}.success-animation.animated{animation:.75s ease-out 0s 1 both scaleAnimation}.success-animation.animated .success-animation-circle{animation:.75s cubic-bezier(.77, 0, .175, 1) 0s 1 both drawCircle,.3s linear .9s 1 both fadeOut}.success-animation.animated .success-animation-check{animation:.75s cubic-bezier(.77, 0, .175, 1) 0s 1 both drawCheck,.3s linear .9s 1 both fadeOut}.success-animation.animated .success-animation-result{animation:.3s linear .7s both fadeIn}.animate-scale{animation:.5s ease-out 0s 1 both scaleAnimation;transform-origin:50% 50%}.animate-fadeIn{animation:.3s linear .5s both fadeIn}.failed-animation-circle{stroke-dasharray:151px 151px;stroke:#ff4d4d}.failed-animation-check{stroke-dasharray:36px 36px;stroke:#ff4d4d}.failed-animation-result{fill:#ff4d4d;opacity:0}.failed-animation.animated{animation:1s ease-out 0s 1 both scaleAnimation}.failed-animation.animated .failed-animation-circle{animation:1s cubic-bezier(.77, 0, .175, 1) 0s 1 both drawCircle,.3s linear .9s 1 both fadeOut}.failed-animation.animated .failed-animation-check{animation:1s cubic-bezier(.77, 0, .175, 1) 0s 1 both drawCheck,.3s linear .9s 1 both fadeOut}.failed-animation.animated .failed-animation-result{animation:.3s linear .9s both fadeIn}.correct-item{position:relative}.correct-item:after{content:"\f127";position:absolute;bottom:10px;right:10px;font-size:32px;line-height:1;color:#34bfa3;font-family:"Learning"}.incorrect-item{position:relative}.incorrect-item:after{content:"\f12b";position:absolute;bottom:10px;right:10px;font-size:32px;line-height:1;color:#f21a1a;font-family:"Learning"}#report-detail-dialog .modal-dialog{max-width:100%}#report-detail-dialog .modal-dialog .modal-content{border-radius:0}#report-detail-dialog .modal-dialog .modal-content .modal-body{padding:0}#report-detail-dialog #summary-col{background:#e8ecf0;padding:15px}#report-detail-dialog #summary-col .exam-title{text-transform:uppercase;font-weight:600;font-size:16px;margin-bottom:10px}#report-detail-dialog #summary-col .exam-name{font-size:16px;font-weight:400;margin-bottom:20px}#report-detail-dialog #summary-col .chart-panel{text-align:center}#report-detail-dialog #summary-col .chart-panel canvas{background:#fff;border-radius:50%}#report-detail-dialog #summary-col .chart-panel .chart-data{margin-bottom:20px;position:relative}#report-detail-dialog #summary-col .chart-panel .chart-data .stat-row{color:#222}#report-detail-dialog #summary-col .summary-label-text{font-weight:400;color:#ffd131;margin-bottom:5px}#report-detail-dialog #summary-col .summary-label-text:before,#report-detail-dialog #summary-col .summary-label-text:after{content:" ";display:table}#report-detail-dialog #summary-col .summary-label-text:after{clear:both}#report-detail-dialog #summary-col .summary-label-text .more-result-btn{float:right;font-size:12px;line-height:1;margin-top:5px;color:#666;padding-bottom:2px;border-bottom:1px dotted #666}#report-detail-dialog #summary-col .summary-label-text .more-result-btn:hover{text-decoration:none}#report-detail-dialog #summary-col .summary-result-list{list-style:none;height:3.6em;overflow:hidden;font-size:12px;color:#666;margin-bottom:10px}#report-detail-dialog #summary-col .summary-result-list>li{display:block;margin-bottom:2px}#report-detail-dialog #recommended-course-col{padding:15px}#report-detail-dialog #recommended-course-col .button-panel{background-color:#fff}#report-detail-dialog #recommended-course-col .button-panel .left-col{text-align:right;margin-bottom:30px}#report-detail-dialog #recommended-course-col .button-panel .btn{min-width:100px}#report-detail-dialog #recommended-course-table{font-size:14px}#report-detail-dialog #recommended-course-table th{text-align:center;white-space:nowrap}.content-list-panel{-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);border-radius:8px;overflow:hidden;background-color:#fff;margin-bottom:20px}.content-list-panel .header-panel{background-color:#000;color:#fff;padding:15px;font-size:15px;font-weight:500}.content-list-panel .body-panel .item-loading-panel{padding:30px 15px}.content-list-panel .body-panel .content-list{list-style:none;padding:0;margin:0 !important;overflow:auto;min-height:auto !important}.content-list-panel .body-panel .content-list>li{display:block;padding:0}.content-list-panel .body-panel .content-list>li+li{margin-top:0}.content-list-panel .body-panel .content-list>li:hover>a,.content-list-panel .body-panel .content-list>li.selected>a{background-color:#f2f3fa}.content-list-panel .body-panel .content-list>li:hover>a .course-content .lecture-length,.content-list-panel .body-panel .content-list>li.selected>a .course-content .lecture-length,.content-list-panel .body-panel .content-list>li:hover>a .course-content .title,.content-list-panel .body-panel .content-list>li.selected>a .course-content .title{color:#fff}.content-list-panel .body-panel .content-list>li>a{padding:15px;display:block;cursor:pointer}.content-list-panel .body-panel .content-list>li>a:hover{text-decoration:none}.content-list-panel .body-panel .content-list>li>a .course-image{background-color:#d1dde3;width:80px;height:80px;display:inline-block;vertical-align:top}.content-list-panel .body-panel .content-list>li>a .course-content{margin-left:10px;display:inline-block;vertical-align:top;width:calc(100% - 100px);color:#fff}.content-list-panel .body-panel .content-list>li>a .course-content.full-width{width:100%;margin-left:0}.content-list-panel .body-panel .content-list>li>a .course-content .course-content-col{display:inline-block;width:calc(100% - 60px);vertical-align:top}.content-list-panel .body-panel .content-list>li>a .course-content .dial-col{display:inline-block;text-align:right;width:50px}.content-list-panel .body-panel .content-list>li>a .course-content .title{font-weight:500;margin-bottom:5px;font-size:15px;line-height:1.4}.content-list-panel .body-panel .content-list>li>a .course-content .total{font-size:13px}.content-list-panel .body-panel .content-list>li>a .course-content .expire{font-size:13px}.content-list-panel .body-panel .content-list>li>a .course-content .expire .expired-date{font-weight:400}.content-list-panel .body-panel .content-list>li>a .course-content .expire .expired-date.soon{color:#f21a1a}.content-list-panel .body-panel .content-list>li>a .course-content .lecture-length{font-size:13px;color:#888;display:inline-block;vertical-align:middle}.content-list-panel .body-panel .content-list>li .progress{margin:10px 0 0;height:4px;border-radius:0;box-shadow:none;background-color:#ddd}.content-list-panel .body-panel .content-list>li .progress .progress-bar{box-shadow:none;background-color:#ffd131}.content-side-panel{background-color:#fff;height:calc(100vh - 80px);min-height:calc(600px);position:absolute;top:0;right:0;left:15px;bottom:0;padding:50px 30px 50px}.content-side-panel .header-panel .title{font-size:20px;font-weight:500;color:#ffd131}.content-side-panel .header-panel .subtitle{margin-top:5px}.content-side-panel .header-panel .lecture-length{margin-top:15px;font-size:13px;color:#888;display:inline-block;vertical-align:middle}.content-side-panel .body-panel{margin-top:20px;padding:20px 0}.content-side-panel .body-panel .desc{font-size:15px}.content-side-panel .body-panel .button-panel{margin-top:30px}#content-side-panel{position:relative;height:auto;min-height:auto;left:auto;right:auto;margin-bottom:20px;background-color:#f3f4fa}#content-side-panel.loading>.body-panel,#content-side-panel.loading>.header-panel{opacity:0}#player-title-panel #mobile-back-to-my-course-btn{border-radius:50%;width:40px;height:40px;font-size:32px;line-height:34px;padding:0;text-align:center;margin-right:15px;vertical-align:top;display:inline-block}#player-title-panel #mobile-back-to-my-course-btn i{margin-left:-3px}#player-title-panel .title-content{width:calc(100% - 60px);display:inline-block;vertical-align:top;margin-top:-12px}#player-title-panel .text{display:inline-block;vertical-align:middle}#async-player>div[data-player]{max-width:100%;padding-bottom:66.6%;width:100% !important;height:auto !important}#async-player>div[data-player].fullscreen{padding-bottom:initial;height:100% !important}#video-nav-panel:before,#video-nav-panel:after{content:" ";display:table}#video-nav-panel:after{clear:both}#video-nav-panel .next{float:right}@media (min-width:768px){.download-item-row .description-col{display:flex;flex-direction:row;align-items:center}.download-item-row .description-col .text-col{flex:1;padding-right:20px}.download-item-row .description-col .download-col{margin-top:0}#ap-anytime-cta{background-size:100% auto}#study-page{height:calc(100vh - 80px);padding-left:30px}#footer-bottom-panel #credit-text{display:inline-block;margin-bottom:0}#content-side-panel{margin-top:0;margin-bottom:0;height:calc(100vh - 80px);min-height:calc(600px);position:absolute;right:0;left:15px}#player-title-panel .right-col{text-align:right}#player-title-panel .right-col #back-to-my-course-btn{margin-top:10px}.report-card .content-col{margin-bottom:0}.title-filter .bootstrap-select,#pop-year-list-wrapper .bootstrap-select,#student-year-list-wrapper .bootstrap-select,#brochure-section-wrapper .bootstrap-select,#student-year-list-wrapper .bootstrap-select{margin-top:0;margin-left:10px}#report-detail-dialog .modal-dialog{width:980px}#report-detail-dialog #recommended-course-col{min-height:500px;padding-bottom:80px}#report-detail-dialog #recommended-course-col .button-panel{position:absolute;bottom:0;left:0;right:0;padding:15px;background-color:#fff}#report-detail-dialog #recommended-course-col .button-panel .left-col{text-align:left;margin-bottom:0}#roadshow-form{width:800px;margin:auto;padding:40px}.article-detail-panel table{margin:0 -15px}.article-detail-panel table td{display:table-cell;padding:10px}#pop-anchor{position:absolute;top:-320px}#hall-of-frame-header-title,#article-header-title,#award-content-title{margin-bottom:30px}#position-panel .right-col{padding:30px}.profile-col{min-height:480px}#user-address-option-col{text-align:right}#motto .quote{background:url("../images/aj-ping.png") no-repeat bottom right;background-size:400px auto}#motto .quote .quote-col{padding:60px;font-size:20px}#motto .quote .image-col{text-align:right}#motto .quote .quote-owner{font-size:14px}#motto .quote .quote-owner:before{width:40px;margin-left:-50px}#motto .quote .quote-owner:after{width:40px;margin-right:-50px}#motto .quote #aj-image{height:400px;max-width:none;position:absolute;right:0;margin-top:-120px;margin-left:auto;margin-right:20px}#prompt-search-panel{background-size:100% 150px}#prompt-search-panel input[type="text"]{font-size:20p5;height:70px}#prompt-search-panel .search-textbox-form-group{padding:0 20px}#prompt-search-panel .search-textbox-form-group>.icon{font-size:24px}#prompt-search-panel .dropdown-form-group{height:80px}#prompt-search-panel .dropdown-form-group label{margin:12px 10px 0;font-size:14px}#prompt-search-panel .dropdown-form-group .bootstrap-select{margin-top:-15px}#prompt-search-panel .dropdown-form-group .bootstrap-select .dropdown-toggle{padding:12px 30px 10px 10px;font-size:24px}#prompt-search-panel .search-filter-col{display:inline-block;vertical-align:middle}#prompt-search-panel .button-col #prompt-search-button i{font-size:30px}#award-section .item-col{padding-top:0}.schedule-box .date-col{width:100px}.schedule-box .date-col .day-of-week{font-size:16px}.schedule-box .date-col .date{font-size:28px}.schedule-box .date-col .month{font-size:16px}.schedule-box .content-col{width:calc(100% - 110px)}.schedule-box .content-col .title{font-size:18px}.message-panel,#reset-password-form,#forgot-password-form{margin:80px auto}#school-select-wrapper{margin-top:30px;text-align:right}.article-item-box .body-panel .title{font-size:17px}.accommodation-item{padding:30px}.accommodation-item .content-col{padding:0px 10px}#my-booking-section .filter-panel .right-col,#my-booking-page .filter-panel .right-col{text-align:right}#add-booking-btn{margin-top:35px;min-width:180px}#course-header-section .course-icon-detail .icon-content{width:calc(100% - 46px)}#course-header-section .course-icon-detail .icon{display:inline-block;margin-bottom:0}#all-brochures-page .section-col{text-align:right}.text-right-sm{text-align:right}.text-center-sm{text-align:center}.add-booking-form .bootstrap-select{margin-bottom:0}.title-filter .bootstrap-select,#pop-year-list-wrapper .bootstrap-select,#student-year-list-wrapper .bootstrap-select{margin-top:-10px;margin-left:10px}#school-history .history-text-col{padding-left:60px}#qr-page #info-panel{width:900px;margin:20px auto}#qr-page #info-panel .course-content{margin-top:0;width:calc(100% - 100px - 28px)}#download-qr-panel .left-col,#download-slip-panel .left-col{margin-top:5px;text-align:left}#download-qr-panel .right-col,#download-slip-panel .right-col{text-align:right}.pdf{background-color:#545454;max-width:100%;width:900px;height:860px;margin:auto}.pdf iframe{max-width:100% !important;height:842px !important}#booking-box-list .booking-box-header .institute-col{text-align:center}#booking-box-list .booking-box-header .branch-col{text-align:center}#booking-box-list .booking-box-header .created-col{text-align:right}#booking-box-list .booking-box .booking-info-col{margin-bottom:0}#booking-box-list .booking-box .booking-info-col .checkbox{margin-top:0}#booking-box-list .booking-box .booking-info-col.institute-col{text-align:center}#booking-box-list .booking-box .booking-info-col.branch-col{text-align:center}#booking-box-list .booking-box .booking-info-col.created-col{text-align:right}.page-title{font-size:30px}#purchase-history .bag-panel .header-panel .purchase-status{position:static}#purchase-history .bag-panel .header-panel .right-col{margin-top:0;text-align:right}#purchase-history .purchase-status{font-size:14px;position:absolute;bottom:15px;right:15px}#purchase-history .selected-course{padding:20px 0 20px 20px;border:none}#purchase-history .selected-course+.selected-course{border-top:1px solid #eee;margin-top:0}#purchase-history .selected-course .detail-col{min-height:128px}#purchase-history .selected-course .detail-col:last-child{min-height:175px;margin:-20px -40px -20px 0;padding:20px;background-color:#fafafa}#purchase-history .selected-course .course-content{margin-top:0;width:calc(100% - 100px - 40px);display:inline-block;vertical-align:top}#purchase-history .selected-course .course-content .learning-type{margin-bottom:0}#purchase-history .selected-course .course-content .detail-field+.detail-field{margin-top:40px}#atom-message-btn{right:20px;bottom:20px}#atom-message-btn:hover{bottom:25px}#atom-message-btn:hover img{transform:scale(1.1)}#atom-greeting-panel,#atom-message-form{bottom:115px;right:30px}#payment-section{padding:0}#payment-section #payment-summary-col,#payment-section #payment-channel-col{padding:15px 30px}#payment-section #summary-payment-col{padding:20px 30px;border-radius:0 10px 10px 0}#payment-section #summary-payment-col .course-content{width:calc(100% - 100px - 27px)}#payment-info-panel{padding:20px 80px}.bag-page-footer-panel{padding:20px}.bag-page-footer-panel .bag-back-btn{margin-top:15px}.btn.btn-big-sm{font-size:18px;padding:12px 20px}.btn.min-width-2-sm{min-width:220px}.step-panel .header-panel .steps-list>li{display:block}#aj-section{padding-top:80px}#aj-section .aj-col{display:inline-block}#aj-section .aj-col:before,#aj-section .aj-col:after{content:" ";display:table}#aj-section .aj-col:after{clear:both}#aj-section .aj-col .teacher-box{width:500px;display:block;margin:0 auto 30px;box-shadow:none;margin-top:10px}#aj-section .aj-col .teacher-box:hover{-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);-moz-box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);box-shadow:0 1px 15px 1px rgba(69,65,78,0.1);margin-top:0px;margin-bottom:40px}#aj-section .aj-col .teacher-box img{max-height:100%}.course-type-box{padding:30px;margin-bottom:0;color:#000}.course-type-box .course-type-list{margin-bottom:20px}.course-type-box .course-type-list>li>a .course-type-icon>img{height:34px}.course-type-box .course-type-list>li>a .course-type-icon-label{font-size:15px}#staff-list{margin:20px 0 30px}.content-outline-box{padding:30px 40px}#featured-news-panel{padding:60px 30px 30px}.table-box-list,#branch-box-list{margin:60px 0}.table-box-list .branch-box .branch-title,#branch-box-list .branch-box .branch-title{margin-bottom:0}.table-box-list .box-header .institute-col,#branch-box-list .box-header .institute-col{text-align:center}.table-box-list .content-box,#branch-box-list .content-box{padding:30px}.table-box-list .content-box .content-col+.content-col,#branch-box-list .content-box .content-col+.content-col{margin-top:0}.table-box-list .content-box .content-col.institute-col,#branch-box-list .content-box .content-col.institute-col{text-align:center}.table-box-list .content-box .box-title,#branch-box-list .content-box .box-title{margin-top:-5px;margin-bottom:0}#course-search-panel form{padding:25px 0}.checkout-section,.selected-course-section{padding:20px 40px}.checkout-section .section-title,.selected-course-section .section-title{margin:10px 0 30px;font-size:24px}.checkout-section .section-summary .total-text .total-cost-text,.selected-course-section .section-summary .total-text .total-cost-text{margin-right:10px}.checkout-section .section-summary .total-text-row.net,.selected-course-section .section-summary .total-text-row.net{font-size:24px}.payment-summary{padding:40px}.selected-course{text-align:left}.selected-course .book-cover{margin-right:20px}.selected-course .course-content{width:calc(100% - 100px - 78px);display:inline-block;vertical-align:top}.selected-course .course-content .course-title{min-height:4.2em}.selected-course .course-content .detail-field{margin-bottom:0}.selected-course .course-content .detail-field+.detail-field{margin-top:30px}#home-page{background-image:url("../images/biobeam-text.png"),url("../images/biobeam-text-left.png");background-repeat:no-repeat;background-position:top 50px right, top 70% left;background-size:80px auto, 80px auto}#home-page #hilight-panel #banner-panel{margin-top:30px}#home-page #hilight-panel #banner-panel #banner-slider .owl-dots{left:50%;padding:15px}#home-page #hilight-panel #banner-panel .slide-content .banner-title{font-size:46px;line-height:1.2}#home-page #hilight-panel #banner-panel .slide-content .banner-subtitle{font-size:28px;width:70%}#home-page #hilight-panel #banner-panel .slide-content .banner-description{font-size:20px;width:70%}#home-page #hilight-panel #banner-panel .slide-content .image-col .image-panel:before{height:auto;bottom:-30px}#home-page #hilight-panel #shortcut-panel.horizontal #shortcut-list .shortcut-button .shortcut-icon{max-width:100%;max-height:40px}#home-page #hilight-panel #shortcut-panel .shortcut-button .shortcut-icon{max-width:50%;max-height:40px}#home-page #hilight-panel #shortcut-panel .shortcut-button .shortcut-title{font-size:16px}#home-page #shortcut-panel{width:90%}#home-page #shortcut-panel.horizontal{width:100%}#home-page #teacher-section:before{left:30%;top:170px}#home-page #teacher-panel{width:100%;margin-left:auto}#home-page #teacher-panel .teacher-content{padding:100px 20px 20px}#home-page #teacher-panel .teacher-image{box-shadow:none;background-size:contain}#home-page #teacher-panel #teacher-slider .owl-dots{left:auto;right:0}#home-page #quick-action-section #quick-action-section-wrapper{padding:80px 40px}.profile-page #profile-info-section:before,#profile-page #profile-info-section:before{content:"";display:block;position:absolute;top:0;bottom:0;left:50%;width:50%;z-index:0}.profile-page #profile-info-section .col-left,#profile-page #profile-info-section .col-left{padding-top:30px;margin-bottom:-30px;position:relative}.profile-page #profile-info-section .col-right,#profile-page #profile-info-section .col-right{padding-top:30px;padding-bottom:100px}.cover-image-panel .cover-content .title{max-width:80%;font-size:36px}.learning-type-item .icon{margin-right:5px}.learning-type-item .icon>img{height:24px}.learning-type-item .icon>svg #Rectangle_192{fill:transparent !important}.learning-type-item .text{font-size:14px}.course-item{width:calc(25% - 36px)}.calendar-view>.header-panel .header-times-col{width:100px}.calendar-view>.header-panel .header-dates-col{width:calc(100% - 100px - 15px)}.calendar-view>.header-panel .header-col.date-col{width:calc(100% / 4)}.calendar-view>.body-panel .times-col{width:100px}.calendar-view>.body-panel .dates-col{width:calc(100% - 100px - 15px)}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li>.booking-slot{font-size:14px}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li>.booking-slot .slot-no{display:none}.calendar-view>.body-panel .dates-col .date-col{width:calc(100% / 4)}#philosophy{margin:0}.teacher-section .title{font-size:32px;margin-bottom:5px}.teacher-section .right-col{padding:60px}.horizontal-nav-menus>li.filter-label,.item-filters>li.filter-label,#course-filters>li.filter-label{display:inline-block;margin-bottom:0}.horizontal-nav-menus>li.filter-label+li,.item-filters>li.filter-label+li,#course-filters>li.filter-label+li{margin-left:30px}#login-dialog .modal-dialog .modal-content .modal-header .close{font-size:50px;top:20px;left:30px}#login-dialog .modal-dialog .modal-content .modal-body .tab-pane .btn-remark{display:inline-block;vertical-align:middle;margin-right:5px;margin-bottom:0}#login-dialog .modal-dialog .modal-content .modal-body .tab-pane .tab-title{margin-top:0;font-size:24px}}@media (min-width:992px){#home-page #shortcut-panel.horizontal{padding:0}#prompt-search-panel #search-col{padding-top:100px}#video-nav-panel{text-align:right}#video-nav-panel .next{float:none;margin-left:5px}#subject-section .subject-container .subject-box{min-width:auto;width:calc(33% - 20px)}#ap-anytime-cta .ap-cta{background:transparent;padding:20px;margin:80px 0 0;text-align:left;color:#000}#ap-anytime-cta .ap-cta:before{content:"";background-color:#ffd131;position:absolute;z-index:0;left:0;right:0;top:10px;bottom:20px}#ap-anytime-cta .ap-cta #app-image-col{text-align:left}#ap-anytime-cta .ap-cta #ap-anytime-image{border-radius:0;max-width:85%;margin:50px auto -100px 0;background:#eee}.learning-circle{position:relative;width:360px;height:360px;padding:0;border-radius:50%;list-style:none;border:4px solid #ffd131}.learning-circle>*{display:block;position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px}.learning-circle>*:nth-of-type(1){transform:rotate(140deg) translate(360px / 2) rotate(-140deg)}.learning-circle>*:nth-of-type(2){transform:rotate(205deg) translate(360px / 2) rotate(-205deg)}.learning-circle>*:nth-of-type(3){transform:rotate(270deg) translate(360px / 2) rotate(-270deg)}.learning-circle>*:nth-of-type(4){transform:rotate(335deg) translate(360px / 2) rotate(-335deg)}.learning-circle>*:nth-of-type(5){transform:rotate(400deg) translate(360px / 2) rotate(-400deg)}.learning-circle:before{margin:-70px;width:140px;height:140px}.learning-circle>li>a{width:80px;height:80px;line-height:80px;font-size:24px}.post-it-container .post-it{margin-left:0}.course-item{width:calc(16.66% - 36px)}#course-search-panel form{padding:40px 0}}@media (min-width:1200px){#profile-page{position:relative}#teacher-section{padding:120px 0 80px}#teacher-section:before{bottom:40px}body.home-page:before{display:block}#home-page #hilight-panel #banner-panel{margin-top:30px;height:80vh}#home-page #hilight-panel #banner-panel #banner-slider .item{height:80vh}#home-page #hilight-panel #banner-panel .owl-dots{margin-top:40px;bottom:40px;position:absolute;left:0;right:0}#home-page #hilight-panel #banner-panel .slide-content .banner-title{margin-top:60px;max-width:90%}#home-page #hilight-panel #banner-panel .slide-content .image-col .image-panel:before{bottom:0}#home-page #teacher-panel .teacher-content .desc{font-size:17px}#home-page #teacher-panel #teacher-slider .owl-nav{position:static}#home-page #teacher-panel #teacher-slider .owl-nav .owl-prev{left:auto;right:150px;top:50%}#home-page #teacher-panel #teacher-slider .owl-nav .owl-next{top:50%;left:auto;right:80px}.calendar-view>.header-panel .header-times-col{width:100px}.calendar-view>.header-panel .header-col.date-col{width:calc(100% / 7)}.calendar-view>.body-panel .times-col{width:100px}.calendar-view>.body-panel .dates-col .date-col .datetime-slots>li>.booking-slot{font-size:14px}.calendar-view>.body-panel .dates-col .date-col{width:calc(100% / 7)}.learning-type-item .icon{margin-right:5px}.learning-type-item .icon>img{height:24px}.learning-type-item .text{font-size:14px}.course-item{width:calc(16.66% - 36px)}}@media (min-width:1400px){#subject-section .subject-container .subject-box{flex:1}#featured-news-panel .owl-prev{left:-80px}#featured-news-panel .owl-next{right:-80px}}#o-loading-panel{background-color:#fff;background-color:#f5f7fb;position:fixed;top:0;right:0;left:0;bottom:0;z-index:1050}#o-loading-panel.expand #circle{transform:translateY(-50%) translateX(-50%) scale(20)}#o-loading-panel.big #circle{transform:translateY(-50%) translateX(-50%) scale(20)}#o-loading-panel.collapse #circle{transform:translateY(-50%) translateX(-50%) scale(1)}#o-loading-panel #circle{border-radius:50%;border:20px solid #ffd131;width:160px;height:160px;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transition-duration:1s;transition-duration:1s}.ui-tooltip{z-index:10;padding:10px 15px;background-color:rgba(0,0,0,0.7);color:#fff;width:200px;border-radius:4px;font-size:12px;margin-top:-30px !important}.ui-tooltip .ui-tooltip-content{font-size:14px}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.tt-menu{max-height:200px;overflow:auto;color:#000}.tt-input{background-color:#fff !important}.store-list{list-style:none;margin:30px auto}.store-list>li{display:inline-block}.store-list>li+li{margin-left:10px}.store-list>li>a{display:block}.store-list>li>a>img{width:48px}