/*! Hamburgers @description Tasty CSS-animated hamburgers @author Jonathan Suh @jonsuh @site https://jonsuh.com/hamburgers @link https://github.com/jonsuh/hamburgers */
.hamburger { padding: 0 0; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }

.hamburger:hover { opacity: 0.7; }

.hamburger.is-active:hover { opacity: 0.7; }

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; }

.hamburger-box { width: 36px; height: 21px; display: inline-block; position: relative; }

.hamburger-inner { display: block; top: 50%; margin-top: -1.5px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 36px; height: 3px; background-color: #000; border-radius: 3px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }

.hamburger-inner::before { top: -9px; }

.hamburger-inner::after { bottom: -9px; }

/* Elastic */
.hamburger--elastic .hamburger-inner { top: 1.5px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic .hamburger-inner::before { top: 9px; transition: opacity 0.125s 0.275s ease; }

.hamburger--elastic .hamburger-inner::after { top: 18px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 9px, 0) rotate(135deg); transition-delay: 0.075s; }

.hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; }

.hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -18px, 0) rotate(-270deg); transition-delay: 0.075s; }

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* Config */
html { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

/* Core */
html { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(164, 119, 65, 0.5); }

html .no-tap-highlight { -webkit-tap-highlight-color: transparent; }

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; -webkit-tap-highlight-color: inherit; }

html, body { width: 100%; overflow-x: hidden; font-family: "adobe-fan-heiti-std", "Microsoft JhengHei", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 100%; }

@media (max-width: 599px) { html, body { font-size: 14px; } }

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

