@charset "UTF-8";
/* Add Baseline */
/* Add Verticle Rhythm */
/*------------------------------------------------------------------
[0. Setup]
-------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700,700italic&subset=latin,vietnamese,latin-ext);
* { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

html.touch * { text-rendering: optimizeSpeed; }

*:focus { outline: none; }

* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

html { font-size: 16px; }

h1, h2, h3, h4, h5, h6, b, strong { font-weight: bold; }

a { text-decoration: none; }

body { min-height: 100vh; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center top; }

@media only screen and (max-width: 740px) { body { font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif; } }

html, body, #wrapper, .s-wrapper { min-height: 100%; position: relative; }

@media only screen and (max-width: 740px) { html, body, #wrapper, .s-wrapper { height: auto; min-height: 100vh; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } }

/* Common Setup */
body { margin: 0; padding: 0; line-height: 1.7; font-family: NotoSerif, sans-serif; font-size: 16px; color: #111; font-weight: normal; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center top; }

iframe { border: none; }

table { border-collapse: collapse; border-spacing: 0; }

::-moz-selection { color: #fff; background: #000; }

::-webkit-selection { color: #fff; background: #000; }

::selection { color: #fff; background: #000; }

img:not([draggable]), embed, object, video { height: auto; max-width: 100%; }

*:focus { outline: none !important; }

* { -webkit-tap-highlight-color: transparent !important; }

*::-webkit-media-controls-panel { display: none !important; -webkit-appearance: none; }

*::--webkit-media-controls-play-button { display: none !important; -webkit-appearance: none; }

*::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; }

a, b, div, ul, li { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -moz-outline-: none; }

a { color: #FCB316; text-decoration: none; -webkit-transition: all 0.27s linear 0s; -moz-transition: all 0.27s linear 0s; -o-transition: all 0.27s linear 0s; transition: all 0.27s linear 0s; }

a:hover, a:focus { text-decoration: none; -moz-outline: none; outline: none; }

@media only screen and (max-width: 810px) { h1, h2, h3, h4, h5, h6, strong, b { font-weight: bold; } }

h1, h2, h3, h4, h5, h6, ul, ol { padding: 0; margin-bottom: 1em; margin-top: 0; }

.list-unstyled { list-style: none; }

@media only screen and (min-width: 1024px) { [canvas], [off-canvas] { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } }

[canvas="container"] { overflow: visible !important; }

.fontsloaded { font-family: NotoSerif; }

.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }

.fade.in { opacity: 1; }

.m-dropdown-menu { opacity: 0; display: block !important; visibility: hidden; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }

.open .m-dropdown-menu { opacity: 1; visibility: visible; }

.collapse { display: none; }

.collapse.in { display: block; }

.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -moz-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -moz-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }

.u-list-unstyed { list-style: none; }

.text-elip { display: inline-block; max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }

.m-scrollTop { position: fixed; bottom: 10px; right: 10px; z-index: 200; cursor: pointer; }

.tab-content > .tab-pane { display: none; }

.tab-content > .active { display: block; }

.s-container, .container { margin-left: auto; margin-right: auto; }

.s-container:after, .container:after { content: " "; display: table; clear: both; }

.fp-enabled .s-canvas__body { height: auto !important; }

.bl-policy { line-height: 1.45; font-size: 1em !important; padding: 1em; }

.bl-policy .o-title { font-size: 1em; margin-top: 1.5em; margin-bottom: 1em; }

.bl-policy .o-title span { color: #fff; }

.bl-policy ul { padding-left: 30px; margin: 0; }

.bl-policy p { margin-bottom: 1.25em; }

.bl-policy table td { border: 1px solid #ccc; margin-left: -1px; margin-bottom: -1px; padding: 5px; }

.s-video-wrapper { position: relative; padding-bottom: 56.25%; width: 100%; height: 0; }

.s-video-wrapper iframe, .s-video-wrapper object, .s-video-wrapper embed, .s-video-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; }

.s-video-wrapper .video-js { padding-top: 56.25%; width: auto !important; height: auto !important; }

.s-video-wrapper .vjs-fullscreen { padding-top: 0px; }

.embed-responsive { display: block; height: 0; overflow: hidden; padding: 0; position: relative; }

.embed-responsive-16by9 { padding-bottom: 56.25%; }

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { border: 0 none; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.js-bg-video video { -o-object-fit: cover; object-fit: cover; }

.IIV::-webkit-media-controls-play-button, .IIV::-webkit-media-controls-start-playback-button { opacity: 0; pointer-events: none; width: 5px; }

@media only screen and (min-width: 560px) and (max-width: 840px) { .app-only .s-body { max-width: 640px; margin-left: auto; margin-right: auto; font-size: 1.5em; padding-bottom: 3em; }
  .app-only .s-body .o-button { height: 60px; line-height: 60px; padding-left: 30px; padding-right: 30px; }
  .app-only .s-canvas__navbar { font-size: 1.4em; width: 400px; } }

@media only screen and (min-width: 1024px) { .app-only { background-color: #FCB316; }
  .app-only .s-canvas__body { background-color: transparent; }
  .app-only .s-wrapper { max-width: 520px !important; margin-left: auto; margin-right: auto; }
  .app-only .nv-menu__trigger { display: block !important; }
  .app-only .sidebar-mobile { z-index: 100; }
  .app-only.open-slidebar .s-wrapper:before { background-color: rgba(0, 0, 0, 0.5) !important; } }

#m-parallax-cover { position: relative; width: 100%; min-height: 50vh; background: black; overflow: hidden; }

.m-parallax-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; }

[canvas="container"] { height: auto !important; min-height: 100vh !important; }

@media only screen and (max-width: 740px) { [canvas="container"] { height: auto; min-height: 100vh; } }

/*------------------------------------------------------------------
[1. Element]
-------------------------------------------------------------------*/
/* Style Button */
.o-button { display: inline-block; margin-bottom: 1em; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; background-color: #fcb316; border: 1px solid #b58300; white-space: nowrap; margin-right: 10px; text-transform: uppercase; color: #fff; height: 32px; line-height: 32px; font-size: 0.875em; border-radius: 5px; padding-left: 20px; padding-right: 20px; min-width: 120px; position: relative; -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1); -moz-transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1); -o-transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1); transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.o-button:last-child { margin-right: 0 !important; }

.o-button:hover, .o-button:focus, .o-button.focus { text-decoration: none; background-color: #dc9703; }

.o-button:active, .o-button:focus, .o-button.active { outline: 0; background-image: none; }

.o-button.disabled, .o-button.disable, .o-button[disabled], fieldset[disabled] .o-button { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #888; }

.o-button--main { background-color: #FCB316; color: #fff; }

.o-button--main:hover { background-color: #dc9703; }

.o-button--grey { background-color: #6d6e73; color: #fff; }

.o-button--grey:hover { background-color: #545559; }

.o-button--link { color: #023364; text-decoration: underline; background-image: none !important; background-color: transparent !important; -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 transparent !important; box-shadow: inset 0 0 0 transparent, 0 0 0 transparent !important; }

.o-button--full { width: 100%; }

.o-button--block { display: block !important; margin-left: auto !important; margin-right: auto !important; }

.o-button--outline { background-color: transparent !important; background-image: none !important; color: #b58300; }

.o-button--outline:hover { background-color: #b58300 !important; color: #fff; }

.o-button-image { text-indent: -9999px; display: inline-block; }

.g-button { margin-top: 1em; margin-bottom: 1em; text-align: center; }

.g-button-inline, .g-button--inline { display: table; width: 100%; }

.g-button-inline .o-button, .g-button--inline .o-button { display: table-cell; width: 100%; }

@media only screen and (max-width: 740px) { .g-button-inline .o-button, .g-button--inline .o-button { width: 100%; } }

/* Style Form Checkbox */
input[type='radio'], input[type='checkbox'] { display: none; cursor: pointer; }

input[type='radio']:focus, input[type='radio']:active, input[type='checkbox']:focus, input[type='checkbox']:active { outline: none; }

input[type='radio'] + label, input[type='checkbox'] + label { cursor: pointer; display: inline-block; position: relative; padding-left: 30px; margin: 0px; color: black; font-size: 16px; }

input[type='radio'] + label:before, input[type='radio'] + label:after, input[type='checkbox'] + label:before, input[type='checkbox'] + label:after { content: ''; font-family: helvetica; text-align: center; display: inline-block; height: 20px; width: 20px; left: 0; bottom: 0; position: absolute; top: -1px; }

input[type='radio'] + label:before, input[type='checkbox'] + label:before { background-color: transparent; border: 1px solid #aaa; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

input[type='radio'] + label:after, input[type='checkbox'] + label:after { color: #fff; }

input[type='radio']:checked + label:before, input[type='checkbox']:checked + label:before { -webkit-box-shadow: inset 0 0 0 10px #000; -moz-box-shadow: inset 0 0 0 10px #000; box-shadow: inset 0 0 0 10px #000; border-color: #000; }

/*Radio Specific styles*/
input[type='radio'] + label:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

input[type='radio'] + label:hover:after, input[type='radio']:checked + label:after { content: "✓"; position: absolute; top: 1px; font-size: 13.33333px; line-height: 18px; }

input[type='radio'] + label:hover:after { color: #000; }

input[type='radio']:checked + label:after, input[type='radio']:checked + label:hover:after { color: #fff; }

/*Checkbox Specific styles*/
input[type='checkbox'] + label:before { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

input[type='checkbox'] + label:hover:after, input[type='checkbox']:checked + label:after { content: "✓"; position: absolute; top: 1px; line-height: 18px; font-size: 13.33333px; }

input[type='checkbox'] + label:hover:after { color: #000; }

input[type='checkbox']:checked + label:after, input[type='checkbox']:checked + label:hover:after { color: #fff; }

/* Class Helper Float */
.u-pull--left { float: left; }

.u-pull--right { float: right; }

.u-pull--none { float: none; }

.u-center { margin-left: auto !important; margin-right: auto !important; }

.clearfix:after { content: " "; display: table; clear: both; }

/* Class Helper Display */
.u-display { position: absolute; }

.u-display--block { display: block; float: none !important; }

.u-display--inline { display: inline-block !important; float: none !important; }

.u-display--table { display: table !important; }

.u-display--table-cell { display: table-cell !important; width: auto; vertical-align: middle; }

.u-fullscreen { width: 100%; height: 100vh; }

.u-before, .before, .after { display: inline-block; content: ""; }

.u-space { height: 1em; }

.u-elip { display: inline-block; max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }

/* Class Helper Transition */
.u-transition { -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1); -moz-transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1); -o-transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1); transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1); }

.u-transition--slow { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.u-transition--bounce { -webkit-transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44); -moz-transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44); -o-transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44); transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44); }

.u-transition--none { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; }

/* Class Helper Visible */
.u-visible-desktop, .u-visible--desktop { display: none !important; }

@media only screen and (min-width: 1024px) { .u-visible-desktop, .u-visible--desktop { display: block !important; } }

.u-visible-mobile, .u-visible--mobile { display: none !important; }

@media only screen and (max-width: 1023px) { .u-visible-mobile, .u-visible--mobile { display: block !important; } }

.u-visible { display: block !important; }

.u-hidden { display: none !important; }

.u-transparent { opacity: 0 !important; }

/* Class Helper Image */
img { border: 0; }

.u-image--responsive, .o-image--responsive, .u-img-responsive, .img-responsive, .responsive-img { display: block; max-width: 100%; width: auto; }

@media only screen and (max-width: 810px) { .u-image--responsive, .o-image--responsive, .u-img-responsive, .img-responsive, .responsive-img { margin: 0 auto; display: block; } }

.u-image { display: inline-block; max-width: 100%; width: auto; }

.u-image--responsive { display: block; }

.u-image--center { margin-left: auto; margin-right: auto; }

.u-image--center img { margin-left: auto; margin-right: auto; }

.u-image-pull--left, .u-image--left { float: left; margin-right: 35px; }

.u-image-pull--right, .u-image--right { float: right; margin-left: 35px; }

@media only screen and (max-width: 740px) { .u-image-pull--left, .u-image-pull--right, .u-image--left, .u-image--right { margin: 0; margin-bottom: 20px; } }

.u-image--rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.u-image--ratio { width: 100%; }

.u-image-retina { display: inline-block; position: relative; z-index: 100; }

.u-image-retina:after { content: ''; display: block; background: url(../images/item_v1.png) no-repeat; position: relative; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .u-image-retina:after { background-image: url(../images/item_v1@2x.png); } }

.bg-image, .bg-img { background-repeat: no-repeat; background-size: cover; }

.u-image-detail { padding-top: 1em; padding-bottom: 1em; text-align: center; margin-left: auto; margin-right: auto; }

.u-image-detail img { max-width: 100%; display: inline-block; }

.u-image-detail.u-full-image { padding-top: 1em; padding-bottom: 1em; text-align: center; margin-left: auto; margin-right: auto; }

.u-image-detail.u-full-image img { width: 100%; }

.u-image-left { float: left; margin-right: 20px; margin: 20px; }

@media only screen and (max-width: 740px) { .u-image-left { float: none; margin-right: 0; } }

.u-image-rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.u-image-radius { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.u-image--ratio, .o-image--ratio { width: 100%; }

.u-image--background, .o-image--background { background-repeat: no-repeat; background-size: cover; background-position: center center; display: block; }

/*  Style Navigation Desktop */
.nv-menu { float: right; }

.nv-menu:after { content: " "; display: table; clear: both; }

.nv-menu ul { list-style: none; margin: 0; padding: 0; }

.nv-menu ul:after { content: " "; display: table; clear: both; }

.nv-menu__navbar { display: inline-block; vertical-align: middle; background: transparent; font-family: MyriadPro; font-size: 18px; padding: 0px 0 0 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

@media only screen and (max-width: 810px) { .nv-menu__navbar { display: none; } }

.nv-menu__link { display: block; color: #10357F; background: transparent; padding: 0 20px 0px; }

.nv-menu__link:hover { color: #fff; background: transparent; }

.nv-menu__item { float: left; position: relative; }

.nv-menu__item.active .nv-menu__link, .nv-menu__item.open .nv-menu__link, .nv-menu__item.m-dropdown-hover:hover .nv-menu__link { color: #fff; }

.nv-menu__login { display: inline-block; position: relative; vertical-align: middle; }

@media only screen and (max-width: 810px) { .nv-menu__login { display: none; } }

.nv-menu__user { display: inline-block; vertical-align: middle; }

@media only screen and (max-width: 810px) { .nv-menu__user { display: none; } }

.nv-menu__avatar { display: inline-block; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px; cursor: pointer; }

@media only screen and (max-width: 810px) { .nv-menu__avatar { display: none; } }

.nv-menu__sub { background: #fff; width: 200px; display: block; overflow: hidden; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.nv-menu__sub .m-dropdown_Link { float: none; display: block; font-family: MyriadPro; font-size: 14px; color: #0385d1; background: transparent; padding: 5px; border-bottom: 1px solid #ccc; }

.nv-menu__sub .m-dropdown_Link:hover { color: #fff; background: #000; }

.nv-menu__caret { position: relative; float: right; margin-right: 10px; }

.nv-menu__caret:before { display: inline-block; content: ""; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); height: 0; width: 0; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-top: 7.5px solid #1f3a74; margin-left: 10px; }

.collapsed .nv-menu__caret:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

/*  Style Navigation Mobile */
.nv-menu__trigger { background: transparent; display: inline-block; float: none; }

@media only screen and (min-width: 811px) { .nv-menu__trigger { display: none; } }

.nv-menu__trigger .trigger-icon { cursor: pointer; }

.nv-menu__trigger .trigger-icon span { display: inline-block; vertical-align: middle; }

.nv-menu__trigger .trigger-icon .three-bars-icon { height: 50px; width: 50px; background: url(../images/toggleBar.png) no-repeat 0 0; background-size: 100%; }

.nv-menu__trigger .trigger-icon .three-bars-icon.close { background: url(../images/closeBar.png) no-repeat 0 0; background-size: 100%; }

.nv-menu-mobile { position: relative; padding: 0px; }

.nv-menu-mobile:after { content: " "; display: table; clear: both; }

.nv-menu-mobile ul { list-style: none; margin: 0; padding: 0; }

.nv-menu-mobile__link { display: block; color: #fff; background: #132258; padding: 10px; }

.nv-menu-mobile__link:hover { color: #f6b200; background: transparent; }

.nv-menu-mobile__item { font-family: MyriadPro; font-size: 1em; }

.nv-menu-mobile__item.active > a { color: #f6b200; background: transparent; }

.nv-menu-mobile__login, .nv-menu-mobile__logined { padding: 20px 20px 0; }

.nv-menu-mobile__login ul, .nv-menu-mobile__logined ul { padding: 0; list-style: none; }

.nv-menu-mobile__login a, .nv-menu-mobile__logined a { color: #fff; }

.nv-menu-mobile__logined .nv-menu-mobile__avatar { float: left; margin-right: 10px; }

.nv-menu-mobile__logined a { display: block; }

.nv-menu-mobile__logined a:after { content: " "; display: table; clear: both; }

.nv-menu-mobile__avatar { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-size: 100%; height: 50px; width: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #fff; cursor: pointer; }

.nv-menu-mobile__avatar a { display: block; }

.nv-menu-mobile__sub { position: static !important; background: #1fb1ed; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.nv-menu-mobile__sub .m-dropdown_Link { float: none; display: block; font-family: MyriadPro; font-size: 0.875em; color: #fff; background: transparent; padding: 10px; border-top: 1px solid #fff; }

.nv-menu-mobile__sub .m-dropdown_Link:hover { color: #ffff00; background: transparent; }

.nv-menu-mobile__caret { position: relative; }

.nv-menu-mobile__caret:before { display: inline-block; content: ""; height: 0; width: 0; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-top: 7.5px solid #fff; margin-left: 10px; }

.nv-menu-mobile__close { display: none; }

.nv-menu-mobile.__caret { display: inline-block !important; margin-left: 5px; }

.nv-menu-mobile .js-close-any-slidebar { display: none; float: right; height: 50px; width: 50px; background: url(../images/closeBar.png) no-repeat 0 0; background-size: 100%; }

[off-canvas] { background: #233267 !important; background-size: 100% !important; text-align: center; }

/* Style Carousel  */
.m-carousel { position: relative; margin-bottom: 0 !important; }

.m-carousel .o-carousel__cation { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; z-index: 100; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: absolute; color: #fff; }

.m-carousel .slick-slide { display: block; margin: 5px; }

.m-carousel .slick-arrow { position: absolute !important; z-index: 10; height: 36px; width: 36px; background-color: transparent; cursor: pointer; position: absolute; top: 50%; bottom: auto; z-index: 100; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-indent: -9999px; border: 1px solid transparent; opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1); -moz-transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1); -o-transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1); transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1); }

.m-carousel .slick-arrow:after { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; z-index: 100; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: absolute; content: ''; display: block; background: url(https://stc.interactive.brand.zing.vn/media/images/2017/08/31/750976925b24d6d8ab3915f5c4cc7c27.png) no-repeat; background-size: 72px 36px; height: 36px; width: 36px; margin: 0 auto; }

.m-carousel .slick-arrow.slick-prev { left: 0px; }

.m-carousel .slick-arrow.slick-prev:after { background-position: left top; }

.m-carousel .slick-arrow.slick-next { right: 0px; }

.m-carousel .slick-arrow.slick-next:after { background-position: right top; }

.m-carousel .slick-arrow:hover { opacity: 1; filter: alpha(opacity=100); background-color: transparent; }

.m-carousel .slick-dots { position: absolute; bottom: 25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.m-carousel .slick-dots li { position: relative; display: inline-block; margin: 5px; padding: 0; cursor: pointer; vertical-align: middle; }

.m-carousel .slick-dots li button { border: 0; background: transparent; display: block; height: 10px; width: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; z-index: 100; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 2px; cursor: pointer; background-color: #000; }

.m-carousel .slick-dots li button:hover, .m-carousel .slick-dots li button:focus { outline: none; opacity: 1 !important; }

.m-carousel .slick-dots li button:before { content: ''; opacity: 0.7; }

.m-carousel .slick-dots li.slick-active button { opacity: 1; filter: alpha(opacity=100); background-color: #fff; }

@media only screen and (max-width: 810px) { .m-carousel .slick-dots { bottom: 0; } }

.m-carousel__image { width: 100%; height: auto; position: relative; }

.m-carousel__image span, .m-carousel__image .bg { position: absolute; width: 100%; bottom: 0; top: 0; left: 0; background-size: cover; }

.m-carousel__bg { background-size: cover; background-position: center top; background-repeat: no-repeat; }

.m-carousel__item { position: relative; }

.m-carousel--hideArrow .slick-arrow { display: none !important; }

.m-carousel--hideDot .slick-dots { display: none !important; }

@media only screen and (min-width: 1024px) { .m-carousel--fullHeight { height: 100vh; }
  .m-carousel--fullHeight .m-carousel__image { height: 100vh; }
  .m-carousel--verticalRightDot .slick-dots { bottom: auto; right: -45%; position: absolute; top: 50%; bottom: auto; z-index: 100; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); top: 45%; } }

.play { text-indent: -9999px; position: absolute; bottom: 10px; left: 40px; display: block; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 14.4px solid #ffffff; margin: 24px auto 12px auto; z-index: 1; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; }

.play:before { content: ''; position: absolute; top: -18px; left: -27.6px; bottom: -18px; right: -8.4px; border-radius: 50%; border: 2.4px solid #ffffff; z-index: 2; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; }

.play:after { content: ''; opacity: 0; -o-transition: opacity 0.6s; transition: opacity 0.6s; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; }

.play:hover:before, .play:focus:before { -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }

.play.active { border-color: transparent; }

.play.active:after { content: ''; opacity: 1; width: 12px; height: 19.2px; background: #ffffff; position: absolute; right: 1.2px; top: -9.6px; border-left: 4.8px solid #ffffff; -webkit-box-shadow: inset 7.2px 0 0 0 transparent; box-shadow: inset 7.2px 0 0 0 transparent; }

@media only screen and (max-width: 1025px) { .play { display: none !important; } }

/*------------------------------------------------------------------
[2. Start Style]
-------------------------------------------------------------------*/
body { background-color: #fff1d5; font-family: "Noto Serif","Roboto","Helvetica Neue","Helvetica",Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif; font-weight: 400; line-height: 27px; }

.vjs-poster { background-size: cover !important; }

.header.style-magazine .func-header a.func-like .icon::before, .header.style-magazine .func-header a.func-like .icon::after { display: none; }

.full-width { width: 100%; }

.t-knor p { margin-bottom: 20px; margin-top: 0; }

.t-knor .o-title { margin-top: 100px; margin-bottom: 50px; }

.t-knor .o-title .o-image--responsive { margin-left: auto; margin-right: auto; }

@media only screen and (max-width: 1023px) { .t-knor .o-title { margin-top: 50px; margin-bottom: 25px; } }

.t-knor .m-carousel .slick-arrow.slick-prev { left: 15%; }

.t-knor .m-carousel .slick-arrow.slick-next { right: 15%; }

@media only screen and (max-width: 809px) { .t-knor .m-carousel .slick-arrow.slick-prev { left: 2px; margin-top: -15px; }
  .t-knor .m-carousel .slick-arrow.slick-next { right: 2px; margin-top: -15px; } }

.t-knor .m-parallax-bg { top: -60px; }

.t-knor .center-cover { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; z-index: 100; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 10; }

.t-knor .bl-intro { max-width: 580px; margin-left: auto; margin-right: auto; color: #008043; text-align: center; font-style: italic; font-weight: bold; }

.t-knor .bl-intro img { margin-top: 40px; margin-bottom: 40px; }

.t-knor .bl-video { margin-top: 50px; margin-bottom: 50px; }

.t-knor .bl-compare { max-width: 768px; margin: 30px auto 50px; }

.t-knor .bl-compare .twentytwenty-horizontal .twentytwenty-after-label:before { content: "BĂ¢y giờ"; }

.t-knor .bl-compare .twentytwenty-horizontal .twentytwenty-before-label:before { content: "NgĂ y ấy"; }

.t-knor .bl-compare .note { text-align: center; }

@media only screen and (max-width: 1023px) { .t-knor .bl-compare { margin-top: 10px; margin-bottom: 20px; } }

.t-knor .bl-quote p { max-width: 560px; margin-left: auto; margin-right: auto; text-align: center; }

@media only screen and (max-width: 740px) { .t-knor .bl-quote { padding-left: 25px; padding-right: 25px; } }

.t-knor .bl-chart { margin-top: 50px; margin-bottom: 50px; }

.t-knor .bl-chart .title { text-align: center; max-width: 400px; margin-left: auto; margin-right: auto; text-transform: uppercase; color: #008043; font-weight: bold; margin-bottom: 50px; }

.t-knor .bl-float:after { content: " "; display: table; clear: both; }

.t-knor .bl-float img { margin-bottom: 20px; }

@media only screen and (min-width: 1024px) { .t-knor .bl-float { margin-bottom: 50px; }
  .t-knor .bl-float img { margin-left: 50px; margin-right: -100px; margin-top: 20px; } }

.t-knor .bl-bg { background-color: #fffaf2; padding: 20px; }

@media only screen and (min-width: 1024px) { .t-knor .bl-bg { padding: 60px 140px 10px 30px; width: 460px; } }

@media only screen and (min-width: 1024px) { .t-knor .bl-author { width: 480px; display: table; }
  .t-knor .bl-author img, .t-knor .bl-author figcaption { display: table-cell; vertical-align: middle; }
  .t-knor .bl-author figcaption { width: 200px !important; text-align: left !important; padding: 0; } }

.t-knor .bl-author figcaption { font-size: 12px; font-style: italic; padding-left: 0px; color: #4a4a4a; padding: 20px 0 20px; margin-left: auto; margin-right: auto; text-align: center; width: 80%; }

.t-knor .bl-author figcaption b { font-weight: bold; font-style: normal; font-size: 13px; }

.t-knor .bl-author figcaption p { margin-bottom: 15px; line-height: 1.4; }

.t-knor .bl-content-expand:after { content: " "; display: table; clear: both; }

@media only screen and (min-width: 1024px) { .t-knor .bl-content-expand { width: 800px; margin-left: -100px; position: relative; margin-top: 50px; }
  .t-knor .bl-content-expand .bl-author { position: absolute; top: 60px; right: -50px; }
  .t-knor .bl-content-expand .o-title { position: absolute; top: -30px; left: 20px; margin-top: 0; } }

.t-knor .bl-content-full { overflow: hidden; }

@media only screen and (max-width: 1023px) { .t-knor .bl-content-full { margin: 0 !important; width: 100% !important; } }

@media only screen and (min-width: 1024px) { .t-knor .bl-content-full.c2 { background: url(https://stc.interactive.brand.zing.vn/static/default/frontend/template/2017/09/knor/images/greenbg.jpg) no-repeat center center; margin-top: 50px; margin-bottom: 50px; }
  .t-knor .bl-content-full .bl-content-expand { margin-left: auto; margin-right: auto; width: 900px; }
  .t-knor .bl-content-full .u-pos--right { position: absolute; right: 60px; line-height: 1.55; position: absolute; top: 50%; bottom: auto; z-index: 100; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 232px; margin-top: -50px; color: #fff; font-size: 20px; } }

.t-knor .bl-hero-image { position: relative; margin-top: 30px; margin-bottom: 10px; }

@media only screen and (min-width: 740px) { .t-knor .bl-hero-image .pos { position: absolute; top: 100px; left: -50px; } }

@media only screen and (min-width: 1024px) { .t-knor .bl-hero-image { width: 880px; margin-bottom: 30px; }
  .t-knor .bl-hero-image .pos { position: absolute; top: 130px; left: -125px; } }

.t-knor .bl-slideshow { margin-top: 30px; margin-bottom: 30px; }

@media only screen and (min-width: 1024px) { .t-knor .bl-slideshow { width: 120%; margin-left: -10%; overflow: hidden; } }

.t-knor .g-image { width: 520px; height: 700px; float: left; position: relative; }

.t-knor .g-image:after { content: " "; display: table; clear: both; }

.t-knor .g-image > img { position: absolute; }

.t-knor .g-image > img:nth-child(1) { top: 0; left: 0; }

.t-knor .g-image > img:nth-child(2) { top: 30px; right: -15px; }

.t-knor .g-image > img:nth-child(3) { bottom: 0; left: 40px; }

.t-knor .g-image > img:nth-child(4) { bottom: 85px; right: -10px; }

.t-knor .s-body-wrapper { background-color: #FFF; width: 100%; position: relative; }

@media only screen and (max-width: 809px) { .t-knor .s-header-cover { display: none; } }

.t-knor .s-header-mobile img { width: 100%; }

@media only screen and (min-width: 810px) { .t-knor .s-header-mobile { display: none; } }

.t-knor .s-content-inside { max-width: 880px; margin: 0 auto; padding: 50px 100px; }

@media only screen and (max-width: 809px) { .t-knor .s-content-inside { padding: 50px 20px; } }

.t-knor .note { margin-top: 50px; margin-bottom: 50px; font-weight: bold; color: #008043; }

@media only screen and (max-width: 809px) { .t-knor .note { margin-top: 20px; margin-bottom: 20px; } }

@media only screen and (min-width: 810px) { .footer { margin-top: -50px; } }

.footer .footer-container { max-width: 680px !important; }

@media only screen and (max-width: 740px) { .footer { padding-left: 25px !important; } }

.play { bottom: 30px; }

@media only screen and (min-width: 1024px) { .fadeInLeft { -webkit-animation: fadeInLeft 0.35s linear; -moz-animation: fadeInLeft 0.35s linear; animation: fadeInLeft 0.35s linear; }
  .fadeInRight { -webkit-animation: fadeInRight 0.35s linear; -moz-animation: fadeInRight 0.35s linear; animation: fadeInRight 0.35s linear; }
  .fadeIn { -webkit-animation: fadeIn 0.35s linear; -moz-animation: fadeIn 0.35s linear; animation: fadeIn 0.35s linear; }
  .fadeInUp { -webkit-animation: fadeInUp 0.35s linear; -moz-animation: fadeInUp 0.35s linear; animation: fadeInUp 0.35s linear; }
  .fadeInDown { -webkit-animation: fadeInDown 0.35s linear; -moz-animation: fadeInDown 0.35s linear; animation: fadeInDown 0.35s linear; }
  .zoomIn { -webkit-animation: zoomIn 0.35s; -moz-animation: zoomIn 0.35s; animation: zoomIn 0.35s; -webkit-animation-timing-function: cubic-bezier(0.87, -0.41, 0.19, 1.44); -moz-animation-timing-function: cubic-bezier(0.87, -0.41, 0.19, 1.44); animation-timing-function: cubic-bezier(0.87, -0.41, 0.19, 1.44); } }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

.e-zoom-image { overflow: hidden; }

.e-zoom-image .bg, .e-zoom-image .o-card--background { max-width: none; transition: transform 1.5s cubic-bezier(0, 0, 0.145, 1) 0s, -webkit-transform 1.5s cubic-bezier(0, 0, 0.145, 1) 0s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.e-zoom-image:hover .bg, .e-zoom-image:hover .o-card--background { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }

/*------------------------------------------------------------------
[. For Interactive]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[. For Hack Browser]
-------------------------------------------------------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE only override */ }

@media screen and (-webkit-min-device-pixel-ratio: 0) { /* Safari only override */ }

/*------------------------------------------------------------------
[Update module 2 CSS - Date]
-------------------------------------------------------------------*/
/*!

/*------------------------------------------------------------------
[Update module 3 CSS - Date]
-------------------------------------------------------------------*/