@import url(_reset.css);@import url(vendor/_font-awesome.min.css);@import url("https://fonts.googleapis.com/css?family=Prompt:400,500,600&subset=thai");@import url(../js/vendor/fancybox/jquery.fancybox.css);.container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px;width:100%;max-width:1100px}.container:before,.container:after{content:" ";display:table}.container:after{clear:both}.container-fluid{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}.container-fluid:before,.container-fluid:after{content:" ";display:table}.container-fluid:after{clear:both}.row{margin-left:-10px;margin-right:-10px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:10px;padding-right:10px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-1{width:8.33333%}.col-xs-2{width:16.66667%}.col-xs-3{width:25%}.col-xs-4{width:33.33333%}.col-xs-5{width:41.66667%}.col-xs-6{width:50%}.col-xs-7{width:58.33333%}.col-xs-8{width:66.66667%}.col-xs-9{width:75%}.col-xs-10{width:83.33333%}.col-xs-11{width:91.66667%}.col-xs-12{width:100%}.col-xs-pull-0{right:auto}.col-xs-pull-1{right:8.33333%}.col-xs-pull-2{right:16.66667%}.col-xs-pull-3{right:25%}.col-xs-pull-4{right:33.33333%}.col-xs-pull-5{right:41.66667%}.col-xs-pull-6{right:50%}.col-xs-pull-7{right:58.33333%}.col-xs-pull-8{right:66.66667%}.col-xs-pull-9{right:75%}.col-xs-pull-10{right:83.33333%}.col-xs-pull-11{right:91.66667%}.col-xs-pull-12{right:100%}.col-xs-push-0{left:auto}.col-xs-push-1{left:8.33333%}.col-xs-push-2{left:16.66667%}.col-xs-push-3{left:25%}.col-xs-push-4{left:33.33333%}.col-xs-push-5{left:41.66667%}.col-xs-push-6{left:50%}.col-xs-push-7{left:58.33333%}.col-xs-push-8{left:66.66667%}.col-xs-push-9{left:75%}.col-xs-push-10{left:83.33333%}.col-xs-push-11{left:91.66667%}.col-xs-push-12{left:100%}.col-xs-offset-0{margin-left:0%}.col-xs-offset-1{margin-left:8.33333%}.col-xs-offset-2{margin-left:16.66667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333%}.col-xs-offset-5{margin-left:41.66667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333%}.col-xs-offset-8{margin-left:66.66667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333%}.col-xs-offset-11{margin-left:91.66667%}.col-xs-offset-12{margin-left:100%}@media (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-1{width:8.33333%}.col-sm-2{width:16.66667%}.col-sm-3{width:25%}.col-sm-4{width:33.33333%}.col-sm-5{width:41.66667%}.col-sm-6{width:50%}.col-sm-7{width:58.33333%}.col-sm-8{width:66.66667%}.col-sm-9{width:75%}.col-sm-10{width:83.33333%}.col-sm-11{width:91.66667%}.col-sm-12{width:100%}.col-sm-pull-0{right:auto}.col-sm-pull-1{right:8.33333%}.col-sm-pull-2{right:16.66667%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.33333%}.col-sm-pull-5{right:41.66667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.33333%}.col-sm-pull-8{right:66.66667%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.33333%}.col-sm-pull-11{right:91.66667%}.col-sm-pull-12{right:100%}.col-sm-push-0{left:auto}.col-sm-push-1{left:8.33333%}.col-sm-push-2{left:16.66667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.33333%}.col-sm-push-5{left:41.66667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.33333%}.col-sm-push-8{left:66.66667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.33333%}.col-sm-push-11{left:91.66667%}.col-sm-push-12{left:100%}.col-sm-offset-0{margin-left:0%}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-offset-12{margin-left:100%}}@media (min-width: 992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-1{width:8.33333%}.col-md-2{width:16.66667%}.col-md-3{width:25%}.col-md-4{width:33.33333%}.col-md-5{width:41.66667%}.col-md-6{width:50%}.col-md-7{width:58.33333%}.col-md-8{width:66.66667%}.col-md-9{width:75%}.col-md-10{width:83.33333%}.col-md-11{width:91.66667%}.col-md-12{width:100%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.33333%}.col-md-pull-2{right:16.66667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.33333%}.col-md-pull-5{right:41.66667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.33333%}.col-md-pull-8{right:66.66667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.33333%}.col-md-pull-11{right:91.66667%}.col-md-pull-12{right:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.33333%}.col-md-push-2{left:16.66667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.33333%}.col-md-push-5{left:41.66667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.33333%}.col-md-push-8{left:66.66667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.33333%}.col-md-push-11{left:91.66667%}.col-md-push-12{left:100%}.col-md-offset-0{margin-left:0%}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-offset-12{margin-left:100%}}@media (min-width: 1440px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-1{width:8.33333%}.col-lg-2{width:16.66667%}.col-lg-3{width:25%}.col-lg-4{width:33.33333%}.col-lg-5{width:41.66667%}.col-lg-6{width:50%}.col-lg-7{width:58.33333%}.col-lg-8{width:66.66667%}.col-lg-9{width:75%}.col-lg-10{width:83.33333%}.col-lg-11{width:91.66667%}.col-lg-12{width:100%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.33333%}.col-lg-pull-2{right:16.66667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.33333%}.col-lg-pull-5{right:41.66667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.33333%}.col-lg-pull-8{right:66.66667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.33333%}.col-lg-pull-11{right:91.66667%}.col-lg-pull-12{right:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.33333%}.col-lg-push-2{left:16.66667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.33333%}.col-lg-push-5{left:41.66667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.33333%}.col-lg-push-8{left:66.66667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.33333%}.col-lg-push-11{left:91.66667%}.col-lg-push-12{left:100%}.col-lg-offset-0{margin-left:0%}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-offset-12{margin-left:100%}}*{box-sizing:border-box}a{text-decoration:none}*,*:focus{outline:none}img{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1, 1);display:block;max-width:100%}.clear,.clearfix:after{clear:both;height:0px;overflow:hidden}.clearfix:after{content:"";display:block}.floatL{float:left}.floatR{float:right}.floatN{float:none}.txtL{text-align:left}.txtR{text-align:right}.txtC{text-align:center}.grayImg{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%)}.input ::-webkit-input-placeholder{color:#ccc}.input :-moz-placeholder{color:#ccc}.input ::-moz-placeholder{color:#ccc}.input :-ms-input-placeholder{color:#ccc}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #fff inset;-webkit-text-fill-color:#000}input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 50px #fff inset;-webkit-text-fill-color:#000}a{-webkit-transition:all 250ms ease 0s;-moz-transition:all 250ms ease 0s;-ms-transition:all 250ms ease 0s;transition:all 250ms ease 0s}.inb{display:inline-block}.selectbox{position:relative}.selectbox.show-options .sb-options{visibility:visible;opacity:1}.selectbox .sb-selector{display:block;width:100%}.selectbox .sb-options{position:absolute;top:100%;left:0;visibility:hidden;opacity:0}.visible-xs{display:none !important}@media only screen and (max-width: 767px){.visible-xs{display:block !important}}.hidden-xs{display:block !important}@media only screen and (max-width: 767px){.hidden-xs{display:none !important}}.visible-sm{display:none !important}@media only screen and (min-width: 768px) and (max-width: 991px){.visible-sm{display:block !important}}.hidden-sm{display:block !important}@media only screen and (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}a{color:blue}.txtBlack{color:#333 !important}html{background:url("../img/bg-02.jpg") center top/cover no-repeat;min-height:100vh}body{font-family:"Prompt",Sans-serif;line-height:1.4;color:#333}.main-footer{text-align:center;margin-top:30px}.main-footer .copyright{display:block;font-size:12px;padding:10px 0;color:#666}.main-footer .copyright a{color:#666;display:inline-block}.box-btn{margin:15px 0}[class^="btn-"]{font-family:"Prompt",Sans-serif;font-size:16px;border:none;display:inline-block;padding:5px 15px;cursor:pointer;border-width:1px;border-style:solid;border-color:#ed1c24;border-radius:50px;-webkit-transition:all 250ms ease 0s;-moz-transition:all 250ms ease 0s;-ms-transition:all 250ms ease 0s;transition:all 250ms ease 0s}[class^="btn-"].btn-solid{background-color:#ed1c24;color:#fff}[class^="btn-"].btn-solid:hover{background-color:#d0171e}[class^="btn-"].btn-ghost{background-color:#fff;color:#ed1c24}[class^="btn-"].btn-ghost:hover{background-color:#ed1c24;color:#fff}.box-logo{width:100%;max-width:160px;margin:15px auto}[class^="popup-"]{position:relative;width:100%;max-width:640px}[class^="popup-"] .head{font-size:26px;font-weight:600}[class^="popup-"] .subhead{font-weight:500;font-size:20px}[class^="popup-"] h1,[class^="popup-"] h2,[class^="popup-"] p{margin:15px 0}[class^="popup-"] .popupContainer{padding:20px;position:relative}[class^="popup-"].popup-signin{width:100%;max-width:420px;text-align:center}[class^="popup-"].popup-signin p{font-size:14px}[class^="popup-"].popup-signin [class^="btn"]{display:block;width:100%;text-align:center}[class^="popup-"].popup-signin .box-check-signin{margin:0 auto 10px auto;width:100%;max-width:300px}[class^="popup-"].popup-signin .row-input{margin:0 auto 10px auto}[class^="popup-"].popup-signin .input-txt{width:100%;padding:5px 10px;border:1px solid #999;box-shadow:inset 1px 1px 2px rgba(0,0,0,0.15)}[class^="popup-"].popup-signin .input-txt:focus{box-shadow:0 0 3px rgba(0,0,0,0.3)}[class^="popup-"].popup-signin .box-btn{margin:0}[class^="popup-"].popup-signin small{display:block;margin:5px 0;font-size:13px}[class^="popup-"].popup-signin small a{color:#999}[class^="popup-"].popup-signin .box-signup{margin:30px 0 15px 0;border-top:1px solid #ccc}[class^="popup-"].popup-signin .box-signup .txt{text-align:center;margin-top:-17px}[class^="popup-"].popup-signin .box-signup .txt span{background-color:#f9f9f9;padding:5px 15px;display:inline-block}[class^="popup-"].popup-loading{color:#fff}[class^="popup-"].popup-loading .box-loading{width:100%;text-align:center;min-width:250px}[class^="popup-"].popup-loading p{margin:15px 0;text-transform:uppercase;letter-spacing:2px}[class^="popup-"].popup-question .box-input{margin-bottom:10px}[class^="popup-"].popup-question .box-input label{display:block;margin-bottom:5px;font-size:16px;font-weight:500}@media only screen and (min-width: 992px){[class^="popup-"].popup-question .subhead{margin:25px 0 15px 0}}[class^="popup-"].popup-error{min-width:560px}[class^="popup-"].popup-error h1,[class^="popup-"].popup-error h2{margin:15px 0}[class^="popup-"].popup-error h1{font-size:30px;font-weight:600}[class^="popup-"].popup-error h2{font-size:22px;font-weight:500;color:#666}[class^="popup-"].popup-error .btn-replay{background-color:#009900;color:#fff;border:none;padding:10px 20px;border-radius:30px}[class^="popup-"].popup-error .btn-replay span{display:inline-block;margin-left:10px}[class^="popup-"].popup-error .btn-replay:hover{filter:brightness(110%)}.loader{border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #3498db;width:40px;height:40px;margin:15px auto;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;-ms-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.fancybox-skin.fancybox-loading{background-color:transparent;box-shadow:none}.main-header{background-color:rgba(184,201,209,0.8);text-align:center;position:fixed;width:100%;top:0;left:0;z-index:9;opacity:0;-webkit-transition:transform 300ms 0 ease;-moz-transition:transform 300ms 0 ease;-ms-transition:transform 300ms 0 ease;transition:transform 300ms 0 ease;-webkit-transition:opacity 400ms 800ms ease;-moz-transition:opacity 400ms 800ms ease;-ms-transition:opacity 400ms 800ms ease;transition:opacity 400ms 800ms ease}.main-header.hide{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.isLoaded .main-header{opacity:1}.main-nav{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all 500ms 750ms ease;-moz-transition:all 500ms 750ms ease;-ms-transition:all 500ms 750ms ease;transition:all 500ms 750ms ease}.isLoaded .main-nav{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.main-nav a{padding:10px 20px;color:#597b8b;display:inline-block;position:relative}@media only screen and (max-width: 767px){.main-nav a{font-size:14px;padding:7px 5px}}.main-nav a .fa{font-size:18px}.main-nav a:hover,.main-nav a.active{color:#333}.main-nav a:hover:after,.main-nav a.active:after{height:3px}.main-nav a:after{display:block;content:"";background-color:#597b8b;width:100%;height:0;bottom:0;left:0;position:absolute;-webkit-transition:all 250ms ease 0s;-moz-transition:all 250ms ease 0s;-ms-transition:all 250ms ease 0s;transition:all 250ms ease 0s}.elm-ani{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;transition:all 500ms ease;opacity:0}.elm-ani.show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.quiz-container{width:100%;margin:0 auto}@media only screen and (max-width: 767px){.quiz-container{padding:0 15px}}.quiz-item-container{opacity:0}.quiz-item-container.slick-initialized{opacity:1}.quiz-item-container .slick-slide{visibility:hidden;pointer-events:none}.quiz-item-container .slick-slide.slick-current{visibility:visible;pointer-events:initial}.quiz-item{text-align:center}.quiz-item .quiz-topic{margin-top:10px}.quiz-item .quiz-topic .box-txt{font-size:26px;font-weight:500;margin:15px 0;padding:0 5px}@media only screen and (max-width: 767px){.quiz-item .quiz-topic .box-txt{padding:0;font-size:20px;margin:10px 0 15px 0}}.quiz-item .quiz-topic .box-img{margin:15px 0}.quiz-item .quiz-topic .box-img img{width:auto;padding:0 5px;margin:0 auto}@media only screen and (max-width: 767px){.quiz-item .quiz-topic .box-img img{padding:0}}@media only screen and (min-width: 992px){.quiz-item .quiz-topic .box-img img{max-height:240px}}@media screen and (min-width: 1439px) and (min-height: 899px){.quiz-item .quiz-topic .box-img img{max-height:480px}}.box-now-quiz,.quiz-topic,.quiz-choice{margin-left:auto;margin-right:auto;max-width:700px}.box-hint{background-color:rgba(255,255,255,0.5);padding:25px 10px;clear:both;border-radius:7px;margin-top:15px;display:block;font-size:16px;font-weight:500;color:#333;position:relative;z-index:9}.box-hint:before,.box-hint:after{content:" ";display:table}.box-hint:after{clear:both}@media only screen and (max-width: 767px){.box-hint{padding:10px 0}}.box-hint span{display:inline-block}.box-hint span i{color:#333;margin-right:5px;font-size:18px}.box-hint:hover{background-color:rgba(255,255,255,0.85)}.quiz-choice{padding:0 10px}.quiz-choice.disable{cursor:wait}.quiz-choice.disable a{cursor:wait}.quiz-choice .box-choice{float:left;width:50%;padding:10px}.quiz-choice .box-choice:nth-child(3n){clear:left}.quiz-choice .box-choice [class^="item-choice"]{display:block}.quiz-choice .box-choice [class^="item-choice"].item-choice-text{background-color:#fff;display:block;padding:20px 10px;font-size:18px;font-weight:500;color:#333;border:2px solid #7fa4b5;border-radius:50px;box-shadow:1px 1px 3px rgba(0,0,0,0.3)}@media only screen and (min-width: 992px){.quiz-choice .box-choice [class^="item-choice"].item-choice-text:hover{background-color:#dfebef}}.quiz-choice .box-choice [class^="item-choice"].item-choice-text.active{background-color:#7fa4b5;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.2);box-shadow:1px 1px 3px rgba(0,0,0,0.6)}.quiz-choice .box-choice [class^="item-choice"].item-choice-img{background-color:#fff;position:relative;padding:0;margin:0 auto}@media only screen and (min-width: 992px){.quiz-choice .box-choice [class^="item-choice"].item-choice-img{width:80%}}@media only screen and (min-width: 1440px){.quiz-choice .box-choice [class^="item-choice"].item-choice-img{width:100%}}.quiz-choice .box-choice [class^="item-choice"].item-choice-img img{-webkit-transition:all 250ms ease 0s;-moz-transition:all 250ms ease 0s;-ms-transition:all 250ms ease 0s;transition:all 250ms ease 0s}@media only screen and (min-width: 992px){.quiz-choice .box-choice [class^="item-choice"].item-choice-img:hover img{opacity:0.9}.quiz-choice .box-choice [class^="item-choice"].item-choice-img:hover:after{opacity:1;visibility:visible}}.quiz-choice .box-choice [class^="item-choice"].item-choice-img:before,.quiz-choice .box-choice [class^="item-choice"].item-choice-img:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;box-sizing:border-box;-webkit-transition:all 250ms ease 0s;-moz-transition:all 250ms ease 0s;-ms-transition:all 250ms ease 0s;transition:all 250ms ease 0s}.quiz-choice .box-choice [class^="item-choice"].item-choice-img:before{border:2px solid rgba(0,0,0,0.2);z-index:2}.quiz-choice .box-choice [class^="item-choice"].item-choice-img:after{background-color:rgba(255,255,255,0.5);z-index:1;opacity:0;visibility:hidden}.quiz-choice .box-choice [class^="item-choice"].item-choice-img.active:before,.quiz-choice .box-choice [class^="item-choice"].item-choice-img.active:after{opacity:1;visibility:visible}.quiz-choice .box-choice [class^="item-choice"].item-choice-img.active:before{border:10px solid #7fa4b5}@media only screen and (max-width: 767px){.quiz-choice .box-choice [class^="item-choice"].item-choice-img.active:before{border-width:5px}}@media only screen and (max-width: 767px){.quiz-choice .box-choice{padding:5px}.quiz-choice .box-choice [class^="item-choice"].item-choice-text{padding:10px;font-size:15px}.quiz-type-1 .quiz-choice .box-choice.type-text a{padding:15px 10px}}@media only screen and (max-width: 419px){.quiz-type-1 .quiz-choice .box-choice.type-text{width:100%}}.box-now-quiz{padding:20px 0;position:relative;text-align:center;font-size:18px;letter-spacing:2px;display:none}.box-now-quiz.show{display:block}.box-now-quiz.done .inner{font-size:24px;font-weight:600;color:#009900}@media only screen and (max-width: 767px){.box-now-quiz.done .inner{font-size:20px}}.box-now-quiz.done .status-bar .bar{background-color:#009900}@media only screen and (max-width: 767px){.box-now-quiz{padding:10px 0}}.box-now-quiz .txt-now-quiz{font-size:24px;font-weight:600}@media only screen and (max-width: 767px){.box-now-quiz .txt-now-quiz{font-size:20px}}.box-now-quiz .status-bar{background-color:rgba(127,164,181,0.2);border-radius:10px;width:100%;height:3px;position:absolute;bottom:0;left:0;overflow:hidden}.box-now-quiz .status-bar .bar{background-color:#7fa4b5;width:0%;height:100%;border-radius:10px;-webkit-transition:width 500ms ease;-moz-transition:width 500ms ease;-ms-transition:width 500ms ease;transition:width 500ms ease}.box-quiz-score{background-color:rgba(127,164,181,0.2);padding:40px 20px;display:inline-block;width:100%;max-width:700px;margin-top:40px}@media only screen and (max-width: 767px){.box-quiz-score{background-color:rgba(255,255,255,0.7);padding:20px;margin-top:20px}}.box-quiz-score p{margin:20px 0}.box-quiz-score p{font-size:28px}.box-quiz-score strong{font-weight:600}.box-quiz-score strong.score{color:#009900}.box-quiz-score strong.time{color:#000099}.box-quiz-score [class^="btn"]{margin:10px;color:#fff;border:none;padding:10px 20px;border-radius:30px}.box-quiz-score [class^="btn"] span{display:inline-block;margin-left:10px}.box-quiz-score [class^="btn"]:hover{filter:brightness(110%)}.box-quiz-score .btn-replay{background-color:#009900}.box-quiz-score .btn-ranking{background-color:#ff9a00}.btn-share{background-color:#3b5998;margin:10px;color:#fff;border:none;padding:10px 20px;border-radius:30px;font-weight:400}.btn-share span{display:inline-block;margin-left:10px}.box-btn-condition .btn-share{font-size:18px}.box-btn-condition .btn-share span{margin:0}.box-btn-condition .btn-share i{margin-right:10px}.btn-share:hover{filter:brightness(110%)}.herobanner{text-align:center;position:relative;max-width:1024px;margin-left:auto;margin-right:auto}.herobanner .herobanner-inner{position:absolute;top:0;left:0;width:100%}.herobanner .box-img{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;transition:all 800ms ease;opacity:0}.isLoaded .herobanner .box-img{-webkit-transform:scale(1) translateY(0);-moz-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}.herobanner .box-img img{width:100%;display:inline-block}@media only screen and (max-width: 767px){.herobanner .box-img{width:150%;margin-left:-25%}}@media only screen and (max-width: 767px){.herobanner .box-img-space{width:150%;margin-left:-25%}}.herobanner .box-btn{position:relative;z-index:2;opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all 800ms 250ms ease;-moz-transition:all 800ms 250ms ease;-ms-transition:all 800ms 250ms ease;transition:all 800ms 250ms ease}.isLoaded .herobanner .box-btn{-webkit-transform:scale(1) translateY(0);-moz-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}.box-first-section{background:url("../img/bg-01.jpg") 50% 0/cover no-repeat;padding-bottom:50px}@media only screen and (max-width: 767px){.box-first-section{background-color:transparent;width:100%;overflow:hidden}}.btn-play{display:inline-block;text-align:center;border:none}.btn-play span{background-image:-moz-linear-gradient(72deg, #cd0000 0%, #ff1a00 50%, #cd0000 100%);background-image:-webkit-linear-gradient(72deg, #cd0000 0%, #ff1a00 50%, #cd0000 100%);background-image:-ms-linear-gradient(72deg, #cd0000 0%, #ff1a00 50%, #cd0000 100%);display:block;border-radius:30px;padding:7px 35px;color:#fff;font-size:20px;-webkit-transition:all 250ms ease 0s;-moz-transition:all 250ms ease 0s;-ms-transition:all 250ms ease 0s;transition:all 250ms ease 0s}.btn-play:hover span{filter:brightness(110%)}@media only screen and (min-width: 992px){.btn-play:hover span{padding:7px 50px}}[class^="section-"]{margin:50px 0}@media only screen and (max-width: 767px){[class^="section-"]{margin:25px 0;padding:25px 0}.isPlayquiz [class^="section-"]{padding-top:0;margin-top:0}}[class^="section-"].section-home{margin-top:0}@media only screen and (max-width: 767px){[class^="section-"].section-home{background:url("../img/bg-01.jpg") 50% 0/auto 100% no-repeat;min-height:100vh}}[class^="section-"].section-home .container{padding-left:0;padding-right:0}.box-content{background-color:rgba(223,235,229,0.7);padding:30px 50px;color:#597b8b}@media only screen and (max-width: 767px){.box-content{padding:10px}}.box-content section{margin-bottom:25px}.box-content ol{margin:15px 20px;list-style:decimal outside none}.box-content ol li{margin-bottom:5px}.box-content ul{margin:15px 20px;list-style:disc outside none}.box-content ul li{margin-bottom:5px}.box-content .txt-p{margin:15px 0}.head-section{font-size:30px;margin:15px 0;color:#333;font-weight:500}@media only screen and (max-width: 767px){.head-section{font-size:24px}}.subhead-section{font-size:24px;margin:15px 0;color:#333;font-weight:500}@media only screen and (max-width: 767px){.subhead-section{font-size:20px}}.tbl-ranking{width:100%;text-align:center}.tbl-ranking td{padding:7px 10px}.tbl-ranking td:nth-child(2){text-align:left}.tbl-ranking td:first-child{border-radius:5px 0 0 5px}.tbl-ranking td:last-child{border-radius:0 5px 5px 0}@media only screen and (max-width: 767px){.tbl-ranking{font-size:14px}.tbl-ranking td{padding:5px}}.tbl-ranking thead td{background-color:#c4d3d9;font-weight:500;padding:10px;color:#333}.tbl-ranking tbody tr:nth-child(2n) td{background-color:#eef5f8}.tbl-ranking .row-your-score{color:#333;font-weight:500;font-size:20px}.tbl-ranking .row-your-score td{padding-top:30px}.tbl-ranking .row-your-score td strong{color:#597b8b;font-weight:600}.form{width:100%;max-width:400px;margin:0 auto;font-size:14px}.form:before,.form:after{content:" ";display:table}.form:after{clear:both}.form .container-fluid>.row{margin-bottom:5px}.form .txt-label{font-weight:500}.form .input{margin:5px 0}.form .box-input.require .input-txt{background-color:#ffe5e5;border:1px solid #f00}.form .input-txt{border:1px solid #aaa;width:100%;padding:5px 10px;font-size:14px}.form .input-txt:focus{border:1px solid #666}.form .box-input-row{margin:0 -10px}.form .box-input-row:before,.form .box-input-row:after{content:" ";display:table}.form .box-input-row:after{clear:both}.form .col-2{float:left;padding:0 10px;width:50%}.form .txt-remark{font-family:'tahoma',sans-serif;display:block;color:#999;font-size:12px;font-style:italic;clear:both}.form .box-radio{padding:5px 0}.form .box-radio label{display:inline-block;margin-right:20px;cursor:pointer;vertical-align:middle}.form .box-radio input{vertical-align:middle;margin-right:5px}.form [class^="btn"]{cursor:pointer}.form [class^="btn"].btn-check{border:none;background:transparent;font-weight:700;text-decoration:underline}.form [class^="btn"].btn-submit{background-color:#00a523;color:#fff;font-size:20px;border:none;display:inline-block;padding:7px 25px;text-shadow:0 0 2px rgba(0,0,0,0.5)}.form [class^="btn"].btn-submit:hover{filter:brightness(110%)}.form .head{margin:20px 10px;font-size:20px;font-weight:500;border-bottom:2px solid #ed1c24;color:#ed1c24}.form .subhead{margin:10px 0;font-size:16px;font-weight:500;padding-bottom:5px;border-bottom:1px solid #ed1c24}.box-share{text-align:center}.box-share p{margin:15px 0;font-size:18px;font-weight:500}.box-share .box{display:inline-block}.txt-remark{background-color:#eef5f8;margin:20px 0;font-weight:500;padding:15px;color:#333}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=main.css.map */