a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, input, ins, kbd, label, legend, li, main, nav, object, ol, p, pre, q, s, samp, section, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, u, ul, var {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;text-decoration: none;-webkit-box-sizing: border-box;box-sizing: border-box;-moz-box-sizing: border-box;}figure {-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0;-webkit-margin-end: 0;}body {line-height: 100%;height: 100%;}body u {text-decoration: underline;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}.clear {clear: both;}#file-nav {position: fixed;bottom: 30px;left: 30px;z-index: 1000000;color: white;-webkit-transition: all 100ms;-moz-transition: all 100ms;-o-transition: all 100ms;-ms-transition: all 100ms;transition: all 100ms;-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;transition-timing-function: ease-out;}#file-nav .page-list {padding: 20px 10px 0;position: absolute;left: 0;bottom: 0;display: none;background: #323a47;width: 250px;height: 400px;}#file-nav .page-list #scroll-nav {height: 280px;overflow: hidden;}#file-nav .page-list h3 {text-transform: uppercase;font-size: 16px;font-weight: 300;letter-spacing: 3px;margin-bottom: 10px;text-align: center;}#file-nav .page-list a {display: block;line-height: 140%;padding: 0 10px;letter-spacing: 2px;font-size: 10px;text-transform: capitalize;color: white;opacity: 0.4;margin-bottom: 20px;}#file-nav .page-list a:hover {opacity: 1;}#file-nav .page-list .mCSB_scrollTools .mCSB_draggerRail {background: white;opacity: 0.1;width: 4px;}#file-nav .page-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #8593a9;width: 6px;}#file-nav #file-nav-toggle {width: 60px;height: 60px;display: block;text-transform: uppercase;font-weight: 800;line-height: 100%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;background: #2a313d;font-size: 12px;letter-spacing: 3px;padding: 10px 0 0 4px;text-align: center;position: relative;overflow: hidden;z-index: 1;-webkit-transition: all 200ms;-moz-transition: all 200ms;-o-transition: all 200ms;-ms-transition: all 200ms;transition: all 200ms;-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;transition-timing-function: ease-out;color: white;}#file-nav #file-nav-toggle span {font-size: 7px;letter-spacing: 1px;display: block;position: relative;left: -2px;font-weight: 400;}#file-nav #file-nav-toggle small {display: block;width: 17px;margin: 0 auto 7px auto;-webkit-transition: all 200ms;-moz-transition: all 200ms;-o-transition: all 200ms;-ms-transition: all 200ms;transition: all 200ms;-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;transition-timing-function: ease-out;}#file-nav #file-nav-toggle small span {display: block;height: 2px;background: white;margin-bottom: 2px;}#file-nav #file-nav-toggle:hover {opacity: 1;}#file-nav #file-nav-toggle.active {-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 0;}#file-nav #file-nav-toggle.active small {width: 3px;}#file-nav .status {color: white;font-size: 12px;position: absolute;right: 10px;bottom: 7px;width: 170px;text-align: center;text-transform: uppercase;}#file-nav .status .single {width: 50%;float: left;font-size: 32px;line-height: 100%;font-weight: 800;letter-spacing: 3px;}#file-nav .status .single span {display: block;font-size: 10px;letter-spacing: 2px;font-weight: 300;line-height: 18px;}.block {display: block;}.inline {display: inline !lteIE7;display: inline-block;}.none {display: none;}.flex-center {display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;}.absolute {position: absolute;}.relative {position: relative;}.fixed {position: fixed;}.shadow {-webkit-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.35);box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.35);}.shadow-none {-webkit-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0);box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0);}.shadow-white {-webkit-box-shadow: 1px 1px 1px 1px #ffffff;box-shadow: 1px 1px 1px 1px #ffffff;}.shadow-inset {-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.5);box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.5);}.text-shadow {text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);-webkit-filter: dropshadow(color=#000000, offx=1, offy=1);filter: dropshadow(color=#000000, offx=1, offy=1);}.text-shadow-none {text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);-webkit-filter: dropshadow(color=#000000, offx=0, offy=0);filter: dropshadow(color=#000000, offx=0, offy=0);}.text-shadow-inset {text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.5);-webkit-filter: dropshadow(color=#ffffff, offx=1, offy=0);filter: dropshadow(color=#ffffff, offx=1, offy=0);}.text-shadow-white {text-shadow: 1.5px 1.5px 1px #ffffff;-webkit-filter: dropshadow(color=#ffffff, offx=1, offy=0);filter: dropshadow(color=#ffffff, offx=1, offy=0);}.text-shadow-white-2 {text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2);-webkit-filter: dropshadow(color=#ffffff, offx=1, offy=0);filter: dropshadow(color=#ffffff, offx=1, offy=0);}.cover-it {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;overflow: hidden;}.br {border: solid 1px red;}.left-side {float: left;}.right-side {float: right;}.block-mobile {display: none;}@media screen and (max-width: 1024px) {.block-mobile {display: block !important;}}.inline-mobile {display: none;}@media screen and (max-width: 1024px) {.inline-mobile {display: inline-block !important;}}@media screen and (max-width: 1024px) {.desktop-only {display: none;}}.container {width: 1170px;padding: 0 16px;margin: 0 auto 0 auto;position: relative;}@media screen and (max-width: 1170px) {.container {width: 100%;}}@media screen and (max-width: 1024px) {.container {width: 100%;}}@media screen and (max-width: 768px) {.container {width: 100%;}}.row {margin: 0 -16px;}.row:after, .row:before {display: table;content: " ";clear: both;}.dc1, .dc2, .dc3, .dc4, .dc5, .dc6, .dc7, .dc8, .dc9, .dc10, .dc11, .dc12, .mc1, .mc2, .mc3, .mc4, .mc5, .mc6, .mc7, .mc8, .mc9, .mc10, .mc11, .mc12, .tc1, .tc2, .tc3, .tc4, .tc5, .tc6, .tc7, .tc8, .tc9, .tc10, .tc11, .tc12 {padding: 0 16px;float: left;}.dc1.auto, .dc2.auto, .dc3.auto, .dc4.auto, .dc5.auto, .dc6.auto, .dc7.auto, .dc8.auto, .dc9.auto, .dc10.auto, .dc11.auto, .dc12.auto, .mc1.auto, .mc2.auto, .mc3.auto, .mc4.auto, .mc5.auto, .mc6.auto, .mc7.auto, .mc8.auto, .mc9.auto, .mc10.auto, .mc11.auto, .mc12.auto, .tc1.auto, .tc2.auto, .tc3.auto, .tc4.auto, .tc5.auto, .tc6.auto, .tc7.auto, .tc8.auto, .tc9.auto, .tc10.auto, .tc11.auto, .tc12.auto {float: none;margin: 0 auto 0 auto;}.dc1.inline, .dc2.inline, .dc3.inline, .dc4.inline, .dc5.inline, .dc6.inline, .dc7.inline, .dc8.inline, .dc9.inline, .dc10.inline, .dc11.inline, .dc12.inline, .mc1.inline, .mc2.inline, .mc3.inline, .mc4.inline, .mc5.inline, .mc6.inline, .mc7.inline, .mc8.inline, .mc9.inline, .mc10.inline, .mc11.inline, .mc12.inline, .tc1.inline, .tc2.inline, .tc3.inline, .tc4.inline, .tc5.inline, .tc6.inline, .tc7.inline, .tc8.inline, .tc9.inline, .tc10.inline, .tc11.inline, .tc12.inline {display: inline-block;margin: 0 -2px;}.dc1 {width: 8.3%;}.dc2 {width: 16.6%;}.dc3 {width: 25%;}.dc4 {width: 33.3%;}.dc5 {width: 41.6%;}.dc6 {width: 50%;}.dc7 {width: 58.3%;}.dc8 {width: 66.6%;}.dc9 {width: 75%;}.dc10 {width: 83.3%;}.dc11 {width: 91.6%;}.dc12 {width: 100%;}@media screen and (max-width: 1024px) {.tc1 {width: 8.3%;}.tc2 {width: 16.6%;}.tc3 {width: 25%;}.tc4 {width: 33.3%;}.tc5 {width: 41.6%;}.tc6 {width: 50%;}.tc7 {width: 58.3%;}.tc8 {width: 66.6%;}.tc9 {width: 75%;}.tc10 {width: 83.3%;}.tc11 {width: 91.6%;}.tc12 {width: 100%;}}@media screen and (max-width: 480px) {.mc1 {width: 8.3%;}.mc2 {width: 16.6%;}.mc3 {width: 25%;}.mdc4 {width: 33.3%;}.mc5 {width: 41.6%;}.mc6 {width: 50%;}.mc7 {width: 58.3%;}.mc8 {width: 66.6%;}.mc9 {width: 75%;}.mc10 {width: 83.3%;}.mc11 {width: 91.6%;}.mc12 {width: 100%;}}body {font-family: "Roboto", sans-serif;font-size: 16px;font-weight: 400;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}h1, h2, h3, h4, h5, h6, li, p {line-height: 1.65;}@media screen and (max-width: 768px) {h1, h2, h3, h4, h5, h6, li, p {line-height: 1.4;}}@media screen and (max-width: 768px) {p {line-height: 1.65;}}h1 {font-size: 3.052em;margin-bottom: 32px;}h1.display {font-family: "Playfair Display", serif;font-size: 3.5em;line-height: 1;}@media screen and (max-width: 768px) {h1 {font-size: 1.802em;}h1.display {font-size: 1.802em;}}h2 {font-size: 2.441em;margin-bottom: 32px;}@media screen and (max-width: 768px) {h2 {font-size: 1.602em;margin-bottom: 16px;}}h3 {font-size: 1.953em;margin-bottom: 16px;}@media screen and (max-width: 768px) {h3 {font-size: 1.424em;}}h4 {font-size: 1.563em;margin-bottom: 16px;}@media screen and (max-width: 768px) {h4 {font-size: 1.266em;margin-bottom: 8px;}}h5 {font-size: 1.25em;margin-bottom: 8px;}@media screen and (max-width: 768px) {h5 {font-size: 1.125em;}}h6 {font-size: 1em;margin-bottom: 8px;}li, p {font-size: 1em;margin-bottom: 16px;}li.large, p.large {font-size: 1.25em;}li.small, p.small {font-size: 0.8em;line-height: 1.4;}li.error, p.error {color: red;}ol, ul {margin: 0 0 15px;}ul.disc li {position: relative;padding-left: 20px;list-style: disc;}ol.decimal li {list-style: decimal;margin-left: 20px;}a {color: black;text-decoration: none;}a:hover, button:hover {cursor: pointer;}.lt {text-align: left;}.rt {text-align: right;}.ct {text-align: center;}input.check, input.radio {opacity: 0;height: 16px;width: 16px;position: absolute;left: 0;top: 0;}input.check:hover, input.radio:hover {cursor: pointer;}input.radio + label {background: url("../img/icon-radio.png") no-repeat;display: block;height: 16px;width: 16px;}input.check + label {background: url("../img/icon-check.png") no-repeat scroll 0 0;display: block;height: 16px;width: 16px;}input.check:hover + label, input.radio:hover + label {background-position: -16px 0;}input.check:checked + label, input.radio:checked + label {background-position: -32px 0;}input.check:disabled + label, input.radio:disabled + label {background-position: -48px 0;}body, html {height: 100%;}#top-wrapper {padding: 120px 0 80px;overflow: hidden;margin-bottom: -204px;position: relative;min-height: 100%;}@media screen and (max-width: 1024px) {#top-wrapper {padding-top: 88px;}}.push {height: 240px;}.material-icons {font-family: "Material Icons";font-weight: normal;font-style: normal;font-size: 1em;display: inline-block;line-height: 1;text-transform: none;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";}.bg-page {position: absolute;left: 0;top: 0;z-index: 0;width: 100%;}@media screen and (max-width: 480px) {.bg-page {top: 60px;}}header {height: 80px;width: 100%;left: 0;top: 0;position: fixed;background: white;-webkit-box-shadow: 0 3px 11px rgba(0, 0, 0, 0.09);box-shadow: 0 3px 11px rgba(0, 0, 0, 0.09);z-index: 10;}header .container {display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;height: 100%;}header .logo {display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;margin-right: 40px;}header .logo img {width: 40px;}header .logo .text {width: auto;margin-left: 8px;}header .mobile-wrapper {width: 100%;display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: 100%;}header .mobile-wrapper .sub-nav {background: #f1f1f1;position: absolute;display: none;width: 240px;-webkit-border-radius: 0 0 16px 16px;-moz-border-radius: 0 0 16px 16px;-o-border-radius: 0 0 16px 16px;border-radius: 0 0 16px 16px;left: 0px;top: 100%;padding: 8px 0;-webkit-box-shadow: 0 7px 11px rgba(0, 0, 0, 0.09);box-shadow: 0 7px 11px rgba(0, 0, 0, 0.09);}header .mobile-wrapper .sub-nav li {display: block;margin: 0;line-height: 1.6;height: auto;}header .mobile-wrapper .sub-nav a {padding: 4px 16px;display: block;}header .mobile-wrapper .sub-nav a:hover {background: white;}header .mobile-wrapper ul {margin-bottom: 0;}header .mobile-wrapper li {display: inline !lteIE7;display: inline-block;margin-bottom: 0;position: relative;height: 80px;line-height: 80px;}header .mobile-wrapper li:hover {background: #f1f1f1;}header .mobile-wrapper li:hover .sub-nav {display: block;}header .mobile-wrapper li a {font-weight: 700;padding: 0 12px;}header .mobile-wrapper .user {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}header .mobile-wrapper .user p {margin-bottom: 0;}header .mobile-wrapper .user p a {margin-left: 16px;font-weight: 700;}header .mobile-wrapper .user p a span {margin-right: 4px;position: relative;top: 2px;margin-bottom: 0;}header #toggle {display: none;width: 40px;height: 40px;border: none;background: none;}header #toggle span {display: block;width: 100%;height: 4px;background: #019966;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;position: relative;}header #toggle span:after, header #toggle span:before {display: block;height: 4px;width: 100%;position: absolute;left: 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;background: #019966;content: "";}header #toggle span:before {top: -8px;}header #toggle span:after {bottom: -8px;}@media screen and (max-width: 1170px) {header .logo .text {width: 120px;}}@media screen and (max-width: 1024px) {header {height: 64px;}header .logo .text {width: auto;}header:before {content: "";left: 0;top: 0;height: 64px;z-index: 0;background: white;position: absolute;width: 100%;display: block;}header .container {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}header #toggle {display: block;}header .mobile-wrapper {position: fixed;left: 0;top: 0;padding: 152px 16px 24px;background: white;z-index: -1;width: 100%;height: 100%;overflow-y: scroll;display: block;display: none;}header .mobile-wrapper.active {display: block;}header .mobile-wrapper nav {display: block;}header .mobile-wrapper nav li {display: block;height: auto;line-height: 32px;margin-bottom: 16px;}header .mobile-wrapper nav li a {line-height: 2em;padding: 0;}header .mobile-wrapper .sub-nav {display: block;position: relative;-webkit-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0);box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0);background: white;width: 100%;padding: 0;}header .mobile-wrapper .sub-nav a {font-weight: 400;line-height: 1;padding-left: 16px;}header .mobile-wrapper .sub-nav li {margin-bottom: 8px;}header .mobile-wrapper .user {height: 40px;position: absolute;left: 0;padding: 0 16px;top: 88px;width: 100%;}header .mobile-wrapper .user p {background: #f1f1f1;line-height: 40px;padding: 0 16px;}header .mobile-wrapper .user .logout {float: right;}}@media screen and (max-width: 480px) {header .logo img {width: 32px;height: 32px;}header .logo .text {width: 160px;height: auto;}}.fs-btn {position: fixed;right: 0;top: 50%;width: 64px;text-align: center;-webkit-border-radius: 16px 0 0 16px;-moz-border-radius: 16px 0 0 16px;-o-border-radius: 16px 0 0 16px;border-radius: 16px 0 0 16px;overflow: hidden;background-size: white;z-index: 5;}.fs-btn button {border: none;height: 64px;width: 100%;-webkit-transition: all 200ms;-moz-transition: all 200ms;-o-transition: all 200ms;-ms-transition: all 200ms;transition: all 200ms;-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;transition-timing-function: ease-out;}.fs-btn button:hover {background: #f8f249;}.fs-btn .plus {font-size: 1.5em;margin-bottom: 1px;}@media screen and (max-width: 768px) {.fs-btn {width: 40px;top: auto;bottom: 64px;-webkit-border-radius: 8px 0 0 8px;-moz-border-radius: 8px 0 0 8px;-o-border-radius: 8px 0 0 8px;border-radius: 8px 0 0 8px;}.fs-btn button {height: 40px;}.fs-btn .plus {font-size: 1em;}}.main-banner {height: 480px;margin-bottom: 32px;}.main-banner .container, .main-banner .swiper-container, .main-banner .swiper-slide {height: 100%;}.main-banner .container img, .main-banner .swiper-container img, .main-banner .swiper-slide img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;overflow: hidden;-webkit-border-radius: 16px;-moz-border-radius: 16px;-o-border-radius: 16px;border-radius: 16px;}.main-banner .circle-logo {max-width: 160px;max-height: 160px;position: absolute;z-index: 1;left: 32px;bottom: 32px;}@media screen and (max-width: 1024px) {.main-banner {height: 40vw;}.main-banner .circle-logo {max-width: 10vw;max-height: 10vw;}}@media screen and (max-width: 480px) {.main-banner {margin-bottom: 16px;}.main-banner .circle-logo {max-width: 15vw;max-height: 15vw;left: 16px;bottom: 16px;}}.news {margin-bottom: 32px;}.news__detail {-webkit-border-radius: 16px;-moz-border-radius: 16px;-o-border-radius: 16px;border-radius: 16px;overflow: hidden;background: white;-webkit-box-shadow: 6px 10px 14px rgba(0, 0, 0, 0.05);box-shadow: 6px 10px 14px rgba(0, 0, 0, 0.05);margin-bottom: 32px;}.news__detail figure {padding-top: 75%;margin-bottom: 16px;position: relative;}.news__detail figure img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;overflow: hidden;position: absolute;left: 0;top: 0;}.news__detail h6 {padding: 0 16px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;max-height: 52px;line-height: 26px;}.news__detail .btn-wrapper {padding: 0 16px 16px;}.news__detail .btn-wrapper a {font-size: 0.8em;font-weight: 700;color: #b5b5b5;}.news .btn-wrapper.rt {margin-top: 24px;}.news .btn-wrapper.rt a {font-weight: 700;font-size: 0.8em;}.news .btn-wrapper.rt a span {font-weight: 400;font-size: 1.4em;position: relative;top: 5px;}@media screen and (max-width: 480px) {.news .mc12 {margin-bottom: 24px;}.news .btn-wrapper.rt {margin-top: 0;}}main {position: relative;z-index: 1;}.box {-webkit-box-shadow: 6px 10px 14px rgba(0, 0, 0, 0.05);box-shadow: 6px 10px 14px rgba(0, 0, 0, 0.05);background: white;-webkit-border-radius: 16px;-moz-border-radius: 16px;-o-border-radius: 16px;border-radius: 16px;padding: 32px;}@media screen and (max-width: 1024px) {.box {padding: 16px;}}@media screen and (max-width: 1024px) {.homepage .tc12 {margin-bottom: 24px;}}.login-home .box {background: url(../img/bg-form.svg) right top no-repeat white;background-size: auto 100%;}.login-home .input {margin-bottom: 0;}@media screen and (max-width: 1024px) {.login-home .box {background-size: 80% 40%;background-position: right bottom;}}.select-report {background-color: #e8f0fe;border-radius: 8px;}.input {margin-bottom: 24px;}.input label {display: block;margin-bottom: 8px;}.input__text {height: 48px;background: #f1f1f1;-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;padding: 0 16px;width: 100%;font-family: "Roboto", sans-serif;font-size: 1em;font-weight: 400;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.input textarea {min-width: 100%;max-width: 100%;max-height: 200px;min-height: 200px;background: #f1f1f1;-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;padding: 0 16px;width: 100%;font-family: "Roboto", sans-serif;font-size: 1em;font-weight: 400;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.input .btn {width: 100%;}.input--sort {float: right;width: 240px;}.input .selectric-wrapper {width: 100%;height: 48px;-webkit-border-radius: 16px;-moz-border-radius: 16px;-o-border-radius: 16px;border-radius: 16px;}.input .selectric-wrapper .label {font-size: 1em;line-height: 48px;padding: 0 16px;position: relative;}.input .selectric-wrapper .label:after {background: url(../img/arrow.svg) no-repeat;width: 8px;height: 6px;position: absolute;display: block;content: "";right: 16px;top: 50%;margin-top: -3px;}.input .selectric-wrapper .selectric-items {-webkit-box-shadow: 6px 10px 14px rgba(0, 0, 0, 0.05);box-shadow: 6px 10px 14px rgba(0, 0, 0, 0.05);-webkit-border-radius: 16px;-moz-border-radius: 16px;-o-border-radius: 16px;border-radius: 16px;border: none;background: white;padding-top: 48px;top: 0;}.input .selectric-wrapper .selectric-items ul {-webkit-border-radius: 16px;-moz-border-radius: 16px;-o-border-radius: 16px;border-radius: 16px;overflow: hidden;}.input .selectric-wrapper .selectric-items li {background: white;border: none;padding: 8px 16px;}.input .selectric-wrapper.selectric-above .selectric-items {top: auto;bottom: 0;padding: 0 0 48px;}.input .selectric-wrapper.selectric-open .label:after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}.btn {height: 48px;line-height: 48px;display: inline !lteIE7;display: inline-block;border: none;-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;font-family: "Roboto", sans-serif;font-size: 0.8em;font-weight: 400;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-transform: uppercase;font-weight: 700;padding: 0 16px;}.btn .material-icons {position: relative;top: 2px;margin-right: 4px;}.btn--primary {background: #f8f249;}.btn--secondary {background: #019966;color: white;}.login-page .box {background: url(../img/bg-forgot.png) right bottom no-repeat white;}.login-page .forgot {padding-top: 120px;}.login-page .forgot h1, .login-page .forgot h2 {color: #019966;}.login-page .forgot .icon {position: absolute;right: 32px;bottom: -1px;}@media screen and (max-width: 480px) {.login-page .box {background-size: 100% auto;}.login-page .forgot {padding: 64px 0 120px;}.login-page .icon {max-width: 40%;}}.sidebar .box {padding: 112px 24px 32px;border-bottom: solid 8px #019966;}.sidebar ul {margin-bottom: 0;}.sidebar li {margin-bottom: 0;}.sidebar li a {color: #b5b5b5;position: relative;-webkit-transition: all 200ms;-moz-transition: all 200ms;-o-transition: all 200ms;-ms-transition: all 200ms;transition: all 200ms;-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;transition-timing-function: ease-out;line-height: 48px;display: block;}.sidebar li a:before {width: 8px;height: 8px;position: absolute;display: block;content: "";background: #019966;-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;left: -16px;top: 20px;display: none;}.sidebar li a:hover {color: black;}.sidebar li a.active {color: black;}.sidebar li a.active:before {display: block;}.sidebar li li {padding-left: 24px;}.sidebar .logo {display: block;margin: 0 auto -80px auto;}@media screen and (max-width: 1024px) {.mobile-sidebar {margin-bottom: 40px;}}.global-page .body img {display: block;max-width: 100%;margin-bottom: 24px;-webkit-border-radius: 16px;-moz-border-radius: 16px;-o-border-radius: 16px;border-radius: 16px;}.global-page .body table {width: 100% !important;}.global-page .body ul li {list-style: disc;margin-left: 16px;}.global-page .body ol li {list-style: decimal;margin-left: 16px;}.global-page .bg {background: url(../img/bg-global.png) left bottom no-repeat white;}.page-title {text-align: center;margin-bottom: 64px;}.page-title h1 {margin-bottom: 16px;line-height: 1;}.page-title h3, .page-title h5 {margin-bottom: 0;line-height: 1;}.bagan {text-align: center;}.bagan figure {width: 160px;height: 160px;-webkit-box-shadow: 6px 10px 14px rgba(0, 0, 0, 0.05);box-shadow: 6px 10px 14px rgba(0, 0, 0, 0.05);-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;overflow: hidden;margin: 0 auto 24px auto;}.bagan h5, .bagan h6 {margin-bottom: 0;}.bagan__detail {margin-bottom: 64px;height: 340px;}@media screen and (max-width: 768px) {.bagan .mc6 {width: 50%;}}@media screen and (max-width: 480px) {.bagan figure {width: 120px;height: 120px;}.bagan h5, .bagan h6, .bagan p {font-size: 0.8em;}.bagan p {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;max-height: 32px;line-height: 16px;height: 32px;}.bagan__detail {height: 250px;}}footer {-webkit-box-shadow: 6px -6px 20px rgba(0, 0, 0, 0.05);box-shadow: 6px -6px 20px rgba(0, 0, 0, 0.05);padding: 40px 0;position: relative;z-index: 1;background: url(../img/bg-footer.png) left bottom no-repeat white;background-size: 100% 8px;}footer .logo {text-align: center;}footer .logo img {display: block;margin: 0 auto 0 auto;}footer .logo .c {width: 80px;height: 80px;margin-bottom: 16px;}footer .logo-2 a {display: block;}footer .logo-2 a:first-child {margin-bottom: 16px;}footer .logo-2 img {height: 44px;}footer nav {margin-top: 49px;}footer nav a {font-weight: 700;margin-right: 16px;}footer .social a {margin-right: 8px;}@media screen and (max-width: 768px) {footer {text-align: center;}footer .dc4, footer .dc8 {width: 100%;}footer .logo, footer .logo-2 {margin-bottom: 24px;}footer .logo-2 img, footer .logo img {max-width: 100%;}footer .logo-2 a, footer .logo a {display: inline !lteIE7;display: inline-block;}footer nav {margin: 24px 0;}footer nav a {display: inline !lteIE7;display: inline-block;margin-bottom: 16px;}}.accordion {margin: 0 -24px 1em;}.accordion button {background: #f8f249;height: 48px;line-height: 48px;width: 100%;border: none;text-align: left;padding: 0 24px;font-size: 1em;position: relative;}.accordion button:after {background: url(../img/arrow.svg) no-repeat;width: 8px;height: 6px;position: absolute;display: block;content: "";right: 24px;top: 50%;margin-top: -3px;}.accordion .content {display: none;}.accordion .content ul li {background: #f1f1f1;margin-bottom: 1px;}.accordion .content ul li a {padding: 0 24px;}.accordion.active button:after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}.accordion.active .content {display: block;}.title h1 {float: left;}.title .input {margin-top: 16px;}.title .selectric-wrapper {-webkit-box-shadow: 6px 10px 14px rgba(0, 0, 0, 0.05);box-shadow: 6px 10px 14px rgba(0, 0, 0, 0.05);}@media screen and (max-width: 480px) {.title .input, .title h1 {float: none;}.title .input {width: 100%;}}.stab__title button {-webkit-border-radius: 16px 16px 0 0;-moz-border-radius: 16px 16px 0 0;-o-border-radius: 16px 16px 0 0;border-radius: 16px 16px 0 0;line-height: 40px;height: 40px;width: 160px;border: none;background: #f1f1f1;font-weight: 700;color: rgba(0, 0, 0, 0.5);-webkit-transition: all 200ms;-moz-transition: all 200ms;-o-transition: all 200ms;-ms-transition: all 200ms;transition: all 200ms;-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;transition-timing-function: ease-out;}.stab__title button.active, .stab__title button:hover {background: #019966;color: white;}.stab__content > div {padding: 32px 16px;border: solid 1px #f1f1f1;background: white;-webkit-border-radius: 0 16px 16px 16px;-moz-border-radius: 0 16px 16px 16px;-o-border-radius: 0 16px 16px 16px;border-radius: 0 16px 16px 16px;display: none;}.stab__content > div.active {display: block;}@media screen and (max-width: 480px) {.stab__title button {width: 120px;}}.dataTables th, .dataTable th {text-align: left;}.dataTable_length select, .dataTables_length select {padding: 0 16px;height: 32px;background: #f1f1f1;border: none;-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;margin: 0 4px;}.dataTable_filter, .dataTables_filter {margin-bottom: 24px;margin-top: 0.1em !important;}.dataTable_filter input, .dataTables_filter input {height: 32px;line-height: 32px;background: #f1f1f1;-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;padding: 0 16px;width: 120px;}.dataTable_wrapper, .dataTables_wrapper {overflow-y: hidden;overflow-x: scroll;width: 100%;}.dataTable_wrapper table, .dataTables_wrapper table {width: auto;table-layout: fixed;}.dataTable_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button {height: 24px;line-height: 24px;padding: 0 16px;min-width: 0;border: none !important;background: #f1f1f1;margin: 0 4px;}.dataTable_wrapper .dataTables_paginate .paginate_button.next, .dataTable_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.previous {background: none;}.dataTable_wrapper .dataTables_paginate .paginate_button.current, .dataTable_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTable_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {background: #019966;color: white !important;}.dataTable_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {opacity: 0.4;}@media screen and (max-width: 768px) {.dataTable_length, .dataTables_length {width: 100%;font-size: 0.8em;margin-bottom: 24px;}.dataTable_length select, .dataTables_length select {width: 60px;padding: 0 8px;}.dataTable_filter, .dataTables_filter {width: 100%;font-size: 0.8em;}.dataTable_filter input, .dataTables_filter input {width: 80%;}}table.dataTable {border: none;margin-bottom: 24px;font-size: 0.8rem;}table.dataTable thead tr {background: #019966;color: white;}table.dataTable thead th {text-align: left;border-bottom: none;}table.dataTable tbody td {padding: 16px 8px;border-bottom: solid 1px #f1f1f1;}table.dataTable .btn {text-align: center;height: 32px;line-height: 32px;font-size: 0.6rem;padding: 0 8px;}@media screen and (max-width: 768px) {table.dataTable.spt-slip {margin-top: 32px;padding: 0 16px;}table.dataTable.spt-slip thead {display: none;}table.dataTable.spt-slip tbody tr {display: block;margin-bottom: 64px;padding-bottom: 32px;border-bottom: solid 1px #f1f1f1;}table.dataTable.spt-slip tbody tr:before {content: "Data Peserta";margin-bottom: 8px;display: block;}table.dataTable.spt-slip tbody td {display: block;padding: 12px 0;font-weight: 700;border-bottom: none;}table.dataTable.spt-slip tbody td:before {margin-right: 8px;font-weight: 400;}table.dataTable.spt-slip tbody td:first-child:before {content: "No.";}table.dataTable.spt-slip tbody td:nth-child(2):before {content: "Tahun";}table.dataTable.spt-slip tbody td:nth-child(3):before {content: "Bulan";}table.dataTable.spt-slip tbody .btn {width: 100%;}}.double-title {margin-bottom: 32px;}.double-title h1 {margin-bottom: 0;line-height: 1;}.pagination {text-align: center;font-weight: 700;}.pagination a, .pagination span {margin: 0 8px;}.pagination ul {width: 100%;}.pagination li {display: inline !lteIE7;display: inline-block;}.gallery-page .main-slider {padding-top: 56%;-webkit-border-radius: 16px;-moz-border-radius: 16px;-o-border-radius: 16px;border-radius: 16px;margin-bottom: 32px;background: white;}.gallery-page .main-slider .swiper-wrapper {position: absolute;left: 0;top: 0;}.gallery-page .main-slider img {display: block;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}.gallery-page .main-slider p {position: absolute;left: 0;bottom: 0;width: 100%;margin-bottom: 0;padding: 32px;text-align: center;background: rgba(255, 255, 255, 0.8);}.gallery-page .main-slider button {position: absolute;top: 50%;margin-top: -24px;z-index: 10;width: 48px;height: 48px;font-size: 32px;line-height: 48px;border: none;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;background: rgba(248, 242, 73, 0.8);}.gallery-page .main-slider button span {margin: 0 auto 0 auto;}.gallery-page .main-slider button.swiper-button-disabled {background: rgba(255, 255, 255, 0.3);}.gallery-page .main-slider .prev {left: 16px;-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}.gallery-page .main-slider .next {right: 16px;}.gallery-page .thumb-slider {padding-top: 9%;}.gallery-page .thumb-slider .swiper-wrapper {position: absolute;left: 0;top: 0;}.gallery-page .thumb-slider img {display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;overflow: hidden;}.gallery-page .thumb-slider .swiper-slide {-webkit-border-radius: 16px;-moz-border-radius: 16px;-o-border-radius: 16px;border-radius: 16px;overflow: hidden;background: white;}.gallery-page .thumb-slider .swiper-slide img {opacity: 0.3;}.gallery-page .thumb-slider .swiper-slide.swiper-slide-thumb-active img {opacity: 1;}@media screen and (max-width: 768px) {.gallery-page .main-slider {-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;}.gallery-page .main-slider button {width: 32px;height: 32px;font-size: 24px;margin-top: -16px;}.gallery-page .main-slider p {display: none;}.gallery-page .thumb-slider {padding-top: 14%;}.gallery-page .thumb-slider .swiper-slide {-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;}}@media screen and (max-width: 480px) {.gallery-page .thumb-slider {padding-top: 18%;}}hr {margin: 64px 0;border: none;height: 1px;background: #f1f1f1;}.contact-page .maps {height: 240px;background: #f1f1f1;margin-bottom: 24px;}@media screen and (max-width: 768px) {.contact-page .maps {height: 160px;}.contact-page .dc3, .contact-page .tc6 {margin-bottom: 40px;}.contact-page .contact-detail h4 {font-size: 1em;text-align: center;}}.c-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}.c-info img {margin: 4px 8px 0 0;height: 16px;width: 16px;}.c-info p {margin-bottom: 0;}@media screen and (max-width: 768px) {.c-info {display: block;text-align: center;}.c-info img {display: block;margin: 0 auto 8px auto;}.c-info p {display: inline !lteIE7;display: inline-block;}}@media screen and (max-width: 480px) {.c-info {font-size: 0.8em;}}.popup {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 1000;background: rgba(0, 0, 0, 0.7);}.popup .popup-wrapper {position: relative;min-height: 100%;display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;}.popup .popup-full {height: 100%;width: 100%;padding: 40px 0;overflow-y: scroll;}.popup .inner {margin: 0 auto 0 auto;position: relative;width: 1000px;background: white;padding: 0 20px;max-width: 90%;}@-moz-keyframes mouse {0% {opacity: 0;top: 3px;}10% {opacity: 0.7;top: 3px;}70% {opacity: 0.7;top: 20px;}80% {opacity: 0;top: 20px;}to {opacity: 0;top: 0;}}@-webkit-keyframes mouse {0% {opacity: 0;top: 3px;}10% {opacity: 0.7;top: 3px;}70% {opacity: 0.7;top: 20px;}80% {opacity: 0;top: 20px;}to {opacity: 0;top: 0;}}@-o-keyframes mouse {0% {opacity: 0;top: 3px;}10% {opacity: 0.7;top: 3px;}70% {opacity: 0.7;top: 20px;}80% {opacity: 0;top: 20px;}to {opacity: 0;top: 0;}}@-ms-keyframes mouse {0% {opacity: 0;top: 3px;}10% {opacity: 0.7;top: 3px;}70% {opacity: 0.7;top: 20px;}80% {opacity: 0;top: 20px;}to {opacity: 0;top: 0;}}@keyframes mouse {0% {opacity: 0;top: 3px;}10% {opacity: 0.7;top: 3px;}70% {opacity: 0.7;top: 20px;}80% {opacity: 0;top: 20px;}to {opacity: 0;top: 0;}}.mouse:after {-moz-animation: mouse 2s infinite ease-out;-webkit-animation: mouse 2s infinite ease-out;-o-animation: mouse 2s infinite ease-out;-ms-animation: mouse 2s infinite ease-out;animation: mouse 3s infinite ease-out;}