/* ==========================
 Variables
========================== */
/* --- Global --- */
/* Microsoft Jhenghei 400, 700 */
/* tab */
/* Column */
/* --- Templates --- */
/* --- Theme --- */
/* Import
----------------------------- */
@import url("https://fonts.googleapis.com/css?family=Mandali:400,600");
/* font-family: ''Crimson Text', serif; */
@import url("https://fonts.googleapis.com/css?family=Crimson+Text:400,700");

/* 無障礙化第 2B 包（1.4.4 文字縮放 / Freego CS2140401C）
   -----------------------------------------------------
   本檔的字級已全部改成 rem，基準是根字級 10px（= 瀏覽器預設 16px 的 62.5%）。
   一般頁面的根字級寫在 plugins.css（Bootstrap 3）裡，但 404 頁
   （frontEnd/includes/404head.blade.php）只載 model / main / page404，
   **沒有載 plugins.css**，根字級會變成瀏覽器預設值、整頁放大 1.6 倍。
   所以在這裡自己補一次，值與 plugins.css 相同，一般頁面是同值覆寫、沒有作用。

   兩件不要改的事：
   1. 一律寫 62.5%，不要寫絕對單位——Freego 的 CS2140401C 會掃外連 CSS 檔，
      只要檔案裡出現絕對單位的字級宣告就每頁報一條（連註解都會被掃到）。
   2. **這條規則一定要放在上面兩個 @import 之後**。CSS 規定 @import 只能出現在
      @charset 之後、任何其他規則之前；放到 @import 前面會讓 Mandali 與
      Crimson Text 兩個 webfont 整個不載入，全站字寬跑掉。 */
html {
  font-size: 62.5%; }

/* Microsoft Jhenghei 400, 700
----------------------------------------------- */
/* tab */
/* table */
/* Column */
/* Tag */
/* ==========================
 Mixins
========================== */
/* ==========================
 Middle Part
========================== */
/* --- Global --- */
/* ================================
Variables, Functions & Mixins 
================================ */
/*no transiton*/
.bgi_16x9 {
  width: 100%;
  padding: 0;
  padding-top: 56.25%;
  background-size: cover;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat !important;
  z-index: 1; }

