/* ==========================
 Variables
========================== */
/* --- Global --- */
/* Microsoft Jhenghei 400, 700 */
/* --- Templates --- */
/* Import
----------------------------- */
/* --- Theme --- */
/* Import
----------------------------- */
/* font-family: 'Mandali', serif; */
@import url("https://fonts.googleapis.com/css?family=Mandali:400,600");
/* font-family: 'Short Stack', serif; */
@import url("https://fonts.googleapis.com/css?family=Short+Stack");
@import url("https://fonts.googleapis.com/css?family=Gelasio&display=swap");
/* Microsoft Jhenghei 400, 700
----------------------------------------------- */
/* ==========================
 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: 20px; } }
  .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: 20px;
    color: #C7000C;
    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 #C7000C 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: #b7b7b7;
    width: 50px;
    font-size: 12px;
    font-weight: 700; }
  .btn_corner_rbtm:hover {
    border-color: transparent transparent #fa000f transparent; }

/* Button with Icon and Dashed line */
.btn_dashed, .btn_icon_dashed {
  position: relative;
  display: inline-block;
  margin: 20px 0px;
  color: #C7000C;
  border-bottom: 1px dotted #C7000C; }
  .btn_dashed:hover, .btn_icon_dashed:hover {
    color: #610006;
    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: #C7000C; }

.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: 20px;
    height: 20px;
    line-height: 20px;
    top: calc(50% - 10px);
    right: 10px; }
  .btn_ghost {
    border-color: #C7000C;
    background-color: transparent;
    color: #C7000C; }
    .btn_ghost:before {
      color: #C7000C; }
    .btn_ghost:hover {
      color: #fff;
      background-color: #C7000C; }
      .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: #C7000C;
  margin: 0 10px; }
  .btn_tilt_arrow:before {
    content: '\f101';
    position: absolute;
    font-family: FontAwesome;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    top: calc(50% - 0.5em);
    right: 10px;
    color: #C7000C; }
  .btn_tilt_arrow:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #C7000C;
    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: #C7000C; }
    .btn_tilt_arrow:hover:before {
      color: #fff; }

/* Button Action */
.btn_action {
  display: inline-block;
  padding: 3px 5px;
  margin: 2px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  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 #c7000c;
  background-color: #c7000c; }
  .btn_action:hover {
    background-color: #940009;
    border-color: #940009; }
  .btn_action:hover {
    color: #fff; }
  .btn_action.full {
    border: 1px solid #C7000C;
    background-color: #C7000C; }
    .btn_action.full:hover {
      background-color: #940009;
      border-color: #940009; }
  .btn_action i {
    width: 16px;
    height: 16px;
    line-height: 16px; }
  .btn_action.warning {
    border: 1px solid rgba(211, 151, 0, 0.65);
    background-color: rgba(211, 151, 0, 0.65); }
    .btn_action.warning:hover {
      background-color: rgba(160, 114, 0, 0.65);
      border-color: rgba(160, 114, 0, 0.65); }
  .btn_action.danger {
    border: 1px solid rgba(245, 105, 84, 0.5);
    background-color: rgba(245, 105, 84, 0.5); }
    .btn_action.danger:hover {
      background-color: rgba(242, 63, 36, 0.5);
      border-color: rgba(242, 63, 36, 0.5); }
  .btn_action.reverse {
    border: 1px solid snow;
    background-color: snow;
    color: #C7000C; }
    .btn_action.reverse:hover {
      background-color: #ffc7ca;
      border-color: #ffc7ca; }

/* --------------------------
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

-------------------------- */
/* ========================
CSS Resourse
======================== */
/* ========================
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: #C7000C;
  background: rgba(0, 0, 0, 0.05); }

::-moz-selection {
  color: #C7000C;
  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: 14px;
  line-height: 1.5em; }

h1, .h1 {
  font-size: 24.5px; }

h2, .h2 {
  font-size: 22.96875px; }

h3, .h3 {
  font-size: 21px; }

h4, .h4 {
  font-size: 17.5px; }

h5, .h5 {
  font-size: 15.75px; }

h6, .h6 {
  font-size: 11.9px; }

p, .p {
  font-size: 14px; }

a {
  font-size: inherit; }

li {
  font-size: 14px; }

code, kbd, pre, samp {
  font-size: 14px; }

input,
textarea,
select,
option,
.btn {
  font-size: 14px; }

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

  h1, .h1 {
    font-size: 21.125px; }

  h2, .h2 {
    font-size: 19.8046875px; }

  h3, .h3 {
    font-size: 19.5px; }

  h4, .h4 {
    font-size: 16.25px; }

  h5, .h5 {
    font-size: 14.625px; }

  h6, .h6 {
    font-size: 11.05px; }

  p, .p {
    font-size: 13px; }

  a {
    font-size: inherit; }

  li {
    font-size: 13px; }

  code, kbd, pre, samp {
    font-size: 13px; }

  input,
  textarea,
  select,
  option,
  .btn {
    font-size: 13px; }

  /* 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 {
    font-size: 0.8em;
    line-height: 1em; }
  .breadcrumb li {
    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 > li {
  display: inline-block; }
.tab > li.active a {
  background-color: #eee; }
.tab a {
  display: block;
  line-height: 1em; }
@media (max-width: 767px) {
  .tab li {
    display: inline-block;
    margin: 0 0 3px;
    width: calc(100% / 3 - 5px); }
  .tab a {
    overflow: hidden;
    line-height: 1;
    max-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block; } }
@media (max-width: 575px) {
  .tab li {
    width: calc(100% / 2 - 5px); } }

/*-- 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 #dfdfdf;
  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 #C7000C;
      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: #C7000C; }
.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: 40px;
    margin: 0px;
    padding: 0;
    width: 50px;
    text-align: center;
    position: absolute;
    border-radius: 50px;
    top: 0;
    background: #000;
    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: -25px; }
  .owl-carousel .owl-prev i {
    margin-right: 5px; }
.owl-carousel .owl-next {
  right: -25px; }
  .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; }

/* Forms
--------------- */
/* tag */
.tag {
  display: inline-block;
  padding: 5px;
  margin: 2px;
  font-size: 12px;
  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: rgba(48, 31, 27, 0.8);
    background-color: rgba(48, 31, 27, 0.8); }
  .tag.success {
    border-color: rgba(110, 196, 80, 0.65);
    background-color: rgba(110, 196, 80, 0.65); }
  .tag.info {
    border-color: rgba(42, 178, 183, 0.65);
    background-color: rgba(42, 178, 183, 0.65); }
  .tag.warning {
    border-color: rgba(211, 151, 0, 0.65);
    background-color: rgba(211, 151, 0, 0.65); }
  .tag.danger {
    border-color: rgba(242, 63, 36, 0.6);
    background-color: rgba(242, 63, 36, 0.6); }
  .tag[disabled=true] {
    border-color: rgba(128, 128, 128, 0.6);
    background-color: rgba(128, 128, 128, 0.6); }
  .tag.disabled {
    border-color: rgba(128, 128, 128, 0.6);
    background-color: rgba(128, 128, 128, 0.6); }
  .tag.outline.white {
    border-color: white;
    background-color: transparent;
    color: white; }

a.tag:hover, button.tag:hover {
  opacity: 0.6;
  color: #fff; }

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

/*--- pagination ---*/
.pagination li {
  text-align: center; }
  .pagination li a {
    font-size: 16px;
    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(199, 0, 12, 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: #c7000c;
    color: #fff; }

a {
  color: #C7000C; }

a:hover, a:focus {
  color: #610006; }

a.underline {
  color: #C7000C;
  text-decoration: underline;
  -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; }
  a.underline:hover {
    color: #610006;
    text-decoration: underline;
    opacity: 1; }

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

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

a.hover_underline_blue {
  color: #0275d8;
  text-decoration: none; }
  a.hover_underline_blue:hover {
    color: inherit;
    text-decoration: underline; }

/* Bootstrap Button
-------------- */
.btn-theme {
  background-color: #C7000C;
  border-color: #ae000a;
  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: #ae000a;
    border-color: #940009; }

/* Button Main */
.btn_main {
  line-height: 1em;
  padding: 14px 20px;
  border-radius: 4px;
  background-color: #C7000C;
  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: #ae000a; }
  .btn_main.large {
    font-size: 20px;
    padding: 18px 24px; }
  .btn_main.radius {
    border-radius: 30px; }
  .btn_main.reverse {
    background-color: white;
    color: #C7000C; }

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

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

/* 2018.10.01 */
.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; }

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

#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; }

/* Basic Block
----------------- */
/* 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; }

.basic_block {
  border-radius: 4px;
  background-color: #f9f9f9;
  border-radius: 4px;
  overflow: hidden; }
  .basic_block:nth-child(1) {
    margin-top: 0; }
  .basic_block.highlight {
    border: 2px dotted #C7000C; }
  .basic_block .header {
    padding: 8px 8px;
    border-bottom: 1px solid #c7000c;
    color: #C7000C;
    background-color: rgba(199, 0, 12, 0.15); }
    .basic_block .header.prd_header {
      color: #C7000C; }
    .basic_block .header.center .title, .basic_block .header.center h3, .basic_block .header.center h4 {
      width: 100%;
      text-align: center; }
  .basic_block .header {
    border-top: 1px solid #e1e1e1; }
    .basic_block .header:nth-child(1) {
      border-top: 0; }
  .basic_block .block {
    padding: 8px; }
    .basic_block .block:after, .basic_block .block:before {
      content: "";
      display: block;
      clear: both; }
    .basic_block .block.article {
      padding: 8px 16px 16px; }
    .basic_block .block.min-medium {
      min-height: 300px; }
    .basic_block .block.padding-large {
      padding: 16px; }
  .basic_block .footer {
    padding: 16px;
    text-align: right;
    border-top: 1px solid #e1e1e1; }
    .basic_block .footer.padding-small {
      padding: 8px; }
  .basic_block .date {
    margin: 0;
    line-height: 24px; }
  .basic_block .thumb {
    width: 80px; }
  .basic_block .dv_line {
    position: relative;
    border-top: 1px solid #e1e1e1; }
    .basic_block .dv_line.m-tb {
      margin-top: 8px;
      margin-bottom: 8px; }

/* margin */
.basic_block {
  margin: 16px 0; }

/* Second Header */
.second_header {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background-color: #fcfcfc;
  padding: 4px 8px; }
  .header + .second_header {
    border-top: 0; }
  .second_header:nth-child(1) {
    border-top: 0; }

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

.basic_block .block.form_table {
  padding: 0; }

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

/* Block Border Top
-------------- */
.basic_block > .block + .block {
  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; }

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

/* Narrow */
.basic_block.narrow .footer, .basic_block .footer.narrow {
  padding: 4px; }

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

/* Stepper */
.stepper {
  padding: 4px;
  margin-bottom: 16px;
  background-color: #f9f9f9; }
  .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: 11px;
      font-weight: 700; }
    .stepper > li p {
      color: #4d4d4d; }
    .stepper > li p.step {
      color: #C7000C; }
    .stepper > li.active {
      background-color: #f7e5e0;
      border: 0; }
      .stepper > li.active p {
        color: #4d4d4d; }
      .stepper > li.active .step {
        color: #4d4d4d; }

/* Tab */
.basic_block_tab a {
  padding: 10px 15px;
  border-radius: 4px 4px 0 0;
  color: #4d4d4d;
  background-color: transparent; }
.basic_block_tab a:hover {
  background-color: #e5e5e5; }
.basic_block_tab > li.active a {
  background-color: #C7000C;
  color: white; }
@media (min-width: 768px) {
  .basic_block_tab {
    border-bottom: 2px solid #C7000C;
    background-color: #f2f2f2;
    border-radius: 4px 4px 0 0; }
    .basic_block_tab li {
      margin-right: -2px; } }
@media (max-width: 767px) {
  .basic_block_tab a {
    padding: 10px;
    border-radius: 4px;
    background-color: #f2f2f2; } }

.basic_block .header.header_sky,
.basic_block .footer.footer_land {
  border: 0;
  background-color: transparent;
  background-size: cover;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat !important;
  z-index: 1; }
.basic_block .header.header_sky {
  background-image: url(../images/common/bb_header_01.jpg);
  height: 90px; }
  .basic_block .header.header_sky .title {
    color: #fff;
    font-weight: 700;
    text-align: center;
    float: none; }
.basic_block .footer.footer_land {
  background-image: url(../images/common/bb_footer_01.jpg);
  height: 215px; }

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

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

/* -----------------------
Compatible with Basic Block
----------------------- */
/* 2018.10.11 */
/*--- nav_side_solid ---*/
.nav_side_solid {
  padding-right: 0px; }
  .nav_side_solid > li + li {
    margin-top: 0; }
  .nav_side_solid > li a {
    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; }
    .nav_side_solid > li a:hover, .nav_side_solid > li a: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.active a, .nav_side_solid > li.active a:hover, .nav_side_solid > li.active a:focus {
    font-weight: 700; }
  .nav_side_solid > li a i {
    width: 1.2em;
    text-align: center; }
  .nav_side_solid .p {
    line-height: 1.25em; }
  .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: #C7000C; }
  .nav_side_solid ul.layer_2nd > li > a {
    padding-left: 54px; }

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

/* Selected Show */
.nav_side_solid > li > ul.layer_1st {
  display: none; }
.nav_side_solid > li.selected > ul.layer_1st {
  display: block; }
.nav_side_solid > li > ul.layer_1st > li > ul.layer_2nd {
  display: none; }
.nav_side_solid > li > ul.layer_1st > li.selected > a:before {
  content: '\f0d7'; }
.nav_side_solid > li > ul.layer_1st > li.selected > ul.layer_2nd {
  display: block; }

/* Attachment List
------------------ */
.attach_list {
  text-align: left !important;
  padding: 8px/2 !important; }
  .attach_list > .item {
    border-top: 1px solid #f1f1f1;
    padding: 4px; }
    .attach_list > .item:nth-child(1) {
      border-top: 0; }

.attach_other,
.attach_doc,
.attach_pdf,
.attach_ppt,
.attach_img {
  position: relative;
  text-align: left;
  padding: 4px 4px 4px 40px;
  display: inline-block;
  position: relative; }
  .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: 0;
    top: calc(50% - 15px); }

.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 */
.basic_block .form_column > .item {
  padding: 8px 0; }

.basic_block .form_column {
  padding: 8px 16px; }
  .basic_block .form_column > .item > .title {
    vertical-align: top; }
  @media (max-width: 991px) {
    .basic_block .form_column.sm_style {
      padding: 0; }
      .basic_block .form_column.sm_style > .item {
        padding: 0; }
        .basic_block .form_column.sm_style > .item .title {
          padding-bottom: 0; }
        .basic_block .form_column.sm_style > .item .content {
          padding: 8px; }
      .basic_block .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; }

/* 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: 14px; }
  .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 .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 8px; }

/* 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: 1px solid #e1e1e1; }
    .form_column.border > .item.w-50 + .item.w-50:nth-child(2) {
      border-top: 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 #e1e1e1; } }
.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: 1px solid #e1e1e1; }
  .form_column.no-responsive.border > .item.w-50 + .item.w-50:nth-child(2) {
    border-top: 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 #dfdfdf; }
  @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(199, 0, 12, 0.5);
  outline: none; }

textarea {
  height: unset; }

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

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

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

:-ms-input-placeholder {
  color: #bbb !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 #999;
    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: #C7000C;
    border-color: #C7000C; }
    .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: #C7000C;
    -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 #dfdfdf;
  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); }

span.required {
  position: relative; }
  span.required:before {
    content: '*';
    color: #f56954;
    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: 14px;
  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 #eee; }
  .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 > span,
  .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 > span {
      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: #539c49;
      font-size: 12px;
      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; }

.df_clps {
  margin: 30px 0;
  background-color: #fcfcfc;
  padding: 10px 10px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
  .df_clps .btn_wrapper {
    padding: 10px 4px; }

.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 #dfdfdf; }
  .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: 20px;
      cursor: pointer;
      opacity: 0;
      filter: alpha(opacity=0);
      height: 100%; }

/* ========================
Common Use Classes & Pages
======================== */
.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: #5cb85c; }
  .section_complete_form .check {
    font-size: 120px;
    color: #5cb85c;
    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 h1, .editor h2, .editor h3, .editor h4 {
    color: #C7000C;
    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, .editor .h1 {
    font-size: 30px; }
  .editor h2, .editor .h2 {
    font-size: 24px; }
  .editor h3, .editor .h3 {
    font-size: 20px; }
  .editor h4, .editor .h4 {
    font-size: 18px;
    font-weight: 700; }
  .editor ul, .editor ol {
    margin: 8px 0;
    padding: 0; }
    .editor ul > li, .editor ol > li {
      line-height: 1.6em;
      position: relative;
      margin-bottom: 5px; }
  .editor ul {
    margin: 8px 0;
    font-size: inherit;
    list-style: none; }
    .editor ul > li {
      position: relative;
      padding-left: 1.8em;
      margin-bottom: 0.4em;
      font-size: inherit; }
      .editor ul > li:before {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        background-color: #C7000C;
        left: 0.7em;
        top: 0.6em;
        border-radius: 0.2em; }
  .editor ol {
    padding: 0 20px;
    list-style-type: decimal;
    padding-left: 1.8em; }
    .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(199, 0, 12, 0.1);
      color: #C7000C; }
    .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: #C7000C;
    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: #ae000a; }
    .editor input[type=button].large {
      font-size: 20px;
      padding: 18px 24px; }
    .editor input[type=button].radius {
      border-radius: 30px; }
    .editor input[type=button].reverse {
      background-color: white;
      color: #C7000C; }
  @media (max-width: 767px) {
    .editor h1 {
      font-size: 26px; }
    .editor h2 {
      font-size: 20px; }
    .editor h3 {
      font-size: 18px; }
    .editor h4 {
      font-size: 16px;
      font-weight: 700; } }

.editor:empty {
  display: none; }

/* Recover Bootstrap
-------------------- */
.editor {
  /* blockquote */
  /* hr */ }
  .editor blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    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: 15px 0;
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (max-width: 767px) {
    .section_main {
      padding: 10px 0;
      margin-top: 10px;
      margin-bottom: 10px; } }

/* 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: 14px; }
  .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;
    padding: 5px 8px;
    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.12.27 - _sidebar, _basicBlock

-------------------------- */
/* --- Templates --- */
/* Shop Basic Style
theme style for this projects
--------------------- */
/* ========================
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(199, 0, 12, 0.5); }

::selection {
  color: #C7000C;
  background: #eee; }

::-moz-selection {
  color: #C7000C;
  background: #eee; }

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

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  animation-duration: 2s;
  animation-fill-mode: both; }

.animated.infinite {
  animation-iteration-count: infinite; }

.animated.hinge {
  animation-duration: 2s; }

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s; }

/*slider*/
@keyframes sliderSlideInLeft {
  from {
    transform: translate3d(-5%, 0, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
.sliderSlideInLeft {
  animation-name: sliderSlideInLeft; }

@keyframes sliderSlideInRight {
  from {
    transform: translate3d(5%, 0, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
.sliderSlideInRight {
  animation-name: sliderSlideInRight; }

@keyframes sliderSlideOutRight {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    transform: translate3d(10%, 0, 0);
    opacity: 0; } }
.sliderSlideOutRight {
  animation-name: sliderSlideOutRight; }

@keyframes sliderSlideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    transform: translate3d(-10%, 0, 0);
    opacity: 0; } }
.sliderSlideOutLeft {
  animation-name: sliderSlideOutLeft; }

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(1.2, 1.2, 1.2); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }
.zoomIn {
  animation-name: zoomIn; }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(1.2, 1.2, 1.2); }
  to {
    opacity: 0; } }
.zoomOut {
  animation-name: zoomOut; }

@keyframes sliderSwitchIn {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
.sliderSwitchIn {
  animation-name: sliderSwitchIn; }

@keyframes sliderSwitchOut {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
.sliderSwitchOut {
  animation-name: sliderSwitchOut; }

@keyframes sliderSwitch {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
.sliderSwitch {
  animation-name: sliderSwitch; }

/*about apple*/
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    transform: rotate3d(0, 0, 1, 0deg); } }
/* --- fade --- */
@keyframes fadeIn {
  from {
    opacity: 0; }
  50% {
    opacity: 1; }
  to {
    opacity: 1; } }
.fadeIn {
  animation-name: fadeIn; }

@keyframes fadeOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0; }
  to {
    opacity: 0; } }
.fadeOut {
  animation-name: fadeOut; }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInDown {
  animation-name: fadeInDown; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 40%, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInUp {
  animation-name: fadeInUp; }

@keyframes slideInLeft {
  from {
    transform: translate3d(-50%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-25%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInLeft {
  animation-name: fadeInLeft; }

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(25%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInRight {
  animation-name: fadeInRight; }

/* --- Blur --- */
@-webkit-keyframes blurFadeIn {
  from {
    opacity: 0;
    -webkit-filter: blur(20px);
    -khtml-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px); }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
    -khtml-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    -o-filter: blur(0);
    filter: blur(0); } }
@-moz-keyframes blurFadeIn {
  from {
    opacity: 0;
    -webkit-filter: blur(20px);
    -khtml-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px); }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
    -khtml-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    -o-filter: blur(0);
    filter: blur(0); } }
@-ms-keyframes blurFadeIn {
  from {
    opacity: 0;
    -webkit-filter: blur(20px);
    -khtml-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px); }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
    -khtml-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    -o-filter: blur(0);
    filter: blur(0); } }
@-o-keyframes blurFadeIn {
  from {
    opacity: 0;
    -webkit-filter: blur(20px);
    -khtml-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px); }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
    -khtml-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    -o-filter: blur(0);
    filter: blur(0); } }
@keyframes blurFadeIn {
  from {
    opacity: 0;
    -webkit-filter: blur(20px);
    -khtml-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px); }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
    -khtml-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    -o-filter: blur(0);
    filter: blur(0); } }
.blurFadeIn {
  animation-name: blurFadeIn; }

@-webkit-keyframes blurFadeOut {
  from {
    opacity: 1;
    -webkit-filter: blur(0px);
    -khtml-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px); }
  to {
    opacity: 0;
    -webkit-filter: blur(20px);
    -khtml-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px); } }
@-moz-keyframes blurFadeOut {
  from {
    opacity: 1;
    -webkit-filter: blur(0px);
    -khtml-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px); }
  to {
    opacity: 0;
    -webkit-filter: blur(20px);
    -khtml-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px); } }
@-ms-keyframes blurFadeOut {
  from {
    opacity: 1;
    -webkit-filter: blur(0px);
    -khtml-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px); }
  to {
    opacity: 0;
    -webkit-filter: blur(20px);
    -khtml-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px); } }
@-o-keyframes blurFadeOut {
  from {
    opacity: 1;
    -webkit-filter: blur(0px);
    -khtml-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px); }
  to {
    opacity: 0;
    -webkit-filter: blur(20px);
    -khtml-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px); } }
@keyframes blurFadeOut {
  from {
    opacity: 1;
    -webkit-filter: blur(0px);
    -khtml-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px); }
  to {
    opacity: 0;
    -webkit-filter: blur(20px);
    -khtml-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px); } }
.blurFadeOut {
  animation-name: blurFadeOut; }

/* --- Blur Mask --- */
/* ========================
Mixin
======================== */
/* ========================
  Common
======================== */
/* Pure Cover */
/* a - z */
.caret_select.special select {
  color: white;
  padding: 0.5em;
  padding-right: 2em;
  line-height: 1em;
  font-size: 14px;
  border-radius: 4px;
  background-color: #333;
  border: none;
  height: 2em; }
.caret_select.special:after {
  color: white; }

/* Editor (cover global)
-------------------------- */
.editor {
  font-size: 14px;
  /* table */ }
  .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
    color: #4d4d4d;
    font-weight: 700; }
  .editor ul > li:before {
    background-color: #301F1B; }
  .editor table {
    min-width: 500px;
    /* th, td */ }
    .editor table th, .editor table td {
      padding: 4px 8px; }
  .editor table {
    border-color: #e1e1e1; }
    .editor table th, .editor table td {
      border-color: #e1e1e1; }
    .editor table th {
      background-color: rgba(199, 0, 12, 0.1);
      color: #4d4d4d; }
  .editor a, .editor a:hover {
    color: #301F1B; }

/* Marquee (Cover Global)
----------------- */
/* Height */
#abgne_marquee {
  height: 40px; }

/* style */
.marquee .date {
  padding-right: 10px; }
.marquee .category {
  position: relative;
  padding: 0 15px;
  margin: 0 10px;
  line-height: 40px;
  display: inline-block; }
  .marquee .category:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    background-color: #e1000e;
    top: 0px;
    -webkit-transform: skewX(-10deg);
    -khtml-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    transform: skewX(-10deg); }

/* Cover Global BasicBlock
========================== */
.basic_block .header {
  background-color: #C7000C;
  color: white;
  border-bottom: none; }

.basic_block.highlight {
  border: 1px dashed #C7000C; }

/* Independent Comp */
/* a - z */
/* Action Bar

1. Search Number
2. filter input
3. search input

inherit: .input_inline
---------------- */
.actionbar {
  padding-left: 8px;
  padding-right: 8px; }
  .actionbar:after, .actionbar:before {
    content: "";
    display: block;
    clear: both; }
  @media (max-width: 991px) {
    .actionbar .actionbar_left,
    .actionbar .actionbar_right {
      float: left;
      width: 100%; } }
  @media (min-width: 992px) {
    .actionbar .actionbar_left {
      float: left; }
    .actionbar .actionbar_right {
      float: right; } }

.basic_block .actionbar {
  padding-left: 2px;
  padding-right: 2px; }

/* Search Number
------------ */
.search_number {
  color: #999;
  padding: 8px; }
  @media (max-width: 991px) {
    .search_number {
      text-align: right; } }

a {
  color: #4d4d4d; }

/* Custom A Tag */
a.underline {
  color: inherit;
  text-decoration: none; }
  a.underline:hover {
    color: inherit;
    text-decoration: underline; }

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

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

a.underline_blue_hover {
  color: #0275d8;
  text-decoration: none; }
  a.underline_blue_hover:hover {
    color: inherit;
    text-decoration: underline; }

.a_hover_dotted {
  display: inline-block;
  border-bottom: 1px dotted transparent; }
  .a_hover_dotted:hover {
    border-bottom: 1px dotted #b7b7b7; }

/* Button Main Style */
.btn_special {
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 2em;
  height: 2em;
  margin-right: 1em;
  margin-left: 1em;
  color: #301F1B;
  background-color: #3e3a39;
  white-space: nowrap; }
  .btn_special:before, .btn_special:after {
    content: '';
    position: absolute;
    line-height: inherit;
    width: 1em;
    height: 2em;
    background-size: auto 100%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1;
    background-image: url(../images/common/ic_btn_spe.png); }
  .btn_special:before {
    left: -1em;
    background-position: left; }
  .btn_special:after {
    right: -1em;
    background-position: right; }
  .btn_special:hover {
    color: #301F1B;
    -webkit-transform: translateY(2px);
    -khtml-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px); }

.btn_arrow_r {
  display: block;
  position: relative;
  color: #4d4d4d;
  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: #4d4d4d;
    top: calc(50% - 0.5em);
    right: 0.25em; }
  @media screen and (min-width: 0) and (min-resolution: 72dpi) {
    .btn_arrow_r:before {
      font-size: 20px; } }
  .btn_arrow_r:hover, .btn_arrow_r:focus {
    color: #4d4d4d; }
    .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; }

/* Bootstrap Button(Cover Global)
-------------- */
.btn-theme {
  background-color: #0275d8;
  border-color: #0267bf;
  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: #0267bf;
    border-color: #025aa5; }

/* Btn Wrapper
---------- */
.btn_wr {
  padding: 10px 0; }
  .btn_wr > a {
    display: inline-block; }

.prd_actionbar .breadcrumb_wrapper {
  float: right; }
  @media (max-width: 767px) {
    .prd_actionbar .breadcrumb_wrapper {
      float: left;
      width: 100%; } }
.prd_actionbar .breadcrumb {
  padding: 10px 8px; }

.prdi_breadcrumb_wrapper .breadcrumb {
  padding: 6px 8px 15px; }

/* Album Date Note
---------------- */
.divide_note {
  margin: 0 0 5px;
  text-align: left;
  font-size: 11px;
  color: #999; }
  .divide_note > li {
    display: inline-block; }
  .divide_note > span, .divide_note > li + li, .divide_note.display-block > li {
    padding-left: 20px;
    position: relative; }
    .divide_note > span:before, .divide_note > li + li:before, .divide_note.display-block > li:before {
      content: '';
      position: absolute;
      background-color: #999;
      width: 4px;
      height: 4px;
      left: calc((20px - 4px) / 2);
      top: calc(50% - 4px / 2);
      border-radius: 2px;
      -webkit-transform: rotate(45deg);
      -khtml-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
  .divide_note.display-block > li {
    display: block; }

/* Film in Item
-------------- */
.bg_item_film {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  /* style */
  /* vam */
  /* hover */
  opacity: 0;
  -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; }
  .bg_item_film.with_style {
    background-color: rgba(0, 0, 0, 0.5); }
    .bg_item_film.with_style i {
      border: 1px solid white;
      padding: 10px;
      border-radius: 50%; }
    .bg_item_film.with_style i, .bg_item_film.with_style i:before, .bg_item_film.with_style p, .bg_item_film.with_style span {
      color: white; }
  .bg_item_film .vam_td {
    text-align: center; }

@media (min-width: 768px) {
  .item:hover .bg_item_film {
    opacity: 1; } }

/* Img Tag
------------ */
.img_tag_wrapper {
  position: absolute;
  left: 0px;
  top: 10px;
  color: white;
  z-index: 2; }

.img_tag {
  display: block;
  padding: 4px 10px;
  margin-bottom: 4px;
  border-radius: 0 4px 4px 0;
  background-color: #C7000C; }
  .img_tag.nstg_2nd {
    background-color: #301F1B; }
  .img_tag.nstg_3rd {
    background-color: #6ec450; }
  .img_tag.nstg_4th {
    background-color: #2fc6cc; }
  .img_tag.nstg_5th {
    background-color: #ffb807; }
  .img_tag.nstg_6th {
    background-color: #f56954; }
  .img_tag.nstg_7th {
    background-color: #0275d8; }

.newst_tag {
  display: inline-block;
  position: relative;
  line-height: 1.8em;
  height: 1.8em;
  padding: 0 8px;
  background-color: #4d4d4d;
  color: white; }
  .newst_tag:before, .newst_tag:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    right: -0.9em;
    border-style: solid; }
  .newst_tag:before {
    bottom: 0;
    border-width: 0.9em 0.9em 0 0;
    border-color: #4d4d4d transparent transparent transparent; }
  .newst_tag:after {
    top: 0;
    border-width: 0.9em 0 0 0.9em;
    border-color: transparent transparent transparent #4d4d4d; }
  .newst_tag.nstg_2nd {
    background-color: #301F1B; }
    .newst_tag.nstg_2nd:before {
      border-color: #301F1B transparent transparent transparent; }
    .newst_tag.nstg_2nd:after {
      border-color: transparent transparent transparent #301F1B; }
  .newst_tag.nstg_3rd {
    background-color: #6ec450; }
    .newst_tag.nstg_3rd:before {
      border-color: #6ec450 transparent transparent transparent; }
    .newst_tag.nstg_3rd:after {
      border-color: transparent transparent transparent #6ec450; }
  .newst_tag.nstg_4th {
    background-color: #2fc6cc; }
    .newst_tag.nstg_4th:before {
      border-color: #2fc6cc transparent transparent transparent; }
    .newst_tag.nstg_4th:after {
      border-color: transparent transparent transparent #2fc6cc; }
  .newst_tag.nstg_5th {
    background-color: #ffb807; }
    .newst_tag.nstg_5th:before {
      border-color: #ffb807 transparent transparent transparent; }
    .newst_tag.nstg_5th:after {
      border-color: transparent transparent transparent #ffb807; }
  .newst_tag.nstg_6th {
    background-color: #f56954; }
    .newst_tag.nstg_6th:before {
      border-color: #f56954 transparent transparent transparent; }
    .newst_tag.nstg_6th:after {
      border-color: transparent transparent transparent #f56954; }
  .newst_tag.nstg_7th {
    background-color: #0275d8; }
    .newst_tag.nstg_7th:before {
      border-color: #0275d8 transparent transparent transparent; }
    .newst_tag.nstg_7th:after {
      border-color: transparent transparent transparent #0275d8; }

/* Title Main
--------------------*/
.title_main {
  color: #C7000C; }

/* Title special
--------------------*/
.title_special {
  position: relative;
  display: inline-block;
  float: none;
  color: #C7000C;
  font-weight: 400;
  margin: 0.5em 0; }
  .title_special:before, .title_special:after {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    width: 3em;
    max-width: 400px;
    height: 0px;
    border-top: 3px double #e1e1e1; }
  .title_special:after {
    left: calc(100% + 30px); }
  .title_special:before {
    right: calc(100% + 30px); }

/* Wrapper
-------------- */
.tt_wr {
  margin-top: 16px;
  margin-bottom: 16px; }

/* Comp Basic Setting */
/* a - z */
.artc_basic > [class*=col-lg], .artc_basic > [class*=col-md], .artc_basic > [class*=col-sm], .artc_basic > [class*=col-xs] {
  padding: 0 16px; }
.artc_basic .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;
  border-radius: 8px;
  margin-bottom: 10px; }

.artc_header {
  padding: 8px; }
  .artc_header .date {
    margin: 0; }

.crsl_basic {
  /* inner */
  /* IMG */
  /* Content */
  /* Transition */
  /* Hover */
  /* Owl Nav, Dots */
  /* RWD */ }
  .crsl_basic .item {
    display: block;
    padding: 0; }
    .crsl_basic .item:after, .crsl_basic .item:before {
      content: "";
      display: block;
      clear: both; }
  .crsl_basic [class*=col-lg], .crsl_basic [class*=col-md], .crsl_basic [class*=col-sm], .crsl_basic [class*=col-xs] {
    padding: 0; }
  .crsl_basic .inner {
    display: block;
    overflow: hidden;
    border-radius: 0px; }
  .crsl_basic .img_wrapper {
    position: relative;
    overflow: hidden; }
  .crsl_basic .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; }
  .crsl_basic .content {
    padding: 8px 15px;
    color: #4d4d4d;
    -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 {
    font-weight: 400;
    font-family: "Short Stack", "Microsoft Jhenghei", sans-serif; }
  .crsl_basic .dsc {
    color: #b7b7b7; }
  .crsl_basic .date {
    position: relative;
    color: #999;
    font-size: 0.6em; }
  .crsl_basic .item, .crsl_basic .img_wrapper, .crsl_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; }
  .crsl_basic .owl-nav {
    position: absolute;
    top: calc(50% - 25px);
    left: 0;
    z-index: 3;
    width: 100%; }
    .crsl_basic .owl-nav [class*=owl-] {
      position: relative;
      color: white;
      background-color: transparent;
      font-size: 32px;
      margin: 0px;
      padding: 0;
      width: 40px;
      text-align: center;
      position: absolute;
      border-radius: 20px;
      top: 0;
      background: rgba(0, 0, 0, 0.5);
      color: white;
      opacity: 1; }
      .crsl_basic .owl-nav [class*=owl-] i {
        line-height: 40px; }
      .crsl_basic .owl-nav [class*=owl-].disabled, .crsl_basic .owl-nav [class*=owl-].disabled:hover {
        opacity: 0.2; }
  .crsl_basic .owl-prev {
    left: 30px; }
    .crsl_basic .owl-prev i {
      margin-right: 5px; }
  .crsl_basic .owl-next {
    right: 30px; }
    .crsl_basic .owl-next i {
      margin-left: 5px; }
  .crsl_basic .owl-nav {
    opacity: 0; }
  .crsl_basic:hover .owl-nav {
    opacity: 1; }
  .crsl_basic .owl-dots {
    position: relative; }

.grid_basic:after, .grid_basic:before {
  content: "";
  display: block;
  clear: both; }
.grid_basic .item {
  display: block;
  position: relative;
  padding: 8px; }
  @media (max-width: 575px) {
    .grid_basic .item.col-xxs-6:nth-child(2n + 1) {
      clear: left; }
    .grid_basic .item.col-xxs-4:nth-child(3n + 1) {
      clear: left; }
    .grid_basic .item.col-xxs-3:nth-child(4n + 1) {
      clear: left; }
    .grid_basic .item.col-xxs-2:nth-child(6n + 1) {
      clear: left; } }
  @media (min-width: 576px) and (max-width: 767px) {
    .grid_basic .item.col-xs-6:nth-child(2n + 1) {
      clear: left; }
    .grid_basic .item.col-xs-4:nth-child(3n + 1) {
      clear: left; }
    .grid_basic .item.col-xs-3:nth-child(4n + 1) {
      clear: left; }
    .grid_basic .item.col-xs-2:nth-child(6n + 1) {
      clear: left; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .grid_basic .item.col-sm-6:nth-child(2n + 1) {
      clear: left; }
    .grid_basic .item.col-sm-4:nth-child(3n + 1) {
      clear: left; }
    .grid_basic .item.col-sm-3:nth-child(4n + 1) {
      clear: left; }
    .grid_basic .item.col-sm-2:nth-child(6n + 1) {
      clear: left; } }
  @media (min-width: 992px) {
    .grid_basic .item.col-md-6:nth-child(2n + 1) {
      clear: left; }
    .grid_basic .item.col-md-4:nth-child(3n + 1) {
      clear: left; }
    .grid_basic .item.col-md-3:nth-child(4n + 1) {
      clear: left; }
    .grid_basic .item.col-md-2:nth-child(6n + 1) {
      clear: left; } }
.grid_basic .img_wrapper {
  border-radius: 0px;
  overflow: hidden;
  position: relative; }
.grid_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: 56.25%;
  background-size: cover;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat !important;
  z-index: 1; }
.grid_basic .img_tag_wrapper {
  position: absolute;
  left: 0px;
  top: 10px;
  color: white;
  z-index: 2; }
  .grid_basic .img_tag_wrapper > .img_tag {
    display: block;
    padding: 4px 10px;
    margin-bottom: 4px;
    border-radius: 0 4px 4px 0; }
    .grid_basic .img_tag_wrapper > .img_tag {
      background-color: #f56954; }
    .grid_basic .img_tag_wrapper > .img_tag.success {
      background-color: #6ec450; }
    .grid_basic .img_tag_wrapper > .img_tag.info {
      background-color: #2fc6cc; }
    .grid_basic .img_tag_wrapper > .img_tag.warning {
      background-color: #ffb807; }
.grid_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;
  padding: 8px; }
.grid_basic .title {
  margin: 0;
  font-weight: 700;
  overflow: hidden;
  line-height: 1.5em;
  max-height: 3em;
  white-space: normal;
  text-overflow: initial; }
.grid_basic .dsc {
  overflow: hidden;
  line-height: 1.8em;
  max-height: 5.4em;
  white-space: normal;
  text-overflow: initial;
  height: auto;
  max-height: 5.4em; }
.grid_basic .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); }
.grid_basic .item:hover .title {
  color: #301F1B; }
@media (max-width: 767px) {
  .grid_basic .item {
    padding: 4px; } }

.modal-body h4 {
  color: #C7000C;
  margin-bottom: 10px; }
.modal-body .warning, .modal-body .note {
  padding: 4px 0;
  text-align: center;
  font-size: 12px;
  margin: 0; }
.modal-body .warning {
  color: #d9534f; }
  .modal-body .warning a {
    text-decoration: underline; }
    .modal-body .warning a:hover {
      text-decoration: none; }
.modal-body .note {
  margin: 0; }
.modal-body a {
  text-decoration: underline; }
  .modal-body a:hover {
    text-decoration: none; }

.section_main {
  margin-top: -1px;
  margin-bottom: -1px;
  padding: 30px 0 60px; }
  @media (max-width: 991px) {
    .section_main {
      padding: 15px 0; } }

/*
Table Basic
-------------- */
.form_table .date {
  color: #b7b7b7;
  font-size: 11px;
  line-height: 1.4em; }
.form_table p {
  line-height: 1.5em; }

/* ========================
Pages Layout
======================== */
/* Global Pages
----------------- */
/* nav basic style
--------------------*/
/* 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: #C7000C; }
  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 {
        height: 60px;
        padding: 14px 12px; } }
    @media (max-width: 767px) {
      .navbar-header .brand {
        height: 50px;
        padding: 9px 12px; } }
    .navbar-header .brand .brand_logo {
      width: auto;
      content: '';
      background-image: url(../images/common/icons.png);
      background-size: 1920px auto;
      width: 80px;
      height: 32px;
      background-position: 0 0; }
    .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) {
  ul.navbar-nav > li {
    font-size: 16px; }
    ul.navbar-nav > li > a {
      text-align: center;
      z-index: 1001;
      white-space: nowrap;
      background-color: transparent;
      font-weight: 400;
      font-size: 16px;
      -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; }
    ul.navbar-nav > li:nth-last-child(1) .dropdown-menu {
      right: 0;
      left: unset; }
  ul.navbar-nav .dropdown:hover > .dropdown-menu {
    display: block; }
  ul.navbar-nav .dropdown-menu {
    top: calc(100% + 0px);
    left: 0;
    border-width: 0px;
    border-radius: 0;
    min-width: 160px; }
    ul.navbar-nav .dropdown-menu > li > a {
      padding: 10px 15px;
      font-size: 16px;
      background-color: transparent; }
    ul.navbar-nav .dropdown-menu .dropdown-submenu > .dropdown-menu {
      top: 0px;
      margin-top: 0;
      left: 100%;
      min-height: calc(100%); }
    ul.navbar-nav .dropdown-menu .dropdown-submenu > a {
      padding-right: 30px;
      position: relative; }
    ul.navbar-nav .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; }
    ul.navbar-nav .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
      display: block; } }
/* Style */
@media (min-width: 768px) {
  ul.navbar-nav .dropdown-menu {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }

  ul.navbar-nav > li > a {
    border-color: transparent; }
  ul.navbar-nav > li > a:hover, ul.navbar-nav > li > a:focus, ul.navbar-nav > li.active > a {
    border-color: #C7000C;
    color: #C7000C; }
  ul.navbar-nav > li > a:hover, ul.navbar-nav > li > a:focus, ul.navbar-nav > li > a.mPS2id-highlight {
    background-color: transparent;
    color: #C7000C; }
  ul.navbar-nav > li.active > a {
    background-color: transparent; }
  ul.navbar-nav .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.8); }
    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.5); }
    ul.navbar-nav .dropdown-menu .dropdown-submenu > .dropdown-menu {
      border-left: 1px solid rgba(0, 0, 0, 0.5); }
    ul.navbar-nav .dropdown-menu .dropdown-submenu > a:after {
      border-left-color: #fff; }
    ul.navbar-nav .dropdown-menu .dropdown-submenu:hover > a:after {
      border-left-color: #fff; }
  ul.navbar-nav a {
    color: #4d4d4d; }
  ul.navbar-nav .dropdown-menu a {
    color: #fff; }
    ul.navbar-nav .dropdown-menu a:hover, ul.navbar-nav .dropdown-menu a:focus {
      color: #fff; }

  .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, .add_class ul.navbar-nav > li.active > a {
    border-color: #C7000C;
    color: #C7000C; }
  .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: transparent;
    color: #C7000C; }
  .add_class ul.navbar-nav > li.active > a {
    background-color: transparent; }
  .add_class ul.navbar-nav .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.8); }
    .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.5); }
    .add_class ul.navbar-nav .dropdown-menu .dropdown-submenu > .dropdown-menu {
      border-left: 1px solid rgba(0, 0, 0, 0.5); }
    .add_class ul.navbar-nav .dropdown-menu .dropdown-submenu > a:after {
      border-left-color: #fff; }
    .add_class ul.navbar-nav .dropdown-menu .dropdown-submenu:hover > a:after {
      border-left-color: #fff; }
  .add_class ul.navbar-nav a {
    color: #4d4d4d; }
  .add_class ul.navbar-nav .dropdown-menu a {
    color: #fff; }
    .add_class ul.navbar-nav .dropdown-menu a:hover, .add_class ul.navbar-nav .dropdown-menu a:focus {
      color: #fff; }

  .navbar {
    background-color: #fff; }
    .navbar.add_class {
      background-color: #fff; }

  .dsk_menu {
    background-color: transparent; }
    .dsk_menu.add_class {
      background-color: transparent; } }
/* 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: 18px; }
    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: #fff; }
    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: #C7000C;
      -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: #fff; }
    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 #C7000C;
        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 #610006;
      background-color: #f2f2f2; }

  .navbar, .dsk_menu {
    background-color: #fff; }
    .navbar.add_class, .dsk_menu.add_class {
      background-color: #fff; } }
/* Toggle Button */
.navbar-toggle {
  border: 0px;
  padding: 14px 14px;
  margin: 0;
  border-radius: 0;
  background-color: #fff; }
  .navbar-toggle .icon-bar {
    background-color: #C7000C;
    margin: 4px 0; }
  .navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #C7000C; }
    .navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {
      background: #fff; }
  .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: 90px; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .nav_fix {
      margin-top: 150px; } }
  @media (max-width: 767px) {
    .nav_fix {
      margin-top: 50px; } }

/* nav Position
--------------------*/
.navbar {
  position: fixed;
  top: 0;
  left: 0; }

/* 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: #C7000C;
      -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 #C7000C; }
      .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(199, 0, 12, 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: #610006;
          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: #C7000C;
        -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: #C7000C; }
  .cart_btn > i {
    color: #fff;
    font-size: 24px;
    line-height: 44px; }

/* 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 #C7000C;
    color: #C7000C;
    top: 10%;
    right: 10%;
    font-size: 12px; }
  .btn_inner_absolute.mini span.inner {
    border: 1px solid #444;
    background-color: #fa000f;
    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(199, 0, 12, 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: #C7000C;
    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: #C7000C;
    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: 44px;
      font-size: 24px;
      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: 14px;
    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: 14px;
  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_m_wrapper {
  display: none;
  z-index: 1031; }

@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-image: url(../images/common/ic_search.svg);
    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; }
    .s_f_wrapper #s_form:hover, .s_f_wrapper #s_form:focus {
      background-image: url(../images/common/ic_search_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: #C7000C; }
        .s_f_wrapper #s_form:hover, .s_f_wrapper #s_form:focus {
          width: 100%;
          background-color: #f2f2f2; }
        .s_f_wrapper #s_form:focus {
          padding-left: 32px; } }
  @media (min-width: 768px) {
    .s_f_wrapper #s_form {
      color: #4d4d4d;
      border: 1px solid #C7000C;
      background-color: #C7000C;
      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: white;
        border: 1px solid #C7000C; }
      .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 #C7000C;
    background-color: #f1f1f1; }
  .s_desktop .search_button {
    position: absolute;
    right: 0px;
    width: 28px;
    height: 28px;
    border-radius: 0 14px 14px 0;
    border: 0px solid #C7000C;
    background-color: #f1f1f1;
    text-align: center;
    cursor: pointer;
    font-size: 16px; }
    .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: #c7000c; }
  .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: #C7000C; }
      .nav_m_btns > li a i {
        font-size: 20px;
        line-height: 50px; }
  @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 #C7000C;
    color: #C7000C;
    position: absolute;
    padding: 2px 5px;
    top: 20%;
    right: 15%;
    font-size: 12px;
    line-height: 1em;
    border-radius: 100px; }
  .btn_inner_absolute.mini span.inner {
    border: 1px solid #fff;
    background-color: #C7000C;
    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: 14px;
    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; } }
/* nav Theme
--------------------*/
/* Nav Li Style
----------------*/
/* Desktop Menu
--------------- */
@media (min-width: 768px) {
  .navbar-header {
    float: left; }

  .navbar-collapse {
    float: left; }

  ul.navbar-nav > li > a {
    padding: 20px 15px; }

  ul.navbar-nav > li > a:hover:before, ul.navbar-nav > li > a:focus:before, ul.navbar-nav > li.active > a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #C7000C; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .navbar {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }

  .navbar-header {
    width: 100%;
    border-bottom: 1px dotted #e1e1e1; } }
/* Mobile Menu
--------------- */
@media (max-width: 767px) {
  .nav_top_menu {
    display: none; } }
/* Layout - Right Group
------------- */
.nav_right_group {
  float: right; }
  .nav_right_group > div {
    float: right; }

/* Nav Add Class
----------------*/
.navbar {
  border-radius: 0;
  border-width: 0 0 1px; }
  .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; }

.banner {
  height: 160px;
  position: relative;
  overflow: hidden; }
  .banner .bg-full {
    height: 100%;
    width: 100%;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: -1;
    background-position: center bottom; }
  .banner .bg-mask {
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    top: 0;
    left: 0; }
  .banner .content {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    top: 0;
    text-align: center;
    height: 100%;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: -1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: colum;
    -moz-flex-direction: colum;
    -ms-flex-direction: colum;
    flex-direction: colum;
    -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;
    z-index: 2; }

/* Footer Archieve Styles
---------------------- */
footer.container-fluid {
  background-size: cover !important;
  background-image: url(../images/common/bg_001.jpg);
  padding: 0px;
  -webkit-animation: slider_change_color 15s infinite;
  -khtml-animation: slider_change_color 15s infinite;
  -moz-animation: slider_change_color 15s infinite;
  -ms-animation: slider_change_color 15s infinite;
  -o-animation: slider_change_color 15s infinite;
  animation: slider_change_color 15s infinite; }
  @media (min-width: 1200px) {
    footer.container-fluid {
      background-size: cover !important;
      overflow: hidden;
      background-position: center center;
      background-repeat: no-repeat !important;
      background-attachment: fixed !important;
      z-index: 1; } }
  footer.container-fluid > .container {
    padding: 10px 10px 0; }

/* Footer LOGO
-------------- */
.f_logo_wrapper {
  padding: 10px 0; }

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

/* Footer INFO
-------------- */
.f_info_ul {
  padding: 0px 0 25px;
  color: inherit; }
  .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: left; }
      .f_info_ul li {
        display: block; } }

/* Footer copyright
-------------- */
.f_copyright {
  background-color: transparent;
  border-top: 1px solid #fff;
  text-align: center; }
  .f_copyright p, .f_copyright a {
    color: inherit;
    font-family: "Short Stack", "Microsoft Jhenghei", sans-serif; }
  @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: 50px; }
  @media (max-width: 767px) {
    .f_menu > li {
      padding: 0 8px 10px; } }

/* Footer Fix
------------------ */
.footer_fix {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-style: inset;
  min-height: calc(100vh - 341px); }

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

/* Default & bootstrap Fix
-------------- */
.sld_wrapper {
  overflow: hidden;
  position: relative; }
  .sld_wrapper .container {
    padding-right: 0;
    padding-left: 0; }
  .sld_wrapper [class*=col-lg], .sld_wrapper [class*=col-md], .sld_wrapper [class*=col-sm], .sld_wrapper [class*=col-xs] {
    padding-left: 0;
    padding-right: 0; }
  @media (max-width: 1199px) and (min-width: 768px) {
    .sld_wrapper .container {
      width: 100%; } }

/* Owl Slider
--------------- */
.slider {
  width: 100%;
  overflow: hidden;
  background-color: white; }
  .slider .owl-item {
    overflow: hidden; }
  .slider .img {
    width: 100%;
    padding: 0;
    padding-top: 50%;
    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: 75%;
        background-size: cover;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat !important;
        z-index: 1; } }
  .slider .owl-nav {
    position: absolute;
    top: calc(50% - 25px);
    left: 0;
    z-index: 3;
    width: 100%; }
    .slider .owl-nav [class*=owl-] {
      position: relative;
      color: #fff;
      background-color: transparent;
      font-size: 40px;
      margin: 0px;
      padding: 0;
      width: 50px;
      text-align: center;
      position: absolute;
      border-radius: 0px;
      top: 0;
      background: rgba(0, 0, 0, 0.3);
      color: #fff;
      opacity: 1; }
      .slider .owl-nav [class*=owl-] i {
        line-height: 50px; }
      .slider .owl-nav [class*=owl-].disabled, .slider .owl-nav [class*=owl-].disabled:hover {
        opacity: 0.2; }
  .slider .owl-prev {
    left: 30px; }
    .slider .owl-prev i {
      margin-right: 5px; }
  .slider .owl-next {
    right: 30px; }
    .slider .owl-next i {
      margin-left: 5px; }
  .slider .owl-nav {
    opacity: 0; }
  .slider:hover .owl-nav {
    opacity: 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 #C7000C;
        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: #C7000C; }
  .slider .owl-dots {
    position: absolute;
    bottom: 0;
    width: 100%; }

/* include Countdown
----------------- */
@media (min-width: 992px) {
  .with_countdown .slider .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; } }

/* Right Countdown */
.gift_countdown {
  text-align: center; }
  .gift_countdown:after, .gift_countdown:before {
    content: "";
    display: block;
    clear: both; }
  .gift_countdown .content_full {
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: -1;
    width: 100%;
    padding: 0;
    padding-top: 150%;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1;
    display: none; }
    @media (min-width: 992px) {
      .gift_countdown .content_full.bg_desktop {
        display: block; } }
    @media (max-width: 991px) {
      .gift_countdown .content_full {
        width: 100%;
        padding: 0;
        padding-top: 66.6666666667%;
        background-size: cover;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat !important;
        z-index: 1; }
        .gift_countdown .content_full.bg_mobile {
          display: block; } }
  .gift_countdown .content {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.9);
    font-family: "Short Stack", "Microsoft Jhenghei", sans-serif;
    font-weight: 600;
    padding: 5%; }
    .lang-2nd .gift_countdown .content {
      font-family: "Short Stack", "Microsoft Jhenghei", sans-serif; }
  .gift_countdown .title {
    font-size: 60px;
    letter-spacing: 0.05em; }
  .gift_countdown .dsc {
    color: #999;
    max-width: 20em; }
  .gift_countdown .last {
    font-size: 30px; }
    .gift_countdown .last span {
      font-size: 200%;
      color: #C7000C; }
  @media (max-width: 991px) {
    .gift_countdown .vam_td {
      padding: 20px 0; }
    .gift_countdown .title {
      font-size: 30px; }
    .gift_countdown .last {
      font-size: 20px; } }

/* HOme Prd Bgi
----------- */
.homeprd_bg {
  position: absolute;
  width: 100%;
  height: calc(100% + 200px);
  background-size: cover;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat !important;
  z-index: -1;
  left: 0;
  top: -200px; }

/* Wrapper
----------- */
.home_section.bg_color_wrapper {
  padding: 0; }
  .home_section.bg_color_wrapper .bg_color {
    background-color: rgba(255, 255, 255, 0.5); }

/* Home Brand
======================= */
/* Crsl
----------- */
.crsl_hbrand {
  /* hover */ }
  .crsl_hbrand .content {
    background-color: white;
    -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_hbrand .title, .crsl_hbrand .dsc {
    text-align: center; }
  .crsl_hbrand .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); }
  .crsl_hbrand .item:hover .content {
    -webkit-transform: translateY(-30px);
    -khtml-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }

/* Prd
---------------- */
/* Comps */
/* Prd Custom Class
======================== */
.price {
  font-family: "Gelasio", "Microsoft Jhenghei", sans-serif;
  color: #C7000C;
  font-weight: 600; }
  .crsl_prd .price,
  .prdi_content .price,
  .item_price .price {
    font-size: 160%; }

.price_del {
  text-decoration: line-through;
  color: #999; }

/* Title
------------------------ */
.prdl_title {
  display: inline-block;
  padding: 7px 14px;
  font-size: 140%;
  background-color: #C7000C;
  color: white; }
  .prdl_title.bg_green {
    background-color: #5cb85c; }
  .prdl_title.bg_brown {
    background-color: #C7000C; }

/* Wrapper
------------------------ */
.shopping_wrapper {
  background-color: transparent; }
  .shopping_wrapper .like_btn_wrapper {
    padding: 0px; }
  @media (max-width: 767px) {
    .shopping_wrapper {
      position: relative;
      opacity: 1; } }

/* Group
------------------------ */
.btn_shopping_group {
  display: block;
  width: 100%; }
  .btn_shopping_group:after, .btn_shopping_group:before {
    content: "";
    display: block;
    clear: both; }
  .btn_shopping_group li {
    display: block;
    float: left;
    margin: 0;
    width: 50%;
    padding: 2px; }
  .btn_shopping_group .btn_shopping {
    display: block;
    width: 100%; }

/* Buttons
------------------------ */
.btn_shopping {
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  padding: 14px 20px;
  border-radius: 4px;
  background-color: #C7000C;
  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;
  padding: 5px; }
  .btn_shopping:hover, .btn_shopping:focus {
    color: white;
    background-color: #ae000a; }
  .btn_shopping.large {
    font-size: 20px;
    padding: 18px 24px; }
  .btn_shopping.radius {
    border-radius: 30px; }
  .btn_shopping.reverse {
    background-color: white;
    color: #C7000C; }
  .grid_prd .btn_shopping, .prdi_content .btn_shopping {
    border-radius: 2px; }
    .grid_prd .btn_shopping, .grid_prd .btn_shopping .btn_shopping, .prdi_content .btn_shopping, .prdi_content .btn_shopping .btn_shopping {
      display: inline-block;
      padding: 5px;
      line-height: 1em;
      font-size: 12px;
      font-weight: 400;
      white-space: nowrap; }
  @media (max-width: 991px) {
    .grid_prd .btn_shopping, .crsl_prd .btn_shopping {
      padding: 0px 4px;
      font-size: 80%;
      line-height: 26px; }
      .grid_prd .btn_shopping span, .crsl_prd .btn_shopping span {
        display: none; } }

/* like */
.btn_like {
  display: inline-block;
  padding: 8px;
  color: #C7000C; }
  .btn_like i {
    font-size: 120%; }

.btn_like_lg i {
  font-size: 140%; }
.btn_like_lg span {
  padding-right: 8px; }

/* shopping */
/* Sold out
------------ */
.soldout_wrapper {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 50%;
  text-align: center; }

.prd_countdown {
  font-family: "Short Stack", "Microsoft Jhenghei", sans-serif;
  font-weight: 500; }
  .prd_countdown span {
    display: inline-block;
    background-color: rgba(199, 0, 12, 0.8);
    font-size: 14px;
    line-height: 1em;
    padding: 4px;
    color: white;
    margin: 1px; }

/* in item */
.img_wrapper .prd_countdown {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 100%;
  text-align: right; }

/* Prd List Sidebar
======================= */
/* prdl_sidebar
-------------------- */
.prdl_sidebar {
  border-radius: 4px;
  margin-bottom: 8px;
  overflow: hidden;
  /* RWD */ }
  @media (max-width: 767px) {
    .prdl_sidebar.xs-responsive {
      display: none; } }
  @media (max-width: 991px) {
    .prdl_sidebar.sm-responsive {
      display: none; } }

/* sidebar-header
-------------------- */
.prdl_sidebar-header {
  background-size: cover !important;
  background-image: url(../images/common/bg_001.jpg);
  padding: 6px 10px;
  border-bottom: 1px solid rgba(77, 77, 77, 0.2);
  font-size: 110%; }
  @media (min-width: 1200px) {
    .prdl_sidebar-header {
      background-size: cover !important;
      overflow: hidden;
      background-position: center center;
      background-repeat: no-repeat !important;
      background-attachment: fixed !important;
      z-index: 1; } }

/* sidebar-body
-------------------- */
.prdl_sidebar-body {
  /* li Style */
  /* hover */
  /* 1st Dropdown */
  /* Selected */ }
  .prdl_sidebar-body .p {
    line-height: 1em; }
  .prdl_sidebar-body > li + li {
    border-top: 1px solid #e1e1e1; }
  .prdl_sidebar-body > li a {
    border-top: none !important;
    margin-top: 1px;
    font-family: "Short Stack", "Microsoft Jhenghei", sans-serif;
    font-weight: 600;
    padding-top: 6px;
    padding-bottom: 6px; }
    .lang-2nd .prdl_sidebar-body > li a {
      font-family: "Short Stack", "Microsoft Jhenghei", sans-serif; }
  .prdl_sidebar-body > li a:hover, .prdl_sidebar-body > li a:focus {
    background-color: rgba(0, 0, 0, 0.02); }
  .prdl_sidebar-body ul.layer_1st {
    padding-bottom: 8px; }
  .prdl_sidebar-body > li.selected > a {
    color: #C7000C; }
  .prdl_sidebar-body > li > ul > li.selected > a:before {
    color: #C7000C; }

/* Grid & Crsl */
/* Prd List Item
=============== */
/* Common: Grid & Crsl
-------------- */
.grid_prd, .crsl_prd {
  /* img */
  /* content */
  /* hover */
  /* RWD */ }
  .grid_prd .item, .crsl_prd .item {
    border-radius: 4px;
    overflow: hidden;
    -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;
    background-color: white; }
  .grid_prd .img, .crsl_prd .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; }
  .grid_prd .content, .crsl_prd .content {
    padding: 8px 0; }
    .grid_prd .content:after, .grid_prd .content:before, .crsl_prd .content:after, .crsl_prd .content:before {
      content: "";
      display: block;
      clear: both; }
    @media (max-width: 767px) {
      .grid_prd .content, .crsl_prd .content {
        padding-left: 0;
        padding-right: 0; } }
  .grid_prd .title, .crsl_prd .title {
    overflow: hidden;
    line-height: 1.5em;
    max-height: 3em;
    white-space: normal;
    text-overflow: initial;
    font-family: "Short Stack", "Microsoft Jhenghei", sans-serif;
    font-weight: 600;
    font-weight: 700;
    margin-bottom: 5px; }
    .lang-2nd .grid_prd .title, .crsl_prd .title {
      font-family: "Short Stack", "Microsoft Jhenghei", sans-serif; }
  .grid_prd .title, .grid_prd .item_price, .crsl_prd .title, .crsl_prd .item_price {
    text-align: center; }
  .grid_prd .item:hover .img, .crsl_prd .item:hover .img {
    -webkit-transform: none;
    -khtml-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }

/* Crsl
=============== */
.crsl_prd .owl-stage-outer {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media (max-width: 767px) {
    .crsl_prd .owl-stage-outer {
      padding-top: 10px; } }
.crsl_prd .owl-nav {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  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; }
  .crsl_prd .owl-nav [class*=owl-] {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    opacity: 1;
    background-color: transparent;
    border-radius: 0; }
    .crsl_prd .owl-nav [class*=owl-] > i {
      color: transparent; }
    .crsl_prd .owl-nav [class*=owl-].disabled {
      opacity: 0.5;
      animation-duration: 0s !important; }
  .crsl_prd .owl-nav .owl-prev {
    /* Stage padding - width */
    left: -40px;
    border-style: solid;
    border-width: 24px 24px 24px 0;
    border-color: transparent rgba(199, 0, 12, 0.2) transparent transparent; }
  .crsl_prd .owl-nav .owl-next {
    right: -40px;
    border-style: solid;
    border-width: 24px 0 24px 24px;
    border-color: transparent transparent transparent rgba(199, 0, 12, 0.2); }
.crsl_prd:hover .owl-prev {
  animation-name: owlPrev;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite; }
.crsl_prd:hover .owl-next {
  animation-name: owlNext;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite; }

/* RWD */
@media (min-width: 768px) {
  .crsl_prd_wrapper {
    padding-left: 60px;
    padding-right: 60px; } }

/* Prd Grid
============= */
.grid_prd .item {
  margin-bottom: 4px; }
.grid_prd .item:hover {
  z-index: 2; }

/* Prd List */
/* Buy Together
============== */
.buytogether_banner {
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 16px; }
  .buytogether_banner .img {
    width: 100%;
    padding: 0;
    padding-top: 18.2926829268%;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1; }
  @media (max-width: 767px) {
    .buytogether_banner {
      display: none; } }

/* Actionbar
----------------- */
.buytogether_actionbar {
  position: relative; }
  .buytogether_actionbar .dsc {
    padding: 0 8px;
    float: left; }
  .buytogether_actionbar .btn_shopping {
    float: right; }

/* item btn group
----------------- */
.buytogether_btn_group {
  margin: 8px 0;
  /* input */
  /* Select */ }
  .buytogether_btn_group:after, .buytogether_btn_group:before {
    content: "";
    display: block;
    clear: both; }
  .buytogether_btn_group .input-number, .buytogether_btn_group .btn_shopping {
    float: left; }
  .buytogether_btn_group .btn_shopping {
    width: 58px;
    text-align: center; }
  .buytogether_btn_group .input-number {
    width: calc(100% - 58px - 8px);
    margin-right: 8px; }
  .buytogether_btn_group .input-number > input, .buytogether_btn_group .input-number .decrement, .buytogether_btn_group .input-number .increment {
    height: 26px;
    line-height: 22px; }
  .buytogether_btn_group .caret_select, .buytogether_btn_group .caret_select select {
    width: 100%; }
  .buytogether_btn_group .caret_select {
    margin-bottom: 8px; }
  @media (max-width: 767px) {
    .buytogether_btn_group .input-number {
      width: 100%;
      margin-right: 0px;
      margin-bottom: 8px; } }

/* Brand Banner
------------------ */
.crsl_brand_wrapper {
  padding: 0; }

.crsl_brand {
  /* vam */
  /* img */
  /* content */
  /* hover */
  /* RWD */ }
  .crsl_brand .container {
    padding: 30px; }
  .crsl_brand .vam_full {
    position: relative;
    height: 1px;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0; }
    .crsl_brand .vam_full > .container {
      position: relative;
      height: 100%; }
      .crsl_brand .vam_full > .container > [class*=col-lg], .crsl_brand .vam_full > .container [class*=col-md], .crsl_brand .vam_full > .container [class*=col-sm], .crsl_brand .vam_full > .container [class*=col-xs] {
        height: 100%; }
    .crsl_brand .vam_full > [class*=col-lg], .crsl_brand .vam_full [class*=col-md], .crsl_brand .vam_full [class*=col-sm], .crsl_brand .vam_full [class*=col-xs] {
      height: 100%; }
  .crsl_brand .vam_table {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%; }
  .crsl_brand .vam_td {
    display: table-cell;
    vertical-align: middle; }
  .crsl_brand .img {
    padding-top: 300px; }
  .crsl_brand .content {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 5%; }
  .crsl_brand .title {
    display: inline-block;
    padding: 4px 12px;
    margin-left: -12px;
    margin-bottom: 8px;
    background-color: white;
    color: #C7000C;
    border: 3px double rgba(199, 0, 12, 0.3); }
  .crsl_brand:hover .content {
    background-color: rgba(255, 255, 255, 0.9); }
  @media (max-width: 767px) {
    .crsl_brand .content {
      background-color: rgba(255, 255, 255, 0.9); } }

/* Prd In */
/* Prd In
================= */
/* Prd Img
--------------- */
/* Prd Detail
--------------- */
.prdi_detail {
  margin: 16px 0; }

.prdi_detail-header {
  width: 100%;
  position: relative;
  background-color: #C7000C;
  padding: 8px 8px;
  color: white;
  border-radius: 4px; }
  .prdi_detail-header:after, .prdi_detail-header:before {
    content: "";
    display: block;
    clear: both; }
  .prdi_detail-header h3 {
    float: left; }
  .prdi_detail-header > a {
    float: right;
    margin-bottom: 0; }
  .prdi_detail-header .breadcrumb {
    float: right; }
    .prdi_detail-header .breadcrumb a {
      font-size: 1.2em;
      color: rgba(255, 255, 255, 0.7); }
      .prdi_detail-header .breadcrumb a:hover {
        text-decoration: underline; }
    .prdi_detail-header .breadcrumb > li + li:before {
      color: rgba(255, 255, 255, 0.7); }

/* writing */
/* Prdi Img
--------------- */
.prdi_img {
  margin-bottom: 10px; }
  .prdi_img .divide_note {
    margin-top: 10px; }

/* Crsl */
.crsl_prdi .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; }

.crsl_prdi.thumbs .item:hover {
  background-color: #000; }
  .crsl_prdi.thumbs .item:hover .img_wrapper {
    opacity: 0.9; }

/* Prd Content
--------------- */
.prdi_content {
  margin-bottom: 10px; }

/* header */
.prdi_content-header {
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 2px solid #C7000C; }
  .prdi_content-header:after, .prdi_content-header:before {
    content: "";
    display: block;
    clear: both; }
  .prdi_content-header .title {
    float: left;
    font-weight: 700;
    color: #C7000C; }
  .prdi_content-header .prd_countdown {
    margin-bottom: 10px; }
    .prdi_content-header .prd_countdown span {
      font-size: 120%; }

/* body */
.prdi_content-body .btn_shopping {
  font-size: 140%;
  line-height: 1.5em;
  font-weight: 400; }
.prdi_content-body .btn_like i {
  font-size: 140%; }
.prdi_content-body .btn_like span {
  padding-right: 8px; }

/* Dsc */
.prd_dsc {
  margin: 8px 0; }
  .prd_dsc p {
    font-size: 14px; }

/* Feature */
.prd_feature {
  margin: 8px 0; }
  .prd_feature > li {
    line-height: 1.8em;
    position: relative;
    padding-left: 20px;
    font-size: 14px; }
    .prd_feature > li:before {
      content: '';
      position: absolute;
      width: 6px;
      height: 6px;
      background-color: #301F1B;
      left: 4px;
      top: 10px;
      border-radius: 50%; }

/* on-sale */
.prdi_onsale:after, .prdi_onsale:before {
  content: "";
  display: block;
  clear: both; }
.prdi_onsale .activity_link {
  float: right; }

.onsale_dsc {
  display: block; }
  .onsale_dsc a {
    -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;
    text-decoration: underline; }
    .onsale_dsc a, .onsale_dsc a:hover, .onsale_dsc a:focus {
      color: inherit; }
    .onsale_dsc a:hover, .onsale_dsc a:focus {
      color: #4d4d4d; }

.activity_link {
  display: block;
  background-color: #C7000C;
  color: white;
  padding: 4px 8px;
  margin-left: 2px; }
  .activity_link:hover, .activity_link:focus {
    color: white;
    background-color: #610006; }

/* Prd Info Tab
------------------ */
.prdinfo_tab-nav {
  background-size: cover !important;
  background-image: url(../images/common/bg_001.jpg);
  display: table;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  table-layout: fixed;
  /* active & hover */
  /* Hide <br> */ }
  @media (min-width: 1200px) {
    .prdinfo_tab-nav {
      background-size: cover !important;
      overflow: hidden;
      background-position: center center;
      background-repeat: no-repeat !important;
      background-attachment: fixed !important;
      z-index: 1; } }
  .prdinfo_tab-nav li {
    display: table-cell;
    padding: 6px 0;
    vertical-align: middle; }
  .prdinfo_tab-nav li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.5); }
  .prdinfo_tab-nav a {
    display: block;
    line-height: 18px; }
  .prdinfo_tab-nav li.active, .prdinfo_tab-nav li:hover {
    background-color: rgba(199, 0, 12, 0.1); }
  .prdinfo_tab-nav br {
    display: none; }
  @media (min-width: 768px) and (max-width: 991px) {
    .prdinfo_tab-nav br {
      display: inline; } }
  @media (max-width: 400px) {
    .prdinfo_tab-nav br {
      display: inline; } }

/* Prd Info Tab Content
------------------ */
.prdinfo_tab-content .editor {
  padding: 8px 0; }

.freegift_grid {
  overflow: hidden;
  padding-bottom: 0; }
  .freegift_grid:after, .freegift_grid:before {
    content: "";
    display: block;
    clear: both; }
  .freegift_grid a {
    cursor: pointer; }
  .freegift_grid .img {
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1; }
  .freegift_grid .freegift_title {
    height: 3.6em;
    overflow: hidden; }
  .freegift_grid .check_wrp, .freegift_grid .img_wrp, .freegift_grid .content_wrp, .freegift_grid .num_wrp {
    float: left; }
  .freegift_grid .item {
    padding: 8px;
    margin-bottom: -1px;
    border-bottom: 1px solid #e1e1e1; }
  .freegift_grid .img_wrp {
    width: 60px; }
  .freegift_grid .content_wrp {
    padding: 0px 8px;
    width: calc(100% - 60px - 80px); }
  .freegift_grid .num_wrp {
    position: relative;
    padding-right: 0px;
    padding-top: 0px;
    width: 80px; }
    .freegift_grid .num_wrp small {
      position: absolute;
      left: 4px;
      top: calc(50% - 11px); }
    .freegift_grid .num_wrp input {
      display: block;
      width: 100%;
      padding-left: 35px;
      padding-right: 2px; }
  .freegift_grid .item:hover {
    background-color: rgba(0, 0, 0, 0.025); }

/* Cart
---------------- */
/* 2018.10.09 */
.cart_subtotal {
  font-family: "Gelasio", "Microsoft Jhenghei", sans-serif;
  text-align: right; }
  @media (max-width: 767px) {
    .cart_subtotal {
      text-align: left; } }
  .cart_subtotal.price_del {
    font-size: 85%; }

.cart_total {
  color: #C7000C;
  white-space: nowrap;
  text-align: right;
  position: relative; }
  .cart_total small {
    position: absolute;
    right: 140px;
    top: calc(50% - 0.5em);
    font-weight: 400; }
  .cart_total .number {
    color: #C7000C;
    font-family: "Gelasio", "Microsoft Jhenghei", sans-serif; }

/* Note Block
--------------- */
.note_block {
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 0 0 0 1px;
  font-size: 14px; }
  .note_block p,
  .note_block .editor p {
    font-size: inherit;
    margin-top: 0; }
  .note_block .editor {
    padding: 0; }
  @media (max-width: 991px) {
    .note_block.col-sm-12 {
      border-width: 1px 0 0 0;
      padding-top: 8px !important;
      margin-top: 8px; } }
  @media (max-width: 767px) {
    .note_block.col-xs-12 {
      border-width: 1px 0 0 0;
      padding-top: 8px !important;
      margin-top: 8px; } }

/* Cart Item note */
.cart_item_note {
  font-size: 80%; }

/* Footer
----------- */
.cart_footer hr {
  margin: 8px 0; }

/* Cart List
--------------- */
/* receipt note
------------- */
.cart_receipt_note {
  padding: 8px; }
  .cart_receipt_note img {
    max-width: 200px; }

/* Member
---------------- */
/* Login Modal (inherit: modalBasic)
---------------- */
.modal_login {
  width: 680px;
  margin: 20px auto;
  max-width: 100%; }
  @media (max-width: 575px) {
    .modal_login {
      max-width: 100%;
      margin: 0px auto; } }
  @media (min-width: 768px) {
    .modal_login .modal-body {
      padding: 15px 8px; }
    .modal_login [class*=col-lg], .modal_login [class*=col-md], .modal_login [class*=col-sm], .modal_login [class*=col-xs] {
      padding: 8px 15px; } }
  @media (min-width: 992px) {
    .modal_login {
      margin: 100px auto; } }

/* email */
@media (min-width: 768px) {
  .email_login {
    border-right: 1px solid #e1e1e1; } }
@media (max-width: 767px) {
  .email_login {
    padding-bottom: 15px !important;
    margin-bottom: 8px;
    border-bottom: 1px solid #e1e1e1; } }

/* Social */
@media (min-width: 768px) {
  .social_login {
    padding-top: 18px !important; } }

.login_block {
  border-top: 0;
  margin-top: 0;
  padding: 8px 0; }
  .login_block .btn_wrapper {
    padding-top: 20px !important;
    margin-bottom: 0; }
    .login_block .btn_wrapper .width-50 {
      width: calc(50% - 8px) !important; }
  .login_block .note {
    text-align: center; }
  .login_block input, .login_block textarea, .login_block select {
    display: block;
    width: 100%; }
  .login_block .caret_select {
    display: block; }
  .login_block input, .login_block textarea, .login_block .caret_select {
    margin-top: 2px;
    margin-bottom: 2px; }
  .login_block .checkbox-inline, .login_block .radio-inline {
    margin-top: 2px; }
  .login_block .checkbox-inline + .checkbox-inline {
    margin-top: 2px; }
  .login_block .radio-inline + .radio-inline {
    margin-top: 2px; }

/* Google & Facebook */
.clr-google {
  color: #db4a3c; }

.bg-clr-google {
  background-color: #db4a3c !important;
  color: #fff; }
  .bg-clr-google:hover, .bg-clr-google:focus {
    background-color: #d63728 !important; }

.clr-fb {
  color: #db4a3c; }

.bg-clr-fb {
  background-color: #264184 !important;
  color: #fff; }
  .bg-clr-fb:hover, .bg-clr-fb:focus {
    background-color: #203770 !important; }

.width-100 {
  width: 100%; }

/* Pages
----------------- */
.artc_about img {
  display: block;
  margin: 0 auto; }

/* News Artc
------------- */
.artc_news .editor {
  padding: 8px 0; }

/* News Table
------------- */
/* Contact
-------------- */
.c_left,
.c_right {
  padding-left: 15px;
  padding-right: 15px; }
  .c_left:after, .c_left:before,
  .c_right:after,
  .c_right:before {
    content: "";
    display: block;
    clear: both; }

.c_left {
  padding-bottom: 20px; }

/* Contact Map
-------------- */
.c_map {
  height: 230px; }

/* Contact Info
----------- */
.c_info {
  padding: 0px 0;
  padding-bottom: 20px;
  position: relative;
  text-align: left; }
  .c_info li {
    padding-left: 32px;
    line-height: 1.5em;
    display: block;
    position: relative;
    padding: 10px 40px;
    padding-left: 30px;
    margin-bottom: 5px; }
    .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; }
    .c_info li.map-marker:before {
      content: "\f041";
      background-image: none; }
    .c_info li.phone:before {
      content: "\f095";
      background-image: none; }
    .c_info li.mobile-phone:before {
      content: "\f10b";
      background-image: none; }
    .c_info li.fax:before {
      content: "\f1ac";
      background-image: none; }
    .c_info li.envelope:before {
      content: "\f003";
      background-image: none; }
    .c_info li.link:before {
      content: "\f0c1";
      background-image: none; }
    .c_info li.calendar:before {
      content: "\f274";
      background-image: none; }
    .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; }
    .c_info li:empty {
      display: none; }
    .c_info li:before {
      left: 5px;
      top: 10px; }
  .c_info li + li {
    border-top: 1px solid #e1e1e1; }
  @media (min-width: 576px) {
    .c_info.with_qrcode {
      float: left;
      width: calc(100% - 200px);
      padding-right: 15px; } }

/* QR Code
----------------- */
.c_qrcode_wrapper {
  position: relative;
  padding: 15px;
  border: 1px solid #e1e1e1;
  max-width: 200px;
  margin: 10px auto 30px; }
  @media (min-width: 576px) {
    .c_qrcode_wrapper {
      float: left;
      width: 200px; } }

.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; } }

/* Member
----------------- */
/* 005.mmbr
------------------ */
/* Register
------------ */
.register_block {
  /* tab */ }
  .register_block .tt_wr {
    padding: 10px 0;
    margin: 0; }
  .register_block .block_left,
  .register_block .block_right {
    padding: 15px 15px 20px !important; }
  .register_block .block_left {
    border-color: #e1e1e1;
    border-style: solid;
    border-width: 0;
    border-right-width: 1px; }
  .register_block .block_right {
    padding-top: 50px !important;
    padding-bottom: 20px !important; }
  .register_block .block_bottom {
    border-top: 1px solid #e1e1e1;
    margin: 0;
    padding: 10px 0 5px !important; }
  @media (max-width: 767px) {
    .register_block .block_left {
      border-width: 0 0 1px 0; }
    .register_block .block_right {
      padding-top: 20px !important; } }
  .register_block .basic_block_tab {
    background-color: transparent; }
    @media (max-width: 767px) {
      .register_block .basic_block_tab {
        border-bottom: 1px solid #dfdfdf; } }

/* Member Home
------------ */
@media (min-width: 768px) {
  .mmbr_home .mh_left {
    border-right: 1px solid #e1e1e1; } }
.mmbr_home .mh_right {
  padding: 8px 16px; }

/* Member Level */
.mh_level {
  height: 300px;
  color: white;
  text-align: center;
  position: relative; }
  .mh_level:before, .mh_level:after {
    content: '';
    position: absolute; }
  .mh_level:before {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    border-radius: 8px; }
  .mh_level:after {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    left: 10px;
    top: 10px;
    border: 4px dashed rgba(255, 255, 255, 0.5);
    border-radius: 2px; }
  .mh_level.lv1:before {
    background-color: #6F4D9D; }
  .mh_level.lv2:before {
    background-color: #1D83D7; }
  .mh_level.lv3:before {
    background-color: #34CA91; }
  .mh_level.lv4:before {
    background-color: #F38D20; }
  .mh_level.lv5:before {
    background-color: #727272; }
  .mh_level .level {
    font-size: 40px; }

/* Coupon
------------ */
/* commpn */
.coupon_denomination {
  text-align: center;
  padding: 8px;
  background-color: #C7000C;
  color: white;
  font-family: "Short Stack", "Microsoft Jhenghei", sans-serif;
  font-size: 160%; }

/* table */
/* --- Theme --- */
/* 012.jingle-shop
--------------------- */
/* ========================
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(199, 0, 12, 0.5); }

::selection {
  color: #C7000C;
  background: #eee; }

::-moz-selection {
  color: #C7000C;
  background: #eee; }

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

/* ========================
Mixin
======================== */
/* ========================
  Common
======================== */
.crsl_basic .item:hover .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;
  -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); }

.title_main {
  position: relative; }
  .title_main:before {
    display: block;
    position: absolute;
    content: '';
    background-image: url(../images/common/icons.png);
    background-size: 1920px auto;
    width: 160px;
    height: 24px;
    background-position: -80px 0;
    content: '';
    left: calc(50% - 80px);
    bottom: -10px;
    z-index: 0; }

.crsl_prd .tag[disabled=true], .grid_prd .tag[disabled=true] {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent; }

/* ========================
Pages Layout
======================== */
/* Shop Cover
----------------- */
/* Global Pages
----------------- */
footer.container-fluid {
  position: relative;
  padding-top: 180px;
  overflow: hidden; }
  @media (max-width: 767px) {
    footer.container-fluid {
      padding-top: 70px; } }

.footer_decor {
  content: '';
  background-image: url(../images/common/icons.png);
  background-size: 1920px auto;
  width: 100%;
  height: 200px;
  background-position: 0 -800px;
  background-repeat: repeat-x;
  position: absolute;
  left: 0;
  top: -20px; }
  @media (max-width: 767px) {
    .footer_decor {
      width: 960px;
      height: 100px;
      background-position: 0 -400px;
      background-size: 960px auto; } }

/* Home
----------------- */
.entrance {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  background-color: white;
  background-size: auto;
  background-repeat: repeat !important;
  background-image: url(../images/common/entrance_bg.jpg);
  -webkit-transition: all 1s ease-in-out;
  -khtml-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }

.entrance_bg_red {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0; }
  .entrance_bg_red .before, .entrance_bg_red .after {
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    z-index: 0;
    background-color: #C7000C; }
  .entrance_bg_red, .entrance_bg_red .before, .entrance_bg_red .after {
    -webkit-transition: all 1s ease-in-out;
    -khtml-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

.entrance_img_sm,
.entrance_img_md {
  position: absolute;
  -webkit-transition: all 1s ease-in-out;
  -khtml-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  background-size: cover; }
  .entrance_img_sm:before, .entrance_img_sm:after,
  .entrance_img_md:before,
  .entrance_img_md: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; }
  .entrance_img_sm:before,
  .entrance_img_md:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 2;
    background-size: cover; }
  .entrance_img_sm:after,
  .entrance_img_md:after {
    content: '';
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    left: 1px;
    top: 1px;
    background-color: white;
    z-index: 1; }

.entrance_img_sm {
  left: calc(50% - 111.1969111969px / 2);
  top: calc(15vh + 46.332046332px);
  width: 111.1969111969px;
  padding: 0;
  padding-top: 48.839427663px;
  background-size: cover;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat !important;
  z-index: 1;
  z-index: 2; }
  .entrance_img_sm:before {
    background-image: url(../images/common/entrance_mask_sm.png); }

.entrance_img_md {
  left: calc(50% - 240px / 2);
  top: 15vh;
  z-index: 1;
  width: 240px;
  padding: 0;
  padding-top: 160px;
  background-size: cover;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat !important;
  z-index: 1; }
  .entrance_img_md:before {
    background-image: url(../images/common/entrance_mask_md.png); }

/* --------------
RWD
-------------- */
@media (max-width: 767px) {
  .entrance_img_sm {
    left: calc(50% - 83.3976833977px / 2);
    top: calc(10vh + 34.749034749px);
    width: 83.3976833977px;
    padding: 0;
    padding-top: 36.6295707472px;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1;
    z-index: 2; }

  .entrance_img_md {
    left: calc(50% - 180px / 2);
    top: 10vh;
    width: 180px;
    padding: 0;
    padding-top: 120px;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 1;
    z-index: 1; } }
/* --------------
Animation
-------------- */
.entrance {
  /* Oringin */
  /* Animate */ }
  .entrance .entrance_bg_red .before {
    top: 0;
    -webkit-transform: translateX(-100%);
    -khtml-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .entrance .entrance_bg_red .after {
    top: 50%;
    -webkit-transform: translateX(100%);
    -khtml-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .entrance .entrance_img_sm, .entrance .entrance_img_md {
    display: none; }
  .entrance .entrance_img_sm:after,
  .entrance .entrance_img_md:after {
    -webkit-transform: scaleX(0);
    -khtml-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); }
  .entrance .entrance_img_sm:after {
    -webkit-transform-origin: left;
    -khtml-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    transform-origin: left; }
  .entrance .entrance_img_md:after {
    -webkit-transform-origin: right;
    -khtml-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right; }
  .entrance.animateIn .entrance_bg_red .before, .entrance.animateIn .entrance_bg_red .after {
    -webkit-transform: translateX(0%);
    -khtml-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  .entrance.animateImgSm .entrance_img_sm, .entrance.animateImgSm .entrance_img_md {
    display: block !important; }
  .entrance.animateImgSm .entrance_img_sm:after {
    -webkit-animation: imgSmWhiteIn 0.6s forwards 0s ease-in-out;
    -khtml-animation: imgSmWhiteIn 0.6s forwards 0s ease-in-out;
    -moz-animation: imgSmWhiteIn 0.6s forwards 0s ease-in-out;
    -ms-animation: imgSmWhiteIn 0.6s forwards 0s ease-in-out;
    -o-animation: imgSmWhiteIn 0.6s forwards 0s ease-in-out;
    animation: imgSmWhiteIn 0.6s forwards 0s ease-in-out; }
  .entrance.animateImgMd {
    background-image: none;
    background-color: transparent; }
    .entrance.animateImgMd .entrance_img_md:after {
      -webkit-animation: imgSmWhiteIn 0.6s forwards 0s ease-in-out;
      -khtml-animation: imgSmWhiteIn 0.6s forwards 0s ease-in-out;
      -moz-animation: imgSmWhiteIn 0.6s forwards 0s ease-in-out;
      -ms-animation: imgSmWhiteIn 0.6s forwards 0s ease-in-out;
      -o-animation: imgSmWhiteIn 0.6s forwards 0s ease-in-out;
      animation: imgSmWhiteIn 0.6s forwards 0s ease-in-out; }
  .entrance.animateOut {
    -webkit-animation: entranceFadeOut 0.6s forwards 0.6s ease-in-out;
    -khtml-animation: entranceFadeOut 0.6s forwards 0.6s ease-in-out;
    -moz-animation: entranceFadeOut 0.6s forwards 0.6s ease-in-out;
    -ms-animation: entranceFadeOut 0.6s forwards 0.6s ease-in-out;
    -o-animation: entranceFadeOut 0.6s forwards 0.6s ease-in-out;
    animation: entranceFadeOut 0.6s forwards 0.6s ease-in-out; }
    .entrance.animateOut .entrance_img_sm, .entrance.animateOut .entrance_img_md {
      -webkit-transition: all 0.6s ease-in-out;
      -khtml-transition: all 0.6s ease-in-out;
      -moz-transition: all 0.6s ease-in-out;
      -ms-transition: all 0.6s ease-in-out;
      -o-transition: all 0.6s ease-in-out;
      transition: all 0.6s ease-in-out;
      opacity: 0; }
    .entrance.animateOut .entrance_bg_red .after {
      -webkit-animation: entranceBtmFadeOut 0.6s forwards 0.6s ease-in-out;
      -khtml-animation: entranceBtmFadeOut 0.6s forwards 0.6s ease-in-out;
      -moz-animation: entranceBtmFadeOut 0.6s forwards 0.6s ease-in-out;
      -ms-animation: entranceBtmFadeOut 0.6s forwards 0.6s ease-in-out;
      -o-animation: entranceBtmFadeOut 0.6s forwards 0.6s ease-in-out;
      animation: entranceBtmFadeOut 0.6s forwards 0.6s ease-in-out; }

@keyframes imgSmWhiteIn {
  from {
    -webkit-transform: scaleX(0);
    -khtml-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); }
  to {
    -webkit-transform: scaleX(1);
    -khtml-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes entranceFadeOut {
  from {
    left: 0; }
  to {
    left: 100%; } }
@keyframes entranceBtmFadeOut {
  from {
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(-200%);
    -khtml-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    transform: translateX(-200%); } }
.slider .img {
  width: 100%;
  padding: 0;
  padding-top: 44.7916666667%;
  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: 75%;
      background-size: cover;
      overflow: hidden;
      background-position: center center;
      background-repeat: no-repeat !important;
      z-index: 1; } }

.slider_decor_top {
  position: absolute;
  left: 0;
  z-index: 1;
  content: '';
  background-image: url(../images/common/icons.png);
  background-size: 1920px auto;
  content: '';
  width: 100%;
  height: 140px;
  background-position: 0 -260px;
  background-repeat: repeat-x;
  top: -77px; }
  @media (max-width: 767px) {
    .slider_decor_top {
      width: 960px;
      height: 70px;
      background-size: 960px auto;
      background-position: 0 -130px; } }
  @media (max-width: 767px) {
    .slider_decor_top {
      top: -43px; } }

.slider_decor_btm {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  bottom: -92px; }
  .slider_decor_btm.nth-1 {
    content: '';
    background-image: url(../images/common/icons.png);
    background-size: 1920px auto;
    width: 100%;
    height: 200px;
    background-repeat: repeat-x;
    background-position: 0 -400px; }
    @media (max-width: 767px) {
      .slider_decor_btm.nth-1 {
        width: 960px;
        height: 100px;
        background-size: 960px auto; } }
    @media (min-width: 1900px) {
      .slider_decor_btm.nth-1 {
        background-position: 0 23.2558139535%; } }
    @media (max-width: 767px) {
      .slider_decor_btm.nth-1 {
        background-position: 0 -200px; } }
  .slider_decor_btm.nth-2 {
    content: '';
    background-image: url(../images/common/icons.png);
    background-size: 1920px auto;
    width: 100%;
    height: 200px;
    background-repeat: repeat-x;
    background-position: 0 -600px; }
    @media (max-width: 767px) {
      .slider_decor_btm.nth-2 {
        width: 960px;
        height: 100px;
        background-size: 960px auto; } }
    @media (min-width: 1900px) {
      .slider_decor_btm.nth-2 {
        background-position: 0 34.8837209302%; } }
    @media (max-width: 767px) {
      .slider_decor_btm.nth-2 {
        background-position: 0 -300px; } }
  @media (max-width: 767px) {
    .slider_decor_btm {
      bottom: -50px; } }

/* Edge Decor */
.edge_top {
  content: '';
  background-image: url(../images/common/icons.png);
  background-size: 1920px auto;
  width: 100%;
  height: 100px;
  background-position: 0 -1000px; }

.edge_btm {
  content: '';
  background-image: url(../images/common/icons.png);
  background-size: 1920px auto;
  width: 100%;
  height: 100px;
  background-position: 0 -1100px; }

/* Section */
.home_section.bg_color_wrapper .bg_color {
  background-size: cover !important;
  background-image: url(../images/common/bg_001.jpg); }
  @media (min-width: 1200px) {
    .home_section.bg_color_wrapper .bg_color {
      background-size: cover !important;
      overflow: hidden;
      background-position: center center;
      background-repeat: no-repeat !important;
      background-attachment: fixed !important;
      z-index: 1; } }

.home_section.bg_color_wrapper .edge_top, .home_section.bg_color_wrapper .edge_btm {
  position: absolute;
  left: 0;
  z-index: 5; }
.home_section.bg_color_wrapper .edge_top {
  top: -31px; }
.home_section.bg_color_wrapper .edge_btm {
  bottom: -50px; }

/* Crsl */
.home_section .crsl_prd .owl-stage-outer {
  padding-bottom: 64px; }
  @media (max-width: 575px) {
    .home_section .crsl_prd .owl-stage-outer {
      padding-bottom: 0; } }
.home_section .crsl_prd .item {
  overflow: visible; }
.home_section .crsl_prd .content {
  background-size: cover !important;
  background-image: url(../images/common/bg_001.jpg);
  overflow: visible !important;
  border-bottom: 4px solid #C7000C;
  border-radius: 0 0 4px 4px; }
  @media (min-width: 1200px) {
    .home_section .crsl_prd .content {
      background-size: cover !important;
      overflow: hidden;
      background-position: center center;
      background-repeat: no-repeat !important;
      background-attachment: fixed !important;
      z-index: 1; } }
  @media (max-width: 575px) {
    .home_section .crsl_prd .content {
      padding-bottom: 0;
      border-bottom: 0; } }

/* Second Part */
.bg_color_wrapper .item .content {
  background-color: white;
  background-image: none; }

/* Height */
.abgne_marquee_wrapper {
  background-color: white; }

#abgne_marquee {
  height: 60px; }
  #abgne_marquee ul li {
    color: #C7000C; }

/* style */
.marquee .date {
  padding-right: 10px;
  display: block;
  font-family: "Short Stack", "Microsoft Jhenghei", sans-serif;
  font-weight: 600;
  font-family: "Gelasio", "Microsoft Jhenghei", sans-serif; }
  .lang-2nd .marquee .date {
    font-family: "Short Stack", "Microsoft Jhenghei", sans-serif; }
.marquee .category {
  position: relative;
  padding: 0 15px;
  margin: 0 10px;
  line-height: 40px;
  display: inline-block; }
  .marquee .category:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    background-color: #e1000e;
    top: 0px;
    -webkit-transform: skewX(-10deg);
    -khtml-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    transform: skewX(-10deg); }

/* Prd
---------------- */
/* Shopping Btn Groups */
.home_section {
  /* Desktop Animation */ }
  .home_section .shopping_wrapper:after, .home_section .shopping_wrapper:before {
    content: "";
    display: block;
    clear: both; }
  @media (min-width: 992px) {
    .home_section .shopping_wrapper {
      padding: 2.5% calc(50% - 180px / 2 - 40px / 2) 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .home_section .shopping_wrapper {
      padding: 2.5% calc(50% - calc(100% - 30px - 15px) / 2 - 30px / 2) 0; } }
  @media (min-width: 576px) and (max-width: 767px) {
    .home_section .shopping_wrapper {
      padding: 3.5% calc(50% - calc(100% - 30px - 15px) / 2 - 30px / 2) 0; } }
  @media (min-width: 576px) {
    .home_section .shopping_wrapper {
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      background-color: #C7000C; }
      .home_section .shopping_wrapper:before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        z-index: -1;
        content: '';
        background-image: url(../images/common/icons.png);
        background-size: 1920px auto;
        width: 100%;
        padding-top: 5.2083333333%;
        background-position: 14.7058823529% 2.0472440945%;
        background-size: 666.6666666667% auto; } }
  @media (max-width: 575px) {
    .home_section .shopping_wrapper {
      background-color: #C7000C;
      margin: 8px 0 0px;
      padding: 4px calc(50% - calc(100% - 15% - 15px) / 2 - 15% / 2);
      border-radius: 0 0 4px 4px; } }
  .home_section .btn_shopping_group {
    float: right; }
    @media (min-width: 992px) {
      .home_section .btn_shopping_group {
        width: 180px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .home_section .btn_shopping_group {
        width: calc(100% - 30px - 15px); } }
    @media (max-width: 767px) {
      .home_section .btn_shopping_group {
        width: calc(100% - 15% - 15px); } }
    @media (max-width: 575px) {
      .home_section .btn_shopping_group {
        width: calc(100% - 15% - 15px); } }
  .home_section .btn_shopping {
    white-space: nowrap; }
    .home_section .btn_shopping, .home_section .btn_shopping:hover, .home_section .btn_shopping:focus {
      color: white; }
    .home_section .btn_shopping:hover {
      font-weight: 700; }
    @media (min-width: 576px) {
      .home_section .btn_shopping {
        padding: 6% 0;
        font-size: 80%;
        line-height: 1em; } }
  .home_section .btn_like_wrapper {
    float: left; }
    @media (min-width: 992px) {
      .home_section .btn_like_wrapper {
        width: 40px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .home_section .btn_like_wrapper {
        width: 30px; } }
    @media (max-width: 767px) {
      .home_section .btn_like_wrapper {
        width: 15%; } }
    @media (max-width: 575px) {
      .home_section .btn_like_wrapper {
        width: 15%; } }
  .home_section .btn_like {
    color: white; }
    @media (min-width: 992px) {
      .home_section .btn_like {
        padding: 15% 8px; } }
    @media (max-width: 991px) and (min-width: 576px) {
      .home_section .btn_like {
        padding: 8px; } }
  @media (min-width: 1200px) {
    .home_section .shopping_wrapper {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
      -khtml-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
      -moz-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
      -ms-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
      -o-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
      -webkit-transform-origin: top center;
      -khtml-transform-origin: top center;
      -moz-transform-origin: top center;
      -ms-transform-origin: top center;
      -o-transform-origin: top center;
      transform-origin: top center;
      opacity: 0;
      -webkit-animation-fill-mode: forwards;
      -khtml-animation-fill-mode: forwards;
      -moz-animation-fill-mode: forwards;
      -ms-animation-fill-mode: forwards;
      -o-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
    .home_section .item:hover .shopping_wrapper {
      -webkit-animation: flipInX 0.5s;
      -khtml-animation: flipInX 0.5s;
      -moz-animation: flipInX 0.5s;
      -ms-animation: flipInX 0.5s;
      -o-animation: flipInX 0.5s;
      animation: flipInX 0.5s;
      -webkit-transform: perspective(400px);
      -khtml-transform: perspective(400px);
      -moz-transform: perspective(400px);
      -ms-transform: perspective(400px);
      -o-transform: perspective(400px);
      transform: perspective(400px);
      opacity: 1; } }

/* Animtaion */
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -khtml-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -webkit- animation-timing-function: ease-in;
    -khtml- animation-timing-function: ease-in;
    -moz- animation-timing-function: ease-in;
    -ms- animation-timing-function: ease-in;
    -o- animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    -khtml-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    -webkit- animation-timing-function: ease-in;
    -khtml- animation-timing-function: ease-in;
    -moz- animation-timing-function: ease-in;
    -ms- animation-timing-function: ease-in;
    -o- animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    -khtml-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    -khtml-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 5deg); }
  to {
    -webkit-transform: perspective(400px);
    -khtml-transform: perspective(400px);
    -moz-transform: perspective(400px);
    -ms-transform: perspective(400px);
    -o-transform: perspective(400px);
    transform: perspective(400px);
    opacity: 1; } }
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

/* Special */
.prdl_sidebar.special {
  position: relative;
  background-size: contain;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat !important;
  z-index: 1;
  background-repeat: repeat-y !important;
  background-image: url(../images/common/bg_sidebar_special.jpg);
  padding: 8px 4px;
  background-size: 100% auto; }
  .prdl_sidebar.special:before, .prdl_sidebar.special:after {
    position: absolute;
    left: 0; }
  .prdl_sidebar.special:before {
    content: '';
    background-image: url(../images/common/icons.png);
    background-size: 1920px auto;
    width: 100%;
    height: 10px;
    background-position: 0 -1200px;
    top: 0; }
  .prdl_sidebar.special:after {
    content: '';
    background-image: url(../images/common/icons.png);
    background-size: 1920px auto;
    width: 100%;
    height: 10px;
    background-position: 0 -1200px;
    -webkit-transform: scaleY(-1);
    -khtml-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    bottom: 0; }
  .prdl_sidebar.special .prdl_sidebar-header {
    background-image: none;
    border-bottom: 1px solid rgba(102, 34, 17, 0.1); }
  .prdl_sidebar.special .prdl_sidebar-body > li + li {
    border-top: 1px solid rgba(102, 34, 17, 0.1); }

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

.red {
  color: #f56954; }

.green {
  color: #4fc47f; }

.blue {
  color: #0275d8; }

.light-gray {
  color: #999; }

.main-color {
  color: #C7000C; }

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

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

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

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

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

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

/* Font Faminly */
.font-family-alt {
  font-family: "Short Stack", "Microsoft Jhenghei", sans-serif;
  font-weight: 600; }
  .lang-2nd .font-family-alt {
    font-family: "Short Stack", "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 */