@charset "UTF-8";
@font-face {
  font-family: "sarabunbold";
  src: url("../fonts/sarabun/sarabun-bold-webfont.eot");
  src: url("../fonts/sarabun/sarabun-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sarabun/sarabun-bold-webfont.woff2") format("woff2"), url("../fonts/sarabun/sarabun-bold-webfont.woff") format("woff"), url("../fonts/sarabun/sarabun-bold-webfont.ttf") format("truetype"), url("../fonts/sarabun/sarabun-bold-webfont.svg#sarabunbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sarabunlight";
  src: url("../fonts/sarabun/sarabun-light-webfont.eot");
  src: url("../fonts/sarabun/sarabun-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sarabun/sarabun-light-webfont.woff2") format("woff2"), url("../fonts/sarabun/sarabun-light-webfont.woff") format("woff"), url("../fonts/sarabun/sarabun-light-webfont.ttf") format("truetype"), url("../fonts/sarabun/sarabun-light-webfont.svg#sarabunlight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sarabunmedium";
  src: url("../fonts/sarabun/sarabun-medium-webfont.eot");
  src: url("../fonts/sarabun/sarabun-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sarabun/sarabun-medium-webfont.woff2") format("woff2"), url("../fonts/sarabun/sarabun-medium-webfont.woff") format("woff"), url("../fonts/sarabun/sarabun-medium-webfont.ttf") format("truetype"), url("../fonts/sarabun/sarabun-medium-webfont.svg#sarabunmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sarabunregular";
  src: url("../fonts/sarabun/sarabun-regular-webfont.eot");
  src: url("../fonts/sarabun/sarabun-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sarabun/sarabun-regular-webfont.woff2") format("woff2"), url("../fonts/sarabun/sarabun-regular-webfont.woff") format("woff"), url("../fonts/sarabun/sarabun-regular-webfont.ttf") format("truetype"), url("../fonts/sarabun/sarabun-regular-webfont.svg#sarabunregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sarabunsemibold";
  src: url("../fonts/sarabun/sarabun-semibold-webfont.eot");
  src: url("../fonts/sarabun/sarabun-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sarabun/sarabun-semibold-webfont.woff2") format("woff2"), url("../fonts/sarabun/sarabun-semibold-webfont.woff") format("woff"), url("../fonts/sarabun/sarabun-semibold-webfont.ttf") format("truetype"), url("../fonts/sarabun/sarabun-semibold-webfont.svg#sarabunsemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sarabunthin";
  src: url("../fonts/sarabun/sarabun-thin-webfont.eot");
  src: url("../fonts/sarabun/sarabun-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sarabun/sarabun-thin-webfont.woff2") format("woff2"), url("../fonts/sarabun/sarabun-thin-webfont.woff") format("woff"), url("../fonts/sarabun/sarabun-thin-webfont.ttf") format("truetype"), url("../fonts/sarabun/sarabun-thin-webfont.svg#sarabunthin") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 11, 2020 */
@font-face {
  font-family: "kanitbold";
  src: url("../fonts/kanit/kanit-bold-webfont.eot");
  src: url("../fonts/kanit/kanit-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kanit/kanit-bold-webfont.woff2") format("woff2"), url("../fonts/kanit/kanit-bold-webfont.woff") format("woff"), url("../fonts/kanit/kanit-bold-webfont.ttf") format("truetype"), url("../fonts/kanit/kanit-bold-webfont.svg#kanitbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "kanitlight";
  src: url("../fonts/kanit/kanit-light-webfont.eot");
  src: url("../fonts/kanit/kanit-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kanit/kanit-light-webfont.woff2") format("woff2"), url("../fonts/kanit/kanit-light-webfont.woff") format("woff"), url("../fonts/kanit/kanit-light-webfont.ttf") format("truetype"), url("../fonts/kanit/kanit-light-webfont.svg#kanitlight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "kanitmedium";
  src: url("../fonts/kanit/kanit-medium-webfont.eot");
  src: url("../fonts/kanit/kanit-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kanit/kanit-medium-webfont.woff2") format("woff2"), url("../fonts/kanit/kanit-medium-webfont.woff") format("woff"), url("../fonts/kanit/kanit-medium-webfont.ttf") format("truetype"), url("../fonts/kanit/kanit-medium-webfont.svg#kanitmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "kanitregular";
  src: url("../fonts/kanit/kanit-regular-webfont.eot");
  src: url("../fonts/kanit/kanit-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kanit/kanit-regular-webfont.woff2") format("woff2"), url("../fonts/kanit/kanit-regular-webfont.woff") format("woff"), url("../fonts/kanit/kanit-regular-webfont.ttf") format("truetype"), url("../fonts/kanit/kanit-regular-webfont.svg#kanitregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "kanitsemibold";
  src: url("../fonts/kanit/kanit-semibold-webfont.eot");
  src: url("../fonts/kanit/kanit-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kanit/kanit-semibold-webfont.woff2") format("woff2"), url("../fonts/kanit/kanit-semibold-webfont.woff") format("woff"), url("../fonts/kanit/kanit-semibold-webfont.ttf") format("truetype"), url("../fonts/kanit/kanit-semibold-webfont.svg#kanitsemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "kanitthin";
  src: url("../fonts/kanit/kanit-thin-webfont.eot");
  src: url("../fonts/kanit/kanit-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kanit/kanit-thin-webfont.woff2") format("woff2"), url("../fonts/kanit/kanit-thin-webfont.woff") format("woff"), url("../fonts/kanit/kanit-thin-webfont.ttf") format("truetype"), url("../fonts/kanit/kanit-thin-webfont.svg#kanitthin") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/icomoon.eot?aszaqp");
  src: url("../fonts/icomoon/icomoon.eot?aszaqp#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?aszaqp") format("truetype"), url("../fonts/icomoon/icomoon.woff?aszaqp") format("woff"), url("../fonts/icomoon/icomoon.svg?aszaqp#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icomoon-],
[class*=" icomoon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icomoon-arrow-thin:before {
  content: "";
}

.icomoon-arrow:before {
  content: "";
}

.icomoon-phone:before {
  content: "";
}

.icomoon-youtube:before {
  content: "";
}

.icomoon-twitter:before {
  content: "";
}

.icomoon-facebook:before {
  content: "";
}

.icomoon-icon-arrow:before {
  content: "";
}

.icomoon-search:before {
  content: "";
}

.icomoon-global:before {
  content: "";
}

.icomoon-home:before {
  content: "";
}

.icomoon-office:before {
  content: "";
}

.icomoon-pencil:before {
  content: "";
}

.icomoon-image:before {
  content: "";
}

.icomoon-images:before {
  content: "";
}

.icomoon-camera:before {
  content: "";
}

.icomoon-headphones:before {
  content: "";
}

.icomoon-play:before {
  content: "";
}

.icomoon-video-camera:before {
  content: "";
}

.icomoon-bullhorn:before {
  content: "";
}

.icomoon-connection:before {
  content: "";
}

.icomoon-book:before {
  content: "";
}

.icomoon-books:before {
  content: "";
}

.icomoon-library:before {
  content: "";
}

.icomoon-file-text:before {
  content: "";
}

.icomoon-file-empty:before {
  content: "";
}

.icomoon-folder:before {
  content: "";
}

.icomoon-folder-open:before {
  content: "";
}

.icomoon-folder-plus:before {
  content: "";
}

.icomoon-folder-minus:before {
  content: "";
}

.icomoon-folder-download:before {
  content: "";
}

.icomoon-folder-upload:before {
  content: "";
}

.icomoon-price-tag:before {
  content: "";
}

.icomoon-price-tags:before {
  content: "";
}

.icomoon-qrcode:before {
  content: "";
}

.icomoon-phone:before {
  content: "";
}

.icomoon-location:before {
  content: "";
}

.icomoon-location2:before {
  content: "";
}

.icomoon-clock:before {
  content: "";
}

.icomoon-clock-o:before {
  content: "";
}

.icomoon-download:before {
  content: "";
}

.icomoon-undo:before {
  content: "";
}

.icomoon-redo:before {
  content: "";
}

.icomoon-bubble:before {
  content: "";
}

.icomoon-user:before {
  content: "";
}

.icomoon-users:before {
  content: "";
}

.icomoon-user-plus:before {
  content: "";
}

.icomoon-user-minus:before {
  content: "";
}

.icomoon-user-check:before {
  content: "";
}

.icomoon-user-tie:before {
  content: "";
}

.icomoon-quotes-left:before {
  content: "";
}

.icomoon-quotes-right:before {
  content: "";
}

.icomoon-hour-glass:before {
  content: "";
}

.icomoon-spinner:before {
  content: "";
}

.icomoon-search-2:before {
  content: "";
}

.icomoon-zoom-in:before {
  content: "";
}

.icomoon-zoom-out:before {
  content: "";
}

.icomoon-volume-high:before {
  content: "";
}

.icomoon-volume-medium:before {
  content: "";
}

.icomoon-infinite:before {
  content: "";
}

.icomoon-arrow-right-2:before {
  content: "";
}

.icomoon-arrow-left-2:before {
  content: "";
}

.icomoon-circle-up:before {
  content: "";
}

.icomoon-circle-right:before {
  content: "";
}

.icomoon-circle-down:before {
  content: "";
}

.icomoon-circle-left:before {
  content: "";
}

.icomoon-radio-checked:before {
  content: "";
}

.icomoon-radio-checked2:before {
  content: "";
}

.icomoon-radio-unchecked:before {
  content: "";
}

.icomoon-embed:before {
  content: "";
}

.icomoon-embed2:before {
  content: "";
}

.icomoon-facebook-2:before {
  content: "";
}

.icomoon-facebook-o:before {
  content: "";
}

.icomoon-instagram:before {
  content: "";
}

.icomoon-twitter-2:before {
  content: "";
}

.icomoon-rss:before {
  content: "";
}

.icomoon-youtube-2:before {
  content: "";
}

.icomoon-file-pdf:before {
  content: "";
}

.icomoon-file-word:before {
  content: "";
}

.icomoon-file-excel:before {
  content: "";
}

.icomoon-Icon-material-local-phone:before {
  content: "";
}

.icomoon-youtube:before {
  content: "";
}

.icomoon-twitter:before {
  content: "";
}

.icomoon-facebook:before {
  content: "";
}

.icomoon-search:before {
  content: "";
}

.icomoon-Icon-material-language:before {
  content: "";
}

.icomoon-arrow-thin:before {
  content: "";
}

.icomoon-arrows:before {
  content: "";
}

.icomoon-check:before {
  content: "";
}

.icomoon-external:before {
  content: "";
}

.icomoon-zip:before {
  content: "";
}

.icomoon-pdf:before {
  content: "";
}

.icomoon-sun:before {
  content: "";
}

.icomoon-moon:before {
  content: "";
}

.icomoon-down-arrow:before {
  content: "";
}

.icomoon-user-2:before {
  content: "";
}

.icomoon-user-2:before {
  content: "";
}

.icomoon-down-arrow:before {
  content: "";
}

.icomoon-sun:before {
  content: "";
}

.icomoon-moon:before {
  content: "";
}

.icomoon-external:before {
  content: "";
}

.icomoon-zip:before {
  content: "";
}

.icomoon-pdf:before {
  content: "";
}

.icomoon-Icon-material-local-phone:before {
  content: "";
}

.icomoon-youtube:before {
  content: "";
}

.icomoon-twitter:before {
  content: "";
}

.icomoon-facebook:before {
  content: "";
}

.icomoon-home:before {
  content: "";
}

.icomoon-search:before {
  content: "";
}

.icomoon-Icon-material-language:before {
  content: "";
}

.icomoon-arrow-thin:before {
  content: "";
}

.icomoon-arrows:before {
  content: "";
}

.icomoon-office:before {
  content: "";
}

.icomoon-pencil:before {
  content: "";
}

.icomoon-check:before {
  content: "";
}

.icomoon-image:before {
  content: "";
}

.icomoon-images:before {
  content: "";
}

.icomoon-camera:before {
  content: "";
}

.icomoon-headphones:before {
  content: "";
}

.icomoon-play:before {
  content: "";
}

.icomoon-video-camera:before {
  content: "";
}

.icomoon-bullhorn:before {
  content: "";
}

.icomoon-connection:before {
  content: "";
}

.icomoon-book:before {
  content: "";
}

.icomoon-books:before {
  content: "";
}

.icomoon-library:before {
  content: "";
}

.icomoon-file-text:before {
  content: "";
}

.icomoon-file-empty:before {
  content: "";
}

.icomoon-folder:before {
  content: "";
}

.icomoon-folder-open:before {
  content: "";
}

.icomoon-folder-plus:before {
  content: "";
}

.icomoon-folder-minus:before {
  content: "";
}

.icomoon-folder-download:before {
  content: "";
}

.icomoon-folder-upload:before {
  content: "";
}

.icomoon-price-tag:before {
  content: "";
}

.icomoon-price-tags:before {
  content: "";
}

.icomoon-qrcode:before {
  content: "";
}

.icomoon-phone:before {
  content: "";
}

.icomoon-location:before {
  content: "";
}

.icomoon-location2:before {
  content: "";
}

.icomoon-clock:before {
  content: "";
}

.icomoon-clock-o:before {
  content: "";
}

.icomoon-download:before {
  content: "";
}

.icomoon-undo:before {
  content: "";
}

.icomoon-redo:before {
  content: "";
}

.icomoon-bubble:before {
  content: "";
}

.icomoon-user:before {
  content: "";
}

.icomoon-users:before {
  content: "";
}

.icomoon-user-plus:before {
  content: "";
}

.icomoon-user-minus:before {
  content: "";
}

.icomoon-user-check:before {
  content: "";
}

.icomoon-user-tie:before {
  content: "";
}

.icomoon-quotes-left:before {
  content: "";
}

.icomoon-quotes-right:before {
  content: "";
}

.icomoon-hour-glass:before {
  content: "";
}

.icomoon-spinner:before {
  content: "";
}

.icomoon-search-2:before {
  content: "";
}

.icomoon-zoom-in:before {
  content: "";
}

.icomoon-zoom-out:before {
  content: "";
}

.icomoon-volume-high:before {
  content: "";
}

.icomoon-volume-medium:before {
  content: "";
}

.icomoon-infinite:before {
  content: "";
}

.icomoon-arrow-right-2:before {
  content: "";
}

.icomoon-arrow-left-2:before {
  content: "";
}

.icomoon-circle-up:before {
  content: "";
}

.icomoon-circle-right:before {
  content: "";
}

.icomoon-circle-down:before {
  content: "";
}

.icomoon-circle-left:before {
  content: "";
}

.icomoon-radio-checked:before {
  content: "";
}

.icomoon-radio-checked2:before {
  content: "";
}

.icomoon-radio-unchecked:before {
  content: "";
}

.icomoon-embed:before {
  content: "";
}

.icomoon-embed2:before {
  content: "";
}

.icomoon-facebook-2:before {
  content: "";
}

.icomoon-facebook-o:before {
  content: "";
}

.icomoon-instagram:before {
  content: "";
}

.icomoon-twitter-2:before {
  content: "";
}

.icomoon-rss:before {
  content: "";
}

.icomoon-youtube-2:before {
  content: "";
}

.icomoon-file-pdf:before {
  content: "";
}

.icomoon-file-word:before {
  content: "";
}

.icomoon-file-excel:before {
  content: "";
}

.icomoon-home2:before {
  content: "";
}

.icomoon-home3:before {
  content: "";
}

.icomoon-office1:before {
  content: "";
}

.icomoon-newspaper:before {
  content: "";
}

.icomoon-pencil1:before {
  content: "";
}

.icomoon-pencil2:before {
  content: "";
}

.icomoon-quill:before {
  content: "";
}

.icomoon-pen:before {
  content: "";
}

.icomoon-blog:before {
  content: "";
}

.icomoon-eyedropper:before {
  content: "";
}

.icomoon-droplet:before {
  content: "";
}

.icomoon-paint-format:before {
  content: "";
}

.icomoon-image1:before {
  content: "";
}

.icomoon-images1:before {
  content: "";
}

.icomoon-camera1:before {
  content: "";
}

.icomoon-headphones1:before {
  content: "";
}

.icomoon-music:before {
  content: "";
}

.icomoon-play1:before {
  content: "";
}

.icomoon-film:before {
  content: "";
}

.icomoon-video-camera1:before {
  content: "";
}

.icomoon-dice:before {
  content: "";
}

.icomoon-pacman:before {
  content: "";
}

.icomoon-spades:before {
  content: "";
}

.icomoon-clubs:before {
  content: "";
}

.icomoon-diamonds:before {
  content: "";
}

.icomoon-bullhorn1:before {
  content: "";
}

.icomoon-connection1:before {
  content: "";
}

.icomoon-podcast:before {
  content: "";
}

.icomoon-feed:before {
  content: "";
}

.icomoon-mic:before {
  content: "";
}

.icomoon-book1:before {
  content: "";
}

.icomoon-books1:before {
  content: "";
}

.icomoon-library1:before {
  content: "";
}

.icomoon-file-text1:before {
  content: "";
}

.icomoon-profile:before {
  content: "";
}

.icomoon-file-empty1:before {
  content: "";
}

.icomoon-files-empty:before {
  content: "";
}

.icomoon-file-text2:before {
  content: "";
}

.icomoon-file-picture:before {
  content: "";
}

.icomoon-file-music:before {
  content: "";
}

.icomoon-file-play:before {
  content: "";
}

.icomoon-file-video:before {
  content: "";
}

.icomoon-file-zip:before {
  content: "";
}

.icomoon-copy:before {
  content: "";
}

.icomoon-paste:before {
  content: "";
}

.icomoon-stack:before {
  content: "";
}

.icomoon-folder1:before {
  content: "";
}

.icomoon-folder-open1:before {
  content: "";
}

.icomoon-folder-plus1:before {
  content: "";
}

.icomoon-folder-minus1:before {
  content: "";
}

.icomoon-folder-download1:before {
  content: "";
}

.icomoon-folder-upload1:before {
  content: "";
}

.icomoon-price-tag1:before {
  content: "";
}

.icomoon-price-tags1:before {
  content: "";
}

.icomoon-barcode:before {
  content: "";
}

.icomoon-qrcode1:before {
  content: "";
}

.icomoon-ticket:before {
  content: "";
}

.icomoon-cart:before {
  content: "";
}

.icomoon-coin-dollar:before {
  content: "";
}

.icomoon-coin-euro:before {
  content: "";
}

.icomoon-coin-pound:before {
  content: "";
}

.icomoon-coin-yen:before {
  content: "";
}

.icomoon-credit-card:before {
  content: "";
}

.icomoon-calculator:before {
  content: "";
}

.icomoon-lifebuoy:before {
  content: "";
}

.icomoon-phone1:before {
  content: "";
}

.icomoon-phone-hang-up:before {
  content: "";
}

.icomoon-address-book:before {
  content: "";
}

.icomoon-envelop:before {
  content: "";
}

.icomoon-pushpin:before {
  content: "";
}

.icomoon-location1:before {
  content: "";
}

.icomoon-location21:before {
  content: "";
}

.icomoon-compass:before {
  content: "";
}

.icomoon-compass2:before {
  content: "";
}

.icomoon-map:before {
  content: "";
}

.icomoon-map2:before {
  content: "";
}

.icomoon-history:before {
  content: "";
}

.icomoon-clock1:before {
  content: "";
}

.icomoon-clock2:before {
  content: "";
}

.icomoon-alarm:before {
  content: "";
}

.icomoon-bell:before {
  content: "";
}

.icomoon-stopwatch:before {
  content: "";
}

.icomoon-calendar:before {
  content: "";
}

.icomoon-printer:before {
  content: "";
}

.icomoon-keyboard:before {
  content: "";
}

.icomoon-display:before {
  content: "";
}

.icomoon-laptop:before {
  content: "";
}

.icomoon-mobile:before {
  content: "";
}

.icomoon-mobile2:before {
  content: "";
}

.icomoon-tablet:before {
  content: "";
}

.icomoon-tv:before {
  content: "";
}

.icomoon-drawer:before {
  content: "";
}

.icomoon-drawer2:before {
  content: "";
}

.icomoon-box-add:before {
  content: "";
}

.icomoon-box-remove:before {
  content: "";
}

.icomoon-download1:before {
  content: "";
}

.icomoon-upload:before {
  content: "";
}

.icomoon-floppy-disk:before {
  content: "";
}

.icomoon-drive:before {
  content: "";
}

.icomoon-database:before {
  content: "";
}

.icomoon-undo1:before {
  content: "";
}

.icomoon-redo1:before {
  content: "";
}

.icomoon-undo2:before {
  content: "";
}

.icomoon-redo2:before {
  content: "";
}

.icomoon-forward:before {
  content: "";
}

.icomoon-reply:before {
  content: "";
}

.icomoon-bubble1:before {
  content: "";
}

.icomoon-bubbles:before {
  content: "";
}

.icomoon-bubbles2:before {
  content: "";
}

.icomoon-bubble2:before {
  content: "";
}

.icomoon-bubbles3:before {
  content: "";
}

.icomoon-bubbles4:before {
  content: "";
}

.icomoon-user2:before {
  content: "";
}

.icomoon-users1:before {
  content: "";
}

.icomoon-user-plus1:before {
  content: "";
}

.icomoon-user-minus1:before {
  content: "";
}

.icomoon-user-check1:before {
  content: "";
}

.icomoon-user-tie1:before {
  content: "";
}

.icomoon-quotes-left1:before {
  content: "";
}

.icomoon-quotes-right1:before {
  content: "";
}

.icomoon-hour-glass1:before {
  content: "";
}

.icomoon-spinner1:before {
  content: "";
}

.icomoon-spinner2:before {
  content: "";
}

.icomoon-spinner3:before {
  content: "";
}

.icomoon-spinner4:before {
  content: "";
}

.icomoon-spinner5:before {
  content: "";
}

.icomoon-spinner6:before {
  content: "";
}

.icomoon-spinner7:before {
  content: "";
}

.icomoon-spinner8:before {
  content: "";
}

.icomoon-spinner9:before {
  content: "";
}

.icomoon-spinner10:before {
  content: "";
}

.icomoon-spinner11:before {
  content: "";
}

.icomoon-binoculars:before {
  content: "";
}

.icomoon-search1:before {
  content: "";
}

.icomoon-zoom-in1:before {
  content: "";
}

.icomoon-zoom-out1:before {
  content: "";
}

.icomoon-enlarge:before {
  content: "";
}

.icomoon-shrink:before {
  content: "";
}

.icomoon-enlarge2:before {
  content: "";
}

.icomoon-shrink2:before {
  content: "";
}

.icomoon-key:before {
  content: "";
}

.icomoon-key2:before {
  content: "";
}

.icomoon-lock:before {
  content: "";
}

.icomoon-unlocked:before {
  content: "";
}

.icomoon-wrench:before {
  content: "";
}

.icomoon-equalizer:before {
  content: "";
}

.icomoon-equalizer2:before {
  content: "";
}

.icomoon-cog:before {
  content: "";
}

.icomoon-cogs:before {
  content: "";
}

.icomoon-hammer:before {
  content: "";
}

.icomoon-magic-wand:before {
  content: "";
}

.icomoon-aid-kit:before {
  content: "";
}

.icomoon-bug:before {
  content: "";
}

.icomoon-pie-chart:before {
  content: "";
}

.icomoon-stats-dots:before {
  content: "";
}

.icomoon-stats-bars:before {
  content: "";
}

.icomoon-stats-bars2:before {
  content: "";
}

.icomoon-trophy:before {
  content: "";
}

.icomoon-gift:before {
  content: "";
}

.icomoon-glass:before {
  content: "";
}

.icomoon-glass2:before {
  content: "";
}

.icomoon-mug:before {
  content: "";
}

.icomoon-spoon-knife:before {
  content: "";
}

.icomoon-leaf:before {
  content: "";
}

.icomoon-rocket:before {
  content: "";
}

.icomoon-meter:before {
  content: "";
}

.icomoon-meter2:before {
  content: "";
}

.icomoon-hammer2:before {
  content: "";
}

.icomoon-fire:before {
  content: "";
}

.icomoon-lab:before {
  content: "";
}

.icomoon-magnet:before {
  content: "";
}

.icomoon-bin:before {
  content: "";
}

.icomoon-bin2:before {
  content: "";
}

.icomoon-briefcase:before {
  content: "";
}

.icomoon-airplane:before {
  content: "";
}

.icomoon-truck:before {
  content: "";
}

.icomoon-road:before {
  content: "";
}

.icomoon-accessibility:before {
  content: "";
}

.icomoon-target:before {
  content: "";
}

.icomoon-shield:before {
  content: "";
}

.icomoon-power:before {
  content: "";
}

.icomoon-switch:before {
  content: "";
}

.icomoon-power-cord:before {
  content: "";
}

.icomoon-clipboard:before {
  content: "";
}

.icomoon-list-numbered:before {
  content: "";
}

.icomoon-list:before {
  content: "";
}

.icomoon-list2:before {
  content: "";
}

.icomoon-tree:before {
  content: "";
}

.icomoon-menu:before {
  content: "";
}

.icomoon-menu2:before {
  content: "";
}

.icomoon-menu3:before {
  content: "";
}

.icomoon-menu4:before {
  content: "";
}

.icomoon-cloud:before {
  content: "";
}

.icomoon-cloud-download:before {
  content: "";
}

.icomoon-cloud-upload:before {
  content: "";
}

.icomoon-cloud-check:before {
  content: "";
}

.icomoon-download2:before {
  content: "";
}

.icomoon-upload2:before {
  content: "";
}

.icomoon-download3:before {
  content: "";
}

.icomoon-upload3:before {
  content: "";
}

.icomoon-sphere:before {
  content: "";
}

.icomoon-earth:before {
  content: "";
}

.icomoon-link:before {
  content: "";
}

.icomoon-flag:before {
  content: "";
}

.icomoon-attachment:before {
  content: "";
}

.icomoon-eye:before {
  content: "";
}

.icomoon-eye-plus:before {
  content: "";
}

.icomoon-eye-minus:before {
  content: "";
}

.icomoon-eye-blocked:before {
  content: "";
}

.icomoon-bookmark:before {
  content: "";
}

.icomoon-bookmarks:before {
  content: "";
}

.icomoon-sun1:before {
  content: "";
}

.icomoon-contrast:before {
  content: "";
}

.icomoon-brightness-contrast:before {
  content: "";
}

.icomoon-star-empty:before {
  content: "";
}

.icomoon-star-half:before {
  content: "";
}

.icomoon-star-full:before {
  content: "";
}

.icomoon-heart:before {
  content: "";
}

.icomoon-heart-broken:before {
  content: "";
}

.icomoon-man:before {
  content: "";
}

.icomoon-woman:before {
  content: "";
}

.icomoon-man-woman:before {
  content: "";
}

.icomoon-happy:before {
  content: "";
}

.icomoon-happy2:before {
  content: "";
}

.icomoon-smile:before {
  content: "";
}

.icomoon-smile2:before {
  content: "";
}

.icomoon-tongue:before {
  content: "";
}

.icomoon-tongue2:before {
  content: "";
}

.icomoon-sad:before {
  content: "";
}

.icomoon-sad2:before {
  content: "";
}

.icomoon-wink:before {
  content: "";
}

.icomoon-wink2:before {
  content: "";
}

.icomoon-grin:before {
  content: "";
}

.icomoon-grin2:before {
  content: "";
}

.icomoon-cool:before {
  content: "";
}

.icomoon-cool2:before {
  content: "";
}

.icomoon-angry:before {
  content: "";
}

.icomoon-angry2:before {
  content: "";
}

.icomoon-evil:before {
  content: "";
}

.icomoon-evil2:before {
  content: "";
}

.icomoon-shocked:before {
  content: "";
}

.icomoon-shocked2:before {
  content: "";
}

.icomoon-baffled:before {
  content: "";
}

.icomoon-baffled2:before {
  content: "";
}

.icomoon-confused:before {
  content: "";
}

.icomoon-confused2:before {
  content: "";
}

.icomoon-neutral:before {
  content: "";
}

.icomoon-neutral2:before {
  content: "";
}

.icomoon-hipster:before {
  content: "";
}

.icomoon-hipster2:before {
  content: "";
}

.icomoon-wondering:before {
  content: "";
}

.icomoon-wondering2:before {
  content: "";
}

.icomoon-sleepy:before {
  content: "";
}

.icomoon-sleepy2:before {
  content: "";
}

.icomoon-frustrated:before {
  content: "";
}

.icomoon-frustrated2:before {
  content: "";
}

.icomoon-crying:before {
  content: "";
}

.icomoon-crying2:before {
  content: "";
}

.icomoon-point-up:before {
  content: "";
}

.icomoon-point-right:before {
  content: "";
}

.icomoon-point-down:before {
  content: "";
}

.icomoon-point-left:before {
  content: "";
}

.icomoon-warning:before {
  content: "";
}

.icomoon-notification:before {
  content: "";
}

.icomoon-question:before {
  content: "";
}

.icomoon-plus:before {
  content: "";
}

.icomoon-minus:before {
  content: "";
}

.icomoon-info:before {
  content: "";
}

.icomoon-cancel-circle:before {
  content: "";
}

.icomoon-blocked:before {
  content: "";
}

.icomoon-cross:before {
  content: "";
}

.icomoon-checkmark:before {
  content: "";
}

.icomoon-checkmark2:before {
  content: "";
}

.icomoon-spell-check:before {
  content: "";
}

.icomoon-enter:before {
  content: "";
}

.icomoon-exit:before {
  content: "";
}

.icomoon-play2:before {
  content: "";
}

.icomoon-pause:before {
  content: "";
}

.icomoon-stop:before {
  content: "";
}

.icomoon-previous:before {
  content: "";
}

.icomoon-next:before {
  content: "";
}

.icomoon-backward:before {
  content: "";
}

.icomoon-forward2:before {
  content: "";
}

.icomoon-play3:before {
  content: "";
}

.icomoon-pause2:before {
  content: "";
}

.icomoon-stop2:before {
  content: "";
}

.icomoon-backward2:before {
  content: "";
}

.icomoon-forward3:before {
  content: "";
}

.icomoon-first:before {
  content: "";
}

.icomoon-last:before {
  content: "";
}

.icomoon-previous2:before {
  content: "";
}

.icomoon-next2:before {
  content: "";
}

.icomoon-eject:before {
  content: "";
}

.icomoon-volume-high1:before {
  content: "";
}

.icomoon-volume-medium1:before {
  content: "";
}

.icomoon-volume-low:before {
  content: "";
}

.icomoon-volume-mute:before {
  content: "";
}

.icomoon-volume-mute2:before {
  content: "";
}

.icomoon-volume-increase:before {
  content: "";
}

.icomoon-volume-decrease:before {
  content: "";
}

.icomoon-loop:before {
  content: "";
}

.icomoon-loop2:before {
  content: "";
}

.icomoon-infinite1:before {
  content: "";
}

.icomoon-shuffle:before {
  content: "";
}

.icomoon-arrow-up-left:before {
  content: "";
}

.icomoon-arrow-up:before {
  content: "";
}

.icomoon-arrow-up-right:before {
  content: "";
}

.icomoon-arrow-right:before {
  content: "";
}

.icomoon-arrow-down-right:before {
  content: "";
}

.icomoon-arrow-down:before {
  content: "";
}

.icomoon-arrow-down-left:before {
  content: "";
}

.icomoon-arrow-left:before {
  content: "";
}

.icomoon-arrow-up-left2:before {
  content: "";
}

.icomoon-arrow-up2:before {
  content: "";
}

.icomoon-arrow-up-right2:before {
  content: "";
}

.icomoon-arrow-right2:before {
  content: "";
}

.icomoon-arrow-down-right2:before {
  content: "";
}

.icomoon-arrow-down2:before {
  content: "";
}

.icomoon-arrow-down-left2:before {
  content: "";
}

.icomoon-arrow-left2:before {
  content: "";
}

.icomoon-circle-up1:before {
  content: "";
}

.icomoon-circle-right1:before {
  content: "";
}

.icomoon-circle-down1:before {
  content: "";
}

.icomoon-circle-left1:before {
  content: "";
}

.icomoon-tab:before {
  content: "";
}

.icomoon-move-up:before {
  content: "";
}

.icomoon-move-down:before {
  content: "";
}

.icomoon-sort-alpha-asc:before {
  content: "";
}

.icomoon-sort-alpha-desc:before {
  content: "";
}

.icomoon-sort-numeric-asc:before {
  content: "";
}

.icomoon-sort-numberic-desc:before {
  content: "";
}

.icomoon-sort-amount-asc:before {
  content: "";
}

.icomoon-sort-amount-desc:before {
  content: "";
}

.icomoon-command:before {
  content: "";
}

.icomoon-shift:before {
  content: "";
}

.icomoon-ctrl:before {
  content: "";
}

.icomoon-opt:before {
  content: "";
}

.icomoon-checkbox-checked:before {
  content: "";
}

.icomoon-checkbox-unchecked:before {
  content: "";
}

.icomoon-radio-checked1:before {
  content: "";
}

.icomoon-radio-checked21:before {
  content: "";
}

.icomoon-radio-unchecked1:before {
  content: "";
}

.icomoon-crop:before {
  content: "";
}

.icomoon-make-group:before {
  content: "";
}

.icomoon-ungroup:before {
  content: "";
}

.icomoon-scissors:before {
  content: "";
}

.icomoon-filter:before {
  content: "";
}

.icomoon-font:before {
  content: "";
}

.icomoon-ligature:before {
  content: "";
}

.icomoon-ligature2:before {
  content: "";
}

.icomoon-text-height:before {
  content: "";
}

.icomoon-text-width:before {
  content: "";
}

.icomoon-font-size:before {
  content: "";
}

.icomoon-bold:before {
  content: "";
}

.icomoon-underline:before {
  content: "";
}

.icomoon-italic:before {
  content: "";
}

.icomoon-strikethrough:before {
  content: "";
}

.icomoon-omega:before {
  content: "";
}

.icomoon-sigma:before {
  content: "";
}

.icomoon-page-break:before {
  content: "";
}

.icomoon-superscript:before {
  content: "";
}

.icomoon-subscript:before {
  content: "";
}

.icomoon-superscript2:before {
  content: "";
}

.icomoon-subscript2:before {
  content: "";
}

.icomoon-text-color:before {
  content: "";
}

.icomoon-pagebreak:before {
  content: "";
}

.icomoon-clear-formatting:before {
  content: "";
}

.icomoon-table:before {
  content: "";
}

.icomoon-table2:before {
  content: "";
}

.icomoon-insert-template:before {
  content: "";
}

.icomoon-pilcrow:before {
  content: "";
}

.icomoon-ltr:before {
  content: "";
}

.icomoon-rtl:before {
  content: "";
}

.icomoon-section:before {
  content: "";
}

.icomoon-paragraph-left:before {
  content: "";
}

.icomoon-paragraph-center:before {
  content: "";
}

.icomoon-paragraph-right:before {
  content: "";
}

.icomoon-paragraph-justify:before {
  content: "";
}

.icomoon-indent-increase:before {
  content: "";
}

.icomoon-indent-decrease:before {
  content: "";
}

.icomoon-share:before {
  content: "";
}

.icomoon-new-tab:before {
  content: "";
}

.icomoon-embed1:before {
  content: "";
}

.icomoon-embed21:before {
  content: "";
}

.icomoon-terminal:before {
  content: "";
}

.icomoon-share2:before {
  content: "";
}

.icomoon-mail:before {
  content: "";
}

.icomoon-mail2:before {
  content: "";
}

.icomoon-mail3:before {
  content: "";
}

.icomoon-mail4:before {
  content: "";
}

.icomoon-amazon:before {
  content: "";
}

.icomoon-google:before {
  content: "";
}

.icomoon-google2:before {
  content: "";
}

.icomoon-google3:before {
  content: "";
}

.icomoon-google-plus:before {
  content: "";
}

.icomoon-google-plus2:before {
  content: "";
}

.icomoon-google-plus3:before {
  content: "";
}

.icomoon-hangouts:before {
  content: "";
}

.icomoon-google-drive:before {
  content: "";
}

.icomoon-facebook1:before {
  content: "";
}

.icomoon-facebook2:before {
  content: "";
}

.icomoon-instagram1:before {
  content: "";
}

.icomoon-whatsapp:before {
  content: "";
}

.icomoon-spotify:before {
  content: "";
}

.icomoon-telegram:before {
  content: "";
}

.icomoon-twitter1:before {
  content: "";
}

.icomoon-vine:before {
  content: "";
}

.icomoon-vk:before {
  content: "";
}

.icomoon-renren:before {
  content: "";
}

.icomoon-sina-weibo:before {
  content: "";
}

.icomoon-rss1:before {
  content: "";
}

.icomoon-rss2:before {
  content: "";
}

.icomoon-youtube1:before {
  content: "";
}

.icomoon-youtube2:before {
  content: "";
}

.icomoon-twitch:before {
  content: "";
}

.icomoon-vimeo:before {
  content: "";
}

.icomoon-vimeo2:before {
  content: "";
}

.icomoon-lanyrd:before {
  content: "";
}

.icomoon-flickr:before {
  content: "";
}

.icomoon-flickr2:before {
  content: "";
}

.icomoon-flickr3:before {
  content: "";
}

.icomoon-flickr4:before {
  content: "";
}

.icomoon-dribbble:before {
  content: "";
}

.icomoon-behance:before {
  content: "";
}

.icomoon-behance2:before {
  content: "";
}

.icomoon-deviantart:before {
  content: "";
}

.icomoon-500px:before {
  content: "";
}

.icomoon-steam:before {
  content: "";
}

.icomoon-steam2:before {
  content: "";
}

.icomoon-dropbox:before {
  content: "";
}

.icomoon-onedrive:before {
  content: "";
}

.icomoon-github:before {
  content: "";
}

.icomoon-npm:before {
  content: "";
}

.icomoon-basecamp:before {
  content: "";
}

.icomoon-trello:before {
  content: "";
}

.icomoon-wordpress:before {
  content: "";
}

.icomoon-joomla:before {
  content: "";
}

.icomoon-ello:before {
  content: "";
}

.icomoon-blogger:before {
  content: "";
}

.icomoon-blogger2:before {
  content: "";
}

.icomoon-tumblr:before {
  content: "";
}

.icomoon-tumblr2:before {
  content: "";
}

.icomoon-yahoo:before {
  content: "";
}

.icomoon-yahoo2:before {
  content: "";
}

.icomoon-tux:before {
  content: "";
}

.icomoon-appleinc:before {
  content: "";
}

.icomoon-finder:before {
  content: "";
}

.icomoon-android:before {
  content: "";
}

.icomoon-windows:before {
  content: "";
}

.icomoon-windows8:before {
  content: "";
}

.icomoon-soundcloud:before {
  content: "";
}

.icomoon-soundcloud2:before {
  content: "";
}

.icomoon-skype:before {
  content: "";
}

.icomoon-reddit:before {
  content: "";
}

.icomoon-hackernews:before {
  content: "";
}

.icomoon-wikipedia:before {
  content: "";
}

.icomoon-linkedin:before {
  content: "";
}

.icomoon-linkedin2:before {
  content: "";
}

.icomoon-lastfm:before {
  content: "";
}

.icomoon-lastfm2:before {
  content: "";
}

.icomoon-delicious:before {
  content: "";
}

.icomoon-stumbleupon:before {
  content: "";
}

.icomoon-stumbleupon2:before {
  content: "";
}

.icomoon-stackoverflow:before {
  content: "";
}

.icomoon-pinterest:before {
  content: "";
}

.icomoon-pinterest2:before {
  content: "";
}

.icomoon-xing:before {
  content: "";
}

.icomoon-xing2:before {
  content: "";
}

.icomoon-flattr:before {
  content: "";
}

.icomoon-foursquare:before {
  content: "";
}

.icomoon-yelp:before {
  content: "";
}

.icomoon-paypal:before {
  content: "";
}

.icomoon-chrome:before {
  content: "";
}

.icomoon-firefox:before {
  content: "";
}

.icomoon-IE:before {
  content: "";
}

.icomoon-edge:before {
  content: "";
}

.icomoon-safari:before {
  content: "";
}

.icomoon-opera:before {
  content: "";
}

.icomoon-file-pdf1:before {
  content: "";
}

.icomoon-file-openoffice:before {
  content: "";
}

.icomoon-file-word1:before {
  content: "";
}

.icomoon-file-excel1:before {
  content: "";
}

.icomoon-libreoffice:before {
  content: "";
}

.icomoon-html-five:before {
  content: "";
}

.icomoon-html-five2:before {
  content: "";
}

.icomoon-css3:before {
  content: "";
}

.icomoon-git:before {
  content: "";
}

.icomoon-codepen:before {
  content: "";
}

.icomoon-svg:before {
  content: "";
}

.icomoon-IcoMoon:before {
  content: "";
}

.font-regular {
  font-style: normal;
  font-family: "kanitregular", sans-serif;
}

.font-bold {
  font-style: normal;
  font-family: "kanitbold", sans-serif;
}

.font-light {
  font-style: normal;
  font-family: "kanitlight", sans-serif;
}

.font-medium {
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
}

.font-semibold {
  font-style: normal;
  font-family: "kanitsemibold", sans-serif;
}

.font-regular-sarabun {
  font-style: normal;
  line-height: 2;
  font-family: "sarabunregular", sans-serif;
}

.font-bold-sarabun {
  font-style: normal;
  line-height: 2;
  font-family: "sarabunbold", sans-serif;
}

.font-light-sarabun {
  font-style: normal;
  line-height: 2;
  font-family: "sarabunlight";
}

.font-medium-sarabun {
  font-style: normal;
  line-height: 2;
  font-family: "sarabunmedium";
}

.font-semibold-sarabun {
  font-style: normal;
  line-height: 2;
  font-family: "sarabunsemibold";
}

.fs-10 {
  font-size: 0.7142857143rem !important;
}
.fs-11 {
  font-size: 0.7857142857rem !important;
}
.fs-12 {
  font-size: 0.8571428571rem !important;
}
.fs-13 {
  font-size: 0.9285714286rem !important;
}
.fs-14 {
  font-size: 1rem !important;
}
.fs-15 {
  font-size: 1.0714285714rem !important;
}
.fs-16 {
  font-size: 1.1428571429rem !important;
}
.fs-17 {
  font-size: 1.2142857143rem !important;
}
.fs-18 {
  font-size: 1.2857142857rem !important;
}
.fs-19 {
  font-size: 1.3571428571rem !important;
}
.fs-20 {
  font-size: 1.4285714286rem !important;
}
.fs-21 {
  font-size: 1.5rem !important;
}
.fs-22 {
  font-size: 1.5714285714rem !important;
}
.fs-23 {
  font-size: 1.6428571429rem !important;
}
.fs-24 {
  font-size: 1.7142857143rem !important;
}
.fs-25 {
  font-size: 1.7857142857rem !important;
}
.fs-26 {
  font-size: 1.8571428571rem !important;
}
.fs-27 {
  font-size: 1.9285714286rem !important;
}
.fs-28 {
  font-size: 2rem !important;
}
.fs-29 {
  font-size: 2.0714285714rem !important;
}
.fs-30 {
  font-size: 2.1428571429rem !important;
}
.fs-31 {
  font-size: 2.2142857143rem !important;
}
.fs-32 {
  font-size: 2.2857142857rem !important;
}
.fs-33 {
  font-size: 2.3571428571rem !important;
}
.fs-34 {
  font-size: 2.4285714286rem !important;
}
.fs-35 {
  font-size: 2.5rem !important;
}
.fs-36 {
  font-size: 2.5714285714rem !important;
}
.fs-37 {
  font-size: 2.6428571429rem !important;
}
.fs-38 {
  font-size: 2.7142857143rem !important;
}
.fs-39 {
  font-size: 2.7857142857rem !important;
}
.fs-40 {
  font-size: 2.8571428571rem !important;
}
.fs-41 {
  font-size: 2.9285714286rem !important;
}
.fs-42 {
  font-size: 3rem !important;
}
.fs-43 {
  font-size: 3.0714285714rem !important;
}
.fs-44 {
  font-size: 3.1428571429rem !important;
}
.fs-45 {
  font-size: 3.2142857143rem !important;
}
.fs-46 {
  font-size: 3.2857142857rem !important;
}
.fs-47 {
  font-size: 3.3571428571rem !important;
}
.fs-48 {
  font-size: 3.4285714286rem !important;
}
.fs-49 {
  font-size: 3.5rem !important;
}
.fs-50 {
  font-size: 3.5714285714rem !important;
}

.color-white {
  color: #fff !important;
}

.background-white {
  background-color: #fff !important;
}

.color-black {
  color: #000 !important;
}

.background-black {
  background-color: #000 !important;
}

.color-primary {
  color: #2A7C9D !important;
}

.background-primary {
  background-color: #2A7C9D !important;
}

.color-primary-dark {
  color: #213253 !important;
}

.background-primary-dark {
  background-color: #213253 !important;
}

.color-grey-f2 {
  color: #f2f2f2 !important;
}

.background-grey-f2 {
  background-color: #f2f2f2 !important;
}

html {
  min-height: 100%;
  font-size: 14px;
}

body {
  font-size: 1.2rem;
  color: #222;
  font-style: normal;
  font-family: "kanitregular", sans-serif;
}
@media (max-width: 576px) {
  body {
    font-size: 1.4rem;
  }
}
body.dark-theme {
  color: #eee;
  background-color: #555;
}
body.dark-theme .background-grey-f2,
body.dark-theme .background-white {
  background-color: #555 !important;
}
body.dark-theme a {
  color: #eee;
}
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4 {
  color: #eee;
}

.container {
  padding: 0 50px;
}
@media (min-width: 1201px) {
  .container {
    max-width: 1270px;
  }
}
@media (max-width: 767px) {
  .container {
    padding: 0 30px;
  }
}
.container .container {
  padding: 0;
}

.page-wrapper {
  max-width: 1600px;
}

h1,
h2,
h3,
h4,
h5,
strong,
label,
b {
  font-weight: normal;
  font-style: normal;
  font-family: "kanitsemibold", sans-serif;
  color: #213253;
}

h1 {
  font-size: 2.5714285714rem;
}
@media (max-width: 767px) {
  h1 {
    font-size: 2.1428571429rem;
  }
}

h2 {
  font-size: 2.2857142857rem;
}
@media (max-width: 767px) {
  h2 {
    font-size: 2rem;
  }
}

h3 {
  font-size: 1.7142857143rem;
}
@media (max-width: 767px) {
  h3 {
    font-size: 1.4285714286rem;
  }
}

h4 {
  font-size: 1.4285714286rem;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

a,
a:link,
a:active,
a:visited,
a:focus {
  outline: none;
  text-decoration: none;
}

a:hover {
  color: #2A7C9D;
}

a,
.animated {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
}

a {
  color: #213253;
}

img {
  max-width: 100%;
  height: auto;
}

img[data-src] {
  opacity: 0;
}

.lazy {
  background-color: #eee;
}

::-moz-selection {
  background-color: #2A7C9D;
  color: #fff;
}

::selection {
  background-color: #2A7C9D;
  color: #fff;
}

@-webkit-keyframes autofill {
  to {
    color: #000;
    background: #fff;
  }
}
@-webkit-keyframes autofill-trans {
  to {
    color: #fff;
    background: transparent;
  }
}
*:focus {
  outline: none !important;
}

input:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

.form-control {
  border-radius: 0;
  box-shadow: none;
}
.form-control:focus {
  box-shadow: none;
}

.box-shadow {
  box-shadow: 0 20px 40px rgba(33, 50, 83, 0.2);
}

button,
.btn {
  border: none;
  border-radius: 0;
  cursor: pointer;
}

.rd-btn-primary {
  background-color: #213253;
  color: #fff;
  border-radius: 6px;
  font-size: 1.2142857143rem;
  font-style: normal;
  font-family: "kanitsemibold", sans-serif;
  padding: 17px 20px;
  min-width: 200px;
  display: inline-block;
  box-shadow: 0 10px 20px rgba(33, 50, 83, 0.3);
  text-decoration: none !important;
}
@media (max-width: 767px) {
  .rd-btn-primary {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
  }
}

.rd-btn-primary:hover {
  background-color: #2A7C9D;
  color: #fff;
}

.rd-btn-white {
  background-color: #fff;
  color: #213253;
  border: 1px solid #fff;
  border-radius: 6px;
  font-size: 1.2142857143rem;
  font-style: normal;
  font-family: "kanitsemibold", sans-serif;
  padding: 17px 20px;
  min-width: 200px;
  display: inline-block;
  box-shadow: 0 10px 20px rgba(33, 50, 83, 0.3);
  text-decoration: none !important;
}
.dark-theme .rd-btn-white {
  color: #213253;
}
@media (max-width: 767px) {
  .rd-btn-white {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
  }
}
.rd-btn-white i {
  margin-left: 13px;
  vertical-align: middle;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  display: inline-block;
}
.slick-slider .slick-dots {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  margin-top: 20px;
}
@media (max-width: 1080px) {
  .slick-slider .slick-dots {
    justify-content: center;
    margin-top: 30px;
  }
}
.slick-slider .slick-dots li {
  margin-right: 10px;
}
.slick-slider .slick-dots li button {
  width: 8px;
  height: 8px;
  background-color: #213253;
  border-radius: 50%;
  display: inline-block;
  padding: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
}
.slick-slider .slick-dots li.slick-active button {
  background-color: #2A7C9D;
  width: 12px;
  height: 12px;
}

header {
  position: relative;
  z-index: 999;
}
header .stick-icons {
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
}
header .stick-icons a {
  text-decoration: none;
  position: relative;
  height: 40px;
}
header .stick-icons a .icon {
  width: 40px;
  height: 40px;
  background-color: #2A7C9D;
  color: #fff;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  position: relative;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
header .stick-icons a .icon .icon-light {
  display: none;
}
header .stick-icons a .icon .icon-dark {
  display: inline-block;
}
.dark-theme header .stick-icons a .icon .icon-dark {
  display: none;
}
.dark-theme header .stick-icons a .icon .icon-light {
  display: inline-block;
}
header .stick-icons a .text {
  border: 1px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  width: 180px;
  right: 0;
  height: 40px;
  top: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  text-align: center;
  font-size: 14px;
  background-color: #213253;
  color: #fff;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
}
header .stick-icons a:hover .icon {
  background-color: rgba(62, 163, 203, 0.8);
}
header .stick-icons a:hover .text {
  background-color: rgba(33, 50, 83, 0.8);
}
header .stick-icons:hover a .text {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}
header .header-container {
  max-width: 1270px;
  margin: auto;
  padding: 0 50px;
}
@media (max-width: 1080px) {
  header .header-container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  header .header-container {
    padding: 0 20px;
  }
}
header .header-bar {
  background-color: #3ea3cb;
  height: 15px;
}
.dark-theme header .header-bar {
  background-color: #2A7C9D;
}
header .header-actions {
  padding: 15px 0;
  background-color: #2A7C9D;
}
header .header-actions .actions-row {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}
header .header-actions .subpage-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  display: -webkit-flex;
}
header .header-actions .subpage-links ul li {
  margin-right: 20px;
}
header .header-actions .subpage-links ul li a {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  color: #fff;
}
header .header-actions .subpage-links ul li a .icon {
  margin-right: 10px;
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
}
header .header-actions .subpage-links ul li a .icon img {
  max-height: 20px;
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
header .header-actions .subpage-links ul li a:hover {
  color: #213253;
}
header .header-actions .actions {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  align-items: center;
  -webkit-align-items: center;
  font-style: normal;
  font-family: "kanitlight", sans-serif;
  color: #fff;
}
header .header-actions .action-theme {
  color: #fff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  cursor: pointer;
  padding-right: 40px;
}
header .header-actions .action-theme .switch {
  width: 50px;
  height: 24px;
  background-color: #0f1b31;
  border-radius: 12px;
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
header .header-actions .action-theme .switch:before {
  background-color: #fff;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 7px;
  top: 4px;
  -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -o-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -ms-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
}
.dark-theme header .header-actions .action-theme .switch:before {
  left: 28px;
}
header .header-actions .action-size {
  margin-right: 40px;
}
header .header-actions .action-size a {
  font-size: 16px;
  color: #fff;
  position: relative;
  cursor: pointer;
}
header .header-actions .action-size a:first-child {
  padding-right: 10px;
  margin-right: 10px;
}
header .header-actions .action-size a:first-child:after {
  content: "";
  width: 1px;
  background-color: #fff;
  position: absolute;
  height: 20px;
  right: 0;
  top: 3px;
}
header .header-actions .action-language a {
  color: #fff;
  text-decoration: none;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
header .header-actions .action-language a [class^=icomoon-] {
  font-size: 16px;
  margin-right: 10px;
}
header .header-main {
  padding: 15px 0;
  box-shadow: 0 5px 30px rgba(33, 50, 83, 0.1);
}
header .header-main .main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
}
header .header-main .main .main-logo {
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
  max-width: 300px;
}
header .header-main .main .main-logo img {
  width: 220px;
}
header .header-main .main .main-logo img.logo-light {
  display: none;
}
.dark-theme header .header-main .main .main-logo img.logo-light {
  display: block;
}
.dark-theme header .header-main .main .main-logo img.logo-dark {
  display: none;
}
header .header-main .main .main-menu {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
header .header-main .main .main-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  max-width: 550px;
  padding-right: 50px;
}
header .header-main .main .main-menu ul li a {
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  font-size: 1.1428571429rem;
  position: relative;
}
header .header-main .main .main-menu ul li a.active {
  color: #2A7C9D;
}
header .header-main .main .main-menu ul li a.active:after {
  content: "";
  background-color: #2A7C9D;
  height: 5px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -32px;
}
header .header-main .main .main-right {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  position: relative;
}
header .header-main .main .main-lang {
  font-size: 15px;
  margin-right: 10px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
header .header-main .main .main-lang [class^=icomoon-] {
  font-size: 12px;
  margin-right: 5px;
}
header .header-main .main .main-search {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  width: 40px;
  margin-right: 10px;
}
header .header-main .main .main-search form {
  position: relative;
}
header .header-main .main .main-search form .input-box {
  right: 0;
  position: absolute;
  width: 280px;
  top: 0;
  padding-top: 50px;
  opacity: 0;
  visibility: hidden;
}
header .header-main .main .main-search form .input-box > div {
  background-color: #2A7C9D;
  padding: 10px;
  position: relative;
}
header .header-main .main .main-search form .input-box > div:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 14px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #2A7C9D;
}
.dark-theme header .header-main .main .main-search form .input-box > div:before {
  border-bottom-color: #213253;
}
header .header-main .main .main-search form .input-box input {
  width: 100%;
  padding: 0 20px;
  border: none;
  height: 40px;
}
header .header-main .main .main-search form button {
  background-color: #f2f2f2;
  width: 40px;
  height: 40px;
  padding: 0px;
  top: 0px;
  right: 0px;
  font-size: 15px;
  position: relative;
}
header .header-main .main .main-search form:hover .input-box, header .header-main .main .main-search form.active .input-box {
  opacity: 1;
  visibility: visible;
}
header .header-main .main .main-accessibility {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
header .header-main .main .main-accessibility .actions {
  display: flex;
  display: -webkit-flex;
}
header .header-main .main .main-accessibility .actions .item {
  margin-right: 10px;
  position: relative;
}
header .header-main .main .main-accessibility .actions .item > span,
header .header-main .main .main-accessibility .actions .item a .icon span {
  cursor: pointer;
  color: #213253;
  background-color: #f2f2f2;
  width: 40px;
  height: 40px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  font-size: 16px;
}
header .header-main .main .main-accessibility .actions .item a .icon span.icon-light {
  display: none;
}
header .header-main .main .main-accessibility .actions .item a .icon span.icon-dark {
  display: flex;
  display: -webkit-flex;
}
.dark-theme header .header-main .main .main-accessibility .actions .item a .icon span.icon-dark {
  display: none;
}
.dark-theme header .header-main .main .main-accessibility .actions .item a .icon span.icon-light {
  display: flex;
  display: -webkit-flex;
}
header .header-main .main .main-accessibility .actions .item .list {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  padding-top: 10px;
}
header .header-main .main .main-accessibility .actions .item .list:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 14px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #2A7C9D;
}
.dark-theme header .header-main .main .main-accessibility .actions .item .list:before {
  border-bottom-color: #213253;
}
header .header-main .main .main-accessibility .actions .item .list > div {
  background-color: #2A7C9D;
  display: flex;
  display: -webkit-flex;
}
header .header-main .main .main-accessibility .actions .item .list a {
  text-decoration: none;
  position: relative;
  height: 40px;
  display: inline-block;
}
header .header-main .main .main-accessibility .actions .item .list a .icon {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  position: relative;
  z-index: 1;
  background-color: #2A7C9D;
  color: #fff;
  width: 40px;
  height: 40px;
}
header .header-main .main .main-accessibility .actions .item .list a .icon .icon-light {
  display: none;
}
header .header-main .main .main-accessibility .actions .item .list a .icon .icon-dark {
  display: inline-block;
}
.dark-theme header .header-main .main .main-accessibility .actions .item .list a .icon {
  background-color: #213253;
  color: #fff;
}
.dark-theme header .header-main .main .main-accessibility .actions .item .list a .icon .icon-dark {
  display: none;
}
.dark-theme header .header-main .main .main-accessibility .actions .item .list a .icon .icon-light {
  display: inline-block;
}
header .header-main .main .main-accessibility .actions .item .list a:hover .icon {
  background-color: #213253;
}
.dark-theme header .header-main .main .main-accessibility .actions .item .list a:hover .icon {
  background-color: #2A7C9D;
}
header .header-main .main .main-accessibility .actions .item:hover .list {
  opacity: 1;
  visibility: visible;
}
header .header-main .main .main-action-icons {
  display: flex;
  display: -webkit-flex;
}
header .header-main .main .main-action-icons a {
  text-decoration: none;
  position: relative;
  height: 40px;
  overflow: hidden;
  margin-left: 5px;
}
header .header-main .main .main-action-icons a .icon {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  position: relative;
  z-index: 1;
  background-color: #2A7C9D;
  color: #fff;
  width: 40px;
  height: 40px;
}
header .header-main .main .main-action-icons a .icon .icon-light {
  display: none;
}
header .header-main .main .main-action-icons a .icon .icon-dark {
  display: inline-block;
}
.dark-theme header .header-main .main .main-action-icons a .icon {
  background-color: #213253;
  color: #fff;
}
.dark-theme header .header-main .main .main-action-icons a .icon .icon-dark {
  display: none;
}
.dark-theme header .header-main .main .main-action-icons a .icon .icon-light {
  display: inline-block;
}
header .header-main .main .main-action-icons a .text {
  position: absolute;
  right: 0;
  height: 40px;
  top: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  text-align: center;
  font-size: 14px;
  background-color: #213253;
  color: #fff;
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -o-transform: translateX(40px);
  -ms-transform: translateX(40px);
  transform: translateX(40px);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  width: 180px;
}
header .header-main .main .main-action-icons a:hover {
  overflow: visible;
  z-index: 9;
}
header .header-main .main .main-action-icons a:hover .text {
  right: 40px;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1081px) {
  header .xl-none {
    display: none;
  }
}
@media (max-width: 1080px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  }
  header .xl-header {
    display: none;
  }
}
header .xs-header {
  padding: 10px 0;
}
@media (min-width: 1081px) {
  header .xs-header {
    display: none;
  }
}
header .xs-header-row {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
}
header .xs-header .xs-logo .logo-light {
  display: none;
}
header .xs-header .xs-menu-bars {
  width: 35px;
  height: 22px;
  position: relative;
  z-index: 9;
}
header .xs-header .xs-menu-bars > .text {
  position: absolute;
  right: 0;
  color: #213253;
  font-size: 16px;
}
header .xs-header .xs-menu-bars > .text span {
  font-style: normal;
}
header .xs-header .xs-menu-bars > .text span:last-child {
  display: none;
}
header .xs-header .xs-menu-bars > .bars, header .xs-header .xs-menu-bars:before, header .xs-header .xs-menu-bars:after {
  width: 100%;
  height: 3px;
  background-color: #213253;
  position: absolute;
  right: 35px;
  -webkit-transition: a;
  -moz-transition: a;
  -o-transition: a;
  transition: a;
  -ms-transition: a;
}
header .xs-header .xs-menu-bars > .bars {
  top: 10px;
}
header .xs-header .xs-menu-bars:before, header .xs-header .xs-menu-bars:after {
  content: "";
}
header .xs-header .xs-menu-bars:before {
  top: 0;
}
header .xs-header .xs-menu-bars:after {
  bottom: 0;
}
header .xs-header .xs-menu-bars.active {
  height: 35px;
  position: fixed;
  top: 10px;
  right: 20px;
}
header .xs-header .xs-menu-bars.active > .text {
  color: #fff;
}
header .xs-header .xs-menu-bars.active > .text span:first-child {
  display: none;
}
header .xs-header .xs-menu-bars.active > .text span:last-child {
  display: inline-block;
}
header .xs-header .xs-menu-bars.active > .bars {
  background-color: transparent;
}
header .xs-header .xs-menu-bars.active:before, header .xs-header .xs-menu-bars.active:after {
  top: 10px;
  right: 30px;
  width: 25px;
  background-color: #fff;
}
header .xs-header .xs-menu-bars.active:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
header .xs-header .xs-menu-bars.active:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
header .xs-header .xs-menu-expand {
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  max-width: 100%;
  height: 100%;
  background-color: #213253;
  padding: 70px 30px 30px;
  overflow: auto;
  height: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
header .xs-header .xs-menu-expand.active {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}
header .xs-header .xs-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 50, 83, 0.2);
}
header .xs-header .xs-menu-content {
  position: relative;
  z-index: 9;
}
header .xs-header .xs-search-box form {
  width: 100%;
  max-width: 240px;
  position: relative;
}
header .xs-header .xs-search-box form input {
  width: 100%;
  height: 40px;
  background-color: #f2f2f2;
  border: none;
  font-style: normal;
  font-family: "kanitlight", sans-serif;
  padding: 0 40px 0 16px;
  font-size: 1rem;
}
header .xs-header .xs-search-box form button {
  position: absolute;
  background-color: transparent;
  border: none;
  right: 10px;
  font-size: 18px;
  color: #213253;
  top: 6px;
}
header .xs-header .xs-subpage-links {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding-bottom: 20px;
  margin-bottom: 30px;
}
header .xs-header .xs-subpage-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
header .xs-header .xs-subpage-links ul li {
  margin-bottom: 20px;
}
header .xs-header .xs-subpage-links ul li a {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
header .xs-header .xs-subpage-links ul li a .icon {
  margin-right: 10px;
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
}
header .xs-header .xs-subpage-links ul li a .icon img {
  max-height: 20px;
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
header .xs-header .xs-subpage-links ul li a .text {
  color: #fff;
}
header .xs-header .xs-subpage-links ul li a:hover .text {
  color: #2A7C9D;
}
header .xs-header .xs-menu-list {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding-bottom: 20px;
  margin-bottom: 30px;
}
header .xs-header .xs-menu-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
header .xs-header .xs-menu-list ul li {
  margin-bottom: 10px;
}
header .xs-header .xs-menu-list ul li a {
  color: #fff;
}
header .xs-header .xs-actions {
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1rem;
}
header .xs-header .xs-actions > div {
  margin-bottom: 10px;
}
header .xs-header .xs-actions a {
  color: #fff;
}
header .xs-header .xs-actions .xs-action-language {
  font-size: 15px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
header .xs-header .xs-actions .xs-action-language [class^=icomoon-] {
  font-size: 12px;
  margin-right: 5px;
}
header .xs-header .xs-actions .xs-action-size > div {
  display: flex;
  display: -webkit-flex;
}
header .xs-header .xs-actions .xs-action-size .action-size {
  color: #213253;
  background-color: #f2f2f2;
  width: 40px;
  height: 40px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  font-size: 16px;
  margin-right: 10px;
}
header .xs-header .xs-actions .xs-action-theme .icon {
  display: flex;
  display: -webkit-flex;
}
header .xs-header .xs-actions .xs-action-theme .icon span {
  color: #213253;
  background-color: #f2f2f2;
  width: 40px;
  height: 40px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  font-size: 16px;
  margin-right: 10px;
}
header .xs-header .xs-actions .xs-action-theme .icon span.icon-light {
  display: none;
}
header .xs-header .xs-actions .xs-action-theme .icon span.icon-dark {
  display: flex;
  display: -webkit-flex;
}
.dark-theme header .xs-header .xs-actions .xs-action-theme .icon span.icon-dark {
  display: none;
}
.dark-theme header .xs-header .xs-actions .xs-action-theme .icon span.icon-light {
  display: flex;
  display: -webkit-flex;
}

@media (max-width: 1080px) {
  main {
    padding-top: 70px;
  }
}

.content-main-banner {
  position: relative;
}
.content-main-banner .banner-list .card-list .card-item {
  position: relative;
}
.content-main-banner .banner-list .card-list .card-item .card-image .image {
  height: 350px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.content-main-banner .banner-list .card-list .card-item .card-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  font-size: 1.2857142857rem;
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  color: #222;
}
.content-main-banner .banner-list .card-list .card-item .card-text .content-wrapper {
  max-width: 500px;
  padding-bottom: 50px;
}
@media (max-width: 1080px) {
  .content-main-banner .banner-list .card-list .card-item .card-text .content-wrapper {
    padding: 40px;
    background-color: rgba(255, 255, 255, 0.8);
    max-width: 100%;
  }
}
.content-main-banner .banner-list .card-list .card-item .card-text h1,
.content-main-banner .banner-list .card-list .card-item .card-text h2,
.content-main-banner .banner-list .card-list .card-item .card-text h3 {
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  margin-bottom: 15px;
  color: #213253;
}
.content-main-banner .banner-list .card-list .card-item .card-text h1 {
  font-size: 2.2857142857rem;
}
@media (max-width: 1080px) {
  .content-main-banner .banner-list .card-list .card-item .card-text h1 {
    font-size: 2rem;
  }
}
.content-main-banner .banner-list .slick-dots {
  position: absolute;
  bottom: 60px;
  margin-top: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
@media (max-width: 1080px) {
  .content-main-banner .banner-list .slick-dots {
    justify-content: center;
    margin-top: 30px;
  }
}
.content-main-banner .banner-list .slick-dots li {
  margin-right: 10px;
}
.content-main-banner .banner-list .slick-dots li button {
  width: 8px;
  height: 8px;
  background-color: #213253;
  border-radius: 50%;
  display: inline-block;
  padding: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
}
.content-main-banner .banner-list .slick-dots li.slick-active button {
  background-color: #2A7C9D;
  width: 12px;
  height: 12px;
}
@media (max-width: 1080px) {
  .content-main-banner .banner-list .slick-dots {
    display: none !important;
  }
}
@media (min-width: 1081px) {
  .content-main-banner .announce-list {
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
  }
}
@media (max-width: 1080px) {
  .content-main-banner .announce-list {
    padding: 0 !important;
  }
}
.content-main-banner .announce-list > div {
  height: 100%;
}
@media (min-width: 1081px) {
  .content-main-banner .announce-list .content-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    height: 100%;
  }
}
.content-main-banner .announce-list .content-wrapper > div {
  max-width: 380px;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  padding: 30px 20px;
}
@media (max-width: 1080px) {
  .content-main-banner .announce-list .content-wrapper > div {
    margin: auto;
  }
}
.content-main-banner .announce-list .card-title {
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  font-size: 1.4285714286rem;
  color: #213253;
}
@media (max-width: 1080px) {
  .content-main-banner .announce-list .card-title {
    text-align: center;
  }
}
.content-main-banner .announce-list .card-list .card-item {
  background-color: #fff;
  border-radius: 6px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 10px;
  margin-bottom: 10px;
}
.dark-theme .content-main-banner .announce-list .card-list .card-item {
  background-color: #555;
}
.content-main-banner .announce-list .card-list .card-item .col-date {
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  color: #213253;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  max-width: 80px;
  border-right: 1px solid #dddddd;
  text-align: center;
}
.dark-theme .content-main-banner .announce-list .card-list .card-item .col-date {
  color: #eee;
}
.content-main-banner .announce-list .card-list .card-item .col-date .day {
  font-size: 2.8571428571rem;
  line-height: 1;
}
.content-main-banner .announce-list .card-list .card-item .col-date .month {
  font-size: 0.8571428571rem;
}
.content-main-banner .announce-list .card-list .card-item .col-detail {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  padding-left: 20px;
}
.content-main-banner .announce-list .card-list .card-item .col-detail h3 {
  font-size: 1.2rem;
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  color: #333333;
  margin-bottom: 5px;
}
.dark-theme .content-main-banner .announce-list .card-list .card-item .col-detail h3 {
  color: #eee;
}
.content-main-banner .announce-list .card-list .card-item .col-detail p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  font-style: normal;
  font-family: "kanitlight", sans-serif;
  margin: 0;
}
.content-main-banner + .content-services {
  padding-top: 0;
}
.content-main-banner + .content-services .content-wrapper {
  background-color: #fff;
  box-shadow: 0 20px 40px rgba(33, 50, 83, 0.1);
  border-radius: 6px;
  padding: 40px 40px 30px;
  margin-top: -30px;
  position: relative;
}
.dark-theme .content-main-banner + .content-services .content-wrapper {
  background-color: transparent;
  margin: 0;
}
.content-main-banner + .content-services .content-wrapper .card-list .card-item .card-text {
  font-size: 1.2rem;
}

.content-service-list {
  position: relative;
}
.content-service-list .card-text-top {
  text-align: center;
  font-size: 1.2857142857rem;
  margin-bottom: 60px;
}
.content-service-list .card-text-top h2 {
  font-size: 2.4285714286rem;
  font-style: normal;
  font-family: "kanitsemibold", sans-serif;
}
@media (max-width: 767px) {
  .content-service-list .card-text-top h2 {
    font-size: 1.7142857143rem;
  }
}
.content-service-list .card-item {
  margin-bottom: 28px;
}
.content-service-list .card-item .card-link {
  background-color: #fff;
  border-radius: 6px;
  display: block;
  text-align: center;
  height: 340px;
  padding: 30px 0;
  position: relative;
}
.dark-theme .content-service-list .card-item .card-link {
  background-color: #555;
  border: 1px solid #2A7C9D;
}
.content-service-list .card-item .card-link .card-icon {
  margin: 0 auto 20px;
  width: 60px;
  height: 60px;
  background-color: #2A7C9D;
  border-radius: 20px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.content-service-list .card-item .card-link .card-text {
  font-size: 1.1428571429rem;
  padding: 0 20px;
}
.content-service-list .card-item .card-link .card-text > div {
  max-width: 250px;
  margin: auto;
}
.content-service-list .card-item .card-link .card-text h3 {
  font-size: 1.4285714286rem;
  margin-bottom: 10px;
}
.content-service-list .card-item .card-link .card-text p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.content-service-list .card-item .card-link .card-arrow {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #dddddd;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  font-size: 18px;
  color: #2A7C9D;
  -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -o-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -ms-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: auto;
}
.content-service-list .card-item .card-link:hover {
  background-color: #2A7C9D;
}
.content-service-list .card-item .card-link:hover .card-text * {
  color: #fff;
}
.content-service-list .card-item .card-link:hover .card-arrow {
  background-color: #fff;
}

.content-beginner-tax {
  position: relative;
}
@media (min-width: 1081px) {
  .content-beginner-tax {
    padding-top: 100px;
    margin-bottom: 90px;
  }
}
@media (max-width: 1080px) {
  .content-beginner-tax {
    padding-top: 30px;
    margin-bottom: 50px;
  }
}
.content-beginner-tax .card-text-top {
  text-align: center;
  font-size: 1.2857142857rem;
  margin-bottom: 40px;
}
.content-beginner-tax .card-text-top h2 {
  font-size: 1.7142857143rem;
  font-style: normal;
  font-family: "kanitsemibold", sans-serif;
}
.content-beginner-tax .card-item {
  text-align: center;
  border-right: 1px solid #f2f2f2;
  padding-top: 20px;
}
@media (max-width: 1080px) {
  .content-beginner-tax .card-item {
    border: none;
    margin-bottom: 40px;
  }
}
.content-beginner-tax .card-item:last-child {
  border: none;
}
.content-beginner-tax .card-item a {
  display: block;
}
.content-beginner-tax .card-item .icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #f2f2f2;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  margin: 0 auto 15px;
}
.content-beginner-tax .card-item .text {
  font-style: normal;
  font-family: "kanitsemibold", sans-serif;
  font-size: 1.1428571429rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.content-beginner-tax .card-item .text [class^=icomoon-] {
  color: #2A7C9D;
  margin-left: 14px;
}
@media (max-width: 767px) {
  .content-beginner-tax .card-item .text [class^=icomoon-] {
    display: none;
  }
}

.content-title h2 {
  font-size: 2.1428571429rem;
  font-style: normal;
  font-family: "kanitsemibold", sans-serif;
  margin: 0;
}
@media (max-width: 767px) {
  .content-title h2 {
    font-size: 1.7142857143rem;
  }
}
.content-title-link a {
  display: flex;
  display: -webkit-flex;
  text-decoration: none;
}
@media (max-width: 767px) {
  .content-title-link a {
    justify-content: space-between;
  }
}
.content-title-link a .icon {
  margin-left: 15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #dddddd;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  font-size: 14px;
  color: #2A7C9D;
  -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -o-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -ms-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
}
.content-title-link a:hover .icon {
  background-color: #2A7C9D;
  border-color: transparent;
  color: #fff;
}

.content-services {
  padding: 100px 0;
}
@media (max-width: 1080px) {
  .content-services {
    padding: 40px 0;
  }
}
.content-services .content-title {
  text-align: center;
  font-size: 1.2857142857rem;
  margin-bottom: 60px;
}
.content-services .content-title h2 {
  font-size: 2.1428571429rem;
  font-style: normal;
  font-family: "kanitsemibold", sans-serif;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .content-services .content-title h2 {
    font-size: 1.7142857143rem;
  }
}
.content-services .card-list .card-item {
  text-align: center;
  margin-bottom: 20px;
}
.content-services .card-list .card-item .card-link {
  display: block;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 20px 40px rgba(33, 50, 83, 0.1);
  height: 160px;
  padding: 30px 20px;
}
.content-services .card-list .card-item .card-link:hover {
  box-shadow: 0 30px 40px rgba(33, 50, 83, 0.3);
}
.content-services .card-list .card-item .card-link:hover .card-text {
  text-decoration: none;
}
.dark-theme .content-services .card-list .card-item .card-link {
  background-color: #555;
  border: 1px solid #fff;
}
.content-services .card-list .card-item .card-link > div {
  max-width: 190px;
  margin: auto;
}
.content-services .card-list .card-item .card-link:hover {
  color: #213253;
}
.content-services .card-list .card-item .card-link:hover .card-arrow {
  background-color: #2A7C9D;
  color: #fff;
  border-color: transparent;
}
.content-services .card-list .card-item .card-image {
  height: 60px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.content-services .card-list .card-item .card-image img {
  height: 28px;
}
.content-services .card-list .card-item .card-text {
  font-size: 1.1428571429rem;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.content-services .card-list .card-item .card-arrow {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #dddddd;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  margin: auto;
  font-size: 18px;
  color: #2A7C9D;
  -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -o-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -ms-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  display: none;
}
.content-services .card-list-five .card-item {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding: 0 5px;
}
@media (max-width: 991px) {
  .content-services .card-list-five .card-item {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
.content-services .card-list-five .card-item .card-text {
  font-size: 1rem;
}

.announce-date-list .card-title {
  background-color: #2A7C9D;
  color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  text-align: center;
  font-size: 1.1428571429rem;
  font-style: normal;
  font-family: "kanitsemibold", sans-serif;
  padding: 28px;
  margin: 0;
}
.announce-date-list .card-title.content-title-link a {
  justify-content: space-between;
}
.announce-date-list .card-title h3 {
  margin: 0;
  font-size: 18px;
}
@media (max-width: 767px) {
  .announce-date-list .card-title {
    text-align: left;
    padding: 10px 20px;
  }
  .announce-date-list .card-title .icon i:before,
.announce-date-list .card-title .icon span:before {
    content: "+";
    font-size: 20px;
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    line-height: 1;
    display: inline-block;
  }
  .announce-date-list .card-title.clicked .icon i:before,
.announce-date-list .card-title.clicked .icon span:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "";
    display: inline-block;
    font-size: 14px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.announce-date-list .card-list {
  border: 1px solid #dddddd;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
@media (max-width: 767px) {
  .announce-date-list .card-list {
    display: none;
  }
}
.announce-date-list .card-list .card-item {
  border-radius: 6px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 10px;
  margin-bottom: 10px;
}
.announce-date-list .card-list .card-item .col-date {
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  color: #213253;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  max-width: 80px;
  border-right: 1px solid #dddddd;
  text-align: center;
}
.dark-theme .announce-date-list .card-list .card-item .col-date {
  color: #eee;
}
.announce-date-list .card-list .card-item .col-date .day {
  font-size: 2.8571428571rem;
  line-height: 1;
}
.announce-date-list .card-list .card-item .col-date .month {
  font-size: 0.8571428571rem;
}
.announce-date-list .card-list .card-item .col-detail {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  padding-left: 20px;
}
.announce-date-list .card-list .card-item .col-detail h3 {
  font-size: 1.2rem;
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  color: #333333;
  margin-bottom: 5px;
}
.dark-theme .announce-date-list .card-list .card-item .col-detail h3 {
  color: #eee;
}
.announce-date-list .card-list .card-item .col-detail p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  font-style: normal;
  font-family: "kanitlight", sans-serif;
  margin: 0;
}
.content-laws {
  padding: 100px 0;
}
@media (max-width: 767px) {
  .content-laws {
    padding: 50px 0;
  }
}

@media (max-width: 767px) {
  .content-blog-list {
    margin-bottom: 40px;
  }
}
.content-blog-list .card-item {
  font-size: 1.2rem;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .content-blog-list .card-item {
    font-size: 1rem;
  }
}
.content-blog-list .card-item:last-child {
  margin: 0;
}
.content-blog-list .card-item .card-link {
  border: 1px solid #dddddd;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 30px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
.dark-theme .content-blog-list .card-item .card-link {
  background-color: transparent;
}
.content-blog-list .card-item .card-link:hover {
  border-color: transparent;
  box-shadow: 0 10px 30px rgba(33, 50, 83, 0.1);
  color: #213253;
}
.content-blog-list .card-item .card-link:hover .card-arrow {
  opacity: 0.4;
}
.content-blog-list .card-item .card-link:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #2A7C9D;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -14px;
  left: -3px;
}
.content-blog-list .card-item .card-text {
  padding-right: 30px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.content-blog-list .card-item .card-text p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}
.content-blog-list .card-item .card-text h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  font-size: 1.2857142857rem;
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  margin: 0;
}
.content-blog-list .card-item .card-text .date {
  color: #9f9f9f;
  margin-top: 5px;
}
.content-blog-list .card-item .card-arrow {
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  max-width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #2A7C9D;
  color: #fff;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}

.content-image-link .card-item {
  margin-bottom: 30px;
  border-radius: 6px;
  overflow: hidden;
}
.content-image-link .card-item .card-link {
  display: block;
  position: relative;
}
.content-image-link .card-item .card-link img {
  width: 100%;
}
.content-image-link .card-item .card-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 30px;
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  color: #213253;
  text-decoration: none;
}
.content-image-link .card-item .card-text h3 {
  font-size: 20px;
  font-style: normal;
  font-family: "kanitsemibold", sans-serif;
  color: #213253;
}
.content-image-link .card-item .card-text .text-more span {
  vertical-align: middle;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .content-image-link .card-item .card-text.text-light * {
    color: #fff;
  }
}

.content-padding {
  padding: 100px 0;
}
@media (max-width: 767px) {
  .content-padding {
    padding: 50px 0;
  }
}

.content-row {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .content-row .col-list {
    margin-bottom: 40px;
  }
}
.content-row .col-list .card-item {
  font-size: 1.1428571429rem;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .content-row .col-list .card-item {
    font-size: 1rem;
  }
}
.content-row .col-list .card-item:last-child {
  margin: 0;
}
.content-row .col-list .card-item .card-link {
  border: 1px solid #dddddd;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 30px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.content-row .col-list .card-item .card-link:hover {
  border-color: transparent;
  box-shadow: 0 10px 30px rgba(33, 50, 83, 0.1);
  color: #213253;
}
.content-row .col-list .card-item .card-link:hover .card-arrow {
  opacity: 0.4;
}
.content-row .col-list .card-item .card-link:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #2A7C9D;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -14px;
  left: -3px;
}
.content-row .col-list .card-item .card-text {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  padding-right: 30px;
}
.content-row .col-list .card-item .card-arrow {
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  max-width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #2A7C9D;
  color: #fff;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
@media (max-width: 767px) {
  .content-row .col-side {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.content-row .col-side .card-item {
  margin-bottom: 20px;
  border-radius: 6px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .content-row .col-side .card-item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px;
  }
  .content-row .col-side .card-item img {
    display: none;
  }
}
.content-row .col-side .card-item .card-link {
  display: inline-block;
  position: relative;
}
@media (max-width: 767px) {
  .content-row .col-side .card-item .card-link {
    display: block;
    border: 1px solid #213253;
    border-radius: 6px;
  }
}
.content-row .col-side .card-item .card-text {
  width: 100%;
  text-align: center;
  padding: 30px;
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  color: #213253;
}
@media (min-width: 768px) {
  .content-row .col-side .card-item .card-text {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (max-width: 767px) {
  .content-row .col-side .card-item .card-text {
    padding: 10px;
  }
}
.content-row .col-side .card-item .card-text h3 {
  font-size: 20px;
  font-style: normal;
  font-family: "kanitsemibold", sans-serif;
  color: #213253;
}
@media (max-width: 767px) {
  .content-row .col-side .card-item .card-text h3 {
    margin: 0;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .content-row .col-side .card-item .card-text .text-more {
    display: none;
  }
}
.content-row .col-side .card-item .card-text .text-more span {
  vertical-align: middle;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .content-row .col-side .card-item .card-text.text-light * {
    color: #fff;
  }
}

@media (max-width: 767px) {
  .collapse-list {
    margin-bottom: 40px;
  }
}
.collapse-list .card-item {
  border-radius: 6px;
  margin-bottom: 10px;
  cursor: pointer;
}
.collapse-list .card-item.active .card-title h3:after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 0;
}
.collapse-list .card-item .card-title {
  padding: 22px 30px;
  position: relative;
  background-color: #fff;
  margin: 0;
}
.collapse-list .card-item .card-title h3 {
  font-style: normal;
  font-family: "kanitsemibold", sans-serif;
  font-size: 1.4285714286rem;
  position: relative;
  padding-right: 30px;
  margin: 0;
  color: #213253;
}
.collapse-list .card-item .card-title h3:before, .collapse-list .card-item .card-title h3:after {
  content: "";
  width: 12px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  right: 11px;
  top: 13px;
  margin: auto;
  z-index: 1;
  border-radius: 10px;
}
.collapse-list .card-item .card-title h3:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -o-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -ms-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
}
.collapse-list .card-item .card-title:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 18px;
  width: 35px;
  height: 35px;
  background-color: #2A7C9D;
  border-radius: 50%;
}
.collapse-list .card-item .card-detail {
  display: none;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 20px 0;
}
.collapse-list .card-item .card-detail .link-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.collapse-list .card-item .card-detail .link-list ul li a {
  font-size: 1.0714285714rem;
  color: #606060;
  padding: 8px 12px 8px 68px;
  display: block;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
  -ms-transition: all 0s;
}
.dark-theme .collapse-list .card-item .card-detail .link-list ul li a {
  color: #eee;
}
.collapse-list .card-item .card-detail .link-list ul li a > span {
  display: block;
  max-width: 600px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  padding-right: 30px;
}
.collapse-list .card-item .card-detail .link-list ul li a:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  content: "";
  position: absolute;
  background-color: #2A7C9D;
  left: 40px;
  top: 19px;
}
.collapse-list .card-item .card-detail .link-list ul li a:hover {
  background-color: #2A7C9D;
  color: #fff;
}
.collapse-list .card-item .card-detail .link-list ul li a:hover:before {
  background-color: #fff;
}

.content-parallax {
  margin-bottom: 120px;
  height: 480px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .content-parallax {
    background-attachment: fixed;
  }
}
@media (max-width: 767px) {
  .content-parallax {
    height: 300px;
    margin-bottom: 50px;
  }
}

.content-related {
  padding: 100px 0;
}
@media (max-width: 767px) {
  .content-related {
    padding: 50px 0;
  }
  .content-related .content-title {
    text-align: center;
  }
}
.content-related .content-list .col-item {
  margin-bottom: 20px;
  border-radius: 6px;
  overflow: hidden;
}
.content-related .content-list .col-item .card-link {
  display: block;
  position: relative;
}
.content-related .content-list .col-item .card-link img {
  width: 100%;
}
.content-related .content-list .col-item .card-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 30px;
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  color: #213253;
}
.content-related .content-list .col-item .card-text h3 {
  font-size: 20px;
  font-style: normal;
  font-family: "kanitsemibold", sans-serif;
  color: #213253;
}
.content-related .content-list .col-item .card-text .text-more span {
  vertical-align: middle;
  margin-left: 10px;
}
.content-related .content-list .col-item .card-text.text-light * {
  color: #fff;
}

@media (min-width: 768px) {
  .news-list .card-item {
    margin-bottom: 30px;
  }
}
.news-list .card-link {
  border-radius: 10px;
  overflow: hidden;
  display: block;
}
.news-list .card-link:hover {
  box-shadow: 0 10px 30px rgba(33, 50, 83, 0.1);
}
.news-list .card-link:hover .card-text {
  background-color: #fff;
}
.news-list .card-image {
  padding-top: 31.9444444444%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}
.news-list .image img {
  width: 100%;
}
.news-list .card-text {
  padding: 20px 12px 25px;
}
.news-list .card-text h3 {
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  font-size: 1.2857142857rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.news-list .card-text p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  color: #606060;
}
.dark-theme .news-list .card-text p {
  color: #eee;
}

@media (min-width: 768px) {
  .content-news .card-item {
    margin-bottom: 30px;
  }
}
.content-news .card-link {
  border-radius: 10px;
  overflow: hidden;
  display: block;
}
.content-news .card-link:hover {
  box-shadow: 0 10px 30px rgba(33, 50, 83, 0.1);
}
.content-news .card-image {
  padding-top: 31.9444444444%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}
.content-news .card-text {
  padding: 20px 12px 25px;
}
.content-news .card-text h3 {
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  font-size: 1.2857142857rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.content-news .card-text p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  color: #606060;
}
.dark-theme .content-news .card-text p {
  color: #eee;
}
@media (max-width: 767px) {
  .content-news .content-link {
    margin-top: 40px;
  }
}

.content-breadcrumb {
  padding: 30px 0;
  background-color: #f2f2f2;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .content-breadcrumb {
    padding: 10px 0;
    margin-bottom: 0px;
  }
  .content-breadcrumb > div {
    padding: 0 15px;
  }
}
.dark-theme .content-breadcrumb {
  background-color: #555;
}
.content-breadcrumb ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .content-breadcrumb ul {
    display: flex;
    display: -webkit-flex;
  }
}
.content-breadcrumb ul li {
  font-size: 14px;
}
@media (max-width: 767px) {
  .content-breadcrumb ul li {
    display: inline;
    font-size: 10px;
  }
}
.content-breadcrumb ul li.active a,
.content-breadcrumb ul li .active {
  color: rgba(33, 50, 83, 0.5);
  pointer-events: none;
}
.dark-theme .content-breadcrumb ul li.active a,
.dark-theme .content-breadcrumb ul li .active {
  color: #eee;
}
.content-breadcrumb ul li:after {
  content: "/";
  display: inline-block;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .content-breadcrumb ul li:after {
    padding: 0 2px !important;
  }
}
.content-breadcrumb ul li:last-child:after {
  display: none;
}
.content-breadcrumb ul li a {
  text-decoration: none;
}
@media (min-width: 991px) {
  .content-breadcrumb ~ .subpage-banner {
    margin-top: -40px;
  }
}

.subpage-banner {
  position: relative;
}
.subpage-banner img {
  width: 100%;
}
.subpage-banner .card-text {
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  top: 0;
  left: 0;
}
.subpage-banner .card-text h1,
.subpage-banner .card-text h2,
.subpage-banner .card-text h3 {
  color: #213253;
}
@media (min-width: 992px) {
  .subpage-banner ~ .nav-list-horizontal {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@media (min-width: 768px) {
  .subpage-banner ~ .nav-list-horizontal .xs-title {
    display: none;
  }
}
@media (max-width: 767px) {
  .subpage-banner ~ .nav-list-horizontal .xs-title {
    background-color: #213253;
    color: #fff;
    text-align: center;
    padding: 10px 35px;
    text-transform: uppercase;
    position: relative;
  }
  .subpage-banner ~ .nav-list-horizontal .xs-title:before {
    content: "+";
    font-size: 22px;
    font-style: normal;
    font-family: "kanitlight", sans-serif;
    position: absolute;
    right: 20px;
    background-color: #fff;
    color: #213253;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    top: 14px;
  }
  .subpage-banner ~ .nav-list-horizontal .xs-title.active:before {
    content: "-";
  }
}
@media (max-width: 767px) {
  .subpage-banner ~ .nav-list-horizontal .list-menu {
    display: none;
    max-height: 335px;
    overflow: auto;
    padding: 20px 0;
  }
}
.subpage-banner ~ .nav-list-horizontal .list-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .subpage-banner ~ .nav-list-horizontal .list-menu ul {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
  }
}
.subpage-banner ~ .nav-list-horizontal .list-menu ul li {
  margin: 0 10px;
}
.subpage-banner ~ .nav-list-horizontal .list-menu ul li a {
  text-decoration: none;
  font-style: normal;
  font-family: "kanitsemibold", sans-serif;
  display: block;
  border-bottom: 3px solid transparent;
  text-align: center;
}
@media (min-width: 992px) {
  .subpage-banner ~ .nav-list-horizontal .list-menu ul li a {
    background-color: #f2f2f2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .dark-theme .subpage-banner ~ .nav-list-horizontal .list-menu ul li a {
    background-color: #555;
  }
}
@media (min-width: 768px) {
  .subpage-banner ~ .nav-list-horizontal .list-menu ul li a {
    min-width: 130px;
    padding: 10px 20px;
    font-size: 1.2857142857rem;
  }
  .subpage-banner ~ .nav-list-horizontal .list-menu ul li a.active, .subpage-banner ~ .nav-list-horizontal .list-menu ul li a:hover {
    border-color: #2A7C9D;
    background-color: #213253;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .subpage-banner ~ .nav-list-horizontal .list-menu ul li a {
    padding: 10px 0;
  }
  .subpage-banner ~ .nav-list-horizontal .list-menu ul li a.active, .subpage-banner ~ .nav-list-horizontal .list-menu ul li a:hover {
    color: #2A7C9D;
  }
}

.content-column-links {
  padding: 100px 0;
}
@media (max-width: 767px) {
  .content-column-links {
    padding: 50px 0;
  }
}
.content-column-links .link-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.content-column-links .link-list ul li a {
  color: #606060;
  padding: 12px 12px 12px 28px;
  display: block;
  position: relative;
  border-radius: 6px;
}
.dark-theme .content-column-links .link-list ul li a {
  color: #eee;
}
.content-column-links .link-list ul li a:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  content: "";
  position: absolute;
  background-color: #2A7C9D;
  left: 10px;
  top: 19px;
}
.content-column-links .link-list ul li a:hover {
  box-shadow: 0 5px 20px rgba(33, 50, 83, 0.1);
  background-color: #fff;
}
.content-column-links .col-image ~ .col-link-text {
  margin-top: 40px;
}
.content-column-links .col-link-text ~ .col-image {
  margin-top: 40px;
}

.content-page-title {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .content-page-title {
    padding-top: 30px;
    border: none;
  }
}
.dark-theme .content-page-title {
  border-color: #333;
}

.link-list-line {
  border: 1px solid #ddd;
  border-bottom: none;
}
@media (min-width: 768px) {
  .link-list-line .xs-title {
    display: none;
  }
}
@media (max-width: 767px) {
  .link-list-line .xs-title {
    background-color: #213253;
    color: #fff;
    text-align: center;
    padding: 13px 35px;
    text-transform: uppercase;
    position: relative;
  }
  .link-list-line .xs-title:before {
    content: "+";
    font-size: 22px;
    font-style: normal;
    font-family: "kanitlight", sans-serif;
    position: absolute;
    right: 20px;
    background-color: #fff;
    color: #213253;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    top: 18px;
  }
  .link-list-line .xs-title.active:before {
    content: "-";
  }
}
@media (max-width: 767px) {
  .link-list-line .list-menu {
    display: none;
    max-height: 335px;
    overflow: auto;
  }
}
.link-list-line .list-menu > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.link-list-line .list-menu > ul > li.hassubmenu > a {
  position: relative;
  padding-right: 25px;
}
.link-list-line .list-menu > ul > li.hassubmenu > a:after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  right: 14px;
  top: 24px;
  font-size: 13px;
}
.link-list-line .list-menu > ul > li > a {
  color: #213253;
  display: block;
  padding: 18px 20px;
  border-bottom: 1px solid #ddd;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
  -ms-transition: all 0s;
}
@media (max-width: 767px) {
  .link-list-line .list-menu > ul > li > a {
    padding: 10px 20px;
  }
}
.dark-theme .link-list-line .list-menu > ul > li > a {
  color: #eee;
}
.link-list-line .list-menu > ul > li > a.active, .link-list-line .list-menu > ul > li > a:hover {
  background-color: rgba(62, 163, 203, 0.2);
  color: #213253;
  border-left: 4px solid #213253;
}
.link-list-line .list-menu > ul > li .submenu {
  background-color: #f2f2f2;
  padding: 10px 0;
}
.link-list-line .list-menu > ul > li .submenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.link-list-line .list-menu > ul > li .submenu ul li {
  font-size: 0.9285714286rem;
}
.link-list-line .list-menu > ul > li .submenu ul li a {
  padding: 10px 20px;
  display: block;
  color: rgba(33, 50, 83, 0.6);
}
.link-list-line .list-menu > ul > li .submenu ul li a.active, .link-list-line .list-menu > ul > li .submenu ul li a:hover {
  color: #213253;
}

.content-sub-banner .card-image {
  position: relative;
}
.content-sub-banner .card-image img {
  border-radius: 6px;
}
@media (min-width: 768px) {
  .content-sub-banner .card-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 80px;
  }
}
@media (max-width: 767px) {
  .content-sub-banner .card-text {
    margin-top: 30px;
    text-align: center;
  }
}
.content-sub-banner .card-text h1 {
  font-size: 2.5714285714rem;
  margin-bottom: 20px;
  color: #213253;
}
@media (max-width: 767px) {
  .content-sub-banner .card-text h1 {
    font-size: 1.8571428571rem;
  }
}

.content-collapse-list {
  padding: 100px 0;
}
@media (max-width: 767px) {
  .content-collapse-list {
    padding: 50px 0;
  }
}

.static-content img {
  margin: 20px 0;
}
.static-content .content-bottom-line {
  border-top: 1px solid #ddd;
  padding: 20px 0;
}

.content-page-column {
  border-bottom: 1px solid #ddd;
}
.content-page-column .col-side {
  border-right: 1px solid #ddd;
  padding: 0;
}
.content-page-column .col-side .link-list-line {
  border-right: none;
}
@media (min-width: 991px) {
  .content-page-column .col-main {
    padding-left: 40px;
  }
}

.check-bullet ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.check-bullet ul li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}
.check-bullet ul li:before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 3px;
}

@media (max-width: 767px) {
  .content-tab-list .nav-tabs {
    display: none;
  }
}
.content-tab-list .nav-tabs .nav-item {
  cursor: pointer;
}
.content-tab-list .content-tab-content {
  padding: 40px 0;
}
@media (max-width: 767px) {
  .content-tab-list .content-tab-content {
    border-radius: 0.25rem;
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0;
  }
}
@media (min-width: 768px) {
  .content-tab-list .content-tab-content .content-item {
    display: none;
  }
}
.content-tab-list .content-tab-content .content-item > .xs-nav-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding: 10px;
  position: relative;
  color: #213253;
}
@media (min-width: 768px) {
  .content-tab-list .content-tab-content .content-item > .xs-nav-item {
    display: none;
  }
}
.content-tab-list .content-tab-content .content-item > .xs-nav-item:after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  display: inline-block;
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 16px;
}
.content-tab-list .content-tab-content .content-item > .xs-nav-item.active:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .content-tab-list .content-tab-content .content-item > .content {
    display: none;
    padding: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  }
}
.content-tab-list .content-tab-content .content-item:last-child > .xs-nav-item,
.content-tab-list .content-tab-content .content-item:last-child > .content {
  border-color: transparent;
}
.content-tab-list .content-tab-content .content-item:last-child > .xs-nav-item.active {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.content-tab-list .announce-date-list .card-title .icon i:before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  display: inline-block;
  font-size: 14px;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.content-tab-list .announce-date-list .card-list {
  display: block;
}

.content-image-text-col .card-item {
  margin-bottom: 20px;
}
.content-image-text-col .card-item .card-link {
  padding: 20px;
  border-radius: 6px;
  border: 1px solid #dddddd;
}
@media (min-width: 577px) {
  .content-image-text-col .card-item .card-link {
    display: flex;
    display: -webkit-flex;
  }
}
@media (max-width: 576px) {
  .content-image-text-col .card-item .card-link {
    display: block;
  }
}
.content-image-text-col .card-item .card-link .col-icon {
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  max-width: 50px;
}
@media (max-width: 576px) {
  .content-image-text-col .card-item .card-link .col-icon {
    margin: 0 auto 20px;
  }
}
.content-image-text-col .card-item .card-link .col-text {
  color: #222;
}
@media (min-width: 577px) {
  .content-image-text-col .card-item .card-link .col-text {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 20px;
  }
}
.dark-theme .content-image-text-col .card-item .card-link .col-text {
  color: #eee;
}
.content-image-text-col .card-item .card-link .col-text .title {
  color: #213253;
  margin-bottom: 10px;
}
.dark-theme .content-image-text-col .card-item .card-link .col-text .title {
  color: #eee;
}
.content-image-text-col .card-item .card-link .col-text .detail {
  font-size: 1rem;
}
.content-image-text-col .card-item .card-link:hover {
  box-shadow: 0 10px 30px rgba(33, 50, 83, 0.1);
  border-color: transparent;
}

footer .footer-banner {
  height: 400px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
@media (max-width: 767px) {
  footer .footer-banner {
    height: 200px;
  }
}
footer .footer-banner .content-title h2 {
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  color: #213253;
}
@media (max-width: 767px) {
  footer .footer-banner .content-title h2 {
    font-size: 20px;
  }
}
footer .footer-main {
  font-style: normal;
  font-family: "kanitlight", sans-serif;
  padding: 30px 0 40px;
}
footer .footer-main .col-left h3 {
  font-size: 1.2857142857rem;
}
footer .footer-main .social-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  display: -webkit-flex;
}
footer .footer-main .social-list ul li {
  margin-right: 16px;
}
footer .footer-main .social-list ul li a {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #dddddd;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  font-size: 15px;
}
footer .footer-main .social-list ul li a:hover {
  background-color: #213253;
  color: #fff;
}
@media (max-width: 767px) {
  footer .footer-links {
    margin-top: 30px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
  }
}
footer .footer-links .xs-title-nav {
  font-style: normal;
  font-family: "kanitmedium", sans-serif;
  color: #213253;
  position: relative;
  padding: 10px 0;
}
@media (min-width: 768px) {
  footer .footer-links .xs-title-nav {
    display: none;
  }
}
footer .footer-links .xs-title-nav:before, footer .footer-links .xs-title-nav:after {
  content: "";
  width: 12px;
  height: 2px;
  background-color: #2A7C9D;
  position: absolute;
  right: 11px;
  top: 24px;
  margin: auto;
  z-index: 1;
  border-radius: 10px;
}
footer .footer-links .xs-title-nav:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -o-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -ms-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s;
}
footer .footer-links .xs-title-nav.active:after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 0;
}
footer .footer-links .link-list {
  padding-top: 20px;
}
@media (min-width: 767px) {
  footer .footer-links .link-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  footer .footer-links .link-list {
    display: none;
    border-top: 1px solid #dddddd;
    padding-top: 10px;
  }
}
footer .footer-links .link-list > ul {
  -ms-flex: 0 0 250px;
  flex: 0 0 250px;
  max-width: 250px;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-right: 20px;
}
footer .footer-links .link-list > ul li {
  margin-bottom: 5px;
}
footer .footer-links .link-list > ul li a {
  color: #606060;
  font-style: normal;
  font-family: "kanitlight", sans-serif;
}
.dark-theme footer .footer-links .link-list > ul li a {
  color: #eee !important;
}
footer .footer-links .link-list > ul li a:hover {
  color: #213253;
  text-decoration: underline;
}
footer .footer-bottom {
  background-color: #213253;
  padding: 23px 0;
  color: #fff;
}
@media (max-width: 767px) {
  footer .footer-bottom {
    text-align: center;
  }
}
footer .footer-bottom a {
  color: #fff;
}

a.pdf:after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  display: inline-block;
  font-size: 1.7142857143rem;
  padding-left: 5px;
}
a.zip:after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  display: inline-block;
  font-size: 1.7142857143rem;
  padding-left: 5px;
}
a.external:after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  display: inline-block;
  font-size: 1.2857142857rem;
  padding-left: 5px;
}

/*# sourceMappingURL=main.css.map */