/* ==== general ============================================================= */
*, ::after, ::before {
    box-sizing: border-box;
}
html, body, p, a, span, img, h1,h2,h3,h4,h5,h6 {
  padding: 0px;
  margin: 0px;
}
html,body {
  /* position: fixed; */
  overflow: hidden;
  width: 100%;
  height: 100%;
}
body {
  font-size: 16px;
  font-family: Helvetica, Arial, "Microsoft JhengHei", 微軟正黑體, sans-serif;
  color: #2b2b2b;
  background-color: #ded2b2;
  background-position: center top;
  background-repeat: no-repeat;
}
a {
  color: #FFFFFF;
  line-height: 1.3;
  text-decoration: none;
  -webkit-transition: color 0.8s;
          transition: color 0.8s;
}
a:hover {
  color:#cc9c1e;
  text-decoration: none;
}
*:focus {
  outline: none!important;
}
.fancybox-content {
  background-color: #000000!important;
}
.fancybox-button svg path {
  color: #808080!important;
}
p {
  padding: 0px 10px;
}
.btn {
  text-align: center;
  line-height: 1.3;
  border: none;
  padding: 0px;
  border-radius: 0px;
  -webkit-transition: color 0.8s;
          transition: color 0.8s;
}
.btn:hover {
  color:#cc9c1e;
}
.btn.focus, .btn:focus {
  box-shadow: none;
}