body { padding-top: 105px; line-height: 1.5; color: #000000; background-color: #fff; }

body a { color: #000; text-decoration: none; transition: color .3s; }

body [href*="tel:"] { color: #fff; color: red !important; }

@media (min-width: 1024px) { body a:hover { opacity: .85; } }

@media (max-width: 899px) { body { padding-top: 66px; } }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.in { max-width: 100%; margin: 0 auto; }

@media (max-width: 599px) { .in { max-width: 90%; } }

.subTitle { font-size: 24px; font-weight: bold; color: #454545; text-align: center;white-space: nowrap; }

@media (min-width: 599px) { .subTitle { font-size: calc(24px + ((48 - 24) * (100vw - 599px) / (1200 - 599))); } }

@media (min-width: 1200px) { .subTitle { font-size: 48px; } }

.subTitle--white { color: #fff; }

.subTitle:after { content: attr(data-en); color: #a47741; margin-left: 0.9375em; }

.thirdTitle { width: 100%; padding-bottom: 23px; border-bottom: 1px solid #8FC31F; font-size: 30px; font-family: "Adobe Fan Heiti Std"; color: #8FC31F; text-align: center; }

.slick-next, .slick-prev { z-index: 9 !important; }

.slick-next button:before, .slick-prev button:before { color: #fff !important; }

.slick-dots li button:before { color: #fff; }

.slick-dots li.slick-active button:before { color: #a47741; }

.slick-dots { bottom: 25px !important; }

.swiper-button-next, .swiper-button-prev { z-index: 1 !important; filter: grayscale(100%); }

.swiper-button-next:focus, .swiper-button-prev:focus { outline: none; }

.lity-close { position: absolute; transform: translate(100%, -100%); }

.header { 
    width: 100%;
    min-height: 100px; 
    padding: 0.3472222222vw 0; 
/*    background: transparent url(../images/comm/header_bg.png) center 0 no-repeat; */
    background: #fff;
    position: fixed; top: 0; left: 0; z-index: 4;
    border-bottom: #bd1f21 solid 6px
}

.header__in { max-width: 1754px; margin: 0 auto; padding: 0 2.0833333333vw; display: flex; align-items: center; justify-content: space-between; }

/*@media (max-width: 900px) {.header__logo img{
    margin-left: 32vw;
}} 暫不使用*/


.header__linkGroup { display: flex; align-items: center; z-index: 1; }

.header__btnMobile { display: none; max-width: 36px; }

.header__btnMobile:focus { outline: none; }

.header__btnMobile img { display: block; }

@media (max-width: 899px) { .header { min-height: 9vh; padding: 0 5%; }
  .header__in { min-height: 9vh; }
  .header__logo { width: 80%; }
  .header__linkGroup { width: 100%; height: calc(100vh - 9vh); background-color: #fff; position: absolute; top: 9vh; left: 0; z-index: 2; opacity: 0; visibility: hidden; transition: opacity .5s; }
  .header__linkGroup.is-open { opacity: 1; visibility: visible; }
  .header__linkGroup .navHeader { width: 100%; flex-direction: column; }
  .header__linkGroup .navHeader a { margin: 15px; }
  .header__linkGroup .navElse { display: none; }
  .header__btnMobile { display: block; } }

.logoHeader { display: flex; align-items: center; }

.logoHeader a + a { margin-left: 30px; }

@media (max-width: 599px) { .logoHeader a img { max-width: 180px; max-height: 50px; } }

.navHeader { min-height: 100px; display: inline-flex; align-items: center; }

.navHeader > a { padding: 0 15px; line-height: 1; font-size: 1rem; text-align: center; border-left: 1px solid transparent; border-right: 1px solid transparent; transition: all .3s; }

.navHeader > a:after { content: attr(data-en); display: block; font-size: .875rem; }

.navHeader > a.is-active, .navHeader > a:hover { color: #a47741; border-color: #a47741; }

.navHeader .langNav { margin: 20px; padding: 0 15px; }

.navElse { min-height: 100px; margin-left: 30px; display: flex; align-items: center; }

.navFriendLink { width: 131px; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; }

.navFriendLink:hover .navFriendLink__bd { height: auto; max-height: 999px; }

.navFriendLink__header { width: 100%; position: relative; z-index: 1; }

.navFriendLink__header:after { content: ''; display: block; width: 14px; height: 7px; background: url("../images/comm/headerLink_arrow.png") no-repeat 0 0; position: absolute; top: 50%; right: 10px; transform: translate(0, -50%); }

.navFriendLink__header a { width: 100%; min-height: 30px; padding: 0 .75em; display: flex; align-items: center; color: #fff; border-radius: 5px; background-color: #bd1f21; }

.navFriendLink__bd { width: 100%; height: 0; max-height: 1px; overflow: hidden; position: absolute; top: 30px; border-radius: 5px; background-color: #fff; box-shadow: 0 0 5px rgba(51, 51, 51, 0.5); transition: all 2s; }

.navFriendLink__link { cursor: pointer; width: 100%; padding: .5em .75em; display: flex; align-items: center; justify-content: center; color: #666; font-size: 14px; }

.navSocialLink { margin-left: 15px; }

.navSocialLink a { vertical-align: middle; }

.navSocialLink img { display: block; }

.footer { background: #333 url(../images/comm/footer_bg.jpg) repeat-x center 0; position: relative; }

.footer__in { margin: 0 auto; padding: 10px 0; min-height: 262px; max-width: 1270px; display: flex; justify-content: space-between; }

.footer__left { width: 66.66%; display: flex; justify-content: space-between; }

.footer__gotop { width: 42px; height: 42px; background-color: #bd1f21; display: flex; align-items: center; justify-content: center; position: absolute; right: 2.3611111111vw; top: 0; z-index: 1; }

.footer__logoGroup { width: 33.33%; margin: 12px 0; display: flex; flex-direction: column; }

.footer__logoGroup > a { margin: 5px 0; }

.footer__logoGroup > a:last-child { margin: 5px 0 5px; }

.footer__logoGroup img { display: block; }

.footer__contact { width: 40%; margin: 12px 0; padding-top: 18px; color: #fff; display: flex; flex-direction: column; align-items: flex-start; font-size: 1em; font-family: adobe-fan-heiti-std, sans-serif; font-weight: 400; font-style: normal; }

.footer__contact > div + div { margin-top: 25px; }

.footer__nav { max-width: 250px; margin-bottom: 30px; padding-top: 25px; display: flex; flex-wrap: wrap;
/*    justify-content: space-between; */
}

.footer__nav a { margin: 4px 0; color: #fff; display: inline-flex; width: 33.33%; font-size: 1em; font-family: adobe-fan-heiti-std, sans-serif; font-weight: 400; font-style: normal; }

.footer__nav a:nth-child(3n-1) { justify-content: center; }

.footer__nav a:nth-child(3n) { justify-content: flex-end; }

.footer__social { max-width: 250px; display: flex; flex-wrap: wrap; justify-content: space-between; }

.footer__social a { display: inline-block; color: #fff; }

.footer__social a img { max-width: 32px; }

@media (max-width: 599px) { .footer { background-repeat: repeat-y; }
  .footer__in { display: block; padding: 12.5vw 10% 12.5vw; }
  .footer__left { width: 100%; border-bottom: 1px solid #fff; padding-bottom: 15px; margin-bottom: 15px; display: flex; flex-direction: column-reverse; }
  .footer__logoGroup { width: 100%; align-items: center; justify-content: space-between; }
  .footer__logoGroup img { margin: 0 auto; }
  .footer__contact { display: block !important; width: 100%; text-align: center; }
  .footer__contact > div + div { margin-top: 15px; }
  .footer__nav { justify-content: center; align-items: center; margin-left: auto; margin-right: auto; }
  .footer__social { margin: 0 auto; } }

.copyright { min-height: 42px; display: flex; align-items: center; justify-content: center; background-color: #fff; font-size: .875em; }

.copyright span { margin: 0 10px; font-family: adobe-fan-heiti-std, sans-serif; color: #2f2f2f; }

.copyright a { display: inline-block; vertical-align: middle; font-family: adobe-fan-heiti-std, sans-serif; font-weight: 400; font-style: normal; color: rgba(47, 47, 47, 0.702); }

@media (max-width: 599px) { .copyright { flex-direction: column; } }

.secNews { width: 100%; max-width: 1450px; margin: 3.4722222222vw auto; padding: 0 55px; overflow: hidden; position: relative; }

.secNews--play .secNews__pic { position: relative; }

.secNews--play .secNews__pic:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 76px; height: 76px; background: url(../images/news/btn_play.png) no-repeat center center; background-size: contain; opacity: 0; transition: opacity .3s; }

.secNews--play .secNews__item.swiper-slide-active .secNews__pic:before { opacity: 1; }

.secNews__item { width: 635px; }

.secNews__item:not(.swiper-slide-active) .secNews__more { opacity: 0; }

.secNews__pic { position: relative; }

.secNews__pic img { width: 100%; max-width: initial; display: block; }

.secNews__bd { padding: 3px 6px; position: relative; background-color: #fff; }

.secNews__bd--center { text-align: center; }

.secNews__bd span:nth-child(1) { font-size: 15px; font-family: "Adobe Fan Heiti Std"; color: #a0a0a0; }

@media (min-width: 599px) { .secNews__bd span:nth-child(1) { font-size: calc(15px + ((17 - 15) * (100vw - 599px) / (1200 - 599))); } }

@media (min-width: 1200px) { .secNews__bd span:nth-child(1) { font-size: 17px; } }

.secNews__bd span:nth-child(2) { font-size: 13px; margin-left: 10px; font-family: "Adobe Fan Heiti Std"; color: #454545; }

@media (min-width: 599px) { .secNews__bd span:nth-child(2) { font-size: calc(13px + ((21 - 13) * (100vw - 599px) / (1200 - 599))); } }

@media (min-width: 1200px) { .secNews__bd span:nth-child(2) { font-size: 21px; } }

@media (max-width: 598px) { .secNews__bd span:nth-child(2) { width: 100%; display: block; margin-left: 0; } }

.secNews__more { padding: 0 .35em; display: flex; align-items: center; justify-content: center; background-color: #a47741; position: absolute; right: 0; top: 0; border-radius: 0 0 5px 5px; font-size: 19px; font-family: "Adobe Fan Heiti Std"; color: #fffffe; transition: opacity .5s; }

@media (max-width: 599px) { .secNews { padding: 0 30px; }
  .secNews__item { width: 90%; }
  .secNews__more { font-size: 14px; } }

.secMedia { max-width: 1450px; margin: 3.4722222222vw auto; padding: 0 55px; overflow: hidden; position: relative; }

.secMedia .swiper-wrapper { display: flex; }

.secMedia__item { width: 33.33%; padding: 0 15px; box-sizing: border-box !important; position: relative; }

.secMedia__item:hover .secMedia__mask { opacity: 1; }

.secMedia__pic { position: relative; }

.secMedia__pic > img { width: 100%; max-width: initial; display: block; }

.secMedia__mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity .3s; }

.secMedia__mask img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.secMedia__mask:after { content: ''; display: block; width: 100%; height: 100%; }

.secMedia__link { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 2; }

.secMedia__bd span:nth-child(1) { font-size: 15px; font-family: "Adobe Fan Heiti Std"; color: #a0a0a0; }

@media (min-width: 599px) { .secMedia__bd span:nth-child(1) { font-size: calc(15px + ((17 - 15) * (100vw - 599px) / (1200 - 599))); } }

@media (min-width: 1200px) { .secMedia__bd span:nth-child(1) { font-size: 17px; } }

.secMedia__bd span:nth-child(2) { font-size: 18px; margin-left: 10px; font-family: "Adobe Fan Heiti Std"; color: #454545; }

@media (min-width: 599px) { .secMedia__bd span:nth-child(2) { font-size: calc(18px + ((21 - 18) * (100vw - 599px) / (1200 - 599))); } }

@media (min-width: 1200px) { .secMedia__bd span:nth-child(2) { font-size: 21px; } }

@media (max-width: 599px) { .secMedia { flex-direction: column; }
  .secMedia__item { width: 100%; }
  .secMedia__item + .secMedia__item { margin-top: 1.0416666667vw; }
  .secMedia__bd { padding: 2.0833333333vw 0; } }

.secContact { color: #fff; display: flex; }

.secContact input, .secContact textarea, .secContact select { width: 100%; border: none; border-radius: 5px; padding: 15px; font-size: 16px; font-family: "Adobe Fan Heiti Std"; }

.secContact input:focus, .secContact textarea:focus, .secContact select:focus { outline: none; }

.secContact__left { width: 726px; }

.secContact__right { width: 500px; padding-left: 50px; }

.secContact__title { font-size: 1.875rem; font-family: "Adobe Fan Heiti Std"; color: #454545; margin-bottom: 10px; }

.secContact__dec { margin-bottom: 30px; font-size: 1rem; font-family: "Adobe Fan Heiti Std"; color: #454545; }

.secContact__row { display: flex; margin-bottom: 40px; }

.secContact__row > * { flex: 1; }

.secContact__row--tel .secContact__col { display: flex; text-align: center; align-items: center; }

.secContact__row--tel .secContact__col > * { flex: 1; }

.secContact__control { display: flex; align-items: center; justify-content: flex-end; }

.secContact__btn { padding: 15px 45px; font-size: 16px; font-family: "Adobe Fan Heiti Std"; color: white; background-color: #231815; border-radius: 5px; display: flex; align-items: center; justify-content: center; }

.secContact__btn + .secContact__btn { margin-left: 18px; }

.secContact__label { width: 80px; padding: 1em 0; flex: 0 1 80px; display: flex; align-items: center; }

.secContact__label--top { align-items: flex-start; }

.secContact__info { margin-bottom: 45px; font-size: 16px; font-family: "Adobe Fan Heiti Std"; color: #454545; }

.secContact__info span, .secContact__info img { display: inline-block; vertical-align: middle; }

.secContact__info span { padding-left: .5em; }

@media (max-width: 599px) { .secContact { flex-direction: column; padding: 0 5%; }
  .secContact__left { width: 100%; margin-bottom: 15px; }
  .secContact__right { width: 100%; padding-left: 0; }
  .secContact__row { flex-direction: column; margin-bottom: 10px; }
  .secContact__row--tel .secContact__col { display: flex; flex-direction: column; align-items: flex-start; }
  .secContact__row--tel .secContact__col > * { flex: initial; }
  .secContact__row--tel .secContact__col label { width: 80px; padding: .25em 0; display: flex; align-items: center; }
  .secContact__label { width: 100%; padding: .25em 0; flex: initial; }
  .secContact__control { justify-content: center; }
  .secContact__btn { padding: 15px 22px; width: 50%; }
  .secContact__btn + .secContact__btn { margin-left: 10px; }
  .secContact .hide-m { display: none; }
  .secContact iframe { width: 100% !important; /*height: 50vh !important;*/ }
  .secContact__info { display: none; } }

.searchBar { display: flex; align-items: center; justify-content: center; }

.searchBar__btn { display: block; vertical-align: middle; cursor: pointer; }

.searchBar__btn img { display: block; }

.searchBar__select { width: 100%; max-width: 207px; height: 46px; margin: 15px 5px; padding: 0 .75em; font-size: 16px; font-family: "Adobe Fan Heiti Std"; color: white; line-height: 5; border-radius: 5px; background-color: #6c6969; border: none; }

@media (max-width: 599px) { .searchBar { flex-direction: column; }
  .searchBar__select { width: 100%; max-width: 100%; margin: 5px; } }


.secBrand {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-content: space-between;
    width: 100%;
    max-width: 1275px;
    height: 80%;
    margin: 0 auto;
    padding: 80px 100px 0;
    background: rgba(255, 255, 255, .5);
}

.idxBrandSection {
    position: relative;
    padding: 0;
    width: 100%;
    min-height: 700px;
    background: url(../images/index/index03.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

.secBrand p {
    font-size: 26px;
    font-weight: 600;
}

.secBrand h2, .secBrand p {
    color: #013f55;
    font-family: 'Arial';
}