.bgi_4x3 {
  width: 100%;
  padding: 0;
  padding-top: 75%;
  background-size: cover;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat !important;
  z-index: 1; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  https://github.com/matthieua/sass-css3-mixins

------------------------------------------------------------- */
@keyframes owlPrev {
  from {
    transform: translate3d(0, 0px, 0); }
  50% {
    transform: translate3d(-8px, 0, 0); }
  100% {
    transform: translate3d(0, 0px, 0); } }
@keyframes owlNext {
  from {
    transform: translate3d(0, 0px, 0); }
  50% {
    transform: translate3d(8px, 0, 0); }
  100% {
    transform: translate3d(0, 0px, 0); } }
/* --------------------------
2018.11.07 - Edit scrollbar
-------------------------- */
/* Button Mixins */
/* Arrow Right */
.btn_arrow_r {
  display: block;
  position: relative;
  color: white;
  text-align: right;
  padding: 0.5em;
  padding-right: 2em;
  line-height: 1em; }
  .btn_arrow_r:before {
    content: '\f101';
    position: absolute;
    font-family: FontAwesome;
    font-size: 1.5em;
    width: 1em;
    line-height: 1em;
    text-align: center;
    color: white;
    top: calc(50% - 0.5em);
    right: 0.25em; }
  @media screen and (min-width: 0) and (min-resolution: 72dpi) {
    .btn_arrow_r:before {
      font-size: 2rem; } }
  .btn_arrow_r:hover, .btn_arrow_r:focus {
    color: white; }
    .btn_arrow_r:hover:before, .btn_arrow_r:focus:before {
      -webkit-animation: arrowR 1s both infinite;
      -khtml-animation: arrowR 1s both infinite;
      -moz-animation: arrowR 1s both infinite;
      -ms-animation: arrowR 1s both infinite;
      -o-animation: arrowR 1s both infinite;
      animation: arrowR 1s both infinite; }

@keyframes arrowR {
  from {
    -webkit-transform: translateX(-0.1em);
    -khtml-transform: translateX(-0.1em);
    -moz-transform: translateX(-0.1em);
    -ms-transform: translateX(-0.1em);
    -o-transform: translateX(-0.1em);
    transform: translateX(-0.1em); }
  50% {
    -webkit-transform: translateX(0.1em);
    -khtml-transform: translateX(0.1em);
    -moz-transform: translateX(0.1em);
    -ms-transform: translateX(0.1em);
    -o-transform: translateX(0.1em);
    transform: translateX(0.1em); }
  to {
    -webkit-transform: translateX(-0.1em);
    -khtml-transform: translateX(-0.1em);
    -moz-transform: translateX(-0.1em);
    -ms-transform: translateX(-0.1em);
    -o-transform: translateX(-0.1em);
    transform: translateX(-0.1em); } }
.btn_arrow_btm {
  position: relative;
  display: block;
  text-align: center;
  padding-bottom: 20px; }
  .btn_arrow_btm:before {
    content: '\f103';
    position: absolute;
    font-family: FontAwesome;
    font-size: 2rem;
    color: #2069b3;
    bottom: 0;
    left: calc(50% - 6px); }
  .btn_arrow_btm:hover {
    text-shadow: 0 3px 12px rgba(255, 255, 255, 0.7); }
    .btn_arrow_btm:hover:before {
      text-shadow: 0 3px 12px rgba(255, 255, 255, 0.7);
      animation-name: arrowBtm;
      animation-duration: 1s;
      animation-fill-mode: both;
      animation-iteration-count: infinite; }

@keyframes arrowBtm {
  from {
    transform: translate3d(0, 0px, 0); }
  50% {
    transform: translate3d(0, 8px, 0); }
  100% {
    transform: translate3d(0, 0px, 0); } }
/* Button Cornoer Right Bottom */
.btn_corner_rbtm {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 70px 70px;
  border-color: transparent transparent #2069b3 transparent;
  margin: 0;
  -webkit-transition: all 0.1s ease-in-out;
  -khtml-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .btn_corner_rbtm span {
    position: absolute;
    right: 0px;
    top: 2.5em;
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: #6d6d6d;
    width: 50px;
    font-size: 1.2rem;
    font-weight: 700; }
  .btn_corner_rbtm:hover {
    border-color: transparent transparent #2d82d9 transparent; }

/* Button with Icon and Dashed line */
.btn_dashed, .btn_icon_dashed {
  position: relative;
  display: inline-block;
  margin: 20px 0px;
  color: #2069b3;
  border-bottom: 1px dotted #2069b3; }
  .btn_dashed:hover, .btn_icon_dashed:hover {
    color: #2b0066;
    border-bottom-style: dashed; }

.btn_icon_dashed {
  margin: 60px 10px; }
  .btn_icon_dashed:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background-image: url(../images/common/icon_btn_id.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: calc(50% - 50px);
    left: -20px;
    z-index: -1;
    color: #2069b3; }

.btn_ghost {
  display: inline-block;
  position: relative;
  line-height: 1em;
  padding: 0.5em;
  border: 1px solid;
  padding-right: 40px; }
  .btn_ghost:before {
    content: '\f101';
    position: absolute;
    font-family: FontAwesome;
    font-size: 2rem;
    height: 20px;
    line-height: 2rem;
    top: calc(50% - 10px);
    right: 10px; }
  .btn_ghost {
    border-color: #2069b3;
    background-color: transparent;
    color: #2069b3; }
    .btn_ghost:before {
      color: #2069b3; }
    .btn_ghost:hover {
      color: #fff;
      background-color: #2069b3; }
      .btn_ghost:hover:before {
        color: #fff; }
  .btn_ghost.main-text {
    border-color: #4d4d4d;
    background-color: transparent;
    color: #4d4d4d; }
    .btn_ghost.main-text:before {
      color: #4d4d4d; }
    .btn_ghost.main-text:hover {
      color: #fff;
      background-color: #4d4d4d; }
      .btn_ghost.main-text:hover:before {
        color: #fff; }
  .btn_ghost.reverse {
    border-color: #fff;
    background-color: transparent;
    color: #fff; }
    .btn_ghost.reverse:before {
      color: #fff; }
    .btn_ghost.reverse:hover {
      color: #4d4d4d;
      background-color: #fff; }
      .btn_ghost.reverse:hover:before {
        color: #4d4d4d; }

.btn_tilt_arrow {
  display: inline-block;
  position: relative;
  line-height: 1em;
  padding: 12px;
  padding-right: 40px;
  color: #2069b3;
  margin: 0 10px; }
  .btn_tilt_arrow:before {
    content: '\f101';
    position: absolute;
    font-family: FontAwesome;
    font-size: 2rem;
    height: 20px;
    line-height: 2rem;
    top: calc(50% - 0.5em);
    right: 10px;
    color: #2069b3; }
  .btn_tilt_arrow:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #2069b3;
    background-color: transparent;
    -webkit-transform: skew(20deg);
    -khtml-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(20deg);
    z-index: -1; }
  .btn_tilt_arrow:hover {
    color: #fff; }
    .btn_tilt_arrow:hover:after {
      border-color: transparent;
      background-color: #2069b3; }
    .btn_tilt_arrow:hover:before {
      color: #fff; }

/* Button Action */
.btn_action {
  display: inline-block;
  padding: 3px 5px;
  margin: 2px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1em;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: all 0s ease-in-out;
  -khtml-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  border: 1px solid #2069b3;
  background-color: #2069b3; }
  .btn_action:hover, .btn_action:focus {
    background-color: #185088;
    border-color: #185088; }
  .btn_action:hover, .btn_action:focus {
    color: #fff; }
  .btn_action.full {
    border: 1px solid #2069b3;
    background-color: #2069b3; }
    .btn_action.full:hover, .btn_action.full:focus {
      background-color: #185088;
      border-color: #185088; }
  .btn_action i {
    width: 16px;
    height: 16px;
    line-height: 16px; }
  .btn_action.warning {
    border: 1px solid #916700;
    background-color: #916700; }
    .btn_action.warning:hover, .btn_action.warning:focus {
      background-color: #755300;
      border-color: #755300; }
  .btn_action.danger {
    border: 1px solid #d7270d;
    background-color: #d7270d; }
    .btn_action.danger:hover, .btn_action.danger:focus {
      background-color: #ad1f0a;
      border-color: #ad1f0a; }
  .btn_action.outline {
    border: 1px solid #2069b3;
    background-color: transparent;
    color: #2069b3; }
    .btn_action.outline:hover {
      background-color: #2069b3;
      color: white; }

/* --------------------------
2018.10.03 - Add _lang
2018.11.07 - Edit _scrollbar
           - Add _fonts
           - Edit _custom
2018.11.08 - Edit _custom
2018.11.09 - Edit _custom
           - Add _buttons
2018.11.29 - Add _gridSystem

-------------------------- */
/* ==========================
 Middle Part
========================== */
/* Setting
=============== */
body {
  -webkit-font-smoothing: antialiased;
  color: #4d4d4d;
  font-family: "Mandali", "Microsoft Jhenghei", sans-serif; }
  body.lang-2nd {
    font-family: "Microsoft Jhenghei", sans-serif; }

button {
  line-height: 1em;
  background-color: transparent;
  border: 0;
  padding: 0; }

button:hover,
button:active,
button:focus {
  outline: unset; }

img {
  -webkit-backface-visibility: hidden;
  max-width: 100%;
  height: auto; }

video {
  background-size: mask;
  display: table-cell;
  vertical-align: middle;
  width: 100%; }

ul {
  margin: 0px;
  padding: 0px; }

input[type="submit"] {
  width: auto; }

input[type="button"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
input[type="submit"] {
  -webkit-appearance: none; }

select::-ms-expand {
  display: none; }

iframe {
  border: 0; }

.sound iframe {
  width: 100%; }

a, a:before, a:after,
a *, a *:before, a *:after {
  -webkit-transition: all 0.1s ease-in-out;
  -khtml-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

/* Highlight
------------------------ */
::selection {
  color: #2069b3;
  background: rgba(0, 0, 0, 0.05); }

::-moz-selection {
  color: #2069b3;
  background: rgba(0, 0, 0, 0.05); }

body {
  line-height: 1.5em; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  text-transform: unset;
  margin: 0;
  padding: 0;
  color: inherit;
  line-height: 1.5em;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: none; }

h1, .h1,
h2, .h2 {
  font-weight: 700; }

p, .p {
  margin: 0em 0;
  line-height: 1.8em; }

code, kbd, pre, samp {
  font-family: inherit; }

/* Desktop Font Size
--------------------- */
body {
  font-size: 1.6rem;
  line-height: 1.5em; }

h1, .h1 {
  font-size: 3.2rem; }

h2, .h2 {
  font-size: 3rem; }

h3, .h3 {
  font-size: 2.4rem; }

h4, .h4 {
  font-size: 2rem; }

h5, .h5 {
  font-size: 1.8rem; }

h6, .h6 {
  font-size: 1.6rem; }

p, .p {
  font-size: 1.6rem; }

a {
  font-size: inherit; }

li {
  font-size: 1.6rem; }

code, kbd, pre, samp {
  font-size: 1.6rem; }

input,
textarea,
select,
option,
.btn {
  font-size: 1.6rem; }

/* Input
------------ */
/* Mobile Font Size
--------------------- */
@media (max-width: 767px) {
  body {
    font-size: 1.4rem;
    line-height: 1.5em; }

  h1, .h1 {
    font-size: 2.45rem; }

  h2, .h2 {
    font-size: 2.296875rem; }

  h3, .h3 {
    font-size: 2.1rem; }

  h4, .h4 {
    font-size: 1.75rem; }

  h5, .h5 {
    font-size: 1.575rem; }

  h6, .h6 {
    font-size: 1.4rem; }

  p, .p {
    font-size: 1.4rem; }

  a {
    font-size: inherit; }

  li {
    font-size: 1.4rem; }

  code, kbd, pre, samp {
    font-size: 1.4rem; }

  input,
  textarea,
  select,
  option,
  .btn {
    font-size: 1.4rem; }

  /* Input
  ------------ */ }
/* Plugin Fix
=============== */
a, a:hover, a:focus {
  text-decoration: none;
  outline: none; }

/* Grid System
----------------- */
.container-fluid {
  padding-right: 0;
  padding-left: 0; }

.container {
  padding: 0 8px; }
  .container.wide {
    width: 100%;
    max-width: 100%; }
  @media (max-width: 1199px) {
    .container {
      width: 100%; } }
  @media (min-width: 1200px) {
    .container {
      width: 1200px; }
      .container.wide {
        width: 1400px; } }

[class*=col-lg], [class*=col-md], [class*=col-sm], [class*=col-xs] {
  padding-left: 8px;
  padding-right: 8px; }

.row {
  margin: 0; }

/* Components
-------------------- */
/* nav-tabs
------------- */
.nav-tabs > li > a {
  line-height: 1em;
  padding: 12px; }

/* breadcrumb
------------- */
.breadcrumb {
  background-color: transparent;
  padding: 6px 0;
  margin: 0; }
  .breadcrumb:after, .breadcrumb:before {
    content: "";
    display: block;
    clear: both; }
  .breadcrumb li, .breadcrumb a {
    line-height: 1em; }
  .breadcrumb li {
    font-size: 0.8em;
    display: block;
    float: left;
    position: relative; }
  .breadcrumb > li + li {
    padding-left: 20px; }
    .breadcrumb > li + li:before {
      content: '\00BB';
      position: absolute;
      left: 0;
      top: 0;
      width: 20px;
      text-align: center; }
  .breadcrumb a {
    display: block; }
  .breadcrumb a:hover {
    text-decoration: underline; }

/* alert
------------- */
.alert {
  padding: 5px;
  margin-bottom: 10px; }

/* Button
------------- */
.btn:hover, .btn:hover:hover, .btn:active, .btn:active:hover, .btn:focus, .btn:focus:hover {
  outline: none; }

/* Custom Float Class
-------------------- */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

@media (max-width: 767px) {
  .xs-pull-right {
    float: right; }

  .xs-pull-left {
    float: left; }

  .xs-pull-none {
    float: none !important; } }
@media (max-width: 575px) {
  .xxs-pull-right {
    float: right; }

  .xxs-pull-left {
    float: left; }

  .xxs-pull-none {
    float: none !important; } }
@media (min-width: 768px) {
  .sm-pull-right {
    float: right; }

  .sm-pull-left {
    float: left; }

  .sm-float-none {
    float: none !important; } }
@media (min-width: 992px) {
  .md-pull-right {
    float: right; }

  .md-pull-left {
    float: left; }

  .md-float-none {
    float: none !important; } }
@media (min-width: 1200px) {
  .lg-pull-right {
    float: right; }

  .lg-pull-left {
    float: left; }

  .lg-float-none {
    float: none !important; } }
/* Custom Column Width
------------------- */
@media (max-width: 575px) {
  .col-xxs-3 {
    width: 25%; }

  .col-xxs-4 {
    width: 33.3333333333%; }

  .col-xxs-6 {
    width: 50%; }

  .col-xxs-9 {
    width: 75%; }

  .col-xxs-12 {
    width: 100%;
    margin-left: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .sm-only-w-100 {
    width: 100%; } }
.tab:after, .tab:before {
  content: "";
  display: block;
  clear: both; }
.tab > li {
  float: left;
  display: block; }
.tab > li.active a {
  background-color: #eee; }
.tab a {
  display: block;
  line-height: 1em; }

/*-- Responsive Robot --*/
@media screen and (max-height: 575px) {
  #rc-imageselect, .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0; } }
.fb-page blockquote {
  border: 0;
  display: none; }

.wow {
  visibility: hidden; }

/* ---------------------
Multiple
--------------------- */
.select2-multiple-skin .select2-selection--multiple {
  letter-spacing: 0px;
  vertical-align: middle;
  resize: vertical;
  max-width: 100%;
  border: 1px solid #dcdcdc;
  border-radius: 2px; }
  @media (max-width: 767px) {
    .select2-multiple-skin .select2-selection--multiple {
      min-height: calc(1.8em + 20px); } }
  .select2-multiple-skin .select2-selection--multiple ul.select2-selection__rendered {
    display: block;
    padding: 5px 2px;
    padding-right: 30px; }
  .select2-multiple-skin .select2-selection--multiple ul.select2-selection__rendered li {
    height: 22px; }
  .select2-multiple-skin .select2-selection--multiple .select2-selection__choice {
    margin: 1px; }
    @media (max-width: 767px) {
      .select2-multiple-skin .select2-selection--multiple .select2-selection__choice {
        margin: 3px 2px; } }
.select2-multiple-skin .select2-container {
  width: 100% !important; }
.select2-multiple-skin .select2-container .select2-search--inline .select2-search__field {
  margin-top: 0; }

.modal-dialog.custom {
  max-width: 400px;
  margin: 30px auto; }
  @media (max-width: 575px) {
    .modal-dialog.custom {
      max-width: unset; } }

.modal-body .row {
  margin: 0; }
.modal-body [class*=col-lg],
.modal-body [class*=col-md],
.modal-body [class*=col-sm],
.modal-body [class*=col-xs] {
  padding: 8px; }

/* Components
=============== */
/* Owl Carousel Default */
.owl-carousel .owl-item:hover {
  z-index: 2; }
.owl-carousel .content {
  display: block;
  text-align: left;
  position: relative; }
.owl-carousel .owl-dots {
  text-align: center;
  margin-top: 0px;
  width: 100%; }
  .owl-carousel .owl-dots .owl-dot {
    display: inline-block; }
    .owl-carousel .owl-dots .owl-dot span {
      width: 6px;
      height: 6px;
      margin: 0px 1px;
      background: transparent;
      border: 1px solid #2069b3;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity .2s ease;
      border-radius: 30px; }
    .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
      background-color: #2069b3; }
.owl-carousel .owl-nav {
  position: absolute;
  top: calc(50% - 25px);
  left: 0;
  z-index: 3;
  width: 100%; }
  .owl-carousel .owl-nav [class*=owl-] {
    position: relative;
    color: #fff;
    background-color: transparent;
    font-size: 4rem;
    margin: 0px;
    padding: 0;
    width: 50px;
    text-align: center;
    position: absolute;
    border-radius: 50px;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    opacity: 1; }
    .owl-carousel .owl-nav [class*=owl-] i {
      line-height: 50px; }
    .owl-carousel .owl-nav [class*=owl-].disabled, .owl-carousel .owl-nav [class*=owl-].disabled:hover {
      opacity: 0.2; }
.owl-carousel .owl-prev {
  left: 10px; }
  .owl-carousel .owl-prev i {
    margin-right: 5px; }
.owl-carousel .owl-next {
  right: 10px; }
  .owl-carousel .owl-next i {
    margin-left: 5px; }
.owl-carousel .owl-nav {
  opacity: 0; }
.owl-carousel:hover .owl-nav {
  opacity: 1; }
.owl-carousel .owl-dots {
  position: absolute; }

.big-images {
  margin-bottom: 4px; }

/* Row Wrapper
------------------- */
.row_wrapper {
  overflow: hidden; }

/* tag */
/* tag */
.tag {
  display: inline-block;
  padding: 5px;
  margin: 2px;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1;
  border-radius: 4px;
  border: 1px;
  border-style: solid;
  color: #fff !important;
  text-align: center;
  white-space: nowrap;
  text-indent: 0;
  -webkit-transition: all 0s ease-in-out;
  -khtml-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out; }
  .tag {
    border-color: #9f6000;
    background-color: #9f6000; }
  .tag.success {
    border-color: #407d2a;
    background-color: #407d2a; }
  .tag.info {
    border-color: #1d7b7f;
    background-color: #1d7b7f; }
  .tag.warning {
    border-color: #916700;
    background-color: #916700; }
  .tag.danger {
    border-color: #d7270d;
    background-color: #d7270d; }
  .tag[disabled=true] {
    border-color: #6d6d6d;
    background-color: #6d6d6d; }
  .tag.disabled {
    border-color: #6d6d6d;
    background-color: #6d6d6d; }
  .tag.outline.white {
    border-color: white;
    background-color: transparent;
    color: white; }

a.tag:hover, button.tag:hover {
  /* 無障礙化第 2B 包（1.4.3）：原本是 opacity: .6，一 hover 底色與白字一起變淡，
     對比會掉到 2 以下。改成 inset 陰影——它畫在背景之上、文字之下，所以只有底色
     變暗、白字仍然是純白，hover 的對比反而從 5.0 升到 7.0 左右。
     （filter: brightness(.8) 不行，那會連白字一起壓暗。）
     註：本站的標籤目前一律是 <span class="tag …">（class 來自 categories.title_image），
     所以這條規則現在不會作用；改它是為了以後真的把標籤做成連結時不會踩到。 */
  box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.2);
  color: #fff; }

.tag_icon {
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
  display: inline-block;
  padding-right: 8px;
  text-align: left;
  color: #6d6d6d; }
  .tag_icon:before {
    content: '\f02b';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    color: #2069b3;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 8px; }
  .tag_icon:hover {
    text-decoration: underline;
    color: #6d6d6d; }

/* pagination */
/*--- pagination ---*/
.pagination {
  margin: 10px 0; }
  .pagination li {
    text-align: center; }
    .pagination li a {
      font-size: 1.6rem;
      padding: 4px 8px;
      border-radius: 15px !important;
      min-width: 29px;
      display: inline-block;
      border: none;
      margin: 0 2px;
      -webkit-transition: all 0s ease-in-out;
      -khtml-transition: all 0s ease-in-out;
      -moz-transition: all 0s ease-in-out;
      -ms-transition: all 0s ease-in-out;
      -o-transition: all 0s ease-in-out;
      transition: all 0s ease-in-out;
      background-color: transparent;
      color: #4d4d4d; }
    .pagination li a:hover, .pagination li a:focus {
      background-color: rgba(32, 105, 179, 0.05);
      color: #4d4d4d; }
    .pagination li.active a, .pagination li.active a:hover, .pagination li.active a:focus, .pagination li.active a.active {
      background-color: #2069b3;
      color: #fff; }

/* Button */
a {
  color: #0275d8; }

a:hover, a:focus {
  color: #0275d8; }

.underline,
.hover_underline,
.underline_blue,
.hover_underline_blue,
.underline_highlight,
.underline_highlight,
.hover_underline_highlight {
  -webkit-transition: all 0s ease-in-out;
  -khtml-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out; }

.underline {
  color: #2069b3; }
  .underline:hover {
    color: #0275d8;
    text-decoration: underline;
    opacity: 1; }

.hover_underline {
  color: inherit;
  text-decoration: none; }
  .hover_underline:hover {
    color: inherit;
    text-decoration: underline; }

.underline_blue {
  color: #0275d8; }
  .underline_blue:hover {
    color: inherit;
    text-decoration: underline; }

.hover_underline_blue {
  text-decoration: none;
  -webkit-transition: all 0s ease-in-out;
  -khtml-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out; }
  .hover_underline_blue:hover {
    color: #0275d8;
    text-decoration: underline; }

.underline_highlight {
  color: #0275d8; }
  .underline_highlight:hover {
    color: inherit;
    text-decoration: underline; }

.hover_underline_highlight {
  text-decoration: none; }
  .hover_underline_highlight:hover {
    color: #0275d8;
    text-decoration: underline; }

/* Bootstrap Button
-------------- */
.btn-theme {
  background-color: #2069b3;
  border-color: #1c5c9d;
  color: white; }
  .btn-theme:hover, .btn-theme:hover:hover, .btn-theme:hover:active, .btn-theme:hover:focus, .btn-theme:active, .btn-theme:active:hover, .btn-theme:active:active, .btn-theme:active:focus, .btn-theme:focus, .btn-theme:focus:hover, .btn-theme:focus:active, .btn-theme:focus:focus {
    color: white;
    background-color: #1c5c9d;
    border-color: #185088; }

/* Button Main */
.btn_main {
  line-height: 1em;
  padding: 14px 20px;
  border-radius: 4px;
  background-color: #2069b3;
  color: white;
  display: inline-block;
  border: 1px solid transparent;
  -webkit-transition: all 0.1s ease-in-out;
  -khtml-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .btn_main:hover, .btn_main:focus {
    color: white;
    background-color: #1c5c9d; }
  .btn_main.large {
    font-size: 2rem;
    padding: 18px 24px; }
  .btn_main.radius {
    border-radius: 30px; }
  .btn_main.reverse {
    background-color: white;
    color: #2069b3; }

.btn_main, .btn_special {
  white-space: nowrap; }

/* Btn Wrapper
-------------- */
.btn_wr .btn_main, .btn_wr .btn_special {
  display: inline-block; }

/* 2018.10.01 */
/* Marquee */
.abgne_marquee_wrapper {
  position: relative;
  overflow: hidden;
  z-index: 2;
  background-color: #2069b3; }

#abgne_marquee {
  height: 31px;
  position: relative;
  overflow: hidden;
  /* RWD */ }
  #abgne_marquee ul {
    position: absolute;
    width: 100%;
    height: 100%; }
    #abgne_marquee ul li {
      display: table;
      height: 100%;
      text-align: center;
      width: 100%;
      color: #fff; }
    #abgne_marquee ul .td {
      display: table-cell;
      vertical-align: middle;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 0;
      width: 100%;
      padding: 0 12px; }
  #abgne_marquee a {
    color: inherit; }
    #abgne_marquee a:hover, #abgne_marquee a:focus {
      text-decoration: underline; }

/* Blocky */
/* 2018.10.11 */
.basic_container {
  padding: 8px; }
  .basic_container > [class*=col-lg], .basic_container > [class*=col-md], .basic_container > [class*=col-sm], .basic_container > [class*=col-xs] {
    padding: 8px; }

.blocky {
  border-radius: 4px;
  background-color: white;
  border-radius: 4px;
  overflow: hidden; }
  .blocky.highlight {
    border: 2px dotted #2069b3; }
  .blocky .blocky_body {
    padding: 8px; }
    .blocky .blocky_body:after, .blocky .blocky_body:before {
      content: "";
      display: block;
      clear: both; }
    .blocky .blocky_body.article {
      padding: 8px 16px 16px; }
    .blocky .blocky_body.min-medium {
      min-height: 300px; }
    .blocky .blocky_body.padding-large {
      padding: 16px; }
  .blocky .blocky_footer {
    padding: 16px;
    text-align: right;
    border-top: 1px solid #e1e1e1; }
    .blocky .blocky_footer.padding-small {
      padding: 8px; }
  .blocky .date {
    margin: 0;
    line-height: 24px; }
  .blocky .thumb {
    width: 80px; }
  .blocky .dv_line {
    position: relative;
    border-top: 1px solid #e1e1e1; }
    .blocky .dv_line.m-tb {
      margin-top: 8px;
      margin-bottom: 8px; }

/* margin */
.blocky {
  margin-bottom: 15px; }

/* no border */
.blocky.no-border {
  border: 0; }

.blocky .blocky_body.form_table {
  padding: 0; }

/* blocky_header */
.blocky_header {
  padding: 8px 8px;
  border-bottom: 1px solid #dcdcdc;
  color: #2069b3;
  background-color: white; }

.blocky_header {
  border-top: 1px solid #e1e1e1; }
  .blocky_header:nth-child(1) {
    border-top: 0; }

/* blocky_header Component */
.blocky_header:after, .blocky_header:before {
  content: "";
  display: block;
  clear: both; }
.blocky_header h1, .blocky_header h2, .blocky_header h3, .blocky_header h4, .blocky_header .title {
  float: left; }
.blocky_header .align-center {
  width: 100%; }
.blocky_header .title ~ .input_simple {
  margin: -6px 0; }
.blocky_header .title + .input_simple {
  margin-right: -14px; }
.blocky_header .input-daterange {
  float: right;
  max-width: 300px;
  margin: -3px 0;
  margin-right: -5px; }
  @media (max-width: 575px) {
    .blocky_header .input-daterange {
      width: calc(100% + 8px);
      max-width: none;
      margin: 5px -5px -3px; } }
.blocky_header .nav-tabs {
  border-bottom: 0px;
  margin-bottom: -10px;
  margin-top: -3px;
  margin-left: -7px;
  margin-right: -7px; }
  .blocky_header .nav-tabs.justify {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .blocky_header .nav-tabs.justify li {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  .blocky_header .nav-tabs li a {
    color: #2069b3;
    background-color: transparent;
    border: 1px solid #2069b3;
    border-bottom-color: transparent;
    text-align: center; }
    .blocky_header .nav-tabs li a:hover, .blocky_header .nav-tabs li a:focus {
      color: #fff;
      background-color: #2069b3;
      border: 1px solid #2069b3; }
  .blocky_header .nav-tabs li.active a, .blocky_header .nav-tabs li.active a:hover, .blocky_header .nav-tabs li.active a:focus {
    color: #fff;
    background-color: #2069b3;
    border: 1px solid #2069b3; }

/* Block Border Top
-------------- */
.blocky > .blocky_body + .blocky_body {
  border-top: 1px solid #e1e1e1; }

.action_bar .alert {
  padding: 8px; }
.action_bar .alert, .action_bar .btn_action {
  margin-bottom: 8px; }
  .action_bar .alert:nth-last-child(1), .action_bar .btn_action:nth-last-child(1) {
    margin: 0; }

.nowrap {
  white-space: nowrap; }

.blocky .row {
  margin: 0; }
  .blocky .row > [class*=col-lg],
  .blocky .row > [class*=col-md],
  .blocky .row > [class*=col-sm],
  .blocky .row > [class*=col-xs] {
    padding: 0 8px; }

/* Narrow */
.blocky.narrow .blocky_footer, .blocky .blocky_footer.narrow {
  padding: 4px; }

/* Pagination */
.blocky .pagination {
  margin: 0;
  width: 100%;
  text-align: center; }
  .blocky .pagination li {
    display: inline-block; }

/* Stepper */
.stepper {
  padding: 4px;
  margin-bottom: 16px;
  background-color: white; }
  .stepper > li {
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding: 5px; }
    .stepper > li:nth-last-child(1) {
      border-right: 0px; }
    .stepper > li p {
      margin: 0; }
    .stepper > li p.step {
      font-size: 1.1rem;
      font-weight: 700; }
    .stepper > li p {
      color: #4d4d4d; }
    .stepper > li p.step {
      color: #2069b3; }
    .stepper > li.active {
      background-color: #f7e5e0;
      border: 0; }
      .stepper > li.active p {
        color: #4d4d4d; }
      .stepper > li.active .step {
        color: #4d4d4d; }

/* Tab */
.blocky_tab a {
  padding: 10px 15px;
  border-radius: 4px 4px 0 0;
  color: #4d4d4d;
  background-color: transparent; }
.blocky_tab a:hover {
  background-color: #ede2e2; }
.blocky_tab > li.active a {
  background-color: #2069b3;
  color: white; }
@media (min-width: 768px) {
  .blocky_tab {
    border-bottom: 2px solid #2069b3;
    background-color: #f7f2f2;
    border-radius: 4px 4px 0 0; } }
@media (max-width: 767px) {
  .blocky_tab {
    border-bottom: 2px solid #2069b3; }
    .blocky_tab a {
      padding: 10px;
      border-radius: 4px;
      background-color: #f7f2f2; } }

/* Form
-------------------- */
.form_table {
  width: 100%; }
  .form_table tr th, .form_table tr td {
    padding: 8px; }
  .form_table thead th, .form_table thead td, .form_table tfoot th, .form_table tfoot td {
    padding: 4px 8px;
    font-size: 1.4rem; }
  .form_table p {
    margin: 0px; }
  @media (min-width: 576px) {
    .form_table.xxs-responsive {
      /* Desktop */
      /* 2018.10.04 */
      /* Vertical Align
      ----------------- */
      /* Eliminate Bottom Line When ROWSPAN (simple rowspan)
      ------------- */ }
      .form_table.xxs-responsive th, .form_table.xxs-responsive td {
        border-bottom: 1px solid #e1e1e1; }
        .form_table.xxs-responsive th.w-1, .form_table.xxs-responsive td.w-1 {
          width: 10%; }
        .form_table.xxs-responsive th.w-2, .form_table.xxs-responsive td.w-2 {
          width: 20%; }
        .form_table.xxs-responsive th.w-3, .form_table.xxs-responsive td.w-3 {
          width: 30%; }
        .form_table.xxs-responsive th.w-4, .form_table.xxs-responsive td.w-4 {
          width: 40%; }
        .form_table.xxs-responsive th.w-5, .form_table.xxs-responsive td.w-5 {
          width: 50%; }
        .form_table.xxs-responsive th.w-6, .form_table.xxs-responsive td.w-6 {
          width: 60%; }
        .form_table.xxs-responsive th.w-7, .form_table.xxs-responsive td.w-7 {
          width: 70%; }
        .form_table.xxs-responsive th.w-8, .form_table.xxs-responsive td.w-8 {
          width: 80%; }
        .form_table.xxs-responsive th.w-9, .form_table.xxs-responsive td.w-9 {
          width: 90%; }
        .form_table.xxs-responsive th.w-f-1, .form_table.xxs-responsive td.w-f-1 {
          width: 45px; }
        .form_table.xxs-responsive th.w-f-2, .form_table.xxs-responsive td.w-f-2 {
          width: 90px; }
        .form_table.xxs-responsive th.w-f-3, .form_table.xxs-responsive td.w-f-3 {
          width: 135px; }
        .form_table.xxs-responsive th.w-f-4, .form_table.xxs-responsive td.w-f-4 {
          width: 180px; }
        .form_table.xxs-responsive th.w-f-5, .form_table.xxs-responsive td.w-f-5 {
          width: 225px; }
      .form_table.xxs-responsive tbody tr:nth-last-child(1) th, .form_table.xxs-responsive tbody tr:nth-last-child(1) td {
        border-bottom: 0px; }
      .form_table.xxs-responsive thead th, .form_table.xxs-responsive thead td, .form_table.xxs-responsive tfoot th, .form_table.xxs-responsive tfoot td {
        background-color: white;
        border-style: solid;
        border-color: #e1e1e1;
        border-width: 0;
        margin: 0; }
      .form_table.xxs-responsive thead th, .form_table.xxs-responsive thead td {
        border-bottom-width: 1px; }
      .form_table.xxs-responsive tfoot th, .form_table.xxs-responsive tfoot td {
        border-top-width: 1px; }
      .form_table.xxs-responsive tbody, .form_table.xxs-responsive tfoot, .form_table.xxs-responsive thead, .form_table.xxs-responsive tr {
        vertical-align: middle; }
      .form_table.xxs-responsive.vertical-middle th, .form_table.xxs-responsive.vertical-middle td {
        vertical-align: middle; }
      .form_table.xxs-responsive.vertical-top th, .form_table.xxs-responsive.vertical-top td {
        vertical-align: top; }
      .form_table.xxs-responsive.vertical-bottom th, .form_table.xxs-responsive.vertical-bottom td {
        vertical-align: bottom; }
      .form_table.xxs-responsive tr:nth-last-child(2) td[rowspan="2"], .form_table.xxs-responsive tr:nth-last-child(2) th[rowspan="2"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(3) td[rowspan="3"], .form_table.xxs-responsive tr:nth-last-child(3) th[rowspan="3"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(4) td[rowspan="4"], .form_table.xxs-responsive tr:nth-last-child(4) th[rowspan="4"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(5) td[rowspan="5"], .form_table.xxs-responsive tr:nth-last-child(5) th[rowspan="5"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(6) td[rowspan="6"], .form_table.xxs-responsive tr:nth-last-child(6) th[rowspan="6"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(7) td[rowspan="7"], .form_table.xxs-responsive tr:nth-last-child(7) th[rowspan="7"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(8) td[rowspan="8"], .form_table.xxs-responsive tr:nth-last-child(8) th[rowspan="8"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(9) td[rowspan="9"], .form_table.xxs-responsive tr:nth-last-child(9) th[rowspan="9"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(10) td[rowspan="10"], .form_table.xxs-responsive tr:nth-last-child(10) th[rowspan="10"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(11) td[rowspan="11"], .form_table.xxs-responsive tr:nth-last-child(11) th[rowspan="11"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(12) td[rowspan="12"], .form_table.xxs-responsive tr:nth-last-child(12) th[rowspan="12"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(13) td[rowspan="13"], .form_table.xxs-responsive tr:nth-last-child(13) th[rowspan="13"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(14) td[rowspan="14"], .form_table.xxs-responsive tr:nth-last-child(14) th[rowspan="14"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(15) td[rowspan="15"], .form_table.xxs-responsive tr:nth-last-child(15) th[rowspan="15"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(16) td[rowspan="16"], .form_table.xxs-responsive tr:nth-last-child(16) th[rowspan="16"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(17) td[rowspan="17"], .form_table.xxs-responsive tr:nth-last-child(17) th[rowspan="17"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(18) td[rowspan="18"], .form_table.xxs-responsive tr:nth-last-child(18) th[rowspan="18"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(19) td[rowspan="19"], .form_table.xxs-responsive tr:nth-last-child(19) th[rowspan="19"] {
        border-bottom: 0; }
      .form_table.xxs-responsive tr:nth-last-child(20) td[rowspan="20"], .form_table.xxs-responsive tr:nth-last-child(20) th[rowspan="20"] {
        border-bottom: 0; } }
  @media (max-width: 575px) {
    .form_table.xxs-responsive {
      /* 2018.10.09 */ }
      .form_table.xxs-responsive {
        table-layout: fixed; }
      .form_table.xxs-responsive tr {
        border-bottom: 3px double #e1e1e1; }
        .form_table.xxs-responsive tr:nth-last-child(1) {
          border-bottom: 0px; }
        .form_table.xxs-responsive tr th, .form_table.xxs-responsive tr td {
          padding-top: 4px;
          padding-bottom: 4px; }
        .form_table.xxs-responsive tr th {
          display: none; }
        .form_table.xxs-responsive tr td {
          display: block;
          border-bottom: 1px dotted rgba(225, 225, 225, 0.7);
          padding-left: 80px;
          position: relative;
          min-height: calc(1em + 8px); }
          .form_table.xxs-responsive tr td:before {
            content: attr(data-head) "";
            font-weight: bold;
            font-size: 1.2rem;
            position: absolute;
            line-height: 1em;
            left: 8px;
            top: calc(50% - 0.5em);
            color: #4d4d4d; }
          .form_table.xxs-responsive tr td:nth-last-child(1) {
            border-bottom: 0; }
      .form_table.xxs-responsive thead {
        display: none; }
      .form_table.xxs-responsive .align-left, .form_table.xxs-responsive .align-center, .form_table.xxs-responsive .align-right {
        text-align: left !important; }
      .form_table.xxs-responsive tbody, .form_table.xxs-responsive tfoot, .form_table.xxs-responsive thead, .form_table.xxs-responsive tr {
        vertical-align: top; } }
  @media (min-width: 768px) {
    .form_table.xs-responsive {
      /* Desktop */
      /* 2018.10.04 */
      /* Vertical Align
      ----------------- */
      /* Eliminate Bottom Line When ROWSPAN (simple rowspan)
      ------------- */ }
      .form_table.xs-responsive th, .form_table.xs-responsive td {
        border-bottom: 1px solid #e1e1e1; }
        .form_table.xs-responsive th.w-1, .form_table.xs-responsive td.w-1 {
          width: 10%; }
        .form_table.xs-responsive th.w-2, .form_table.xs-responsive td.w-2 {
          width: 20%; }
        .form_table.xs-responsive th.w-3, .form_table.xs-responsive td.w-3 {
          width: 30%; }
        .form_table.xs-responsive th.w-4, .form_table.xs-responsive td.w-4 {
          width: 40%; }
        .form_table.xs-responsive th.w-5, .form_table.xs-responsive td.w-5 {
          width: 50%; }
        .form_table.xs-responsive th.w-6, .form_table.xs-responsive td.w-6 {
          width: 60%; }
        .form_table.xs-responsive th.w-7, .form_table.xs-responsive td.w-7 {
          width: 70%; }
        .form_table.xs-responsive th.w-8, .form_table.xs-responsive td.w-8 {
          width: 80%; }
        .form_table.xs-responsive th.w-9, .form_table.xs-responsive td.w-9 {
          width: 90%; }
        .form_table.xs-responsive th.w-f-1, .form_table.xs-responsive td.w-f-1 {
          width: 45px; }
        .form_table.xs-responsive th.w-f-2, .form_table.xs-responsive td.w-f-2 {
          width: 90px; }
        .form_table.xs-responsive th.w-f-3, .form_table.xs-responsive td.w-f-3 {
          width: 135px; }
        .form_table.xs-responsive th.w-f-4, .form_table.xs-responsive td.w-f-4 {
          width: 180px; }
        .form_table.xs-responsive th.w-f-5, .form_table.xs-responsive td.w-f-5 {
          width: 225px; }
      .form_table.xs-responsive tbody tr:nth-last-child(1) th, .form_table.xs-responsive tbody tr:nth-last-child(1) td {
        border-bottom: 0px; }
      .form_table.xs-responsive thead th, .form_table.xs-responsive thead td, .form_table.xs-responsive tfoot th, .form_table.xs-responsive tfoot td {
        background-color: white;
        border-style: solid;
        border-color: #e1e1e1;
        border-width: 0;
        margin: 0; }
      .form_table.xs-responsive thead th, .form_table.xs-responsive thead td {
        border-bottom-width: 1px; }
      .form_table.xs-responsive tfoot th, .form_table.xs-responsive tfoot td {
        border-top-width: 1px; }
      .form_table.xs-responsive tbody, .form_table.xs-responsive tfoot, .form_table.xs-responsive thead, .form_table.xs-responsive tr {
        vertical-align: middle; }
      .form_table.xs-responsive.vertical-middle th, .form_table.xs-responsive.vertical-middle td {
        vertical-align: middle; }
      .form_table.xs-responsive.vertical-top th, .form_table.xs-responsive.vertical-top td {
        vertical-align: top; }
      .form_table.xs-responsive.vertical-bottom th, .form_table.xs-responsive.vertical-bottom td {
        vertical-align: bottom; }
      .form_table.xs-responsive tr:nth-last-child(2) td[rowspan="2"], .form_table.xs-responsive tr:nth-last-child(2) th[rowspan="2"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(3) td[rowspan="3"], .form_table.xs-responsive tr:nth-last-child(3) th[rowspan="3"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(4) td[rowspan="4"], .form_table.xs-responsive tr:nth-last-child(4) th[rowspan="4"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(5) td[rowspan="5"], .form_table.xs-responsive tr:nth-last-child(5) th[rowspan="5"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(6) td[rowspan="6"], .form_table.xs-responsive tr:nth-last-child(6) th[rowspan="6"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(7) td[rowspan="7"], .form_table.xs-responsive tr:nth-last-child(7) th[rowspan="7"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(8) td[rowspan="8"], .form_table.xs-responsive tr:nth-last-child(8) th[rowspan="8"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(9) td[rowspan="9"], .form_table.xs-responsive tr:nth-last-child(9) th[rowspan="9"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(10) td[rowspan="10"], .form_table.xs-responsive tr:nth-last-child(10) th[rowspan="10"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(11) td[rowspan="11"], .form_table.xs-responsive tr:nth-last-child(11) th[rowspan="11"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(12) td[rowspan="12"], .form_table.xs-responsive tr:nth-last-child(12) th[rowspan="12"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(13) td[rowspan="13"], .form_table.xs-responsive tr:nth-last-child(13) th[rowspan="13"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(14) td[rowspan="14"], .form_table.xs-responsive tr:nth-last-child(14) th[rowspan="14"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(15) td[rowspan="15"], .form_table.xs-responsive tr:nth-last-child(15) th[rowspan="15"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(16) td[rowspan="16"], .form_table.xs-responsive tr:nth-last-child(16) th[rowspan="16"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(17) td[rowspan="17"], .form_table.xs-responsive tr:nth-last-child(17) th[rowspan="17"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(18) td[rowspan="18"], .form_table.xs-responsive tr:nth-last-child(18) th[rowspan="18"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(19) td[rowspan="19"], .form_table.xs-responsive tr:nth-last-child(19) th[rowspan="19"] {
        border-bottom: 0; }
      .form_table.xs-responsive tr:nth-last-child(20) td[rowspan="20"], .form_table.xs-responsive tr:nth-last-child(20) th[rowspan="20"] {
        border-bottom: 0; } }
  @media (max-width: 767px) {
    .form_table.xs-responsive {
      /* 2018.10.09 */ }
      .form_table.xs-responsive {
        table-layout: fixed; }
      .form_table.xs-responsive tr {
        border-bottom: 3px double #e1e1e1; }
        .form_table.xs-responsive tr:nth-last-child(1) {
          border-bottom: 0px; }
        .form_table.xs-responsive tr th, .form_table.xs-responsive tr td {
          padding-top: 4px;
          padding-bottom: 4px; }
        .form_table.xs-responsive tr th {
          display: none; }
        .form_table.xs-responsive tr td {
          display: block;
          border-bottom: 1px dotted rgba(225, 225, 225, 0.7);
          padding-left: 80px;
          position: relative;
          min-height: calc(1em + 8px); }
          .form_table.xs-responsive tr td:before {
            content: attr(data-head) "";
            font-weight: bold;
            font-size: 1.2rem;
            position: absolute;
            line-height: 1em;
            left: 8px;
            top: calc(50% - 0.5em);
            color: #4d4d4d; }
          .form_table.xs-responsive tr td:nth-last-child(1) {
            border-bottom: 0; }
      .form_table.xs-responsive thead {
        display: none; }
      .form_table.xs-responsive .align-left, .form_table.xs-responsive .align-center, .form_table.xs-responsive .align-right {
        text-align: left !important; }
      .form_table.xs-responsive tbody, .form_table.xs-responsive tfoot, .form_table.xs-responsive thead, .form_table.xs-responsive tr {
        vertical-align: top; } }
  @media (min-width: 992px) {
    .form_table.sm-responsive {
      /* Desktop */
      /* 2018.10.04 */
      /* Vertical Align
      ----------------- */
      /* Eliminate Bottom Line When ROWSPAN (simple rowspan)
      ------------- */ }
      .form_table.sm-responsive th, .form_table.sm-responsive td {
        border-bottom: 1px solid #e1e1e1; }
        .form_table.sm-responsive th.w-1, .form_table.sm-responsive td.w-1 {
          width: 10%; }
        .form_table.sm-responsive th.w-2, .form_table.sm-responsive td.w-2 {
          width: 20%; }
        .form_table.sm-responsive th.w-3, .form_table.sm-responsive td.w-3 {
          width: 30%; }
        .form_table.sm-responsive th.w-4, .form_table.sm-responsive td.w-4 {
          width: 40%; }
        .form_table.sm-responsive th.w-5, .form_table.sm-responsive td.w-5 {
          width: 50%; }
        .form_table.sm-responsive th.w-6, .form_table.sm-responsive td.w-6 {
          width: 60%; }
        .form_table.sm-responsive th.w-7, .form_table.sm-responsive td.w-7 {
          width: 70%; }
        .form_table.sm-responsive th.w-8, .form_table.sm-responsive td.w-8 {
          width: 80%; }
        .form_table.sm-responsive th.w-9, .form_table.sm-responsive td.w-9 {
          width: 90%; }
        .form_table.sm-responsive th.w-f-1, .form_table.sm-responsive td.w-f-1 {
          width: 45px; }
        .form_table.sm-responsive th.w-f-2, .form_table.sm-responsive td.w-f-2 {
          width: 90px; }
        .form_table.sm-responsive th.w-f-3, .form_table.sm-responsive td.w-f-3 {
          width: 135px; }
        .form_table.sm-responsive th.w-f-4, .form_table.sm-responsive td.w-f-4 {
          width: 180px; }
        .form_table.sm-responsive th.w-f-5, .form_table.sm-responsive td.w-f-5 {
          width: 225px; }
      .form_table.sm-responsive tbody tr:nth-last-child(1) th, .form_table.sm-responsive tbody tr:nth-last-child(1) td {
        border-bottom: 0px; }
      .form_table.sm-responsive thead th, .form_table.sm-responsive thead td, .form_table.sm-responsive tfoot th, .form_table.sm-responsive tfoot td {
        background-color: white;
        border-style: solid;
        border-color: #e1e1e1;
        border-width: 0;
        margin: 0; }
      .form_table.sm-responsive thead th, .form_table.sm-responsive thead td {
        border-bottom-width: 1px; }
      .form_table.sm-responsive tfoot th, .form_table.sm-responsive tfoot td {
        border-top-width: 1px; }
      .form_table.sm-responsive tbody, .form_table.sm-responsive tfoot, .form_table.sm-responsive thead, .form_table.sm-responsive tr {
        vertical-align: middle; }
      .form_table.sm-responsive.vertical-middle th, .form_table.sm-responsive.vertical-middle td {
        vertical-align: middle; }
      .form_table.sm-responsive.vertical-top th, .form_table.sm-responsive.vertical-top td {
        vertical-align: top; }
      .form_table.sm-responsive.vertical-bottom th, .form_table.sm-responsive.vertical-bottom td {
        vertical-align: bottom; }
      .form_table.sm-responsive tr:nth-last-child(2) td[rowspan="2"], .form_table.sm-responsive tr:nth-last-child(2) th[rowspan="2"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(3) td[rowspan="3"], .form_table.sm-responsive tr:nth-last-child(3) th[rowspan="3"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(4) td[rowspan="4"], .form_table.sm-responsive tr:nth-last-child(4) th[rowspan="4"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(5) td[rowspan="5"], .form_table.sm-responsive tr:nth-last-child(5) th[rowspan="5"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(6) td[rowspan="6"], .form_table.sm-responsive tr:nth-last-child(6) th[rowspan="6"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(7) td[rowspan="7"], .form_table.sm-responsive tr:nth-last-child(7) th[rowspan="7"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(8) td[rowspan="8"], .form_table.sm-responsive tr:nth-last-child(8) th[rowspan="8"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(9) td[rowspan="9"], .form_table.sm-responsive tr:nth-last-child(9) th[rowspan="9"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(10) td[rowspan="10"], .form_table.sm-responsive tr:nth-last-child(10) th[rowspan="10"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(11) td[rowspan="11"], .form_table.sm-responsive tr:nth-last-child(11) th[rowspan="11"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(12) td[rowspan="12"], .form_table.sm-responsive tr:nth-last-child(12) th[rowspan="12"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(13) td[rowspan="13"], .form_table.sm-responsive tr:nth-last-child(13) th[rowspan="13"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(14) td[rowspan="14"], .form_table.sm-responsive tr:nth-last-child(14) th[rowspan="14"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(15) td[rowspan="15"], .form_table.sm-responsive tr:nth-last-child(15) th[rowspan="15"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(16) td[rowspan="16"], .form_table.sm-responsive tr:nth-last-child(16) th[rowspan="16"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(17) td[rowspan="17"], .form_table.sm-responsive tr:nth-last-child(17) th[rowspan="17"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(18) td[rowspan="18"], .form_table.sm-responsive tr:nth-last-child(18) th[rowspan="18"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(19) td[rowspan="19"], .form_table.sm-responsive tr:nth-last-child(19) th[rowspan="19"] {
        border-bottom: 0; }
      .form_table.sm-responsive tr:nth-last-child(20) td[rowspan="20"], .form_table.sm-responsive tr:nth-last-child(20) th[rowspan="20"] {
        border-bottom: 0; } }
  @media (max-width: 991px) {
    .form_table.sm-responsive {
      /* 2018.10.09 */ }
      .form_table.sm-responsive {
        table-layout: fixed; }
      .form_table.sm-responsive tr {
        border-bottom: 3px double #e1e1e1; }
        .form_table.sm-responsive tr:nth-last-child(1) {
          border-bottom: 0px; }
        .form_table.sm-responsive tr th, .form_table.sm-responsive tr td {
          padding-top: 4px;
          padding-bottom: 4px; }
        .form_table.sm-responsive tr th {
          display: none; }
        .form_table.sm-responsive tr td {
          display: block;
          border-bottom: 1px dotted rgba(225, 225, 225, 0.7);
          padding-left: 80px;
          position: relative;
          min-height: calc(1em + 8px); }
          .form_table.sm-responsive tr td:before {
            content: attr(data-head) "";
            font-weight: bold;
            font-size: 1.2rem;
            position: absolute;
            line-height: 1em;
            left: 8px;
            top: calc(50% - 0.5em);
            color: #4d4d4d; }
          .form_table.sm-responsive tr td:nth-last-child(1) {
            border-bottom: 0; }
      .form_table.sm-responsive thead {
        display: none; }
      .form_table.sm-responsive .align-left, .form_table.sm-responsive .align-center, .form_table.sm-responsive .align-right {
        text-align: left !important; }
      .form_table.sm-responsive tbody, .form_table.sm-responsive tfoot, .form_table.sm-responsive thead, .form_table.sm-responsive tr {
        vertical-align: top; } }
  .form_table.no-responsive {
    /* Desktop */
    /* 2018.10.04 */
    /* Vertical Align
    ----------------- */
    /* Eliminate Bottom Line When ROWSPAN (simple rowspan)
    ------------- */ }
    .form_table.no-responsive th, .form_table.no-responsive td {
      border-bottom: 1px solid #e1e1e1; }
      .form_table.no-responsive th.w-1, .form_table.no-responsive td.w-1 {
        width: 10%; }
      .form_table.no-responsive th.w-2, .form_table.no-responsive td.w-2 {
        width: 20%; }
      .form_table.no-responsive th.w-3, .form_table.no-responsive td.w-3 {
        width: 30%; }
      .form_table.no-responsive th.w-4, .form_table.no-responsive td.w-4 {
        width: 40%; }
      .form_table.no-responsive th.w-5, .form_table.no-responsive td.w-5 {
        width: 50%; }
      .form_table.no-responsive th.w-6, .form_table.no-responsive td.w-6 {
        width: 60%; }
      .form_table.no-responsive th.w-7, .form_table.no-responsive td.w-7 {
        width: 70%; }
      .form_table.no-responsive th.w-8, .form_table.no-responsive td.w-8 {
        width: 80%; }
      .form_table.no-responsive th.w-9, .form_table.no-responsive td.w-9 {
        width: 90%; }
      .form_table.no-responsive th.w-f-1, .form_table.no-responsive td.w-f-1 {
        width: 45px; }
      .form_table.no-responsive th.w-f-2, .form_table.no-responsive td.w-f-2 {
        width: 90px; }
      .form_table.no-responsive th.w-f-3, .form_table.no-responsive td.w-f-3 {
        width: 135px; }
      .form_table.no-responsive th.w-f-4, .form_table.no-responsive td.w-f-4 {
        width: 180px; }
      .form_table.no-responsive th.w-f-5, .form_table.no-responsive td.w-f-5 {
        width: 225px; }
    .form_table.no-responsive tbody tr:nth-last-child(1) th, .form_table.no-responsive tbody tr:nth-last-child(1) td {
      border-bottom: 0px; }
    .form_table.no-responsive thead th, .form_table.no-responsive thead td, .form_table.no-responsive tfoot th, .form_table.no-responsive tfoot td {
      background-color: white;
      border-style: solid;
      border-color: #e1e1e1;
      border-width: 0;
      margin: 0; }
    .form_table.no-responsive thead th, .form_table.no-responsive thead td {
      border-bottom-width: 1px; }
    .form_table.no-responsive tfoot th, .form_table.no-responsive tfoot td {
      border-top-width: 1px; }
    .form_table.no-responsive tbody, .form_table.no-responsive tfoot, .form_table.no-responsive thead, .form_table.no-responsive tr {
      vertical-align: middle; }
    .form_table.no-responsive.vertical-middle th, .form_table.no-responsive.vertical-middle td {
      vertical-align: middle; }
    .form_table.no-responsive.vertical-top th, .form_table.no-responsive.vertical-top td {
      vertical-align: top; }
    .form_table.no-responsive.vertical-bottom th, .form_table.no-responsive.vertical-bottom td {
      vertical-align: bottom; }
    .form_table.no-responsive tr:nth-last-child(2) td[rowspan="2"], .form_table.no-responsive tr:nth-last-child(2) th[rowspan="2"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(3) td[rowspan="3"], .form_table.no-responsive tr:nth-last-child(3) th[rowspan="3"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(4) td[rowspan="4"], .form_table.no-responsive tr:nth-last-child(4) th[rowspan="4"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(5) td[rowspan="5"], .form_table.no-responsive tr:nth-last-child(5) th[rowspan="5"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(6) td[rowspan="6"], .form_table.no-responsive tr:nth-last-child(6) th[rowspan="6"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(7) td[rowspan="7"], .form_table.no-responsive tr:nth-last-child(7) th[rowspan="7"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(8) td[rowspan="8"], .form_table.no-responsive tr:nth-last-child(8) th[rowspan="8"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(9) td[rowspan="9"], .form_table.no-responsive tr:nth-last-child(9) th[rowspan="9"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(10) td[rowspan="10"], .form_table.no-responsive tr:nth-last-child(10) th[rowspan="10"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(11) td[rowspan="11"], .form_table.no-responsive tr:nth-last-child(11) th[rowspan="11"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(12) td[rowspan="12"], .form_table.no-responsive tr:nth-last-child(12) th[rowspan="12"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(13) td[rowspan="13"], .form_table.no-responsive tr:nth-last-child(13) th[rowspan="13"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(14) td[rowspan="14"], .form_table.no-responsive tr:nth-last-child(14) th[rowspan="14"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(15) td[rowspan="15"], .form_table.no-responsive tr:nth-last-child(15) th[rowspan="15"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(16) td[rowspan="16"], .form_table.no-responsive tr:nth-last-child(16) th[rowspan="16"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(17) td[rowspan="17"], .form_table.no-responsive tr:nth-last-child(17) th[rowspan="17"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(18) td[rowspan="18"], .form_table.no-responsive tr:nth-last-child(18) th[rowspan="18"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(19) td[rowspan="19"], .form_table.no-responsive tr:nth-last-child(19) th[rowspan="19"] {
      border-bottom: 0; }
    .form_table.no-responsive tr:nth-last-child(20) td[rowspan="20"], .form_table.no-responsive tr:nth-last-child(20) th[rowspan="20"] {
      border-bottom: 0; }

table.form_table {
  border-top: 1px solid #e1e1e1; }
  .blocky_header + table.form_table {
    border-top: 0; }
  table.form_table:nth-child(1) {
    border: 0; }

/* Attachment List
------------------ */
.attach_list {
  text-align: left !important;
  padding: 8px/2 !important; }
  .attach_list .item {
    padding: 4px 8px;
    border-top-style: solid;
    border-top-color: #e1e1e1; }
  .attach_list .item + .item {
    border-top-width: 1px; }

.attach_other,
.attach_doc,
.attach_pdf,
.attach_ppt,
.attach_img {
  position: relative;
  text-align: left;
  display: inline-block;
  padding: 4px 0;
  padding-left: 40px; }
  .attach_other:before,
  .attach_doc:before,
  .attach_pdf:before,
  .attach_ppt:before,
  .attach_img:before {
    content: '';
    width: 24px;
    height: 30px;
    background-size: contain;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1;
    background-image: url(../images/common/ic/ic_file_other.png);
    position: absolute;
    left: 8px;
    top: calc(50% - 15px); }
  @media (max-width: 767px) {
    .attach_other,
    .attach_doc,
    .attach_pdf,
    .attach_ppt,
    .attach_img {
      padding-left: 30px; }
      .attach_other:before,
      .attach_doc:before,
      .attach_pdf:before,
      .attach_ppt:before,
      .attach_img:before {
        width: 18px;
        height: 22.5px;
        left: 4px;
        top: 3px; } }

.attach_doc:before {
  background-image: url(../images/common/ic/ic_file_doc.png); }

.attach_pdf:before {
  background-image: url(../images/common/ic/ic_file_pdf.png); }

.attach_ppt:before {
  background-image: url(../images/common/ic/ic_file_ppt.png); }

.attach_img:before {
  background-image: url(../images/common/ic/ic_file_img.png); }

/* Form Column, List in Basic Block */
.blocky .form_column > .item {
  padding: 8px 0; }

.blocky .form_column {
  padding: 8px 16px; }
  .blocky .form_column > .item > .title {
    vertical-align: top; }
  @media (max-width: 991px) {
    .blocky .form_column.sm_style {
      padding: 0; }
      .blocky .form_column.sm_style > .item {
        padding: 0; }
        .blocky .form_column.sm_style > .item .title {
          padding-bottom: 0; }
        .blocky .form_column.sm_style > .item .content {
          padding: 8px; }
      .blocky .form_column.sm_style > .item + .item {
        border-top: 3px double #e1e1e1; } }

/* Cols in Basic Block
Use or Not?
------------------------- */
/* 2018.10.11 */
.cube-row {
  margin: 0 0px !important;
  padding: 8px; }
  .cube-row:after, .cube-row:before {
    content: "";
    display: block;
    clear: both; }
  .cube-row [class*=col-lg], .cube-row [class*=col-md], .cube-row [class*=col-sm], .cube-row [class*=col-xs] {
    padding-left: 8px;
    padding-right: 8px; }
  .cube-row .cube {
    float: left;
    width: 100%; }
    @media (min-width: 768px) {
      .cube-row .cube.w-50 {
        width: 50%; } }

/* Cube
------------------ */
.cube {
  padding: 8px 8px; }
  .cube.shadow:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }

.cube-header {
  padding: 4px 8px;
  background: #eee;
  border-radius: 4px; }

.cube-body {
  padding: 2px 0; }

/* Form in Cube
--------------- */
.cube input, .cube textarea, .cube select {
  display: block;
  width: 100%; }
.cube .caret_select {
  display: block; }
.cube input, .cube textarea, .cube .caret_select {
  margin-top: 2px;
  margin-bottom: 2px; }
.cube .checkbox-inline, .cube .radio-inline {
  margin-top: 2px; }
.cube .checkbox-inline + .checkbox-inline {
  margin-top: 2px; }
.cube .radio-inline + .radio-inline {
  margin-top: 2px; }

/* 

Modify: 
. basic_container        > . blocky_container
. basic_block            > . blocky
. basic_block . header   > . blocky_header
. basic_block . block    > . blocky_body
. basic_block . footer   > . blocky_footer

. basic_block_tab        > . blocky_tab

 */
/* Sidebar */
/* -----------------------
Compatible with Basic Block
----------------------- */
/* 2018.10.11 */
/*--- nav_side_solid ---*/
.nav_side_solid {
  padding-right: 0px;
  /* active */ }
  .nav_side_solid > li + li {
    margin-top: 0; }
  .nav_side_solid > li a, .nav_side_solid > li .layor_title {
    display: block;
    position: relative;
    line-height: 1em;
    -webkit-transition: all 0s ease-in-out;
    -khtml-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    padding: 8px;
    background-color: transparent;
    color: #4d4d4d;
    border-left: 2px solid transparent;
    font-size: 1.6rem; }
    .nav_side_solid > li a:hover, .nav_side_solid > li a:focus, .nav_side_solid > li .layor_title:hover, .nav_side_solid > li .layor_title:focus {
      background-color: rgba(0, 0, 0, 0.02); }
  .nav_side_solid > li h1, .nav_side_solid > li h2, .nav_side_solid > li h3, .nav_side_solid > li h4 {
    margin: 0;
    padding-left: 0px; }
  .nav_side_solid > li a i {
    width: 1.2em;
    text-align: center; }
  .nav_side_solid li.active > a, .nav_side_solid li.active > a:hover, .nav_side_solid li.active > a:focus {
    font-weight: 700;
    color: #2069b3; }
  .nav_side_solid ul.layer_1st > li > a {
    padding-left: 34px; }
    .nav_side_solid ul.layer_1st > li > a:before {
      content: '\f105';
      position: absolute;
      font: normal normal normal 14px/1 FontAwesome;
      left: 20px;
      top: calc(50% - 7px);
      width: 14px;
      text-align: center;
      color: #2069b3; }
  .nav_side_solid ul.layer_2nd > li > a {
    padding-left: 54px; }

/* Border inset */
.nav_side_solid > li + li {
  border-top: 1px solid #dcdcdc; }
.nav_side_solid ul.layer_1st > li > a {
  border-top: 1px solid #dcdcdc; }
.nav_side_solid ul.layer_2nd > li > a {
  border-top: 0px solid #dcdcdc; }

/* Selected Show */
.nav_side_solid > li > ul.layer_1st, .sidebar_body > li > ul.layer_1st {
  display: none; }
.nav_side_solid > li.selected > ul.layer_1st, .sidebar_body > li.selected > ul.layer_1st {
  display: block; }
.nav_side_solid > li > ul.layer_1st > li > ul.layer_2nd, .sidebar_body > li > ul.layer_1st > li > ul.layer_2nd {
  display: none; }
.nav_side_solid > li > ul.layer_1st > li.selected > a:before, .sidebar_body > li > ul.layer_1st > li.selected > a:before {
  content: '\f0d7';
  font: normal normal normal 14px/1 FontAwesome; }
.nav_side_solid > li > ul.layer_1st > li.selected > ul.layer_2nd, .sidebar_body > li > ul.layer_1st > li.selected > ul.layer_2nd {
  display: block; }

/* sidebar_body */
.sidebar_body a {
  display: inline-block;
  line-height: 1em; }

/* Parchment */
.parchment_header {
  position: relative;
  padding: 4px 0 6px;
  border-bottom: 3px double #dfdfdf;
  margin-bottom: 8px; }
  .parchment_header:after, .parchment_header:before {
    content: "";
    display: block;
    clear: both; }
  .parchment_header .title {
    position: relative;
    display: inline-block;
    color: #2069b3; }
  .parchment_header .date {
    float: right;
    display: inline-block;
    font-size: 85%;
    color: #6d6d6d; }

.parchment_body {
  padding: 8px;
  background-color: #fffdf3;
  border: 1px solid #f6eedd;
  border-radius: 4px;
  margin-bottom: 15px;
  /* form_column */ }
  .parchment_body .form_column.border > .item + .item {
    border-color: #f6eedd; }
  .parchment_body .divide_text:before {
    border-top-color: #f6eedd; }
  .parchment_body hr {
    border-color: #f6eedd;
    margin: 8px 0; }

.parchment_banner img {
  width: 100%;
  display: block;
  margin: 0 auto 0px;
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.parchment_banner + .parchment_body {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

/* img */
.article_img {
  display: block;
  margin: 0px auto 15px;
  border-radius: 4px; }

/* List Second */
.list_second {
  display: block;
  width: 100%;
  background-color: white;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 3px double #dfdfdf; }
  .list_second:after, .list_second:before {
    content: "";
    display: block;
    clear: both; }
  .list_second .item {
    padding: 8px; }
    .list_second .item:after, .list_second .item:before {
      content: "";
      display: block;
      clear: both; }
  .list_second a {
    color: inherit; }
  .list_second a:hover {
    text-decoration: underline; }
  .list_second .item + .item {
    border-top: 1px solid #e1e1e1; }
  .list_second .title, .list_second .date {
    display: block; }
  .list_second .title {
    color: #2069b3;
    float: left; }
  .list_second .date {
    float: right;
    font-size: 85%;
    color: #6d6d6d; }
  @media (max-width: 767px) {
    .list_second .title, .list_second .date {
      width: 100%; } }

.list_col_1 .item:nth-child(2n+1) {
  background-color: #fff8f3; }
.list_col_1 .item:nth-child(2n+2) {
  background-color: white; }

/* Statictics */
.blocky .list_second {
  padding-bottom: 0; }

.list_year, .list_month {
  border-bottom: 3px double #dfdfdf;
  margin-bottom: 0px; }

.list_year .item {
  float: left;
  width: 16.6666666667%;
  float: left; }
  @media (max-width: 575px) {
    .list_year .item {
      width: 25%; } }
  @media (min-width: 576px) {
    .list_year .item:nth-child(6n+1):nth-last-child(1) {
      width: 100%; }
    .list_year .item:nth-child(6n+2):nth-last-child(1) {
      width: 83.3333333333%; }
    .list_year .item:nth-child(6n+3):nth-last-child(1) {
      width: 66.6666666667%; }
    .list_year .item:nth-child(6n+4):nth-last-child(1) {
      width: 50%; }
    .list_year .item:nth-child(6n+5):nth-last-child(1) {
      width: 33.3333333333%; }
    .list_year .item:nth-child(12n+1) {
      background-color: #fff8f3; }
    .list_year .item:nth-child(12n+2) {
      background-color: #fff8f3; }
    .list_year .item:nth-child(12n+3) {
      background-color: #fff8f3; }
    .list_year .item:nth-child(12n+4) {
      background-color: #fff8f3; }
    .list_year .item:nth-child(12n+5) {
      background-color: #fff8f3; }
    .list_year .item:nth-child(12n+6) {
      background-color: #fff8f3; }
    .list_year .item:nth-child(12n+7) {
      background-color: white; }
    .list_year .item:nth-child(12n+8) {
      background-color: white; }
    .list_year .item:nth-child(12n+9) {
      background-color: white; }
    .list_year .item:nth-child(12n+10) {
      background-color: white; }
    .list_year .item:nth-child(12n+11) {
      background-color: white; }
    .list_year .item:nth-child(12n+12) {
      background-color: white; } }
  @media (max-width: 575px) {
    .list_year .item:nth-child(4n+1):nth-last-child(1) {
      width: 100%; }
    .list_year .item:nth-child(4n+2):nth-last-child(1) {
      width: 75%; }
    .list_year .item:nth-child(4n+3):nth-last-child(1) {
      width: 50%; }
    .list_year .item:nth-child(8n+1) {
      background-color: #fff8f3; }
    .list_year .item:nth-child(8n+2) {
      background-color: #fff8f3; }
    .list_year .item:nth-child(8n+3) {
      background-color: #fff8f3; }
    .list_year .item:nth-child(8n+4) {
      background-color: #fff8f3; }
    .list_year .item:nth-child(8n+5) {
      background-color: white; }
    .list_year .item:nth-child(8n+6) {
      background-color: white; }
    .list_year .item:nth-child(8n+7) {
      background-color: white; }
    .list_year .item:nth-child(8n+8) {
      background-color: white; } }

.list_month .inner_title {
  float: left;
  width: 8.3333333333%;
  float: left; }
  @media (max-width: 575px) {
    .list_month .inner_title {
      width: 100%; } }
.list_month .inner_content {
  float: left;
  width: 91.6666666667%;
  float: left; }
  @media (max-width: 575px) {
    .list_month .inner_content {
      width: 100%; } }
.list_month .inner_content_item {
  float: left;
  width: 16.6666666667%;
  float: left;
  float: left; }
  @media (max-width: 575px) {
    .list_month .inner_content_item {
      width: 25%; } }
  @media (min-width: 992px) {
    .list_month .inner_content_item {
      width: 8.3333333333%; } }
  @media (min-width: 576px) {
    .list_month .inner_content_item:nth-child(12n+1):nth-last-child(1) {
      width: 100%; }
    .list_month .inner_content_item:nth-child(12n+2):nth-last-child(1) {
      width: 91.6666666667%; }
    .list_month .inner_content_item:nth-child(12n+3):nth-last-child(1) {
      width: 83.3333333333%; }
    .list_month .inner_content_item:nth-child(12n+4):nth-last-child(1) {
      width: 75%; }
    .list_month .inner_content_item:nth-child(12n+5):nth-last-child(1) {
      width: 66.6666666667%; }
    .list_month .inner_content_item:nth-child(12n+6):nth-last-child(1) {
      width: 58.3333333333%; }
    .list_month .inner_content_item:nth-child(12n+7):nth-last-child(1) {
      width: 50%; }
    .list_month .inner_content_item:nth-child(12n+8):nth-last-child(1) {
      width: 41.6666666667%; }
    .list_month .inner_content_item:nth-child(12n+9):nth-last-child(1) {
      width: 33.3333333333%; }
    .list_month .inner_content_item:nth-child(12n+10):nth-last-child(1) {
      width: 25%; }
    .list_month .inner_content_item:nth-child(12n+11):nth-last-child(1) {
      width: 16.6666666667%; } }
  @media (max-width: 575px) {
    .list_month .inner_content_item:nth-child(4n+1):nth-last-child(1) {
      width: 100%; }
    .list_month .inner_content_item:nth-child(4n+2):nth-last-child(1) {
      width: 75%; }
    .list_month .inner_content_item:nth-child(4n+3):nth-last-child(1) {
      width: 50%; } }
.list_month .inner_title, .list_month .title {
  text-align: center; }
.list_month .title {
  width: 100%; }
@media (max-width: 575px) {
  .list_month .item {
    padding-top: 0; }
  .list_month .inner_title {
    border-bottom: 3px double #e1e1e1; } }

/* Column */
/* Form Column
--------------- */
/* 2018.10.05 */
.form_column {
  padding: 4px 0; }
  .form_column:after, .form_column:before {
    content: "";
    display: block;
    clear: both; }
  .form_column > .item, .form_column > .divide_text {
    float: left;
    width: 100%; }
  .form_column > .item {
    padding-top: 4px;
    padding-bottom: 4px; }

.form_column {
  font-size: 1.4rem; }
  .form_column:after, .form_column:before {
    content: "";
    display: block;
    clear: both; }
  .form_column .title, .form_column .content {
    display: block;
    float: left; }
  .form_column .title {
    vertical-align: top;
    text-align: left; }
    .form_column .title .title_text {
      font-size: inherit; }
  .form_column .content {
    vertical-align: middle; }
  .form_column p {
    margin: 0; }
  @media (max-width: 767px) {
    .form_column .title {
      text-align: left; } }

/* Content: Pure Txt
----------------- */
.pure_text {
  padding: 8px 0px 8px 0px; }

/* Input in Form Column */
.form_column input, .form_column textarea, .form_column select {
  display: block;
  width: 100%; }
.form_column .caret_select {
  display: block; }
.form_column input, .form_column textarea, .form_column .caret_select {
  margin-top: 2px;
  margin-bottom: 2px; }
.form_column .checkbox-inline, .form_column .radio-inline {
  margin-top: 2px; }
.form_column .checkbox-inline + .checkbox-inline {
  margin-top: 2px; }
.form_column .radio-inline + .radio-inline {
  margin-top: 2px; }

/* Style
------------- */
.form_column.narrow {
  padding: 4px; }
  .form_column.narrow > .item {
    padding: 0px 0; }

/* RWD
------------------ */
.form_column .divide_text {
  text-align: left; }
@media (min-width: 768px) {
  .form_column {
    /* Column Desktop */
    /* Item Width */ }
    .form_column .title {
      width: calc((6em + 8px * 2));
      padding: 8px 8px 0; }
    .form_column .content {
      width: calc(100% - (6em + 8px * 2)); }
    .form_column .divide_text {
      padding-left: "(6em + 8px * 2)"; }
    .form_column .item.title-w-2 .title {
      width: calc(1em * 2 + 16px); }
    .form_column .item.title-w-2 .content {
      width: calc(100% - (1em * 2 + 16px)); }
    .form_column .item.title-w-3 .title {
      width: calc(1em * 3 + 16px); }
    .form_column .item.title-w-3 .content {
      width: calc(100% - (1em * 3 + 16px)); }
    .form_column .item.title-w-4 .title {
      width: calc(1em * 4 + 16px); }
    .form_column .item.title-w-4 .content {
      width: calc(100% - (1em * 4 + 16px)); }
    .form_column .item.title-w-5 .title {
      width: calc(1em * 5 + 16px); }
    .form_column .item.title-w-5 .content {
      width: calc(100% - (1em * 5 + 16px)); }
    .form_column .item.title-w-6 .title {
      width: calc(1em * 6 + 16px); }
    .form_column .item.title-w-6 .content {
      width: calc(100% - (1em * 6 + 16px)); }
    .form_column .item.title-w-7 .title {
      width: calc(1em * 7 + 16px); }
    .form_column .item.title-w-7 .content {
      width: calc(100% - (1em * 7 + 16px)); }
    .form_column .item.title-w-8 .title {
      width: calc(1em * 8 + 16px); }
    .form_column .item.title-w-8 .content {
      width: calc(100% - (1em * 8 + 16px)); }
    .form_column .item.title-w-9 .title {
      width: calc(1em * 9 + 16px); }
    .form_column .item.title-w-9 .content {
      width: calc(100% - (1em * 9 + 16px)); }
    .form_column .item.title-w-10 .title {
      width: calc(1em * 10 + 16px); }
    .form_column .item.title-w-10 .content {
      width: calc(100% - (1em * 10 + 16px)); }
    .form_column > .item.w-50 {
      width: 50%; }
    .form_column.border > .item + .item {
      border-top-width: 1px;
      border-top-style: solid;
      border-color: #dcdcdc; }
    .form_column.border > .item.w-50 + .item.w-50:nth-child(2) {
      border-top-width: 0; } }
@media (max-width: 767px) {
  .form_column {
    /* Column Mobile
    ----------------- */ }
    .form_column .title, .form_column .content, .form_column .item.w-50 {
      width: 100%; }
    .form_column .title {
      padding: 4px 0px 4px; }
    .form_column .pure_text {
      padding: 0px 0px 8px 0px; }
    .form_column.narrow {
      padding: 8px 8px; }
    .form_column.border > .item + .item {
      border-top: 1px solid #dcdcdc; } }
.form_column.no-responsive {
  /* Column Desktop */
  /* Item Width */ }
  .form_column.no-responsive .title {
    width: calc((6em + 8px * 2));
    padding: 8px 8px 0; }
  .form_column.no-responsive .content {
    width: calc(100% - (6em + 8px * 2)); }
  .form_column.no-responsive .divide_text {
    padding-left: "(6em + 8px * 2)"; }
  .form_column.no-responsive .item.title-w-2 .title {
    width: calc(1em * 2 + 16px); }
  .form_column.no-responsive .item.title-w-2 .content {
    width: calc(100% - (1em * 2 + 16px)); }
  .form_column.no-responsive .item.title-w-3 .title {
    width: calc(1em * 3 + 16px); }
  .form_column.no-responsive .item.title-w-3 .content {
    width: calc(100% - (1em * 3 + 16px)); }
  .form_column.no-responsive .item.title-w-4 .title {
    width: calc(1em * 4 + 16px); }
  .form_column.no-responsive .item.title-w-4 .content {
    width: calc(100% - (1em * 4 + 16px)); }
  .form_column.no-responsive .item.title-w-5 .title {
    width: calc(1em * 5 + 16px); }
  .form_column.no-responsive .item.title-w-5 .content {
    width: calc(100% - (1em * 5 + 16px)); }
  .form_column.no-responsive .item.title-w-6 .title {
    width: calc(1em * 6 + 16px); }
  .form_column.no-responsive .item.title-w-6 .content {
    width: calc(100% - (1em * 6 + 16px)); }
  .form_column.no-responsive .item.title-w-7 .title {
    width: calc(1em * 7 + 16px); }
  .form_column.no-responsive .item.title-w-7 .content {
    width: calc(100% - (1em * 7 + 16px)); }
  .form_column.no-responsive .item.title-w-8 .title {
    width: calc(1em * 8 + 16px); }
  .form_column.no-responsive .item.title-w-8 .content {
    width: calc(100% - (1em * 8 + 16px)); }
  .form_column.no-responsive .item.title-w-9 .title {
    width: calc(1em * 9 + 16px); }
  .form_column.no-responsive .item.title-w-9 .content {
    width: calc(100% - (1em * 9 + 16px)); }
  .form_column.no-responsive .item.title-w-10 .title {
    width: calc(1em * 10 + 16px); }
  .form_column.no-responsive .item.title-w-10 .content {
    width: calc(100% - (1em * 10 + 16px)); }
  .form_column.no-responsive > .item.w-50 {
    width: 50%; }
  .form_column.no-responsive.border > .item + .item {
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #dcdcdc; }
  .form_column.no-responsive.border > .item.w-50 + .item.w-50:nth-child(2) {
    border-top-width: 0; }

/* Q & A 
---------------------*/
@media (min-width: 992px) {
  .form_column.column_qa > .item.item_border + .item,
  .form_column.column_qa .item.item_border {
    border-top: 0; }
  .form_column.column_qa > .item.item_border {
    padding: 4px;
    border: 1px dotted #e1e1e1;
    background-color: #fff;
    border-radius: 4px;
    margin: 0 0 0; }
    .form_column.column_qa > .item.item_border:nth-child(1) {
      margin-top: 0;
      border-top-width: 1px; } }

/* Forms */
/* 2018.10.09 */
input,
textarea,
select {
  display: inline-block;
  letter-spacing: 0px;
  vertical-align: middle;
  resize: vertical;
  max-width: 100%;
  border: 1px solid #dcdcdc; }
  @media (max-width: 767px) {
    input,
    textarea,
    select {
      height: calc(1.8em + 20px); } }

input,
textarea,
select,
.btn-input,
.input-group .btn {
  padding: 6px 8px;
  margin: 0px 0;
  border-radius: 2px;
  line-height: 1.5em;
  height: calc(1.5em + 12px); }
  @media (max-width: 767px) {
    input,
    textarea,
    select,
    .btn-input,
    .input-group .btn {
      padding: 10px 8px;
      height: calc(1.8em + 20px); } }

select {
  background-color: white; }

option {
  color: #4d4d4d;
  background-color: white;
  border-width: 1px; }

input:focus,
textarea:focus,
select:focus {
  border: 1px solid rgba(32, 105, 179, 0.5);
  outline: none; }

textarea {
  height: unset; }

/* Placeholder
------------------------ */
::-webkit-input-placeholder {
  color: #6d6d6d;
  text-overflow: ellipsis; }

:-moz-placeholder {
  color: #6d6d6d !important;
  text-overflow: ellipsis;
  opacity: 1; }

::-moz-placeholder {
  color: #6d6d6d !important;
  text-overflow: ellipsis;
  opacity: 1; }

:-ms-input-placeholder {
  color: #6d6d6d !important;
  text-overflow: ellipsis;
  opacity: 1; }

/* caret
----------------------- */
.caret_select {
  position: relative;
  z-index: 0;
  display: inline-block; }
  .caret_select::after {
    content: "\f107";
    display: block;
    position: absolute;
    font-family: "FontAwesome";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    z-index: 0;
    pointer-events: none;
    right: 12px;
    top: calc(50% - 10px);
    line-height: 20px; }
  .caret_select select {
    padding-right: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer; }
    .caret_select select[disabled=disabled] {
      cursor: auto; }

/* Datepicker Range */
.input-daterange {
  float: right;
  width: 100%;
  max-width: 300px;
  margin: 2px; }
  .input-daterange .form-control, .input-daterange .input-group-addon, .input-daterange .btn {
    float: left; }
  .input-daterange .input-group-addon {
    width: 40px;
    border-width: 1px;
    margin: 0 -1px; }
  .input-daterange .btn {
    width: 60px;
    height: 30px;
    padding: 2px;
    border-radius: 0 2px 2px 0; }
  .input-daterange .form-control {
    width: calc( (100% - 40px - 60px)/2) !important;
    padding: 0; }
    .input-daterange .form-control:nth-last-child(2) {
      border-radius: 0; }
  @media (max-width: 767px) {
    .input-daterange {
      max-width: 280px; } }

/* 2018.10.04 */
/*--- Custom Checkbox ---*/
.checkbox-primary, .radio-primary {
  display: block;
  position: relative;
  min-width: 33px;
  min-height: 33px;
  padding-left: 33px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0px 0;
  /* Hover
  -------------- */
  /* Checked
  ----------------- */ }
  .checkbox-primary .checkmark, .radio-primary .checkmark {
    position: absolute;
    top: calc(33px / 2 - 20px / 2);
    left: 6.5px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    cursor: pointer; }
    .checkbox-primary .checkmark:after, .radio-primary .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 5px;
      top: 1px;
      width: 8px;
      height: 12px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -khtml-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
  .checkbox-primary input[type="checkbox"], .checkbox-primary input[type="radio"], .radio-primary input[type="checkbox"], .radio-primary input[type="radio"] {
    position: absolute;
    opacity: 0;
    margin: 0;
    height: 0;
    width: 0;
    /* Disabled
    ----------------- */ }
    .checkbox-primary input[type="checkbox"]:disabled ~ .checkmark, .checkbox-primary input[type="radio"]:disabled ~ .checkmark, .radio-primary input[type="checkbox"]:disabled ~ .checkmark, .radio-primary input[type="radio"]:disabled ~ .checkmark {
      cursor: not-allowed;
      border-color: #ccc; }
    .checkbox-primary input[type="checkbox"]:disabled:checked ~ .checkmark, .checkbox-primary input[type="radio"]:disabled:checked ~ .checkmark, .radio-primary input[type="checkbox"]:disabled:checked ~ .checkmark, .radio-primary input[type="radio"]:disabled:checked ~ .checkmark {
      border-color: #ccc; }
      .checkbox-primary input[type="checkbox"]:disabled:checked ~ .checkmark:after, .checkbox-primary input[type="radio"]:disabled:checked ~ .checkmark:after, .radio-primary input[type="checkbox"]:disabled:checked ~ .checkmark:after, .radio-primary input[type="radio"]:disabled:checked ~ .checkmark:after {
        display: block;
        background-color: #ccc; }
  .checkbox-primary:hover input[type="checkbox"] ~ .checkmark, .checkbox-primary:hover input[type="radio"] ~ .checkmark, .radio-primary:hover input[type="checkbox"] ~ .checkmark, .radio-primary:hover input[type="radio"] ~ .checkmark {
    background-color: #fcfcfc; }
  .checkbox-primary input[type="checkbox"]:checked ~ .checkmark, .checkbox-primary input[type="checkbox"]:checked:hover ~ .checkmark, .checkbox-primary input[type="radio"]:checked ~ .checkmark, .checkbox-primary input[type="radio"]:checked:hover ~ .checkmark, .radio-primary input[type="checkbox"]:checked ~ .checkmark, .radio-primary input[type="checkbox"]:checked:hover ~ .checkmark, .radio-primary input[type="radio"]:checked ~ .checkmark, .radio-primary input[type="radio"]:checked:hover ~ .checkmark {
    background-color: #2069b3;
    border-color: #2069b3; }
    .checkbox-primary input[type="checkbox"]:checked ~ .checkmark:after, .checkbox-primary input[type="checkbox"]:checked:hover ~ .checkmark:after, .checkbox-primary input[type="radio"]:checked ~ .checkmark:after, .checkbox-primary input[type="radio"]:checked:hover ~ .checkmark:after, .radio-primary input[type="checkbox"]:checked ~ .checkmark:after, .radio-primary input[type="checkbox"]:checked:hover ~ .checkmark:after, .radio-primary input[type="radio"]:checked ~ .checkmark:after, .radio-primary input[type="radio"]:checked:hover ~ .checkmark:after {
      display: block; }

/* radio */
.radio-primary .checkmark {
  border-radius: 20px; }
  .radio-primary .checkmark:after {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
    border-radius: 50%;
    background-color: #2069b3;
    -webkit-transform: rotate(0deg);
    -khtml-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

/*--- Checkbox inline item ---*/
.checkbox-inline, .radio-inline {
  max-height: 80vh;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  width: 100%;
  padding-left: 0;
  margin-left: 0 !important;
  /* a tag */ }
  .checkbox-inline.no-border, .radio-inline.no-border {
    border: 0px; }
  .checkbox-inline > .item, .radio-inline > .item {
    display: inline-block; }
    .checkbox-inline > .item > label, .radio-inline > .item > label {
      display: block;
      width: auto;
      line-height: 1.5em;
      padding: calc((33px - 1.5em) / 2) 8px;
      border-radius: 4px; }
  .checkbox-inline a, .radio-inline a {
    font-size: inherit;
    color: #0275d8; }
    .checkbox-inline a:hover, .radio-inline a:hover {
      color: #0275d8;
      text-decoration: underline; }
  .checkbox-inline > .item:hover > label, .radio-inline > .item:hover > label {
    background-color: rgba(0, 0, 0, 0.02); }

/* Width */
.checkbox-inline > .item.w-100, .radio-inline > .item.w-100 {
  width: 100%; }

/*--- Checkbox list ---*/
/* checkbox in table
--------------------- */
table td > .checkbox-primary, table td > .radio-primary, table th > .checkbox-primary, table th > .radio-primary {
  display: inline; }
  table td > .checkbox-primary .checkmark, table td > .radio-primary .checkmark, table th > .checkbox-primary .checkmark, table th > .radio-primary .checkmark {
    top: calc(50% - 20px / 2); }

/* Unit Input
------------- */
.unit_input {
  position: relative; }
  .unit_input > input {
    padding-right: 18px; }
  .unit_input > span {
    position: absolute;
    right: 10px;
    top: calc(50% - 12px); }

.unit_input_left {
  position: relative; }
  .unit_input_left > span {
    position: absolute;
    left: 10px;
    top: calc(50% - 12px); }

span.required {
  position: relative; }
  span.required:before {
    content: '*';
    color: #d7270d;
    position: absolute;
    right: -10px;
    top: calc(50% - 5px);
    width: 10px;
    line-height: 10px;
    font-weight: 700; }

/* Search Group
-------------- */
.search_group:after, .search_group:before {
  content: "";
  display: block;
  clear: both; }
.search_group > input, .search_group > button {
  float: left; }
.search_group > input {
  width: calc(100% - 50px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
.search_group > button {
  width: 51px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px; }

/* divide text */
.divide_text {
  position: relative;
  padding: 8px 0;
  font-size: 1.4rem;
  text-align: center; }
  .divide_text span {
    color: #666;
    padding: 0 8px;
    background-color: #fff;
    z-index: 1;
    position: relative;
    display: inline-block;
    background: #eee;
    border-radius: 520px; }
  .divide_text:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    top: 50%;
    left: 0;
    border-top: 1px solid #dcdcdc; }
  .divide_text + .item {
    border-top: 0; }
  @media (max-width: 991px) {
    .divide_text {
      padding-left: 0 !important;
      text-align: center !important; } }

/* Width 100
-------------- */
.form_column .divide_text.dt-100 {
  padding-left: 0; }
  .form_column .divide_text.dt-100 span {
    width: 100%; }

/* 
inline input (maybe filter bar)
------------------ */
.input_inline:after, .input_inline:before {
  content: "";
  display: block;
  clear: both; }
.input_inline li {
  display: inline-block;
  margin: 2px 0;
  padding-left: 8px;
  vertical-align: middle; }
  .input_inline li > .input_label,
  .input_inline li > .search_group {
    vertical-align: middle;
    display: inline-block; }
@media (max-width: 575px) {
  .input_inline.xxs-responsive li {
    display: block; }
    .input_inline.xxs-responsive li:after, .input_inline.xxs-responsive li:before {
      content: "";
      display: block;
      clear: both; }
    .input_inline.xxs-responsive li > .input_label {
      width: 80px;
      text-align: right;
      padding-right: 8px;
      margin-top: calc(1em); }
    .input_inline.xxs-responsive li > input,
    .input_inline.xxs-responsive li > textarea,
    .input_inline.xxs-responsive li > .caret_select,
    .input_inline.xxs-responsive li > .search_group {
      width: calc(100% - 80px - 5px);
      float: right; }
    .input_inline.xxs-responsive li .caret_select select {
      width: 100%; } }

.input_simple {
  position: relative;
  padding: 1px !important; }
  .input_simple > label {
    height: 24px;
    width: 100%; }
    .input_simple > label:only-child {
      margin-top: 8px; }
    .input_simple > label .lock {
      color: #427c3a;
      font-size: 1.2rem;
      font-weight: 400; }
  .input_simple > label, .input_simple > p {
    margin: 4px 0; }
  .input_simple.closet {
    padding: 0 !important; }
  .input_simple.inline {
    padding: 6px 0 !important; }
    .input_simple.inline > label, .input_simple.inline > input, .input_simple.inline > p {
      float: left;
      margin: 0; }
    .input_simple.inline > label {
      width: 80px;
      height: unset; }
    .input_simple.inline > input, .input_simple.inline > p {
      width: calc(100% - 80px);
      padding-left: 8px; }
    .input_simple.inline:after, .input_simple.inline:before {
      content: "";
      display: block;
      clear: both; }
  .input_simple.notation {
    padding-top: 10px; }

/* ====== Input in... input_row ====== */
.input_row {
  margin: 0 -2px !important; }
  .input_row > [class*=col],
  .input_row > [class*=col-lg],
  .input_row > [class*=col-md],
  .input_row > [class*=col-sm],
  .input_row > [class*=col-xs] {
    padding-left: 2px !important;
    padding-right: 2px !important; }
  .input_row input,
  .input_row textarea,
  .input_row select {
    width: 100%; }
  .input_row .caret_select {
    display: block; }

/* Line */
hr {
  width: 100%;
  margin: 15px 0;
  border-color: #eee; }

/* Video */
/* video */
.item_video_wrapper .img {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  background-size: cover;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat !important;
  z-index: 1;
  -webkit-transition: all 0.1s ease-in-out;
  -khtml-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
.item_video_wrapper:hover .img {
  -webkit-transform: scale(1.05);
  -khtml-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05); }

.artc_video_wrapper, .item_video_wrapper {
  position: relative;
  width: 100%;
  padding: 0;
  padding-top: 56.25%;
  background-size: cover;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat !important;
  z-index: 1;
  border-radius: 4px;
  overflow: hidden; }
  .artc_video_wrapper iframe, .item_video_wrapper iframe {
    position: absolute;
    left: 0;
    top: 0; }

.video_frame {
  padding-top: 56.25%;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 16px; }
  .video_frame > iframe {
    position: absolute;
    top: 0;
    left: 0; }

.img_preview {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .img_preview.border {
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #dcdcdc; }
  .img_preview .imageWrapper {
    overflow: hidden;
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 4px;
    margin-right: 15px; }
    .img_preview .imageWrapper .image {
      height: 105%;
      width: initial;
      max-height: 100%;
      max-width: initial;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .img_preview .file-upload {
    position: relative;
    overflow: hidden;
    margin: 20px 0;
    width: 100%;
    max-width: 150px;
    text-align: center; }
    .img_preview .file-upload input.file-input {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      padding: 0;
      font-size: 2rem;
      cursor: pointer;
      opacity: 0;
      filter: alpha(opacity=0);
      height: 100%; }

/* ======================== 
Custom Classes
======================== */
.section_complete_form {
  position: relative;
  min-height: calc(100vh - 220px);
  border-top: 1px solid transparent !important;
  text-align: center; }
  .section_complete_form .container {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 60px 30px; }
  .section_complete_form .container, .section_complete_form h2, .section_complete_form p, .section_complete_form a {
    text-align: center;
    max-width: 100%; }
  .section_complete_form h2 {
    color: #377d37; }
  .section_complete_form .check {
    font-size: 12rem;
    color: #377d37;
    margin-bottom: 10px; }
  .section_complete_form .btn_main {
    margin-top: 20px; }
  .section_complete_form.min-height-none {
    min-height: unset; }

.editor {
  padding: 8px;
  position: relative;
  /* ul */
  /* ol */
  /* table */
  /* RWD Table */
  /* blockquote */
  /* a */
  /* buton */
  /* RED */ }
  .editor * {
    max-width: 100% !important; }
  .editor img {
    height: auto !important; }
  .editor p, .editor li {
    font-size: inherit; }
  .editor h1, .editor h2, .editor h3, .editor h4 {
    color: #2069b3;
    margin-top: 10px;
    line-height: 1.8em;
    font-weight: 700; }
    .editor h1:nth-child(1), .editor h2:nth-child(1), .editor h3:nth-child(1), .editor h4:nth-child(1) {
      margin-top: 0; }
  .editor h1 {
    font-size: 3rem; }
  .editor h2 {
    font-size: 2.4rem; }
  .editor h3 {
    font-size: 2rem; }
  .editor h4 {
    font-size: 1.8rem;
    font-weight: 700; }
  .editor ul, .editor ol {
    margin: 8px 0;
    padding: 0 0 0 20px; }
  .editor li {
    padding-left: 0;
    line-height: 1.6em;
    position: relative;
    margin-bottom: 5px; }
  .editor ul {
    margin: 8px 0;
    font-size: inherit;
    list-style: none; }
    .editor ul > li {
      margin-bottom: 0.4em;
      font-size: inherit; }
  .editor ul {
    list-style-type: disc; }
  .editor ol {
    list-style-type: decimal; }
    .editor ol > li {
      position: relative; }
  .editor table {
    border-spacing: 0;
    border-collapse: collapse;
    border-color: #e1e1e1;
    border-style: solid;
    overflow: auto;
    width: 100%; }
    .editor table th, .editor table td {
      border-width: 1px;
      border-style: solid;
      border-color: #e1e1e1;
      padding: 8px; }
    .editor table th {
      background-color: rgba(32, 105, 179, 0.1);
      color: #2069b3; }
    .editor table h1,
    .editor table h2,
    .editor table h3,
    .editor table h4 {
      margin: 0; }
  .editor .tbl_wrapper {
    overflow-x: auto; }
    .editor .tbl_wrapper::-webkit-scrollbar {
      width: 4px;
      height: 4px; }
  @media (max-width: 767px) {
    .editor .tbl_shadow {
      position: relative; }
      .editor .tbl_shadow:before, .editor .tbl_shadow:after {
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        width: 5px; }
      .editor .tbl_shadow:before {
        left: 0;
        box-shadow: inset 6px 0 9px -7px rgba(0, 0, 0, 0.3); }
      .editor .tbl_shadow:after {
        right: 0;
        box-shadow: inset -6px 0 9px -7px rgba(0, 0, 0, 0.3); } }
  .editor blockquote p {
    margin: 0; }
  .editor a {
    color: #3C37C7; }
  .editor a:hover {
    color: #3C37C7;
    text-decoration: underline; }
  .editor input[type=button] {
    line-height: 1em;
    padding: 14px 20px;
    border-radius: 4px;
    background-color: #2069b3;
    color: white;
    display: inline-block;
    border: 1px solid transparent;
    -webkit-transition: all 0.1s ease-in-out;
    -khtml-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    border-color: transparent;
    width: auto;
    padding: 8px 16px;
    height: auto; }
    .editor input[type=button]:hover, .editor input[type=button]:focus {
      color: white;
      background-color: #1c5c9d; }
    .editor input[type=button].large {
      font-size: 2rem;
      padding: 18px 24px; }
    .editor input[type=button].radius {
      border-radius: 30px; }
    .editor input[type=button].reverse {
      background-color: white;
      color: #2069b3; }
  @media (max-width: 767px) {
    .editor h1 {
      font-size: 2.6rem; }
    .editor h2 {
      font-size: 2rem; }
    .editor h3 {
      font-size: 1.8rem; }
    .editor h4 {
      font-size: 1.6rem;
      font-weight: 700; } }

.editor:empty {
  display: none; }

@media (max-width: 767px) {
  .form_column .editor {
    padding-left: 0;
    padding-right: 0; } }

/* Recover Bootstrap
-------------------- */
.editor {
  /* blockquote */
  /* hr */ }
  .editor blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 1.75rem;
    border-left: 5px solid #eee; }
  .editor hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee; }
  .editor .container.section_simple > .editor {
    padding-left: 20px;
    padding-right: 20px; }

body {
  padding-top: 1px;
  margin-top: -1px;
  position: relative; }

.section_main {
  padding: 30px 0; }
  @media (max-width: 767px) {
    .section_main {
      padding: 20px 0; } }

/* Title */
.title_main:empty, .title_special:empty {
  display: none !important; }

.title_special {
  display: inline-block;
  position: relative;
  text-align: left;
  z-index: 1;
  line-height: 1;
  margin: 10px 0; }

.tt_wr > .title_special, .tt_wr .title_main {
  display: inline-block; }

/* Contact Info List */
ul.ci_list {
  padding: 0 15px 10px;
  padding-left: 0;
  position: relative;
  text-align: left; }
  ul.ci_list li {
    display: block;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
    padding-left: 32px;
    line-height: 1.5em; }
    ul.ci_list li:before {
      content: '\f105';
      font-family: 'FontAwesome';
      position: absolute;
      color: inherit;
      font-size: 1em;
      line-height: inherit;
      width: 1.5em;
      text-align: center;
      left: 0; }
    ul.ci_list li.map-marker:before {
      content: "\f041";
      background-image: none; }
    ul.ci_list li.phone:before {
      content: "\f095";
      background-image: none; }
    ul.ci_list li.mobile-phone:before {
      content: "\f10b";
      background-image: none; }
    ul.ci_list li.fax:before {
      content: "\f1ac";
      background-image: none; }
    ul.ci_list li.envelope:before {
      content: "\f003";
      background-image: none; }
    ul.ci_list li.link:before {
      content: "\f0c1";
      background-image: none; }
    ul.ci_list li.calendar:before {
      content: "\f274";
      background-image: none; }
    ul.ci_list li.line:before {
      content: '';
      background-image: url(../images/common/ic_social_line_green.svg);
      width: 1.5em;
      height: 1.5em;
      background-size: contain;
      background-repeat: no-repeat; }
    ul.ci_list li:empty {
      display: none; }
    ul.ci_list li:before {
      left: 0;
      top: 0; }
  ul.ci_list a:hover {
    text-decoration: underline; }

/* Not Use
-------------- */
/* Footer Common
------------------ */
footer a {
  color: inherit; }
footer a:hover {
  text-decoration: underline; }
footer [class*=col-lg], footer [class*=col-md], footer [class*=col-sm], footer [class*=col-xs] {
  padding-right: 0;
  padding-left: 0; }

/* Footer Logo
------------------ */
.f_logo {
  position: relative;
  overflow: hidden; }
  .f_logo img {
    position: relative;
    display: block;
    z-index: 1;
    padding: 0; }

/* Footer Info
------------------ */
.f_info_ul {
  position: relative;
  text-align: left;
  padding: 0;
  font-size: 1.4rem; }
  .f_info_ul li {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    line-height: 1.5em; }
    .f_info_ul li:before {
      content: '\f105';
      font-family: 'FontAwesome';
      position: absolute;
      color: inherit;
      font-size: 1em;
      line-height: inherit;
      width: 1.5em;
      text-align: center;
      left: 0; }
    .f_info_ul li.map-marker:before {
      content: "\f041";
      background-image: none; }
    .f_info_ul li.phone:before {
      content: "\f095";
      background-image: none; }
    .f_info_ul li.mobile-phone:before {
      content: "\f10b";
      background-image: none; }
    .f_info_ul li.fax:before {
      content: "\f1ac";
      background-image: none; }
    .f_info_ul li.envelope:before {
      content: "\f003";
      background-image: none; }
    .f_info_ul li.link:before {
      content: "\f0c1";
      background-image: none; }
    .f_info_ul li.calendar:before {
      content: "\f274";
      background-image: none; }
    .f_info_ul li.line:before {
      content: '';
      background-image: url(../images/common/ic_social_line_green.svg);
      width: 1.5em;
      height: 1.5em;
      background-size: contain;
      background-repeat: no-repeat; }
    .f_info_ul li:empty {
      display: none; }

/* Footer Copyright
------------------ */
.f_copyright {
  position: relative;
  overflow: hidden; }
  .f_copyright p {
    display: block;
    z-index: 1;
    position: relative;
    line-height: 1.8em;
    margin: 0; }

/* Footer Fix
------------------ */
.footer_fix {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-style: inset; }

/* --------------------------
2018.09.05 - change font size variables into common variables(can be cover by theme)
2018.10.02 -  delete "prd" style
2018.11.02 -  Edit structure
2018.11.02 -  Move _cart.scss to _shop.scss
2018.11.09 -  Edit Components
2018.11.19 -  Edit _pluginFix
2018.11.28 -  Edit _basicBlock
              Edit _bootstrapFix
              Edit _variables
2018.11.29 -  Modify _basicBlock to _blocky    
              Edit _inputInline 
              Edit _column     
              Edit _mixins      
2018.11.30 -  Edit _editor   
              Edit _sidebar  
2018.12.03 -  Edit _blocky 
2018.12.04 -  Edit _unitInput
              Edit _attach
              Edit _btnAction
              Edit _button, _variables
2018.12.05 -  Edit _editor

2018.12.05
014, Edit _variables, Add _parchment, Delete _docForm, Add _video, Modify Structure, Modify _videoFrame to _video, Edit _owlCarouselDefault, Edit mixin/_owl-carousel

2018.12.06
015, Edit _variables & _tag, _btnAction, _sidebar, edit _gridSystem 

2018.12.11
015, Edit _editor, _column, _columnd 
   
-------------------------- */
/* --- Templates --- */
/* --- Nav Type --- */
/* common */
/* global 
------------------------ */
/* Animation */
@-webkit-keyframes jump-animation {
  100% {
    top: 0px;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0); } }
@-moz-keyframes jump-animation {
  100% {
    top: 0px;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0); } }
@-ms-keyframes jump-animation {
  100% {
    top: 0px;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0); } }
@-o-keyframes jump-animation {
  100% {
    top: 0px;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0); } }
@keyframes jump-animation {
  100% {
    top: 0px;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0); } }
ul.navbar-nav > li.jump.jump > a > span {
  position: relative;
  top: -6px;
  display: inline-block;
  -webkit-animation: jump-animation 0.4s ease infinite alternate;
  -khtml-animation: jump-animation 0.4s ease infinite alternate;
  -moz-animation: jump-animation 0.4s ease infinite alternate;
  -ms-animation: jump-animation 0.4s ease infinite alternate;
  -o-animation: jump-animation 0.4s ease infinite alternate;
  animation: jump-animation 0.4s ease infinite alternate;
  color: #2069b3; }
  ul.navbar-nav > li.jump.jump > a > span:nth-child(10n+2) {
    -webkit-animation-delay: 0.1s;
    -khtml-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    animation-delay: 0.1s; }
  ul.navbar-nav > li.jump.jump > a > span:nth-child(10n+3) {
    -webkit-animation-delay: 0.2s;
    -khtml-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s; }
  ul.navbar-nav > li.jump.jump > a > span:nth-child(10n+4) {
    -webkit-animation-delay: 0.3s;
    -khtml-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  ul.navbar-nav > li.jump.jump > a > span:nth-child(10n+5) {
    -webkit-animation-delay: 0.4s;
    -khtml-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s; }
  ul.navbar-nav > li.jump.jump > a > span:nth-child(10n+6) {
    -webkit-animation-delay: 0.5s;
    -khtml-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s; }
  ul.navbar-nav > li.jump.jump > a > span:nth-child(10n+7) {
    -webkit-animation-delay: 0.6s;
    -khtml-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s; }
  ul.navbar-nav > li.jump.jump > a > span:nth-child(10n+8) {
    -webkit-animation-delay: 0.7s;
    -khtml-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -ms-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    animation-delay: 0.7s; }
  ul.navbar-nav > li.jump.jump > a > span:nth-child(10n+9) {
    -webkit-animation-delay: 0.8s;
    -khtml-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -ms-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s; }
  ul.navbar-nav > li.jump.jump > a > span:nth-child(10n) {
    -webkit-animation-delay: 0.9s;
    -khtml-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    animation-delay: 0.9s; }
ul.navbar-nav > li.jump.jump.active > a {
  color: #fff; }
  ul.navbar-nav > li.jump.jump.active > a > span {
    color: inherit;
    text-shadow: 0 6px 4px rgba(0, 0, 0, 0.2); }
ul.navbar-nav > li.jump a {
  font-weight: 700; }

.navbar [class*=col-lg],
.navbar [class*=col-md],
.navbar [class*=col-sm],
.navbar [class*=col-xs] {
  padding: 0; }
.navbar .container-fluid {
  padding: 0; }
@media (min-width: 768px) and (max-width: 1199px) {
  .navbar .container {
    width: 100%; } }

.navbar-collapse {
  padding: 0; }
  @media (max-width: 767px) {
    .navbar-collapse {
      padding: 0;
      margin: 0 !important;
      max-height: calc(100vh - 120px); } }

.navbar {
  border-bottom: 0;
  padding: 0px 0; }
  .navbar.add_class {
    padding: 0; }
  .navbar > .container-fluid, .navbar .container {
    padding: 0; }
  .navbar .navbar-header {
    margin: 0; }
  .navbar .navbar-nav {
    padding: 0; }

.navbar,
.dsk_menu {
  z-index: 1030;
  width: 100%;
  position: relative; }

.navbar {
  z-index: 1030; }
  @media (max-width: 767px) {
    .navbar {
      position: fixed;
      top: 0;
      right: 0;
      left: 0; } }

.navbar-header {
  float: unset; }

@media (max-width: 767px) {
  .navbar-collapse {
    z-index: 1030;
    position: fixed;
    left: 0;
    top: 49px !important;
    width: 100%; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .navbar .navbar-nav {
    padding: 0; } }
@media (max-width: 767px) {
  .navbar {
    padding: 0; }
    .navbar .navbar-header {
      border-bottom: 0px; } }
/* Mobile Nav Scroll Bar
----------------------- */
.navbar-collapse::-webkit-scrollbar,
.js-offcanvas::-webkit-scrollbar {
  width: 4px;
  height: 4px; }

/* Nav Brand Header Layout
---------------- */
.navbar-header {
  text-align: center; }
  .navbar-header .brand {
    display: inline-block;
    vertical-align: bottom; }
    @media (min-width: 768px) {
      .navbar-header .brand {
        padding: 9px 12px; } }
    @media (max-width: 767px) {
      .navbar-header .brand {
        padding: 12px 12px; } }
    .navbar-header .brand .brand_logo {
      width: auto;
      content: '';
      background-image: url(../images/common/icons.png);
      background-size: 600px auto;
      width: 305px;
      height: 40px;
      background-position: -112px -32px; }
      @media (max-width: 767px) {
        .navbar-header .brand .brand_logo {
          width: 195.2px;
          height: 25.6px;
          background-position: 0 0;
          background-size: 480px auto; } }
    .navbar-header .brand h3 {
      padding-left: 8px; }

@media (max-width: 767px) {
  .navbar-header {
    text-align: left; } }
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-header {
    text-align: center; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-header {
    text-align: center; } }
@media (min-width: 1200px) {
  .navbar-header {
    text-align: center; } }

/* Nav Layout
---------------- */
@media (min-width: 768px) {
  .navbar-nav {
    display: inline-block;
    float: none !important;
    vertical-align: bottom; } }
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-collapse {
    text-align: center; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-collapse {
    text-align: center; } }
@media (min-width: 1200px) {
  .navbar-collapse {
    text-align: center; } }
/* --------------------------------------------
Desktop Menu & Mobile Bootstrap Menu Style
--------------------------------------------
import files:
- _menuColor


-------------------------------------------- */
/* Desktop Navbar
----------------------- */
/* Layout */
@media (min-width: 768px) {
  .navbar-nav {
    /* Hover Dropdown */ }
    .navbar-nav > li {
      font-size: 1.6rem; }
      .navbar-nav > li > a {
        text-align: center;
        z-index: 1001;
        white-space: nowrap;
        background-color: transparent;
        font-weight: 400;
        font-size: 1.6rem;
        -webkit-transition: all 0s ease-in-out;
        -khtml-transition: all 0s ease-in-out;
        -moz-transition: all 0s ease-in-out;
        -ms-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out;
        transition: all 0s ease-in-out; }
    .navbar-nav .dropdown > a {
      position: relative;
      padding-right: 24px; }
    .navbar-nav .dropdown > a:after {
      display: block;
      content: " ";
      position: absolute;
      width: 0;
      height: 0;
      right: 10px;
      top: calc(50% - 2px);
      border-color: transparent;
      border-style: solid;
      border-width: 5px 5px 0 5px; }
    .navbar-nav .dropdown:nth-last-child(1) > .dropdown-menu {
      right: 0;
      left: unset; }
    .navbar-nav .dropdown-menu {
      top: calc(100% + 0px);
      left: 0;
      border-width: 0px;
      border-radius: 0;
      min-width: 160px;
      z-index: 1001; }
      .navbar-nav .dropdown-menu > li > a {
        padding: 10px 15px;
        font-size: 1.6rem;
        background-color: transparent; }
    .navbar-nav .dropdown-submenu > .dropdown-menu {
      top: 0px;
      margin-top: 0;
      left: 100%;
      min-height: calc(100%); }
    .navbar-nav .dropdown-submenu > a {
      padding-right: 30px;
      position: relative; }
    .navbar-nav .dropdown-submenu > a:after {
      display: block;
      content: " ";
      position: absolute;
      width: 0;
      height: 0;
      right: 10px;
      top: calc(50% - 5px);
      border-color: transparent;
      border-style: solid;
      border-width: 5px 0 5px 5px; }
    .navbar-nav .dropdown:hover > .dropdown-menu {
      display: block; }
    .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
      display: block; } }
/* Style */
@media (min-width: 768px) {
  ul.navbar-nav > li > a {
    border-color: transparent; }
  ul.navbar-nav > li > a:hover, ul.navbar-nav > li > a:focus {
    background-color: #1d5fa2;
    color: white; }
  ul.navbar-nav > li > a:hover, ul.navbar-nav > li > a:focus, ul.navbar-nav > li > a.mPS2id-highlight {
    background-color: #1d5fa2;
    color: white; }
  ul.navbar-nav > li.active > a, ul.navbar-nav > li.active > a:hover, ul.navbar-nav > li.active > a:focus {
    color: white;
    background-color: #2069b3;
    border-color: white; }
  ul.navbar-nav .dropdown > a:after {
    border-top-color: white; }
  ul.navbar-nav .dropdown > a:hover:after {
    border-top-color: white; }
  ul.navbar-nav .dropdown-menu {
    background-color: white; }
    ul.navbar-nav .dropdown-menu > li > a {
      background-color: transparent; }
      ul.navbar-nav .dropdown-menu > li > a:hover, ul.navbar-nav .dropdown-menu > li > a:focus {
        background-color: rgba(0, 0, 0, 0.05); }
    ul.navbar-nav .dropdown-menu .dropdown-submenu > .dropdown-menu {
      border-left: 1px solid white; }
    ul.navbar-nav .dropdown-menu .dropdown-submenu > a:after {
      border-left-color: #2069b3; }
    ul.navbar-nav .dropdown-menu .dropdown-submenu:hover > a:after {
      border-left-color: #2069b3; }
  ul.navbar-nav a {
    color: white; }
  ul.navbar-nav .dropdown-menu a {
    color: #4d4d4d; }
    ul.navbar-nav .dropdown-menu a:hover, ul.navbar-nav .dropdown-menu a:focus {
      color: #4d4d4d; }

  .add_class ul.navbar-nav > li > a {
    border-color: transparent; }
  .add_class ul.navbar-nav > li > a:hover, .add_class ul.navbar-nav > li > a:focus {
    background-color: #1d5fa2;
    color: white; }
  .add_class ul.navbar-nav > li > a:hover, .add_class ul.navbar-nav > li > a:focus, .add_class ul.navbar-nav > li > a.mPS2id-highlight {
    background-color: #1d5fa2;
    color: white; }
  .add_class ul.navbar-nav > li.active > a, .add_class ul.navbar-nav > li.active > a:hover, .add_class ul.navbar-nav > li.active > a:focus {
    color: white;
    background-color: #2069b3;
    border-color: white; }
  .add_class ul.navbar-nav .dropdown > a:after {
    border-top-color: white; }
  .add_class ul.navbar-nav .dropdown > a:hover:after {
    border-top-color: white; }
  .add_class ul.navbar-nav .dropdown-menu {
    background-color: white; }
    .add_class ul.navbar-nav .dropdown-menu > li > a {
      background-color: transparent; }
      .add_class ul.navbar-nav .dropdown-menu > li > a:hover, .add_class ul.navbar-nav .dropdown-menu > li > a:focus {
        background-color: rgba(0, 0, 0, 0.05); }
    .add_class ul.navbar-nav .dropdown-menu .dropdown-submenu > .dropdown-menu {
      border-left: 1px solid white; }
    .add_class ul.navbar-nav .dropdown-menu .dropdown-submenu > a:after {
      border-left-color: #2069b3; }
    .add_class ul.navbar-nav .dropdown-menu .dropdown-submenu:hover > a:after {
      border-left-color: #2069b3; }
  .add_class ul.navbar-nav a {
    color: white; }
  .add_class ul.navbar-nav .dropdown-menu a {
    color: #4d4d4d; }
    .add_class ul.navbar-nav .dropdown-menu a:hover, .add_class ul.navbar-nav .dropdown-menu a:focus {
      color: #4d4d4d; }

  .navbar {
    background-color: white; }
    .navbar.add_class {
      background-color: white; }

  .dsk_menu {
    background-color: white; }
    .dsk_menu.add_class {
      background-color: white; } }
/* Mobile Navbar
----------------------- */
@media (max-width: 767px) {
  .navbar-collapse {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); }

  ul.navbar-nav {
    border-top: 1px solid #e1e1e1;
    margin: 0 !important;
    overflow-y: auto;
    overflow-x: hidden; }
    ul.navbar-nav ul {
      padding: 0; }
    ul.navbar-nav a, ul.navbar-nav li.dropdown ul.dropdown-menu a {
      padding: 10px 15px;
      color: #4d4d4d;
      font-size: 1.8rem; }
    ul.navbar-nav li.dropdown-submenu ul.dropdown-menu a {
      padding: 8px 12px !important; }
    ul.navbar-nav a, ul.navbar-nav a:hover, ul.navbar-nav a:focus, ul.navbar-nav .open a, ul.navbar-nav .open a:hover, ul.navbar-nav .open a:focus {
      border-bottom: 1px solid #e1e1e1;
      background-color: white; }
    ul.navbar-nav li.dropdown > a, ul.navbar-nav li.dropdown-submenu > a {
      position: relative; }
    ul.navbar-nav li.dropdown > a:after, ul.navbar-nav li.dropdown-submenu > a:after {
      display: block;
      content: " ";
      position: absolute;
      width: 0;
      height: 0;
      right: 10px;
      top: calc(50% - 5px);
      border-color: transparent;
      border-style: solid;
      border-width: 5px 0 5px 5px;
      border-left-color: #2069b3;
      -webkit-transform: rotate(0deg);
      -khtml-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
    ul.navbar-nav li.dropdown.open > a:after, ul.navbar-nav li.dropdown-submenu.open > a:after {
      -webkit-transform: rotate(90deg);
      -khtml-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
    ul.navbar-nav > li.dropdown.open > a {
      background-color: white; }
    ul.navbar-nav > li.dropdown > ul.dropdown-menu {
      width: 100%;
      position: relative; }
      ul.navbar-nav > li.dropdown > ul.dropdown-menu > li > a {
        border-left: 4px solid #2069b3;
        background-color: #f7f7f7; }
      ul.navbar-nav > li.dropdown > ul.dropdown-menu > li.open > a {
        background-color: #f7f7f7; }
    ul.navbar-nav li.dropdown-submenu ul.dropdown-menu > li > a {
      border-left: 4px solid #11365c;
      background-color: #f2f2f2; }

  .navbar, .dsk_menu {
    background-color: white; }
    .navbar.add_class, .dsk_menu.add_class {
      background-color: white; } }
/* Toggle Button */
.navbar-toggle {
  border: 0px;
  padding: 14px 14px;
  margin: 0;
  border-radius: 0;
  background-color: transparent; }
  .navbar-toggle .icon-bar {
    background-color: #2069b3;
    margin: 4px 0; }
  .navbar-toggle:hover, .navbar-toggle:focus {
    background-color: transparent; }
    .navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {
      background: #2069b3; }
  .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(2) {
    -webkit-transform: translateY(6px) rotate(45deg);
    -khtml-transform: translateY(6px) rotate(45deg);
    -moz-transform: translateY(6px) rotate(45deg);
    -ms-transform: translateY(6px) rotate(45deg);
    -o-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg); }
  .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3) {
    -webkit-transform: scaleX(0.01);
    -khtml-transform: scaleX(0.01);
    -moz-transform: scaleX(0.01);
    -ms-transform: scaleX(0.01);
    -o-transform: scaleX(0.01);
    transform: scaleX(0.01); }
  .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(4) {
    -webkit-transform: translateY(-6px) rotate(-45deg);
    -khtml-transform: translateY(-6px) rotate(-45deg);
    -moz-transform: translateY(-6px) rotate(-45deg);
    -ms-transform: translateY(-6px) rotate(-45deg);
    -o-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg); }

.nav_fix {
  margin-top: 108px; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .nav_fix {
      margin-top: 108px; } }
  @media (max-width: 767px) {
    .nav_fix {
      margin-top: 50px; } }

/* nav components */
/* Mobile - Menu */
.js-offcanvas {
  padding: 0;
  padding-top: 50px;
  left: 0;
  overflow-x: none;
  overflow-y: auto;
  background-color: #fff; }
  .js-offcanvas ul.navbar-nav {
    border-top: 1px solid rgba(0, 0, 0, 0.2); }
  .js-offcanvas ul.navbar-nav, .js-offcanvas .list-unstyled {
    margin: 0; }
    .js-offcanvas ul.navbar-nav li a, .js-offcanvas .list-unstyled li a {
      padding: 12px 16px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    .js-offcanvas ul.navbar-nav li.open a, .js-offcanvas ul.navbar-nav li a:hover, .js-offcanvas ul.navbar-nav li a:focus, .js-offcanvas .list-unstyled li.open a, .js-offcanvas .list-unstyled li a:hover, .js-offcanvas .list-unstyled li a:focus {
      border-color: rgba(0, 0, 0, 0.2); }
    .js-offcanvas ul.navbar-nav > li, .js-offcanvas .list-unstyled > li {
      margin: 0; }
      .js-offcanvas ul.navbar-nav > li > a, .js-offcanvas .list-unstyled > li > a {
        color: #4d4d4d; }
      .js-offcanvas ul.navbar-nav > li > a, .js-offcanvas ul.navbar-nav > li > a:active, .js-offcanvas ul.navbar-nav > li > a:focus, .js-offcanvas ul.navbar-nav > li.active > a, .js-offcanvas ul.navbar-nav > li.active > a:active, .js-offcanvas ul.navbar-nav > li.active > a:focus, .js-offcanvas ul.navbar-nav > li.open > a, .js-offcanvas ul.navbar-nav > li.open > a:active, .js-offcanvas ul.navbar-nav > li.open > a:focus, .js-offcanvas .list-unstyled > li > a, .js-offcanvas .list-unstyled > li > a:active, .js-offcanvas .list-unstyled > li > a:focus, .js-offcanvas .list-unstyled > li.active > a, .js-offcanvas .list-unstyled > li.active > a:active, .js-offcanvas .list-unstyled > li.active > a:focus, .js-offcanvas .list-unstyled > li.open > a, .js-offcanvas .list-unstyled > li.open > a:active, .js-offcanvas .list-unstyled > li.open > a:focus {
        background: white; }
    .js-offcanvas ul.navbar-nav > .dropdown > a:after, .js-offcanvas .list-unstyled > .dropdown > a:after {
      display: block;
      content: " ";
      position: absolute;
      width: 0;
      height: 0;
      right: 10px;
      top: calc(50% - 5px);
      border-color: transparent;
      border-style: solid;
      border-width: 5px 0 5px 5px;
      border-left-color: #2069b3;
      -webkit-transform: rotate(0deg);
      -khtml-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
    .js-offcanvas ul.navbar-nav > .dropdown.open > a:after, .js-offcanvas .list-unstyled > .dropdown.open > a:after {
      -webkit-transform: rotate(90deg);
      -khtml-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
    .js-offcanvas ul.navbar-nav > .dropdown .dropdown-menu, .js-offcanvas .list-unstyled > .dropdown .dropdown-menu {
      margin-left: 0px;
      width: 100%;
      padding: 0;
      border-radius: 0px;
      overflow: hidden;
      background: #f2f2f2; }
      .js-offcanvas ul.navbar-nav > .dropdown .dropdown-menu *, .js-offcanvas .list-unstyled > .dropdown .dropdown-menu * {
        background: unset;
        transition-duration: 0s; }
      .js-offcanvas ul.navbar-nav > .dropdown .dropdown-menu > li > a, .js-offcanvas .list-unstyled > .dropdown .dropdown-menu > li > a {
        color: #4d4d4d !important;
        padding: 12px !important;
        border-left: 4px solid #2069b3; }
      .js-offcanvas ul.navbar-nav > .dropdown .dropdown-menu .dropdown-submenu > .dropdown-menu, .js-offcanvas .list-unstyled > .dropdown .dropdown-menu .dropdown-submenu > .dropdown-menu {
        top: 0px;
        margin-top: 0;
        background: rgba(32, 105, 179, 0.04); }
        .js-offcanvas ul.navbar-nav > .dropdown .dropdown-menu .dropdown-submenu > .dropdown-menu a, .js-offcanvas .list-unstyled > .dropdown .dropdown-menu .dropdown-submenu > .dropdown-menu a {
          border-left-color: #11365c;
          padding: 8px 12px !important; }
      .js-offcanvas ul.navbar-nav > .dropdown .dropdown-menu .dropdown-submenu > a, .js-offcanvas .list-unstyled > .dropdown .dropdown-menu .dropdown-submenu > a {
        padding-right: 30px;
        position: relative; }
      .js-offcanvas ul.navbar-nav > .dropdown .dropdown-menu .dropdown-submenu > a:after, .js-offcanvas .list-unstyled > .dropdown .dropdown-menu .dropdown-submenu > a:after {
        display: block;
        content: " ";
        position: absolute;
        width: 0;
        height: 0;
        right: 10px;
        top: calc(50% - 5px);
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #2069b3;
        -webkit-transform: rotate(0deg);
        -khtml-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); }
      .js-offcanvas ul.navbar-nav > .dropdown .dropdown-menu .dropdown-submenu.open > a:after, .js-offcanvas .list-unstyled > .dropdown .dropdown-menu .dropdown-submenu.open > a:after {
        -webkit-transform: rotate(90deg);
        -khtml-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
    .js-offcanvas ul.navbar-nav > .dropdown.open > .dropdown-menu, .js-offcanvas .list-unstyled > .dropdown.open > .dropdown-menu {
      display: block; }
    .js-offcanvas ul.navbar-nav > .dropdown.open > a, .js-offcanvas ul.navbar-nav > .dropdown.open > a:hover, .js-offcanvas ul.navbar-nav > .dropdown.open > a:focus, .js-offcanvas .list-unstyled > .dropdown.open > a, .js-offcanvas .list-unstyled > .dropdown.open > a:hover, .js-offcanvas .list-unstyled > .dropdown.open > a:focus {
      border-color: rgba(0, 0, 0, 0.2); }
    .js-offcanvas ul.navbar-nav > .dropdown .caret:after, .js-offcanvas .list-unstyled > .dropdown .caret:after {
      color: #117ad5; }
  @media (min-width: 768px) {
    .js-offcanvas {
      display: none; } }
  .js-offcanvas.is-closed a {
    display: none; }

.cart_btn_wrapper {
  float: right;
  padding: 8px;
  position: relative; }
  @media (max-width: 767px) {
    .cart_btn_wrapper {
      display: none; } }

/* Cart Button */
.cart_btn {
  display: block;
  text-align: center;
  padding: 0;
  cursor: pointer;
  margin: 0;
  width: 44px;
  height: 44px;
  border-radius: 4px;
  background-color: #2069b3; }
  .cart_btn > i {
    color: #fff;
    font-size: 2.4rem;
    line-height: 4.4rem; }

/* Small Number (Web & Mobile)*/
.btn_inner_absolute {
  position: relative; }
  .btn_inner_absolute span.inner {
    position: absolute;
    line-height: 1em;
    border-radius: 100px;
    padding: 2px 5px;
    background-color: #fff;
    border: 2px solid #2069b3;
    color: #2069b3;
    top: 10%;
    right: 10%;
    font-size: 1.2rem; }
  .btn_inner_absolute.mini span.inner {
    border: 1px solid #444;
    background-color: #2d82d9;
    color: #444;
    top: 12%;
    right: 12%; }

/* Cart Popup */
.cart_popup_wrapper {
  height: 0;
  z-index: 1010; }

.cart_popup {
  margin: 0;
  position: absolute;
  border-radius: 3px;
  padding: 0;
  display: none;
  background: #fff;
  width: 480px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  top: 60px;
  right: 0; }
  .cart_popup.active {
    display: block; }
  .cart_popup .cart_itms {
    padding: 0 4px; }
  .cart_popup .cart_itms {
    max-height: 307px;
    overflow-x: hidden;
    overflow-y: auto; }
    .cart_popup .cart_itms::-webkit-scrollbar {
      width: 4px; }
    .cart_popup .cart_itms::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
    .cart_popup .cart_itms::-webkit-scrollbar-thumb {
      background-color: rgba(32, 105, 179, 0.5);
      outline: 0px solid; }
  .cart_popup li {
    padding: 4px 0; }
    .cart_popup li:after, .cart_popup li:before {
      content: "";
      display: block;
      clear: both; }
    .cart_popup li + li {
      border-top: 1px solid #e1e1e1; }
    .cart_popup li p {
      margin: 0; }
  .cart_popup .img_wrapper, .cart_popup .title, .cart_popup .price_col {
    display: block;
    margin: 0;
    float: left; }
  .cart_popup .img_wrapper {
    width: 60px;
    height: 60px; }
  .cart_popup .img {
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1; }
  .cart_popup .price_col {
    position: relative;
    width: 100px;
    padding-left: 40px; }
    .cart_popup .price_col .num_title {
      position: absolute;
      left: 0;
      top: 2px;
      font-size: 80%; }
    .cart_popup .price_col .price {
      line-height: 1.5em; }
    .cart_popup .price_col p {
      white-space: nowrap; }
  .cart_popup .title {
    width: calc(100% - 60px - 100px);
    padding: 0 4px;
    overflow: hidden; }
  .cart_popup .prd_title {
    overflow: hidden;
    line-height: 1.5em;
    max-height: 3em;
    white-space: normal;
    text-overflow: initial; }
  .cart_popup .footer {
    padding: 4px;
    border-top: 1px solid #e1e1e1; }
    .cart_popup .footer p {
      float: right;
      margin-left: 16px;
      margin-top: 0;
      margin-bottom: 0; }
  .cart_popup:after {
    bottom: 100%;
    right: 22px;
    top: -8px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #2069b3;
    border-width: 8px; }

.nav_social_wrapper {
  padding: 8px 0; }
  .nav_social_wrapper ul:after, .nav_social_wrapper ul:before {
    content: "";
    display: block;
    clear: both; }
  .nav_social_wrapper ul > li {
    display: block;
    float: left;
    margin-right: 8px; }
  .nav_social_wrapper a {
    display: block;
    position: relative;
    text-align: center;
    padding: 0;
    cursor: pointer;
    margin: 0;
    width: 44px;
    height: 44px;
    border-radius: 4px;
    background-color: #2069b3;
    background-size: cover;
    background-repeat: no-repeat; }
    .nav_social_wrapper a:before {
      font-family: 'FontAwesome';
      position: absolute;
      color: #fff;
      width: 44px;
      height: 44px;
      line-height: 4.4rem;
      font-size: 2.4rem;
      text-align: center;
      left: 0;
      top: 0; }
  .nav_social_wrapper a.line {
    background-color: #00bb00;
    background-image: none; }
    .nav_social_wrapper a.line:before {
      content: "\ ";
      background-image: none; }
    .nav_social_wrapper a.line:hover {
      background-color: #008800; }
  .nav_social_wrapper a.line:before {
    background: transparent no-repeat url(../images/common/ic_social_line_white.svg) center;
    background-size: 26px; }
  .nav_social_wrapper a.facebook {
    background-color: #2c6ac4;
    background-image: none; }
    .nav_social_wrapper a.facebook:before {
      content: "\f09a";
      background-image: none; }
    .nav_social_wrapper a.facebook:hover {
      background-color: #23539a; }
  .nav_social_wrapper a.line:before {
    background: transparent no-repeat url(../images/common/ic_social_line_white.svg) center;
    background-size: 26px; }
  .nav_social_wrapper a.instagram {
    background-color: transparent;
    background-image: url(../images/common/bg_social_ig.jpg); }
    .nav_social_wrapper a.instagram:before {
      content: "\f16d";
      background-image: none; }
    .nav_social_wrapper a.instagram:hover {
      background-color: rgba(0, 0, 0, 0); }
  .nav_social_wrapper a.line:before {
    background: transparent no-repeat url(../images/common/ic_social_line_white.svg) center;
    background-size: 26px; }

.js-offcanvas .nav_social_wrapper {
  padding: 8px; }
  .js-offcanvas .nav_social_wrapper ul {
    text-align: center; }
  .js-offcanvas .nav_social_wrapper li {
    clear: none;
    display: inline-block;
    float: none; }

@media (max-width: 767px) {
  .nav_right_group .nav_social_wrapper {
    display: none; } }

/* Nav Lang List
------------------ */
.n_lang_list {
  padding: 11px 0; }
  .n_lang_list:after, .n_lang_list:before {
    content: "";
    display: block;
    clear: both; }
  .n_lang_list > li {
    display: block;
    float: left;
    padding: 0 15px;
    font-size: 1.4rem;
    color: #4d4d4d;
    line-height: 1em;
    border-right: 1px solid #4d4d4d; }
    .n_lang_list > li > a {
      display: block;
      color: inherit;
      font-size: inherit; }
      .n_lang_list > li > a:hover {
        text-decoration: underline; }
    .n_lang_list > li:nth-last-child(1) {
      border-right: 0px; }

/* Nav Lang Dropdown
--------------- */
.n_lang_caret select {
  color: white;
  padding: 0.5em;
  padding-right: 2em;
  line-height: 1em;
  font-size: 1.4rem;
  border-radius: 4px;
  background-color: #333;
  border: none;
  height: 2em; }
.n_lang_caret:after {
  color: white; }

@media (max-width: 575px) {
  .n_lang_caret select {
    width: 2em;
    overflow: hidden;
    padding-right: 0.5em; }
  .n_lang_caret:after {
    display: none; } }
/* RWD
------------ */
.nl_d_wrapper {
  z-index: 1032; }

.nl_m_wrapper {
  display: none;
  z-index: 1032; }

@media (max-width: 767px) {
  .nl_d_wrapper {
    display: none; }

  .nl_m_wrapper {
    display: block;
    position: fixed;
    right: 50px;
    top: 11px; } }
/* Search Collaspe
------------------- */
.s_f_wrapper {
  max-width: 240px;
  float: right;
  padding: 8px 0 8px; }
  .s_f_wrapper input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none; }
  .s_f_wrapper #s_form {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 20px;
    text-indent: 1em;
    display: inline-block;
    border: 0 none;
    width: 0;
    height: 40px;
    border-radius: 4px;
    -webkit-transition: .3s;
    transition: .3s;
    outline: none;
    padding: 12px 19px;
    cursor: pointer;
    -webkit-appearance: none;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    vertical-align: baseline;
    margin: 0;
    background-image: url(../images/common/ic_search_fa.svg); }
    .s_f_wrapper #s_form:hover, .s_f_wrapper #s_form:focus {
      background-image: url(../images/common/ic_search_fa.svg); }
    @media (max-width: 767px) {
      .s_f_wrapper #s_form:hover, .s_f_wrapper #s_form:focus {
        background-image: url(../images/common/ic_search_fa_hover.svg); } }
    .s_f_wrapper #s_form:focus {
      width: 240px;
      cursor: text; }
  @media (max-width: 767px) {
    .s_f_wrapper {
      position: fixed;
      right: 0px;
      top: 60px;
      padding-left: 10px;
      padding-right: 10px;
      margin: 0;
      max-width: unset;
      color: #4d4d4d; }
      .s_f_wrapper:hover, .s_f_wrapper:focus {
        width: 100%; }
      .s_f_wrapper #s_form {
        background-position: calc(56px / 2 - 12px) center;
        width: 56px;
        height: 56px;
        padding: calc(56px / 2 - 12px) calc(56px / 2 - 5px);
        border-radius: calc(56px / 2);
        float: right;
        box-shadow: 0 3.2px 10px rgba(0, 0, 0, 0.32);
        background-color: #2069b3; }
        .s_f_wrapper #s_form:hover, .s_f_wrapper #s_form:focus {
          width: 100%;
          background-color: #efefef; }
        .s_f_wrapper #s_form:focus {
          padding-left: 32px; } }
  @media (min-width: 768px) {
    .s_f_wrapper #s_form {
      color: white;
      border: 0px solid #2069b3;
      background-color: transparent;
      background-position: calc(44px / 2 - 12px) center;
      width: 44px;
      height: 44px;
      padding: calc(44px / 2 - 12px) calc(44px / 2 - 5px); }
      .s_f_wrapper #s_form:hover, .s_f_wrapper #s_form:focus {
        background-color: transparent;
        border: 0px solid #2069b3; }
      .s_f_wrapper #s_form:focus {
        padding-left: 32px; } }

/* no desktop */
/* Search Desktop (Normal)
---------------------- */
.s_desktop {
  float: right;
  width: 300px;
  padding: 4px 0 4px;
  position: relative; }
  .s_desktop .search_input {
    float: left;
    outline: none;
    padding: 0;
    padding-left: 20px;
    width: 100%;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    color: #4d4d4d;
    border: 0px solid #2069b3;
    background-color: #f1f1f1; }
  .s_desktop .search_button {
    position: absolute;
    right: 0px;
    width: 28px;
    height: 28px;
    border-radius: 0 14px 14px 0;
    border: 0px solid #2069b3;
    background-color: #f1f1f1;
    text-align: center;
    cursor: pointer;
    font-size: 1.6rem; }
    .s_desktop .search_button i {
      height: 28px;
      line-height: 27px; }
      .s_desktop .search_button i:before {
        color: rgba(77, 77, 77, 0.7); }
    .s_desktop .search_button:hover {
      background-color: #f1f1f1; }

@media (max-width: 767px) {
  .s_desktop {
    display: none; } }

/* Top Nav
------------------ */
.top_nav {
  background-color: #2069b3; }
  .top_nav:after, .top_nav:before {
    content: "";
    display: block;
    clear: both; }

/* 
  Nav Mobile Button
----------------- */
.nav_m_btns {
  display: block;
  position: absolute;
  height: 50px;
  right: 50px;
  top: 0;
  z-index: 1031; }
  .nav_m_btns > li {
    display: block;
    float: right; }
    .nav_m_btns > li a {
      display: block;
      width: 40px;
      text-align: center;
      color: #2069b3; }
      .nav_m_btns > li a i {
        font-size: 2rem;
        line-height: 5rem; }
  @media (min-width: 768px) {
    .nav_m_btns {
      display: none; } }

/* Inner Number */
.btn_inner_absolute {
  position: relative; }
  .btn_inner_absolute span.inner {
    background-color: #fff;
    border: 2px solid #2069b3;
    color: #2069b3;
    position: absolute;
    padding: 2px 5px;
    top: 20%;
    right: 15%;
    font-size: 1.2rem;
    line-height: 1em;
    border-radius: 100px; }
  .btn_inner_absolute.mini span.inner {
    border: 1px solid #fff;
    background-color: #2069b3;
    color: #fff;
    top: 12%;
    right: 0%; }

.menu_s {
  padding: 8px 0; }
  .menu_s:after, .menu_s:before {
    content: "";
    display: block;
    clear: both; }
  .menu_s > li {
    display: block;
    float: left;
    padding: 0 15px;
    font-size: 1.4rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1em;
    border-right: 1px solid rgba(255, 255, 255, 0.8); }
    .menu_s > li > a {
      display: block;
      color: inherit;
      font-size: inherit; }
      .menu_s > li > a:hover {
        text-decoration: underline; }
    .menu_s > li:nth-last-child(1) {
      border-right: 0px; }

/* Nav Member
------------------ */
@media (max-width: 767px) {
  .nav_member .menu_s {
    display: none; } }
/* shop */
/* middle */
.navbar {
  position: fixed;
  top: 0;
  left: 0; }

/* nav Theme */
.dsk_menu .container-fluid {
  position: relative;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }
  .dsk_menu .container-fluid:after, .dsk_menu .container-fluid:before {
    content: "";
    display: block;
    clear: both; }

.dsk_menu_inner {
  position: relative; }

/* Desktop
--------------- */
@media (min-width: 768px) {
  .dsk_menu_inner {
    padding: 0 15px;
    max-width: 1230px;
    margin: 0 auto; }

  .navbar-header {
    width: 100%; }

  .navbar-collapse {
    width: 100%;
    background-color: #2069b3;
    border-radius: 4px;
    clear: both;
    position: relative;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto; }
    .navbar-collapse:after, .navbar-collapse:before {
      content: "";
      display: block;
      clear: both; }

  .navbar-nav > li > a {
    font-size: 1.9rem; }

  .s_desktop, .s_f_wrapper {
    z-index: 1032; }

  .s_desktop {
    position: absolute;
    padding: 15px 0;
    right: 15px;
    top: 0; }

  .s_f_wrapper {
    display: none; }

  .nl_d_wrapper {
    position: absolute;
    left: 15px;
    top: 0; }

  .n_lang_list {
    padding: 22px 0; } }
/* tablet
--------------- */
@media (min-width: 768px) and (max-width: 1199px) {
  ul.navbar-nav > li > a {
    padding: 15px 8px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .s_desktop {
    width: 200px; } }
/* Mobile
--------------- */
/* Nav Add Class 
----------------*/
.navbar {
  border-radius: 0;
  border-width: 0 0 1px; }
  @media (max-width: 767px) {
    .navbar.add_class {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } }

/* IE Fix
---------------- */
/* header Member login */
.navbar-header {
  position: relative;
  z-index: 1031; }

/* --- Theme --- */
/* 015.ncu-ac
--------------------- */
/* ======================== 
Setting
======================== */
body {
  font-family: "Mandali", "Microsoft Jhenghei", sans-serif; }

a {
  color: #4d4d4d; }

a:hover,
a:focus {
  color: #4d4d4d; }

select:focus,
input:focus,
textarea:focus {
  border: 1px solid rgba(32, 105, 179, 0.5); }

::selection {
  color: #2069b3;
  background: #eee; }

::-moz-selection {
  color: #2069b3;
  background: #eee; }

::-webkit-scrollbar-thumb {
  background: #999999; }

/* ======================== 
Mixin
======================== */
/* ======================== 
  Common
======================== */
/* Cover */
h1, .h1 {
  font-size: 2.4rem; }
  @media (max-width: 767px) {
    h1, .h1 {
      font-size: 2.2rem; } }

h2, .h2,
.sidebar .header {
  font-size: 2.2rem; }
  @media (max-width: 767px) {
    h2, .h2,
    .sidebar .header {
      font-size: 2rem; } }

h3, .h3 {
  font-size: 2rem; }
  @media (max-width: 767px) {
    h3, .h3 {
      font-size: 1.8rem; } }

.btn_action, .btn {
  font-family: "Crimson Text", "Microsoft Jhenghei", sans-serif; }

.btn_wr {
  padding-top: 10px; }

.form_table.xs-responsive {
  table-layout: fixed; }
  @media (min-width: 768px) {
    .form_table.xs-responsive td {
      padding: 4px 8px; }
    .form_table.xs-responsive .title {
      overflow: hidden;
      line-height: 1.3em;
      max-height: 1.3em;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: block; } }
  .form_table.xs-responsive .date {
    color: #6d6d6d;
    font-size: 80%; }

.blocky_header {
  padding: 5px 8px; }
  .blocky_header .title {
    font-weight: 700; }

.form_column .title {
  color: #2069b3; }

@media (min-width: 768px) {
  .form_column.border.border_dotted > .item + .item {
    border-top-style: dotted; } }
.editor ol, .editor ul {
  margin: 2px 0; }

@media (max-width: 767px) {
  .attach_list {
    background-color: rgba(241, 241, 241, 0.5);
    margin-bottom: 8px;
    border-radius: 4px; } }

.attach_list .item {
  border-top-style: dotted; }

/* Common Default */
.crsl_basic:after, .crsl_basic:before,
.grid_basic:after,
.grid_basic:before,
.list_basic:after,
.list_basic:before {
  content: "";
  display: block;
  clear: both; }
.crsl_basic .item,
.grid_basic .item,
.list_basic .item {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 0px; }
.crsl_basic .inner, .crsl_basic .img_wrapper,
.grid_basic .inner,
.grid_basic .img_wrapper,
.list_basic .inner,
.list_basic .img_wrapper {
  border-radius: 0px;
  overflow: hidden;
  position: relative; }
.crsl_basic .img,
.grid_basic .img,
.list_basic .img {
  -webkit-transition: all 0.1s ease-in-out;
  -khtml-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  width: 100%;
  padding: 0;
  padding-top: 100%;
  background-size: cover;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat !important;
  z-index: 1; }
.crsl_basic .content_wrapper,
.grid_basic .content_wrapper,
.list_basic .content_wrapper {
  position: relative; }
.crsl_basic .content,
.grid_basic .content,
.list_basic .content {
  -webkit-transition: all 0.1s ease-in-out;
  -khtml-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
.crsl_basic .title,
.grid_basic .title,
.list_basic .title {
  margin: 0; }

/* Home Section
-------------- */
.home_section {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0; }
  .home_section + .home_section {
    padding-top: 0px; }
  .home_section .tt_wr {
    margin-top: 20px;
    margin-bottom: 20px; }
  @media (max-width: 1230px) {
    .home_section {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (max-width: 767px) {
    .home_section {
      padding-top: 30px;
      padding-bottom: 15px; }
      .home_section .tt_wr {
        margin-top: 20px;
        margin-bottom: 10px; } }

.h_section_top {
  padding-top: 0; }
  @media (min-width: 768px) {
    .h_section_top {
      padding-top: 15px; } }

.section_main {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }
  .section_main:after, .section_main:before {
    content: "";
    display: block;
    clear: both; }
  @media (max-width: 1230px) {
    .section_main {
      padding-left: 15px;
      padding-right: 15px; } }

.section_right {
  float: left;
  width: 100%;
  float: left; }
  @media (min-width: 768px) {
    .section_right {
      width: 83.3333333333%; } }

/* Comps */
.header_main {
  padding-top: 15px;
  border-bottom: 2px solid #dcdcdc;
  margin-bottom: 15px; }
  .header_main:after, .header_main:before {
    content: "";
    display: block;
    clear: both; }
  .header_main .title {
    float: left;
    color: #2069b3;
    font-weight: 700;
    padding-bottom: 6px; }
  .header_main .btn_action {
    float: right; }

.title_special {
  color: #2069b3; }

.sidebar_wrapper {
  position: relative;
  margin-bottom: 15px;
  border-radius: 4px;
  float: left;
  width: 100%;
  float: left;
  min-height: 10px; }
  @media (min-width: 768px) {
    .sidebar_wrapper {
      width: 16.6666666667%; } }
  @media (min-width: 768px) {
    .sidebar_wrapper {
      padding-right: 15px; } }

.sidebar_header {
  padding: 5px 8px;
  line-height: 1.5em;
  border-bottom: 1px solid #2069b3;
  color: #2069b3; }
  .sidebar_header .title {
    font-weight: 700; }

.sidebar_body {
  /* active */ }
  .sidebar_body a {
    display: block;
    padding: 8px 8px; }
  .sidebar_body li + li {
    border-top: 1px solid #e1e1e1; }
  .sidebar_body a.active, .sidebar_body a:hover {
    color: #2069b3;
    font-weight: 700; }

.sidebar_fix {
  position: fixed; }

/* ======================== 
Pages Layout
======================== */
/* Global Pages
----------------- */
/* Footer Archieve Styles
---------------------- */
footer.footer {
  padding: 0px; }

.footer_inner {
  padding: 10px 10px 10px;
  border-top: 2px solid #dcdcdc; }

/* Footer LOGO
-------------- */
.f_logo_wrapper {
  padding: 10px 0;
  float: left;
  width: 100%;
  float: left; }
  @media (min-width: 768px) {
    .f_logo_wrapper {
      width: 25%; } }

.f_logo {
  content: '';
  background-image: url(../images/common/icons.png);
  background-size: 600px auto;
  width: 112px;
  height: 80px;
  background-position: 0 -32px; }
  @media (max-width: 767px) {
    .f_logo {
      margin: 0 auto; } }

/* Footer INFO
-------------- */
.f_info_ul {
  float: left;
  width: 100%;
  float: left;
  padding: 10px 0;
  color: inherit; }
  @media (min-width: 768px) {
    .f_info_ul {
      width: 75%; } }
  .f_info_ul li {
    margin: 5px 20px 0 0;
    padding-left: 24px; }
  @media (max-width: 767px) {
    .f_info_ul {
      text-align: center; } }
  @media (min-width: 768px) {
    .f_info_ul {
      text-align: right; } }

/* Footer copyright
-------------- */
.f_copyright {
  float: left;
  width: 100%;
  float: left;
  background-color: transparent;
  border-top: 1px solid #fff;
  text-align: right; }
  @media (min-width: 768px) {
    .f_copyright {
      width: 75%; } }
  .f_copyright p, .f_copyright a {
    color: #4d4d4d;
    font-family: "Crimson Text", "Microsoft Jhenghei", sans-serif;
    padding: 0; }
  @media (min-width: 768px) {
    .f_copyright {
      padding: 0 20px 0 0; } }
  @media (max-width: 767px) {
    .f_copyright {
      text-align: center; } }

/* Footer Menu
------------------ */
.f_menu_wrapper {
  text-align: right; }
  @media (max-width: 767px) {
    .f_menu_wrapper {
      text-align: center; } }

.f_menu {
  display: inline-block;
  padding: 0 0 10px;
  text-align: left; }
  .f_menu > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px 10px; }
    .f_menu > li > a {
      font-weight: 700;
      color: #4d4d4d; }
  .f_menu a {
    display: block;
    padding: 4px 0;
    max-width: 140px;
    max-height: calc(3.5em + 8px);
    overflow: hidden; }
  .f_menu i.fa {
    font-size: 5rem; }
  @media (max-width: 767px) {
    .f_menu > li {
      padding: 0 8px 10px; } }

.footer_fix {
  min-height: calc(100vh - 569px); }

.banner {
  position: relative;
  position: relative;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }
  .banner:after, .banner:before {
    content: "";
    display: block;
    clear: both; }
  .banner .img {
    width: 100%;
    padding: 0;
    padding-top: 25%;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: -1; }
  .banner .owl-dots {
    text-align: center;
    margin-top: 0px;
    width: 100%; }
    .banner .owl-dots .owl-dot {
      display: inline-block; }
      .banner .owl-dots .owl-dot span {
        width: 6px;
        height: 6px;
        margin: 0px 1px;
        background: transparent;
        border: 1px solid white;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px; }
      .banner .owl-dots .owl-dot.active span, .banner .owl-dots .owl-dot:hover span {
        background-color: white; }
  .banner .owl-dots {
    bottom: 0; }
  @media (min-width: 768px) and (max-width: 1230px) {
    .banner {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 768px) {
    .banner {
      padding-top: 15px; }
      .banner .img {
        border-radius: 4px; } }
  @media (max-width: 767px) {
    .banner .img {
      width: 100%;
      padding: 0;
      padding-top: 56.25%;
      background-size: cover;
      overflow: hidden;
      background-position: center center;
      background-repeat: no-repeat !important;
      z-index: 1; } }

/* Home
----------------- */
.slider {
  border-radius: 4px;
  overflow: hidden; }
  .slider .img {
    width: 100%;
    padding: 0;
    padding-top: 64.2857142857%;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1; }
    @media (max-width: 767px) {
      .slider .img {
        width: 100%;
        padding: 0;
        padding-top: 64.2857142857%;
        background-size: cover;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat !important;
        z-index: 1; } }
  .slider .owl-dots {
    text-align: center;
    margin-top: 0px;
    width: 100%; }
    .slider .owl-dots .owl-dot {
      display: inline-block; }
      .slider .owl-dots .owl-dot span {
        width: 6px;
        height: 6px;
        margin: 0px 1px;
        background: transparent;
        border: 1px solid #2069b3;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px; }
      .slider .owl-dots .owl-dot.active span, .slider .owl-dots .owl-dot:hover span {
        background-color: #2069b3; }
  .slider .owl-dots {
    position: absolute;
    bottom: 0;
    width: 100%; }

/* custom */
.slider_wrapper {
  position: relative;
  float: left;
  width: 100%;
  float: left; }
  @media (min-width: 768px) {
    .slider_wrapper {
      width: 58.3333333333%; } }

.h_lecture {
  float: left;
  width: 100%;
  float: left; }
  @media (min-width: 768px) {
    .h_lecture {
      width: 41.6666666667%; } }
  .h_lecture .img {
    width: 100%;
    padding: 0;
    padding-top: 91.3223140496%;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1;
    border-radius: 4px; }
  .h_lecture .item {
    float: left;
    float: left;
    width: 25%;
    float: left;
    padding: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -khtml-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    overflow: visible; }
    @media (max-width: 575px) {
      .h_lecture .item {
        width: 50%; } }
    @media (min-width: 768px) {
      .h_lecture .item {
        width: 50%; } }
  @media (min-width: 768px) {
    .h_lecture {
      /* hover */ }
      .h_lecture .item {
        padding-left: 1.6%; }
      .h_lecture .item:nth-child(2) ~ .item {
        padding-top: 1.6%; }
      .h_lecture .item:hover .img {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } }
  @media (min-width: 576px) and (max-width: 767px) {
    .h_lecture {
      margin-right: -4px; }
      .h_lecture .item {
        padding: 4px 0 0 4px; } }
  @media (max-width: 575px) {
    .h_lecture .item {
      padding-top: 4px; }
      .h_lecture .item:nth-child(2n+1) {
        padding-right: 2px; }
      .h_lecture .item:nth-child(2n+2) {
        padding-left: 2px; } }

.h_dm {
  float: left;
  width: 100%;
  float: left;
  float: left; }
  @media (min-width: 768px) {
    .h_dm {
      width: 25%; } }
  @media (min-width: 992px) {
    .h_dm {
      width: 16.6666666667%; } }

.crsl_hdm .item {
  border-radius: 4px;
  overflow: hidden; }
.crsl_hdm .owl-nav {
  position: absolute;
  top: calc(50% - 25px);
  left: 0;
  z-index: 3;
  width: 100%; }
  .crsl_hdm .owl-nav [class*=owl-] {
    position: relative;
    color: white;
    background-color: transparent;
    font-size: 2.4rem;
    margin: 0px;
    padding: 0;
    width: 30px;
    text-align: center;
    position: absolute;
    border-radius: 15px;
    top: 0;
    background: rgba(0, 0, 0, 0.55);
    color: white;
    opacity: 1; }
    .crsl_hdm .owl-nav [class*=owl-] i {
      line-height: 30px; }
    .crsl_hdm .owl-nav [class*=owl-].disabled, .crsl_hdm .owl-nav [class*=owl-].disabled:hover {
      opacity: 0.2; }
.crsl_hdm .owl-prev {
  left: -15px; }
  .crsl_hdm .owl-prev i {
    margin-right: 5px; }
.crsl_hdm .owl-next {
  right: -15px; }
  .crsl_hdm .owl-next i {
    margin-left: 5px; }
.crsl_hdm .owl-nav {
  opacity: 0; }
.crsl_hdm:hover .owl-nav {
  opacity: 1; }
.crsl_hdm .owl-dots {
  bottom: 0; }

@media (min-width: 768px) {
  .h_news {
    padding-left: 20px; } }

.h_news_left {
  float: left;
  width: 100%;
  float: left;
  float: left; }
  @media (min-width: 768px) {
    .h_news_left {
      width: 75%; } }
  @media (min-width: 992px) {
    .h_news_left {
      width: 41.6666666667%; } }

.h_news_right {
  float: left;
  width: 100%;
  float: left;
  float: left; }
  @media (min-width: 768px) {
    .h_news_right {
      width: 100%; } }
  @media (min-width: 992px) {
    .h_news_right {
      width: 41.6666666667%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .h_news_right {
      padding-left: 0; } }

.hn_header {
  padding-top: 15px;
  border-bottom: 2px solid #dcdcdc; }
  .hn_header:after, .hn_header:before {
    content: "";
    display: block;
    clear: both; }
  .hn_header .title {
    float: left;
    color: #2069b3;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 6px; }

.hn_tab {
  margin-bottom: -2px;
  float: right;
  overflow: hidden; }
  .hn_tab a {
    padding: 4px 10px 10px;
    border-bottom: 2px solid transparent; }
  .hn_tab > li.active a {
    background-color: transparent;
    border-color: #2069b3; }
  @media (min-width: 768px) {
    .hn_tab {
      max-height: 33px; } }
  @media (max-width: 767px) {
    .hn_tab {
      max-height: 31px; } }

/* table */
@media (min-width: 768px) {
  .hn_body.xs-responsive tr td:nth-child(1) {
    padding-left: 0; } }

.h_album {
  /* content */
  /* hover */
  /* tablet */ }
  .h_album a {
    display: block;
    position: relative;
    border-radius: 4px;
    overflow: hidden; }
  .h_album .img {
    width: 100%;
    padding: 0;
    padding-top: 75%;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1; }
  .h_album .content {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-image: url(../images/common/bg_shroud.png);
    opacity: 0; }
  .h_album .title, .h_album .date {
    position: absolute;
    bottom: 10px; }
  .h_album .title {
    font-size: 90%;
    font-weight: 700;
    left: 10px;
    line-height: 1.5em;
    width: calc(100% - 10px * 2 - 70px);
    color: white; }
  .h_album .date {
    width: 70px;
    font-size: 80%;
    right: 10px;
    font-family: "Crimson Text", "Microsoft Jhenghei", sans-serif;
    text-align: right;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.2em; }
  .h_album .item:hover .content {
    opacity: 1; }
  .h_album .owl-nav {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 0;
    z-index: 3;
    width: 100%;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .h_album .owl-nav [class*=owl-] {
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      opacity: 1;
      background-color: transparent;
      border-radius: 0; }
      .h_album .owl-nav [class*=owl-] > i {
        color: transparent; }
      .h_album .owl-nav [class*=owl-].disabled {
        opacity: 0.5;
        animation-duration: 0s !important; }
    .h_album .owl-nav .owl-prev {
      /* Stage padding - width */
      left: -40px;
      border-style: solid;
      border-width: 30px 30px 30px 0;
      border-color: transparent #2069b3 transparent transparent; }
    .h_album .owl-nav .owl-next {
      right: -40px;
      border-style: solid;
      border-width: 30px 0 30px 30px;
      border-color: transparent transparent transparent #2069b3; }
  .h_album:hover .owl-prev {
    animation-name: owlPrev;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite; }
  .h_album:hover .owl-next {
    animation-name: owlNext;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite; }
  .h_album .owl-dots {
    position: relative; }
  @media (max-width: 1199px) {
    .h_album .content {
      opacity: 1; } }

.home_map {
  height: 230px;
  border-top: 2px solid #dcdcdc;
  margin-top: 15px;
  padding-top: 15px;
  position: relative;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }
  .home_map:after, .home_map:before {
    content: "";
    display: block;
    clear: both; }
  @media (min-width: 768px) {
    .home_map {
      margin-bottom: -25px; } }

/* Pages
----------------- */
.artc_header {
  padding: 5px 8px;
  line-height: 1.5em;
  border-bottom: 1px solid #dcdcdc;
  text-align: right; }
  .artc_header:after, .artc_header:before {
    content: "";
    display: block;
    clear: both; }
  .artc_header .title {
    font-weight: 700;
    float: left;
    color: #2069b3;
    text-align: left; }
  .artc_header .date {
    display: inline-block;
    font-size: 80%;
    color: #6d6d6d; }
    .artc_header .date span {
      position: relative;
      display: inline-block; }
    .artc_header .date span + span {
      padding-left: 24px; }
      .artc_header .date span + span:before {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        left: 8px;
        top: calc(50% - 6px / 2);
        border: 1px solid #b7b7b7;
        -webkit-transform: rotate(45deg);
        -khtml-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }

.artc_container .attach_list {
  margin-top: 8px; }

.artc_hr {
  margin-bottom: 40px; }

@media (min-width: 768px) {
  .fc_content_link {
    padding-left: 0; } }

.link_list {
  padding-top: 4px; }

.teacherl_pic {
  float: left;
  float: left;
  width: 33.3333333333%;
  float: left;
  float: left;
  min-height: 1px;
  padding-top: 15px; }
  @media (max-width: 575px) {
    .teacherl_pic {
      width: 50%; } }
  @media (min-width: 768px) {
    .teacherl_pic {
      width: 33.3333333333%; } }
  @media (min-width: 992px) {
    .teacherl_pic {
      width: 16.6666666667%; } }
  .teacherl_pic:after, .teacherl_pic:before {
    content: "";
    display: block;
    clear: both; }
  @media (max-width: 575px) {
    .teacherl_pic {
      float: none !important;
      margin-left: auto !important;
      margin-right: auto !important; }
      .teacherl_pic:after, .teacherl_pic:before {
        content: "";
        display: block;
        clear: both; } }
  .teacherl_pic .img {
    width: 100%;
    padding: 0;
    padding-top: 100%;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1;
    border-radius: 4px; }
  @media (min-width: 576px) {
    .teacherl_pic {
      padding-right: 15px; }
      .teacheri_pic {
        padding-right: 0;
        padding-left: 15px;
        float: right; } }

.teacherl_info {
  float: left;
  width: 100%; }
  @media (max-width: 575px) {
    .teacherl_info {
      width: 100%; } }
  @media (max-width: 767px) {
    .teacherl_info .item.w-50 {
      width: 100% !important; }
    .teacherl_info .content {
      padding-top: 8px; }
    .teacherl_info .item.w-50 + .item.w-50:nth-child(2) {
      border-top-width: 1px !important; } }

.with_pic {
  float: left;
  float: left;
  width: 66.6666666667%;
  float: left;
  float: left; }
  @media (max-width: 575px) {
    .with_pic {
      width: 100%; } }
  @media (min-width: 768px) {
    .with_pic {
      width: 66.6666666667%; } }
  @media (min-width: 992px) {
    .with_pic {
      width: 83.3333333333%; } }

.teacherl_info_name {
  padding: 8px !important;
  font-size: 120%; }
  @media (min-width: 576px) {
    .teacherl_info_name .btn_action {
      float: right; } }
  @media (max-width: 575px) {
    .teacherl_info_name {
      text-align: center; }
      .teacherl_info_name .name {
        display: block;
        margin-bottom: 5px; } }

.teacherl_hr {
  clear: both;
  border-bottom: 1px solid #dcdcdc;
  padding-top: 15px;
  margin-bottom: 15px; }

.album_header {
  text-align: center; }
  .album_header .title {
    display: inline-block;
    float: none; }
  .album_header .date {
    display: block; }

.grid_albuml {
  margin-right: -15px;
  margin-bottom: 15px;
  /* hover */ }
  .grid_albuml .item {
    padding-right: 15px;
    padding-top: 15px; }
    .grid_albuml .item:after, .grid_albuml .item:before {
      content: "";
      display: block;
      clear: both; }
  .grid_albuml .img_wrapper {
    border-radius: 4px; }
  .grid_albuml .img {
    width: 100%;
    padding: 0;
    padding-top: 75%;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1; }
  .grid_albuml .content {
    position: relative;
    z-index: 2;
    background-color: white;
    padding-top: 8px; }
  .grid_albuml .date {
    display: block;
    font-size: 80%;
    color: #6d6d6d;
    border-top: 1px solid #e1e1e1;
    padding-top: 4px;
    margin-top: 4px; }
    .grid_albuml .date span {
      position: relative;
      display: inline-block; }
    .grid_albuml .date span + span {
      padding-left: 24px; }
      .grid_albuml .date span + span:before {
        content: '';
        position: absolute;
        width: 4px;
        height: 4px;
        border-radius: 2px;
        left: 9px;
        top: calc(50% - 4px / 2);
        background-color: #b7b7b7;
        -webkit-transform: rotate(45deg);
        -khtml-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
  .grid_albuml .item:hover .img {
    -webkit-transform: scale(1.05);
    -khtml-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }

.albumi_artc {
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: center; }

.grid_albumi {
  margin-bottom: 15px;
  /* hover */ }
  .grid_albumi a {
    border-radius: 0;
    overflow: hidden; }
  .grid_albumi .item:after, .grid_albumi .item:before {
    content: "";
    display: block;
    clear: both; }
  .grid_albumi .img {
    width: 100%;
    padding: 0;
    padding-top: 75%;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1; }
  .grid_albumi .item:hover .img {
    -webkit-transform: scale(1.05);
    -khtml-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.8; }

.srch_item {
  padding: 16px 8px;
  border-bottom: 1px dotted #e1e1e1; }
  .srch_item .title {
    color: #2069b3; }
  .srch_item .dsc {
    font-size: 1.4rem;
    overflow: hidden;
    line-height: 1.5em;
    max-height: 4.5em;
    white-space: normal;
    text-overflow: initial; }

.srch_highlight {
  color: #d7270d;
  font-weight: 700; }

/* Contact
-------------- */
.c_left,
.c_right {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px; }

.c_left {
  padding-bottom: 20px; }

/* Contact Map
-------------- */
.c_map {
  height: 230px;
  padding: 0;
  margin: 15px 0;
  border-radius: 4px;
  overflow: hidden; }

/* Contact Info
----------- */
ul.c_info {
  padding: 0px 0;
  padding-bottom: 20px;
  position: relative;
  text-align: left; }
  ul.c_info li {
    padding-left: 32px;
    line-height: 1.5em;
    display: block;
    position: relative;
    padding: 10px 40px;
    padding-left: 30px;
    margin-bottom: 5px; }
    ul.c_info li:before {
      content: '\f105';
      font-family: 'FontAwesome';
      position: absolute;
      color: inherit;
      font-size: 1em;
      line-height: inherit;
      width: 1.5em;
      text-align: center;
      left: 0; }
    ul.c_info li.map-marker:before {
      content: "\f041";
      background-image: none; }
    ul.c_info li.phone:before {
      content: "\f095";
      background-image: none; }
    ul.c_info li.mobile-phone:before {
      content: "\f10b";
      background-image: none; }
    ul.c_info li.fax:before {
      content: "\f1ac";
      background-image: none; }
    ul.c_info li.envelope:before {
      content: "\f003";
      background-image: none; }
    ul.c_info li.link:before {
      content: "\f0c1";
      background-image: none; }
    ul.c_info li.calendar:before {
      content: "\f274";
      background-image: none; }
    ul.c_info li.line:before {
      content: '';
      background-image: url(../images/common/ic_social_line_green.svg);
      width: 1.5em;
      height: 1.5em;
      background-size: contain;
      background-repeat: no-repeat; }
    ul.c_info li:empty {
      display: none; }
    ul.c_info li:before {
      left: 5px;
      top: 10px; }
  ul.c_info li + li {
    border-top: 1px solid #e1e1e1; }

/* QR Code
----------------- */
.c_qrcode_wrapper {
  position: relative;
  padding: 15px;
  border: 1px solid #e1e1e1;
  max-width: 200px;
  margin: 10px auto 30px; }

.img_qrcode {
  width: 100%;
  padding: 0;
  padding-top: 100%;
  background-size: cover;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat !important;
  z-index: 1; }

/* Contact Form
----------------- */
.c_form_wrapper .btn_wrapper {
  padding-right: 0;
  padding-left: 0; }
  @media (min-width: 576px) {
    .c_form_wrapper .btn_wrapper {
      margin-top: 30px !important; } }

/* ==========================
 Final Part
========================== */
/* Custom Classes */
/* 2018.10.04 */
/* ====== Custom Class ====== */
/* Color */
.white {
  color: #fff; }

.red {
  color: #d7270d; }

.green {
  color: #2a7e4d; }

.blue {
  color: #0275d8; }

.light-gray {
  color: #6d6d6d; }

.main-color {
  color: #2069b3; }

/* Font Size */
.font-size-xxs, i.font-size-xxs:before {
  font-size: 1.2rem; }
  @media (max-width: 767px) {
    .font-size-xxs, i.font-size-xxs:before {
      font-size: 1.2rem; } }

.font-size-xs, i.font-size-xs:before {
  font-size: 1.4rem; }
  @media (max-width: 767px) {
    .font-size-xs, i.font-size-xs:before {
      font-size: 1.4rem; } }

.font-size-sm, i.font-size-sm:before {
  font-size: 1.6rem; }
  @media (max-width: 767px) {
    .font-size-sm, i.font-size-sm:before {
      font-size: 1.4rem; } }

.font-size-md, i.font-size-md:before {
  font-size: 2rem; }
  @media (max-width: 767px) {
    .font-size-md, i.font-size-md:before {
      font-size: 1.8rem; } }

.font-size-lg, i.font-size-lg:before {
  font-size: 2.4rem; }
  @media (max-width: 767px) {
    .font-size-lg, i.font-size-lg:before {
      font-size: 2rem; } }

.font-size-xl, i.font-size-xl:before {
  font-size: 4rem; }
  @media (max-width: 767px) {
    .font-size-xl, i.font-size-xl:before {
      font-size: 3rem; } }

/* Font Faminly */
.font-family-alt {
  font-family: "Crimson Text", "Microsoft Jhenghei", sans-serif;
  font-weight: 600; }
  .lang-2nd .font-family-alt {
    font-family: "Crimson Text", "Microsoft Jhenghei", sans-serif; }

/* letter spacing */
.no-letter-s {
  letter-spacing: 0px !important; }

.letter-s125 {
  letter-spacing: 0.125em !important; }

.letter-s25 {
  letter-spacing: 0.25em !important; }

.letter-s50 {
  letter-spacing: 0.5em !important; }

.letter-s75 {
  letter-spacing: 0.75em !important; }

.letter-s100 {
  letter-spacing: 1em !important; }

/* font weight */
.font-w400 {
  font-weight: 400 !important; }

.font-w700 {
  font-weight: 700 !important; }

/* text property */
.text-transform-unset {
  text-transform: unset !important; }

.text-decoration-underline {
  text-decoration: underline !important; }

.word-wrap {
  word-wrap: break-word; }

.text-transform-none {
  text-transform: none !important; }

.text-transform-uppercase {
  text-transform: uppercase !important; }

.align-center {
  text-align: center  !important; }

.align-right {
  text-align: right  !important; }

.align-left {
  text-align: left  !important; }

/* background */
.bg-full,
.opacity-light,
.opacity-medium,
.opacity-full {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
  top: 0;
  left: 0; }

.opacity-light {
  opacity: 0.5; }

.opacity-medium {
  opacity: 0.7; }

.opacity-full {
  opacity: 0.8; }

.fix-background {
  background-size: cover !important; }
  @media (min-width: 1200px) {
    .fix-background {
      background-size: cover !important;
      overflow: hidden;
      background-position: center center;
      background-repeat: no-repeat !important;
      background-attachment: fixed !important;
      z-index: -1; } }

.cover-background {
  background-size: cover;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat !important;
  z-index: -1; }

/*center-col*/
.center-col {
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important; }

/* margin */
.no-margin {
  margin: 0 !important; }

.no-margin-lr {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.no-margin-top {
  margin-top: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.no-margin-left {
  margin-left: 0 !important; }

.no-margin-right {
  margin-right: 0 !important; }

.margin-bottom {
  margin-bottom: 60px; }

.m-top5 {
  margin-top: 5px !important; }

.m-bottom5 {
  margin-bottom: 5px !important; }

.m-top10 {
  margin-top: 10px !important; }

.m-bottom10 {
  margin-bottom: 10px !important; }

.m-top15 {
  margin-top: 15px !important; }

.m-bottom15 {
  margin-bottom: 15px !important; }

.m-top20 {
  margin-top: 20px !important; }

.m-bottom20 {
  margin-bottom: 20px !important; }

.m-top30 {
  margin-top: 30px !important; }

.m-bottom30 {
  margin-bottom: 30px !important; }

.m-top40 {
  margin-top: 40px !important; }

.m-bottom40 {
  margin-bottom: 40px !important; }

.m-top50 {
  margin-top: 50px !important; }

.m-bottom50 {
  margin-bottom: 50px !important; }

.m-top60 {
  margin-top: 60px !important; }

.m-bottom60 {
  margin-bottom: 60px !important; }

.m-top70 {
  margin-top: 70px !important; }

.m-bottom70 {
  margin-bottom: 70px !important; }

.m-top80 {
  margin-top: 80px !important; }

.m-bottom80 {
  margin-bottom: 80px !important; }

.m-top90 {
  margin-top: 90px !important; }

.m-bottom90 {
  margin-bottom: 90px !important; }

.m-top100 {
  margin-top: 100px !important; }

.m-bottom100 {
  margin-bottom: 100px !important; }

.m-top110 {
  margin-top: 110px !important; }

.m-bottom110 {
  margin-bottom: 110px !important; }

.m-top120 {
  margin-top: 120px !important; }

.m-bottom120 {
  margin-bottom: 120px !important; }

.m-top130 {
  margin-top: 130px !important; }

.m-bottom130 {
  margin-bottom: 130px !important; }

.m-top140 {
  margin-top: 140px !important; }

.m-bottom140 {
  margin-bottom: 140px !important; }

.m-top150 {
  margin-top: 150px !important; }

.m-bottom150 {
  margin-bottom: 150px !important; }

.m-top160 {
  margin-top: 160px !important; }

.m-bottom160 {
  margin-bottom: 160px !important; }

.m-top170 {
  margin-top: 170px !important; }

.m-bottom170 {
  margin-bottom: 170px !important; }

.m-top180 {
  margin-top: 180px !important; }

.m-bottom180 {
  margin-bottom: 180px !important; }

.m-top190 {
  margin-top: 190px !important; }

.m-bottom190 {
  margin-bottom: 190px !important; }

.m-top200 {
  margin-top: 200px !important; }

.m-bottom200 {
  margin-bottom: 200px !important; }

/* padding-custom */
.padding-lr8 {
  padding-left: 8px !important;
  padding-right: 8px !important; }

.padding-lr15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.padding-lr30 {
  padding-left: 30px !important;
  padding-right: 30px !important; }

.padding-tb8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important; }

.padding-tb15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.padding-tb20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.padding-tb30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

.padding-tb40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

.padding-tb50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important; }

.padding-tb60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important; }

.padding-tb70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important; }

.padding-tb80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important; }

.padding-left-right-px {
  padding: 0 15px; }

.no-padding-lr {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.no-padding-section {
  padding: 0px !important; }

.no-padding-right {
  padding-right: 0px !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding {
  padding: 0 !important; }

.no-padding-left {
  padding-left: 0px !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding-tb {
  padding-bottom: 0 !important;
  padding-top: 0 !important; }

.section-padding-inner {
  padding: 140px 0; }

/* float */
.f-left {
  float: left !important; }

.f-right {
  float: right !important; }

.no-float {
  float: none !important; }

/* display */
.display-block {
  display: block !important; }

.overflow-hidden {
  overflow: hidden !important; }

.overflow-hidden-mobile {
  position: fixed !important;
  overflow: hidden !important; }

.display-inline-block {
  display: inline-block !important; }

.display-inline {
  display: inline !important; }

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

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

/* position */
.position-relative {
  position: relative !important;
  z-index: 5; }

.position-absolute {
  position: absolute !important; }

.position-right {
  right: 0 !important; }

.position-left {
  left: 0 !important; }

.position-top {
  top: 0 !important; }

/* width */
.width {
  display: inline-block;
  position: relative;
  width: 90%; }

.width-20 {
  width: 20% !important; }

.width-30 {
  width: 30% !important; }

.width-40 {
  width: 40% !important; }

.width-50 {
  width: 50% !important; }

.width-60 {
  width: 60% !important; }

.width-70 {
  width: 70% !important; }

.width-80 {
  width: 80% !important; }

.width-90 {
  width: 90% !important; }

.width-100 {
  width: 100% !important; }

.width-auto {
  width: auto !important; }

/* height */
.height-100 {
  height: 100% !important; }

.height-auto {
  height: auto !important; }

.clear-both {
  clear: both; }

.roundedimage {
  border-radius: 100%; }

.vertical-align-top {
  vertical-align: top !important; }

.vertical-align-middle {
  vertical-align: middle !important; }

.vertical-align-bottom {
  vertical-align: bottom !important; }

.no-box-shadow {
  box-shadow: none !important; }

p.uppercase {
  text-transform: uppercase !important; }

p.uppercase a {
  text-decoration: underline !important; }

p.uppercase a:hover {
  text-decoration: none; }

.line-break {
  display: block !important; }

.z-index-1 {
  z-index: 1 !important; }

.z-index-0 {
  z-index: 0 !important; }

/*animate & transiton*/
.animated {
  -moz-transition-duration: 0s !important; }

/*##*/
.transition2s, .transition2s * {
  -webkit-transition: all 0.2s ease-in-out;
  -khtml-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.transition1s, .transition1s * {
  -webkit-transition: all 0.1s ease-in-out;
  -khtml-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

/*no transiton*/
.no-transition, .no-transition * {
  -webkit-transition: all 0s ease-in-out;
  -khtml-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out; }

/* ====== //Custom Class ====== */

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