.mCSB_inside>.mCSB_container {
  margin-right: 12px;
}
.mCustomScrollbar {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.disabled {
  display: none;
}

/* ==== responsive layout (position and dimension) ========================== */
header.main {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 1px;
  /* background-color: #FF0000; */
}

footer.main {
  position: fixed;
  left: 0px;
  bottom:0px;
  width: 100%;
  height: 21px;
}


/* footer_disclaimer in footer */
/* other_info in footer */
footer.main .footer_disclaimer.box,
footer.main .other_info {
  display: none;
}
/* copyright in footer */
.copyright {
  width: 100%;
  text-align: center;
}
  footer.main .copyright {
    line-height: 21px;
  }

/* section home */

section.home .bird_g {
  display: none;
}

/* when desktop only */
@media screen and (orientation: landscape) and (min-width: 768px) and (min-height: 500px) {

  footer.main {
    height: 90px;
  }

  /* footer_disclaimer in footer */
  footer.main .footer_disclaimer.box {
    display: block;
  }
  /* other_info in footer */
  footer.main .other_info {
    display: block;
    text-align: left;
  }
    footer.main .s1s2 {
      position: absolute;
      width: 42%;
      left: 10px;
      bottom: 4px;
    }

  footer.main .tele_box {
    position: absolute;
    right: 15px;
    bottom: 14px;
  }
  /* copyright in footer */
  footer.main .copyright {
    position: absolute;
    text-align: right;
    line-height: 1.2;
    width: 50%;
    right: 15px;
    bottom: 3px;
  }

  /* section home */

  section.home .bird_g {
    display: block;
  }

}
.loading.overlay {z-index: 200;}
.pls_rotate.overlay {z-index: 160;}
.general.overlay {z-index: 150;}
header.main {z-index: 140;}
.overlay {z-index: 120;}
nav.main {z-index: 110;}
footer.main {z-index: 90;}


/* mobile screen and rotated to landscape mode */
@media screen and (orientation: landscape) and (max-width: 767px), screen and (orientation: landscape) and (max-height: 499px) {
  html.mobile_is body>header,
  html.mobile_is body>.content.main,
  html.mobile_is body>nav,
  html.mobile_is body>footer,
  html.mobile_is body>.overlay {
    display: none;
  }
  html.mobile_is body.section_gallery.slide_video>header,
  html.mobile_is body.section_gallery.slide_video>.content.main,
  html.mobile_is body.section_gallery.slide_video>nav,
  html.mobile_is body.section_gallery.slide_video>footer,
  html.mobile_is body>.pls_rotate.overlay {
    display: block;
  }
}

/* ==== util ================================================================ */
.disable_drag, .disable_drag * {
  user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
}
.transition_2s {
  -webkit-transition: all 2s;
          transition: all 2s;
}
.transition_1s {
  -webkit-transition: all 1s;
          transition: all 1s;
}
.transition_disable, .transition_disable * {
  -webkit-transition-property: none !important;
     -moz-transition-property: none !important;
       -o-transition-property: none !important;
}

.enableHWAccelerate {
   -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
       -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
           transform: translateZ(0);
}
/* logo */
.logo {
  display: inline-block;
  height: auto;
  vertical-align: middle;
}
  .fullwidth.logo {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
/* box */
.box {
  text-align: center;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
/* overlay */
.overlay {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: 0px auto;
  overflow: hidden;
}

/* icon */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  width: 32px;
  height: 32px;
}
  .icon.tele {
    background-image: url('../images/icon_tele.png');
  }
  .icon.pdf {
    background-image: url('../images/icon_pdf.png');
  }
  .icon.close {
    background-image: url('../images/icon_close.png');
  }
  .icon.home {
    background-image: url('../images/icon_home.png');
  }
  .icon.facebook {
    background-image: url('../images/icon_fb.png');
  }
  .icon.wechat {
    background-image: url('../images/icon_wechat.png');
  }
  .icon.whatsapp {
    background-image: url('../images/icon_whatsapp.png');
  }
  .icon.link {
    background-image: url('../images/icon_link.png');
  }
  .icon.mag {
    background-image: url('../images/icon_mag.png');
  }


.itemList,
.sectionList {
  position: relative;
  display: block;
  list-style: none;
  padding: 0px;
  margin: 0px;
}
  .itemList:after,
  .sectionList:after {
      display: block;
      clear: both;
      content: "";
  }

  .itemList li,
  .sectionList section {
    position: relative;
    display: block;
    margin: 0px;
  }
    .itemList li>a,
    .itemList li>span {
      display: block;
    }
    .itemList li>a[lang],
    .itemList li>span[lang] {
      display: none;
    }
    html[lang=en] .itemList li>a[lang=en],
    html[lang=zh-Hant] .itemList li>a[lang=zh-Hant],
    html[lang=zh-Hans] .itemList li>a[lang=zh-Hans] {
      display: block;
    }

  .itemList.h-float li {
    display:block;
    float:left;
  }
    html[dir=rtl] .itemList.h-float li {
      float: right;
    }

  .itemList.h-inline {
    text-align: center;
    font-size: 0.01px; /* miniumize white space */
  }
    .itemList.h-inline li {
      display: inline-block;
    }
      .itemList.h-inline li>a,
      .itemList.h-inline li>span {
        display: inline-block;
      }



/* lang switching */
*[lang].label,
span[lang],
label[lang],
p[lang],
blockquote[lang],
img[lang] {
  display: none;
}
html[lang=en] *[lang=en].label,
html[lang=zh-Hant] *[lang=zh-Hant].label,
html[lang=zh-Hans] *[lang=zh-Hans].label,
html[lang=en] blockquote[lang=en],
html[lang=zh-Hant] blockquote[lang=zh-Hant],
html[lang=zh-Hans] blockquote[lang=zh-Hans],
html[lang=en] p[lang=en],
html[lang=zh-Hant] p[lang=zh-Hant],
html[lang=zh-Hans] p[lang=zh-Hans] {
  display: block;
}
html[lang=en] span[lang=en],
html[lang=zh-Hant] span[lang=zh-Hant],
html[lang=zh-Hans] span[lang=zh-Hans],
html[lang=en] label[lang=en],
html[lang=zh-Hant] label[lang=zh-Hant],
html[lang=zh-Hans] label[lang=zh-Hans],
html[lang=en] img[lang=en],
html[lang=zh-Hant] img[lang=zh-Hant],
html[lang=zh-Hans] img[lang=zh-Hans] {
  display: inline-block;
}

/* ==== keyframe ============================================================ */
@keyframes kf_zoom_in {
    0%   {opacity:0; transform: scale(0.9,0.9);}
    100% {opacity:1; transform: scale(1,1);}
}
@keyframes kf_zoom_out_large {
    0%   {transform: scale(1,1);}
    100% {transform: scale(1.2,1.2) translateY(100px);}
}
@keyframes kf_fade_in {
    0%   {opacity:0;}
    100% {opacity:1;}
}
@keyframes kf_fade_out {
    0%   {opacity:1;}
    100% {opacity:0;}
}
@keyframes kf_fade_out_down {
    0%   {opacity:1;}
    100% {opacity:0; transform: translateY(30px);}
}
@keyframes kf_fade_in_pan_left {
  0%   {opacity:0; transform: translateX(20px);}
  100% {opacity:1; transform: translateX(0px);}
}
@keyframes kf_pan_left {
  0%   {transform: translateX(0px);}
  100% {transform: translateX(800px);}
}
@keyframes kf_jump {
  0%   {transform: translateY(0);}
  50%  {transform: translateY(-3px);}
  100% {transform: translateY(0);}
}