@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Cormorant|Didact+Gothic|Frank+Ruhl+Libre:300,400|Gilda+Display|Noto+Sans|Roboto");
@import url(default.css);
@import url(fonts/style.css);
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, img, ins, kbd, q, s, samp, small, strike, 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;
    image-rendering: -webkit-optimize-contrast; /*20220418 add 解決chrome圖縮小會糊掉*/
    font-family: "Microsoft JhengHei", "sans-serif";
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

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

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

p, span {
  line-height: 25px; }

::-webkit-scrollbar {
  -webkit-appearance: none; }

::-webkit-scrollbar:vertical {
  width: 12px; }

::-webkit-scrollbar:horizontal {
  height: 12px; }

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #ffffff; }

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff; }

.slick-prev:before, .slick-next:before, .icon.love:before, .icon.igcomment:before, .icon.like:before, .icon.igIcon:before, .icon.chat:before, .icon.share:before, .icon.phone:before, .icon.tea:before, .icon.dressing:before, .icon.train:before, .icon.bus:before, .icon.bus2:before, .icon.car:before, .icon.locate:before, .icon.locate2:before, .icon.sort:before, .icon.download:before, .icon.light:before, .icon.target:before, .icon.corporate:before, .icon.tree:before, .icon.time:before, .icon.map:before, .icon.backArrow:before, .icon.close:before, .icon.list:before, .icon.search:before, .icon.mirror:before, .icon.carrot:before, .icon.footprint:before, .icon.fork:before, .icon.glass:before, .icon.peoples:before, .icon.member:before, .icon.seat:before, .icon.shoppingbag:before, .icon.calendar:before, .icon.calendar2:before, .icon.arrow-left:before, .icon.arrow-right:before, .icon.arrow-up:before, .icon.arrow-down:before, .icon.arrow-double-left:before, .icon.arrow-double-right:before, .icon.clothes:before, .icon.TRS:before, .icon.AED:before, .icon.people:before, .icon.movie:before, .icon.ski:before, .icon.motorbike:before, .icon.mask:before, .icon.codebox:before, .icon.washcar:before, .icon.cashchange:before, .icon.fixroom:before, .icon.medicineBox:before, .icon.coinLocker:before, .icon.VIProom:before, .icon.parkingIcon:before, .icon.serviceDesk:before, .icon.custody:before, .icon.shoefix:before, .icon.texi:before, .icon.babycar:before, .icon.babyroom:before, .icon.helpless:before, .icon.happygoVIP:before, .icon.ATM:before, .icon.publicPhone:before, .icon.lavatory:before, .icon.wedletter:before, .icon.wedglass:before, .icon.water:before, .shareBtns .a2a_button_facebook:before, .shareBtns .a2a_button_twitter:before, .shareBtns .a2a_button_google_plus:before, .shareBtns .a2a_button_sina_weibo:before, .shareBtns .a2a_button_line:before, .emergency .close:before, .emergency.textMode .inner .main .text .icon:before, .pages .pagination .btn.prev .icon:before, .pages .pagination .btn.next .icon:before, .backList .icon:before, .searchBox .brand .brandbox .searchText .btn-submit:before, .datePickerContainer .yearMonthContainer .nowYear .arrow:before, .datePickerContainer .yearMonthContainer .nowYear.open .arrow:before, header nav .navbar-header .btn-mobile-search:before, header nav .navbar-collapse .navbar-nav > li.shopping .btn span.icon:before, .footer .top .social .btn.fb .pic:before, .footer .mobile-parkHour .mobileParkTop .parkingBox .icon:before, .footer .mobile-parkHour .mobileParkTop .hourBox .icon:before, .backTop .icon:before, .wp.index .content .tabType .titleBox .mobile-tabs .dropkick .dk-selected:before, .wp.index .content .tabType .titleBox .mobile-tabs .dropkick.dk-select-open-down .dk-selected:before, .wp.index.branch .content .floors .right .mobileFloor .dropkick .dk-selected:before, .wp.index.branch .content .floors .right .mobileFloor .dropkick.dk-select-open-down .dk-selected:before, .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div.active .icon.train:before, .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div.active .icon.bus:before, .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div.active .icon.car:before, .search .content .resultBox .results .locate .links .link:after, .brand .content .mainBox .inner .introBox .shops .links .link:after, .wp.popular .content .linkBoxs .linkBox.prev .icon:before, .wp.popular .content .linkBoxs .linkBox.next .icon:after, .wp.news .content .bottom .news-btn.prev:before, .wp.news .content .bottom .news-btn.next:after, .wp.news .content .bottom .news-btn.next:before, .wp.shop .content .section1 .arrows .prev-slide .icon:before, .wp.shop .content .section1 .arrows .next-slide .icon:before, .wp.result .content .resultBox .results .locate .links .link:after {
  position: relative;
  display: block;
  font-family: 'icomoon';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; }

.container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1600px;
  padding-left: 55px;
  padding-right: 55px; }
  @media screen and (max-width: 1760px) {
    .container {
      padding-left: 40px;
      padding-right: 40px; } }
  @media screen and (max-width: 991px) {
    .container {
      padding-left: 15px;
      padding-right: 15px; } }
  .container.size-md {
    max-width: 1200px; }
  .container.indexContainer {
    max-width: 1600px;
    padding-left: 55px;
    padding-right: 55px; }
    @media screen and (max-width: 1760px) {
      .container.indexContainer {
        padding-left: 40px;
        padding-right: 40px; } }
    @media screen and (max-width: 991px) {
      .container.indexContainer {
        padding-left: 10px;
        padding-right: 10px; } }
  .container.size-slider {
    max-width: 1620px;
    padding: 0; }
    .container.size-slider .slider {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 55px;
      padding-right: 55px; }
      @media screen and (max-width: 1760px) {
        .container.size-slider .slider {
          padding-left: 30px;
          padding-right: 30px; } }
      .container.size-slider .slider .slick-arrow.slick-prev {
        left: -55px; }
      .container.size-slider .slider .slick-arrow.slick-next {
        right: -55px; }
    .container.size-slider .redLineTitle {
      padding-left: 90px; }
      .container.size-slider .redLineTitle:before {
        left: 65px; }
      @media screen and (max-width: 1760px) {
        .container.size-slider .redLineTitle {
          padding-left: 75px; }
          .container.size-slider .redLineTitle:before {
            left: 40px; } }
      @media screen and (max-width: 991px) {
        .container.size-slider .redLineTitle {
          padding-left: 45px; }
          .container.size-slider .redLineTitle:before {
            left: 10px; } }
      @media screen and (max-width: 767px) {
        .container.size-slider .redLineTitle {
          padding-left: 25px;
          padding-right: 15px; }
          .container.size-slider .redLineTitle:before {
            left: 10px; } }

body {
  overflow-x: hidden; }
  body .wp {
    overflow: hidden; }

.pic img {
  max-width: 100%; }

@media screen and (min-width: 768px) {
  .wp {
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; } }

.wp.branchTop .banner {
  margin-top: 135px; }
  @media screen and (max-width: 991px) {
    .wp.branchTop .banner {
      margin-top: 60px; } }

.slick-arrow {
  z-index: 1;
  width: auto;
  height: auto; }

.slick-prev:before {
  content: ""; }

.slick-next:before {
  content: ""; }

.slick-dots {
  margin-top: 20px;
  bottom: -40px; }
  .slick-dots li button:before {
    content: '';
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    opacity: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .slick-dots li.slick-active button:before {
    background-color: #E60012;
    border-color: #E60012; }

.banner {
  position: relative;
  z-index: 2;
  margin-top: 125px; }/* 20190628(70logo) 90->120->180(20200204)->180(20200204)->160(20200415) */ /* 20220121 高度調回 160 -> 125  */

@media screen and (max-width: 991px) {
    .banner {
        margin-top: 140px; /* 180px; => 195px; 20200217 => 213px; 20200806 */ /*20220121 213 -> 140 */
    }
}

/* 20220121 add 調高度 */ @media screen and (max-width: 1299px) and (min-width: 992px) {	
	.banner {margin-top: 140px;}
}

/* 20220127 add 調高度 (max-width: 767px) -> (max-width: 480px) */

/* 20220121 add 調高度 */ @media screen and (max-width: 480px) {
    .banner {margin-top: 185px; }   /* 20220127 180->185 */
}




  .banner .pagetitleBox {
    position: relative;
    z-index: 1;
    padding-top: 30px;
    padding-bottom: 30px; }
    .banner .pagetitleBox.notitle {
      padding-top: 10px;
      padding-bottom: 10px; }
      @media screen and (max-width: 991px) {
        .banner .pagetitleBox.notitle {
          padding: 0; } }
  .banner .breadcrumbBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 60px; }
    @media screen and (max-width: 991px) {
      .banner .breadcrumbBox {
        display: none; } }
    .banner .breadcrumbBox .breadcrumb {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .banner .breadcrumbBox .breadcrumb li a {
        font-size: 14px;
        color: #aaa; }
      .banner .breadcrumbBox .breadcrumb li:not(:last-child) a {
        cursor: pointer;
        -webkit-transition: color 0.1s ease-in-out;
        -o-transition: color 0.1s ease-in-out;
        transition: color 0.1s ease-in-out; }
        .banner .breadcrumbBox .breadcrumb li:not(:last-child) a:hover {
          color: #333; }
      .banner .breadcrumbBox .breadcrumb li + li:before {
        content: '/';
        padding: 0 5px;
        color: #aaa;
        font-size: 14px; }
  .banner .pageTitle .title h1, .banner .pageTitle .title .en {
    text-align: center; }
  .banner .pageTitle .title h1 {
    font-size: 30px;
    line-height: 40px; }
    .banner .pageTitle .title h1 span {
      line-height: 40px; }
    @media screen and (max-width: 767px) {
      .banner .pageTitle .title h1 {
        font-size: 26px;
        line-height: 35px; } }
  .banner .pageTitle .title .en {
    color: #888;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.5px;
    font-family: "Gilda Display","Microsoft JhengHei", "sans-serif"; }
    .banner .pageTitle .title .en span {
      font-family: "Gilda Display","Microsoft JhengHei", "sans-serif"; }
    @media screen and (max-width: 767px) {
      .banner .pageTitle .title .en {
        font-size: 16px; } }
  .banner .bannerBox {
    position: relative; }
    @media screen and (min-width: 768px) {
      .banner .bannerBox.animateElement {
        opacity: 0; }
      .banner .bannerBox.inView {
        -webkit-animation: fadeIn 1s ease-in-out forwards;
        animation: fadeIn 1s ease-in-out forwards; } }
    .banner .bannerBox .jqimgFill {
      height: 350px; }
    .banner .bannerBox .title {
      position: absolute;
      left: 50%;
      top: 40%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%; }
      .banner .bannerBox .title h3 {
        color: #fff;
        text-align: center;
        font-size: 55px;
        line-height: normal;
        word-break: break-word; }
    @media screen and (max-width: 991px) {
      .banner .bannerBox .jqimgFill {
        height: 250px; }
      .banner .bannerBox .title h3 {
        font-size: 45px; } }
    @media screen and (max-width: 767px) {
      .banner .bannerBox .jqimgFill {
        height: 200px; }
      .banner .bannerBox .title {
        top: 50%; }
        .banner .bannerBox .title h3 {
          font-size: 35px; } }
    @media screen and (max-width: 479px) {
      .banner .bannerBox .title h3 {
        font-size: 26px; } }
  .banner .videoBox {
    background-color: #000; }
    .banner .videoBox .inner {
      position: relative;
      width: 100%;
      height: 550px;
      max-width: 990px;
      overflow: hidden;
      margin: 0 auto; }
      @media screen and (max-width: 1199px) {
        .banner .videoBox .inner {
          height: 400px; } }
      @media screen and (max-width: 767px) {
        .banner .videoBox .inner {
          height: 300px; } }
    .banner .videoBox .mask {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      cursor: pointer; }
      .banner .videoBox .mask .pic {
        height: 100%; }
      .banner .videoBox .mask .btn-play {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .banner .videoBox .mask:hover .btn-play:after {
        -webkit-animation: videoBtnMove 0.7s ease-in-out;
        animation: videoBtnMove 0.7s ease-in-out; }
      .banner .videoBox .mask:hover .btn-play .wave {
        -webkit-animation: videoShadow 1s linear 0.5s infinite;
        animation: videoShadow 1s linear 0.5s infinite; }
    .banner .videoBox .videoArea {
      width: 100%;
      height: 100%; }
      .banner .videoBox .videoArea iframe {
        width: 100%;
        height: 100%; }
  .banner .navBtnsBox {
    margin-top: 30px; }
    @media screen and (max-width: 767px) {
      .banner .navBtnsBox {
        margin-top: 0; } }
    .banner .navBtnsBox > p {
      text-align: center;
      margin-bottom: 15px; }
    .banner .navBtnsBox .navBtns {
      display: block;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .banner .navBtnsBox .navBtns {
          display: none; } }
    .banner .navBtnsBox .navBtn {
      border-radius: 0;
      display: inline-block;
      width: auto;
      height: 50px;
      min-width: 140px;
      text-align: center;
      padding-left: 15px;
      padding-right: 15px;
      line-height: 50px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #dcdcdc;
      color: #4d4d4d;
      -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
      -o-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
      transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out; }
      .banner .navBtnsBox .navBtn.active, .banner .navBtnsBox .navBtn:hover {
        border-color: #e60012;
        color: #e60012; }
      .banner .navBtnsBox .navBtn + .navBtn {
        margin-left: 15px; }
        @media screen and (max-width: 767px) {
          .banner .navBtnsBox .navBtn + .navBtn {
            margin-left: 0;
            margin-top: 7px; } }
    .banner .navBtnsBox .mobile {
      display: none;
      text-align: center;
      margin-top: 20px; }
      .banner .navBtnsBox .mobile select.dropkick {
        width: 250px; }
      @media screen and (max-width: 767px) {
        .banner .navBtnsBox .mobile {
          display: block; } }

.isIE .banner .breadcrumbBox {
  height: 60px; }

.content.shiftup .bgGray {
  padding-bottom: 65px; }
  @media screen and (max-width: 767px) {
    .content.shiftup .bgGray {
      padding-bottom: 85px; } }

@media screen and (min-width: 768px) {
  .content.shiftup .mainBox.animateElement {
    opacity: 0; }
  .content.shiftup .mainBox.inView {
    -webkit-animation: shiftUp 1s ease-in-out forwards;
    animation: shiftUp 1s ease-in-out forwards; } }

.content.shiftup .backList {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media screen and (min-width: 768px) {
    .content.shiftup .backList.inView {
      -webkit-animation: shiftBackList 0.5s ease-in-out;
      animation: shiftBackList 0.5s ease-in-out; } }
  @media screen and (max-width: 767px) {
    .content.shiftup .backList {
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      margin-top: 15px; } }

.content.shiftup .mainBox {
  position: relative;
  z-index: 2;
  -webkit-transform: translateY(-65px);
  -ms-transform: translateY(-65px);
  transform: translateY(-65px); }
  .content.shiftup .mainBox .inner {
    background-color: #fff; }
    @media screen and (max-width: 991px) {
      .content.shiftup .mainBox .inner {
        padding-left: 15px;
        padding-right: 15px; } }
  @media screen and (max-width: 767px) {
    .content.shiftup .mainBox {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }

.table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%; }
  .table .tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .table .tr .td, .table .tr .th {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }

.modelContainer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 801;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 15px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
  .modelContainer.show {
    opacity: 1;
    pointer-events: all; }

@-webkit-keyframes redLineIn {
  0% {
    width: 7px; }
  50% {
    width: 100%; }
  100% {
    width: 7px; } }

@keyframes redLineIn {
  0% {
    width: 7px; }
  50% {
    width: 100%; }
  100% {
    width: 7px; } }

@-webkit-keyframes shiftBackList {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 50px);
    transform: translate(-50%, 50px); }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@keyframes shiftBackList {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 50px);
    transform: translate(-50%, 50px); }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@-webkit-keyframes shiftUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px); } }

@keyframes shiftUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px); } }

@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0; }
  40% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }

@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0; }
  40% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }

@-webkit-keyframes indexProducts {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9); }
  60% {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1); }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); } }

@keyframes indexProducts {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9); }
  60% {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1); }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); } }

@-webkit-keyframes dotScale {
  from {
    opacity: 0;
    width: 12px;
    height: 12px; }
  50% {
    opacity: 1; }
  to {
    opacity: 0;
    width: 20px;
    height: 20px; } }

@keyframes dotScale {
  from {
    opacity: 0;
    width: 12px;
    height: 12px; }
  50% {
    opacity: 1; }
  to {
    opacity: 0;
    width: 20px;
    height: 20px; } }

@-webkit-keyframes dotScale2 {
  from {
    width: 8px;
    height: 8px;
    border-radius: 50%; }
  50% {
    width: 10px;
    height: 10px; }
  to {
    width: 8px;
    height: 8px;
    border-radius: 50%; } }

@keyframes dotScale2 {
  from {
    width: 8px;
    height: 8px;
    border-radius: 50%; }
  50% {
    width: 10px;
    height: 10px; }
  to {
    width: 8px;
    height: 8px;
    border-radius: 50%; } }

@-webkit-keyframes dotMarginLeft {
  from {
    margin-left: 0px; }
  to {
    margin-left: 15px; } }

@keyframes dotMarginLeft {
  from {
    margin-left: 0px; }
  to {
    margin-left: 15px; } }

@-webkit-keyframes carShake {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  15%, 55%, 95% {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px); }
  35%, 75% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes carShake {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  15%, 55%, 95% {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px); }
  35%, 75% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes carScale {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

@keyframes carScale {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

@-webkit-keyframes minuteMove {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); } }

@keyframes minuteMove {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); } }

@-webkit-keyframes videoBtnMove {
  0% {
    -webkit-transform: scale(1) translate(25%);
    transform: scale(1) translate(25%); }
  30% {
    -webkit-transform: scale(1.8) translate(25%);
    transform: scale(1.8) translate(25%); }
  40% {
    -webkit-transform: scale(1.9) translate(25%);
    transform: scale(1.9) translate(25%); }
  100% {
    -webkit-transform: scale(1) translate(25%);
    transform: scale(1) translate(25%); } }

@keyframes videoBtnMove {
  0% {
    -webkit-transform: scale(1) translate(25%);
    transform: scale(1) translate(25%); }
  30% {
    -webkit-transform: scale(1.8) translate(25%);
    transform: scale(1.8) translate(25%); }
  40% {
    -webkit-transform: scale(1.9) translate(25%);
    transform: scale(1.9) translate(25%); }
  100% {
    -webkit-transform: scale(1) translate(25%);
    transform: scale(1) translate(25%); } }

@-webkit-keyframes videoShadow {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0; } }

@keyframes videoShadow {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0; } }

@-webkit-keyframes slideArrowLeftMobile {
  from {
    -webkit-transform: translate(-115%, 0);
    transform: translate(-115%, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate(-105%, 0);
    transform: translate(-105%, 0);
    opacity: 1; } }

@keyframes slideArrowLeftMobile {
  from {
    -webkit-transform: translate(-115%, 0);
    transform: translate(-115%, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate(-105%, 0);
    transform: translate(-105%, 0);
    opacity: 1; } }

@-webkit-keyframes slideArrowRightMobile {
  from {
    -webkit-transform: translate(115%, 0);
    transform: translate(115%, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate(105%, 0);
    transform: translate(105%, 0);
    opacity: 1; } }

@keyframes slideArrowRightMobile {
  from {
    -webkit-transform: translate(115%, 0);
    transform: translate(115%, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate(105%, 0);
    transform: translate(105%, 0);
    opacity: 1; } }

@-webkit-keyframes shopArrowLeft {
  from {
    -webkit-transform: translate(-50px, -50%);
    transform: translate(-50px, -50%);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 1; } }

@keyframes shopArrowLeft {
  from {
    -webkit-transform: translate(-50px, -50%);
    transform: translate(-50px, -50%);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 1; } }

@-webkit-keyframes shopArrowRight {
  from {
    -webkit-transform: translate(50px, -50%);
    transform: translate(50px, -50%);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 1; } }

@keyframes shopArrowRight {
  from {
    -webkit-transform: translate(50px, -50%);
    transform: translate(50px, -50%);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 1; } }

.text-justify {
  text-align: justify;
  text-justify: inter-ideograph; }

.hidden {
  display: none !important; }

.bgGray {
  background-color: #f7f7f7; }

.txt-bold {
  font-weight: bold; }

.txt-red {
  color: #E60012; }

.txt-gray {
  color: #888; }

.txt-align-right {
  text-align: right; }

.txt-marginTop-10 {
  margin-top: 10px; }

.txt-fz-14 {
  font-size: 14px; }

.txt-fz-18 {
  font-size: 18px; }

.txt-fz-20 {
  font-size: 20px; }

.txt-fz-24 {
  font-size: 24px;
  line-height: normal; }

.dashLine {
  position: relative;
  border-bottom: 1px dashed #ddd; }

.lock {
  overflow: hidden; }

.icon.love:before {
  content: ""; }

.icon.igcomment:before {
  content: ""; }

.icon.like:before {
  content: ""; }

.icon.like:after {
  content: "個讚"; }

.icon.igIcon:before {
  content: ""; }

.icon.chat:before {
  content: ""; }

.icon.chat:after {
  content: "則留言"; }

.icon.share:before {
  content: ""; }

.icon.share:after {
  content: '次分享'; }

.icon.like.clicked:before, .icon.share.clicked:before {
  color: #2C5ECC; }

.icon.phone:before {
  content: ""; }

.icon.tea:before {
  content: ""; }

.icon.dressing:before {
  content: ""; }

.icon.train:before {
  content: ""; }

.icon.bus:before {
  content: ""; }

.icon.bus2:before {
  content: ""; }

.icon.car:before {
  content: ""; }

.icon.locate:before {
  content: ""; }

.icon.locate2:before {
  content: ""; }

.icon.sort:before {
  content: ""; }

.icon.download:before {
  content: ""; }

.icon.light:before {
  content: ""; }

.icon.target:before {
  content: ""; }

.icon.corporate:before {
  content: ""; }

.icon.tree:before {
  content: ""; }

.icon.time:before {
  content: ""; }

.icon.map:before {
  content: ""; }

.icon.locate:before {
  content: ""; }

.icon.backArrow:before {
  content: ""; }

.icon.close:before {
  content: ""; }

.icon.list:before {
  content: ""; }

.icon.search:before {
  content: ""; }

.icon.mirror:before {
  content: ""; }

.icon.carrot:before {
  content: ""; }

.icon.footprint:before {
  content: ""; }

.icon.fork:before {
  content: ""; }

.icon.glass:before {
  content: ""; }

.icon.peoples:before {
  content: ""; }

.icon.member:before {
  content: ""; }

.icon.seat:before {
  content: ""; }

.icon.shoppingbag:before {
  content: ""; }

.icon.calendar:before {
  content: ""; }

.icon.calendar2:before {
  content: ""; }

.icon.arrow-left:before {
  content: ""; }

.icon.arrow-right:before {
  content: ""; }

.icon.arrow-up:before {
  content: ""; }

.icon.arrow-down:before {
  content: ""; }

.icon.arrow-double-left:before {
  content: ""; }

.icon.arrow-double-right:before {
  content: ""; }

.icon.clothes:before {
  content: ""; }

.icon.TRS:before {
  content: ""; }

.icon.AED:before {
  content: ""; }

.icon.people:before {
  content: ""; }

.icon.movie:before {
  content: ""; }

.icon.ski:before {
  content: ""; }

.icon.motorbike:before {
  content: ""; }

.icon.mask:before {
  content: ""; }

.icon.codebox:before {
  content: ""; }

.icon.washcar:before {
  content: ""; }

.icon.cashchange:before {
  content: ""; }

.icon.fixroom:before {
  content: ""; }

.icon.medicineBox:before {
  content: ""; }

.icon.coinLocker:before {
  content: ""; }

.icon.VIProom:before {
  content: ""; }

.icon.parkingIcon:before {
  content: ""; }

.icon.serviceDesk:before {
  content: ""; }

.icon.custody:before {
  content: ""; }

.icon.shoefix:before {
  content: ""; }

.icon.texi:before {
  content: ""; }

.icon.babycar:before {
  content: ""; }

.icon.babyroom:before {
  content: ""; }

.icon.helpless:before {
  content: ""; }

.icon.happygoVIP:before {
  content: ""; }

.icon.ATM:before {
  content: ""; }

.icon.publicPhone:before {
  content: ""; }

.icon.lavatory:before {
  content: ""; }

.icon.wedletter:before {
  content: ""; }

.icon.wedglass:before {
  content: ""; }

.icon.water:before {
  content: ""; }

.btn {
  position: relative;
  width: 140px;
  height: 40px;
  border-radius: 20px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }

.btn-play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background-color: #E60012;
  border-radius: 50%;
  margin-bottom: 15px; }
  .btn-play:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 12px;
    border-color: transparent transparent transparent #fff;
    -webkit-transform: translate(25%);
    -ms-transform: translate(25%);
    transform: translate(25%); }
  .btn-play .wave {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(230, 0, 18, 0.3); }

.btns {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .btns > button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 150px;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 40px;
    color: #fff;
    font-weight: bold;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out; }
    .btns > button:nth-child(1) {
      background-color: #E60012;
      margin-right: 15px; }
    .btns > button:nth-child(2) {
      background-color: #000; }
    .btns > button:hover:nth-child(1) {
      background-color: #B50104; }
    .btns > button:hover:nth-child(2) {
      background-color: #555; }

.shareBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @media screen and (min-width: 768px) {
    .shareBtns.inView {
      -webkit-animation: fadeInRight 0.5s ease-in-out;
      animation: fadeInRight 0.5s ease-in-out; } }
  .shareBtns a[class*="a2a_button_"] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #aaa;
    -webkit-transition: border-color 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out;
    width: 40px;
    height: 40px; }
    .shareBtns a[class*="a2a_button_"] .a2a_svg {
      display: none; }
    .shareBtns a[class*="a2a_button_"] + a {
      margin-left: 10px; }
    .shareBtns a[class*="a2a_button_"]:before {
      display: inline-block;
      color: #555;
      font-size: 20px;
      -webkit-transition: color 0.2s linear, font-size 0.2s ease-in-out;
      -o-transition: color 0.2s linear, font-size 0.2s ease-in-out;
      transition: color 0.2s linear, font-size 0.2s ease-in-out; }
    .shareBtns a[class*="a2a_button_"]:hover {
      border-color: transparent; }
      .shareBtns a[class*="a2a_button_"]:hover:before {
        color: #E60012;
        font-size: 28px; }
  .shareBtns .a2a_button_facebook:before {
    content: ""; }
  .shareBtns .a2a_button_twitter:before {
    content: ""; }
  .shareBtns .a2a_button_google_plus:before {
    content: ""; }
  .shareBtns .a2a_button_sina_weibo:before {
    content: ""; }
  .shareBtns .a2a_button_line:before {
    content: ""; }

.checkBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .checkBox .checkbox-bg {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 25px;
    height: 25px;
    border: 2px solid #aaa;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    -webkit-transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out; }
    .checkBox .checkbox-bg:after {
      content: "";
      position: absolute;
      left: 25%;
      top: 50%;
      display: block;
      width: 8px;
      height: 15px;
      border: solid transparent;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg) translate(-50%, -50%);
      -ms-transform: rotate(45deg) translate(-50%, -50%);
      transform: rotate(45deg) translate(-50%, -50%);
      -webkit-transition: border-color 0.1s ease-in-out;
      -o-transition: border-color 0.1s ease-in-out;
      transition: border-color 0.1s ease-in-out; }
  .checkBox input[type="checkbox"] {
    display: none; }
    .checkBox input[type="checkbox"]:checked + .checkbox-bg:after {
      border-color: #E60012; }

.oval-btn {
  width: 90px;
  height: 30px;
  background-color: #E60012;
  text-align: center;
  line-height: 30px; }
  .oval-btn > span {
    line-height: 30px; }

select.dropkick {
  border-color: #000; }

select.dropkick, select.formDropkick {
  border-radius: 0;
  padding: 0 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("images/select-arrow.png") center right no-repeat, #fff; }

select.dropkick::-ms-expand, select.formDropkick::-ms-expand {
  display: none !important; }

.dropkick, .formDropkick {
  height: 50px; }
  .dropkick .dk-selected, .formDropkick .dk-selected {
    border-radius: 0;
    line-height: 48px; }
    .dropkick .dk-selected:before, .formDropkick .dk-selected:before {
      border-width: 8px 5px 0;
      border-top-color: #ccc;
      -webkit-transition: border-top-color 0.1s ease-in-out;
      -o-transition: border-top-color 0.1s ease-in-out;
      transition: border-top-color 0.1s ease-in-out; }
    .dropkick .dk-selected:after, .formDropkick .dk-selected:after {
      display: none; }
    .dropkick .dk-selected:hover, .dropkick .dk-selected:focus, .formDropkick .dk-selected:hover, .formDropkick .dk-selected:focus {
      border-color: #ccc; }
      .dropkick .dk-selected:hover:before, .dropkick .dk-selected:focus:before, .formDropkick .dk-selected:hover:before, .formDropkick .dk-selected:focus:before {
        border-top-color: #555; }
  .dropkick .dk-select-options, .formDropkick .dk-select-options {
    border-radius: 0;
    border-color: #ccc;
    line-height: 30px;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .dropkick .dk-select-options .dk-option, .formDropkick .dk-select-options .dk-option {
      padding-top: 5px;
      padding-bottom: 5px; }
    .dropkick .dk-select-options .dk-option-disabled, .formDropkick .dk-select-options .dk-option-disabled {
      background-color: transparent !important;
      color: #bbb !important; }
    .dropkick .dk-select-options .dk-option-selected, .formDropkick .dk-select-options .dk-option-selected {
      background-color: #E60012;
      color: #fff; }
    .dropkick .dk-select-options .dk-option-highlight:not(.dk-option-selected), .formDropkick .dk-select-options .dk-option-highlight:not(.dk-option-selected) {
      font-weight: bold;
      background-color: transparent;
      color: #E60012; }
  .dropkick.dk-select-open-down .dk-selected, .dropkick.dk-select-open-down .dk-selected, .formDropkick.dk-select-open-down .dk-selected, .formDropkick.dk-select-open-down .dk-selected {
    border-color: #ccc; }
    .dropkick.dk-select-open-down .dk-selected:before, .dropkick.dk-select-open-down .dk-selected:before, .formDropkick.dk-select-open-down .dk-selected:before, .formDropkick.dk-select-open-down .dk-selected:before {
      border-width: 0 5px 8px;
      border-top-color: #555;
      border-bottom-color: #555; }

.redLineTitle {
  position: relative;
  padding-left: 25px;
  display: inline-block; }
  @media screen and (max-width: 479px) {
    .redLineTitle {
      width: 100%; } }
  .redLineTitle h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .redLineTitle h2 span.ch {
      font-size: 32px;
      line-height: normal; }
    .redLineTitle h2 span.en {
      padding-left: 10px;
      color: #888;
      font-size: 18px; }
  .redLineTitle:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 7px;
    height: 30px;
    background-color: #E60012;
    z-index: 1; }
  @media screen and (max-width: 991px) {
    .redLineTitle {
      padding-right: 15px;
      padding-left: 15px; }
      .redLineTitle h2 span.ch {
        font-size: 28px; } }
  @media screen and (max-width: 767px) {
    .redLineTitle h2 {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .redLineTitle h2 span.ch {
        font-size: 24px; }
      .redLineTitle h2 span.en {
        font-size: 14px;
        padding-left: 2px;
        line-height: 32px; }
    .redLineTitle:before {
      width: 5px !important;
      height: 80% !important; }
    .redLineTitle.inView {
      -webkit-animation: fadeIn 0.5s ease-in-out forwards;
      animation: fadeIn 0.5s ease-in-out forwards; } }
  @media screen and (max-width: 479px) {
    .redLineTitle h2 {
      line-height: 32px; } }

.emergency {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  opacity: 0; }
  .emergency .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 540px;
    padding: 45px; }
    @media screen and (max-width: 479px) {
      .emergency .inner {
        padding: 45px 15px 10px; } }
  .emergency .close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer; }
    .emergency .close:before {
      content: "";
      display: inline-block;
      color: #fff;
      font-size: 45px; }
  .emergency.textMode .inner .mscrollbar {
    height: 250px; /* 175->230 2021.7.26 ->250 2021.9.11 */

  }

/*
    @media screen and (max-width: 479px) {
      .emergency.textMode .inner .mscrollbar {
        height: 150px;
        margin-bottom: 10px; } }
      */

    /* add 2021.7.25 */
@media screen and (max-width: 980px) {
    .emergency .inner {
        position: absolute;
        left: 50%;
        top: 45%;  /* 40->45 2021.12.10 EDIT */
    }
        .emergency.textMode .inner .mscrollbar {
        height: 300px;
        margin-bottom: 10px;
    }
}
  .emergency.textMode .inner .mCSB_scrollTools {
    opacity: 1; }
  .emergency.textMode .inner .main {
    background-color: #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 60px 40px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 650px; }
    @media screen and (max-width: 767px) {
      .emergency.textMode .inner .main {
        padding: 10px 25px 0;
        min-height: auto; } }
    .emergency.textMode .inner .main .pic {
      text-align: center;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
    /*
      @media screen and (max-width: 479px) {
        .emergency.textMode .inner .main .pic {
          width: 120px; } }*/
    .emergency.textMode .inner .main .text {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .emergency.textMode .inner .main .text .icon:before {
        content: "";
        text-align: center;
        font-size: 40px;
        color: #E60012; }
      @media screen and (max-width: 479px) {
        .emergency.textMode .inner .main .text .icon:before {
          font-size: 30px; } }
      .emergency.textMode .inner .main .text h3 {
        font-size: 30px;
        color: #E60012;
        padding: 15px 0 30px;
        position: relative;
        margin-bottom: 25px;
        text-align: center; }
        .emergency.textMode .inner .main .text h3:after {
          content: '';
          display: block;
          width: 45px;
          height: 1px;
          background-color: #bbb;
          position: absolute;
          left: 50%;
          bottom: 0;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
        @media screen and (max-width: 767px) {
          .emergency.textMode .inner .main .text h3 {
            padding-bottom: 15px;
            margin-bottom: 15px; } }
        @media screen and (max-width: 479px) {
          .emergency.textMode .inner .main .text h3 {
            padding: 10px 0;
            font-size: 24px; } }
      .emergency.textMode .inner .main .text p {
        font-size: 18px;
        color: #444;
        text-align: center; }
        @media screen and (max-width: 479px) {
          .emergency.textMode .inner .main .text p {
            font-size: 16px; } }

@media screen and (min-width: 768px) {
  .isIE .emergency.textMode .inner .main {
    position: relative; }
    .isIE .emergency.textMode .inner .main .pic {
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); } }

.pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .pages .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .pages .pagination .btn {
      width: 40px;
      height: 40px;
      border-radius: 0;
      border: 1px solid #ccc;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.3s ease-in-out;
      -o-transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.3s ease-in-out;
      transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.3s ease-in-out; }
      @media screen and (max-width: 479px) {
        .pages .pagination .btn {
          width: 35px;
          height: 35px; } }
      .pages .pagination .btn + .btn {
        margin-left: 15px; }
        @media screen and (max-width: 479px) {
          .pages .pagination .btn + .btn {
            margin-left: 5px; } }
      .pages .pagination .btn > a {
        display: inline-block;
        width: 100%;
        height: 100%;
        line-height: 38px;
        text-align: center;
        font-family: "Roboto","Microsoft JhengHei", "sans-serif"; }
        @media screen and (max-width: 479px) {
          .pages .pagination .btn > a {
            line-height: 33px; } }
      .pages .pagination .btn.prev .icon:before, .pages .pagination .btn.next .icon:before, .pages .pagination .btn.first-page .icon:before, .pages .pagination .btn.last-page .icon:before {
        display: inline-block;
        color: #888;
        font-size: 12px;
        -webkit-transition: color 0.1s ease-in-out;
        -o-transition: color 0.1s ease-in-out;
        transition: color 0.1s ease-in-out; }
      .pages .pagination .btn.prev:hover .icon:before, .pages .pagination .btn.next:hover .icon:before, .pages .pagination .btn.first-page:hover .icon:before, .pages .pagination .btn.last-page:hover .icon:before {
        color: #fff; }
      .pages .pagination .btn.prev .icon:before {
        content: ""; }
      .pages .pagination .btn.next .icon:before {
        content: ""; }
      @media screen and (min-width: 992px) {
        .pages .pagination .btn:hover {
          border-color: #E60012;
          background-color: #E60012; }
          .pages .pagination .btn:hover a {
            color: #fff; } }
      .pages .pagination .btn.active {
        border-color: #E60012;
        background-color: #E60012; }
        .pages .pagination .btn.active a {
          color: #fff; }

.backList {
  display: block;
  text-align: center;
  width: 150px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 768px) {
    .backList.inView {
      -webkit-animation: fadeInUp 0.5s ease-in-out;
      animation: fadeInUp 0.5s ease-in-out; } }
  .backList .icon:before {
    content: "";
    font-size: 25px;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
  .backList:hover .icon:before {
    -webkit-transform: rotate(180deg) scale(1.1);
    -ms-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1); }

.searchBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 45px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .searchBox > div {
    position: relative;
    width: 50%;
    padding: 0 10px; }
    .searchBox > div h4 {
      font-size: 18px;
      color: #666;
      line-height: 30px;
      margin-bottom: 20px; }
    .searchBox > div + div:before {
      content: "";
      display: inline-block;
      width: 1px;
      height: 100%;
      background-color: #ddd;
      position: absolute;
      left: 0;
      top: 0; }
  .searchBox .brand {
    padding-right: 40px; }
    .searchBox .brand .brandbox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .searchBox .brand .brandbox .dropkick, .searchBox .brand .brandbox .formDropkick {
        width: calc(33% - 7px);
        margin-bottom: 15px; }
      .searchBox .brand .brandbox .searchText {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .searchBox .brand .brandbox .searchText input[type="text"] {
          width: calc(100% - 50px);
          padding: 0 8px;
          border: 1px solid #ccc; }
        .searchBox .brand .brandbox .searchText .btn-submit {
          position: relative;
          width: 50px;
          height: 50px;
          background-color: #E60012;
          -webkit-transition: background-color 0.1s ease-in-out;
          -o-transition: background-color 0.1s ease-in-out;
          transition: background-color 0.1s ease-in-out; }
          .searchBox .brand .brandbox .searchText .btn-submit:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            color: #fff;
            font-size: 30px; }
          .searchBox .brand .brandbox .searchText .btn-submit:hover {
            background-color: #B50104; }
  .searchBox .preletter {
    padding-left: 40px; }
    .searchBox .preletter .letters {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .searchBox .preletter .letters > div:not(.hideItem) {
        display: block;
        width: 50px;
        height: 50px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #ddd;
        line-height: 50px;
        text-align: center;
        margin-bottom: 15px;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        background-color: #fff; }
        .searchBox .preletter .letters > div:not(.hideItem):hover, .searchBox .preletter .letters > div:not(.hideItem).active {
          background-color: #E60012;
          border-color: #E60012;
          color: #fff; }
      .searchBox .preletter .letters .hideItem {
        width: 50px;
        height: 0; }
  @media screen and (max-width: 991px) {
    .searchBox {
      padding: 20px 45px; }
      .searchBox > div {
        width: 100%; }
      .searchBox .brand {
        padding: 0; }
      .searchBox .preletter {
        margin-top: 30px;
        padding: 30px 0 0; }
        .searchBox .preletter:before {
          height: 1px;
          width: 100%; } }
  @media screen and (max-width: 479px) {
    .searchBox .brand .brandbox .dropkick, .searchBox .brand .brandbox .formDropkick {
      width: 100%; } }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #E60012 !important; }

.parkHour {
  position: fixed;
  right: 0;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  z-index: 30; }
  @media screen and (max-width: 991px) {
    .parkHour {
      display: none; } }
  .parkHour .parking, .parkHour .hours {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .parkHour .parking .icons, .parkHour .hours .icons {
      position: relative;
      min-width: 95px;
      width: 95px;
      height: auto;
      padding: 20px 0;
      background-color: #E50016;
      border-radius: 50% 0 0 50%;
      text-align: center;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer; }
      .parkHour .parking .icons:after, .parkHour .hours .icons:after {
        content: '';
        height: 70px;
        width: 1px;
        background-color: transparent;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: background-color 0.1s ease-in-out 0.2s;
        -o-transition: background-color 0.1s ease-in-out 0.2s;
        transition: background-color 0.1s ease-in-out 0.2s; }
      .parkHour .parking .icons .icon:before, .parkHour .hours .icons .icon:before {
        font-size: 40px; }
    .parkHour .parking .info, .parkHour .hours .info {
      background-color: #E50016;
      cursor: pointer; }
  .parkHour.parkingBox {
    bottom: 220px;
    -webkit-transition: bottom 0.1s ease-in-out,-webkit-transform 0.3s ease-in-out;
    transition: bottom 0.1s ease-in-out,-webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out,bottom 0.1s ease-in-out;
    transition: transform 0.3s ease-in-out,bottom 0.1s ease-in-out;
    transition: transform 0.3s ease-in-out,bottom 0.1s ease-in-out,-webkit-transform 0.3s ease-in-out; }
    @media screen and (max-width: 991px) {
      .parkHour.parkingBox {
        bottom: 280px; } }
    .parkHour.parkingBox .parking {
      -webkit-transition: border-radius 0.1s ease-in-out;
      -o-transition: border-radius 0.1s ease-in-out;
      transition: border-radius 0.1s ease-in-out; }
      .parkHour.parkingBox .parking:hover .icons .icon {
        -webkit-animation: carScale 1.5s ease-in-out;
        animation: carScale 1.5s ease-in-out; }
        .parkHour.parkingBox .parking:hover .icons .icon:before {
          -webkit-animation: carShake 1s ease-in-out;
          animation: carShake 1s ease-in-out; }
      .parkHour.parkingBox .parking .icons > span {
        padding-left: 10px;
        -webkit-transition: padding-left 0.1s ease-in-out;
        -o-transition: padding-left 0.1s ease-in-out;
        transition: padding-left 0.1s ease-in-out; }
      .parkHour.parkingBox .parking .icons .icon.car:before {
        font-size: 30px; }
      .parkHour.parkingBox .parking .info {
        width: auto;
        height: 95px;
        padding: 10px 20px 10px 0; }
        .parkHour.parkingBox .parking .info h3 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .parkHour.parkingBox .parking .info h3 .text {
            color: #ffbaba;
            font-size: 16px;
            line-height: 25px; }
          .parkHour.parkingBox .parking .info h3 .space {
            display: none;
            color: #fff;
            font-size: 50px;
            line-height: 50px;
            padding-left: 20px; }
            .parkHour.parkingBox .parking .info h3 .space.active {
              display: block; }
            .parkHour.parkingBox .parking .info h3 .space.fill {
              font-size: 36px; }
            .parkHour.parkingBox .parking .info h3 .space.noneData {
              font-size: 30px;
              line-height: 36px;
              letter-spacing: 5px; }
        .parkHour.parkingBox .parking .info .time {
          font-size: 14px;
          color: #fff;
          line-height: 25px;
          letter-spacing: 1.5px; }
      .parkHour.parkingBox .parking.noData .info h3 .text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .parkHour.parkingBox .parking.noData .info h3 .space {
        display: none; }
        .parkHour.parkingBox .parking.noData .info h3 .space.noneData {
          display: block; }
      .parkHour.parkingBox .parking.noData .info .time {
        display: none; }
      .parkHour.parkingBox .parking.fill .info h3 .space {
        display: none; }
        .parkHour.parkingBox .parking.fill .info h3 .space.fill {
          display: block; }
  .parkHour.hourBox {
    bottom: 100px;
    -webkit-transition: background-color 0.1s ease-in-out 0.2s,-webkit-transform 0.3s ease-in-out;
    transition: background-color 0.1s ease-in-out 0.2s,-webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out,background-color 0.1s ease-in-out 0.2s;
    transition: transform 0.3s ease-in-out,background-color 0.1s ease-in-out 0.2s;
    transition: transform 0.3s ease-in-out,background-color 0.1s ease-in-out 0.2s,-webkit-transform 0.3s ease-in-out; }
    .parkHour.hourBox .hours {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .parkHour.hourBox .hours .icons {
        -webkit-transition: border-radius 0.1s ease-in-out;
        -o-transition: border-radius 0.1s ease-in-out;
        transition: border-radius 0.1s ease-in-out;
        width: 95px;
        height: auto; }
        .parkHour.hourBox .hours .icons > span {
          padding-left: 10px;
          -webkit-transition: padding-left 0.1s ease-in-out;
          -o-transition: padding-left 0.1s ease-in-out;
          transition: padding-left 0.1s ease-in-out; }
        .parkHour.hourBox .hours .icons .clock {
          position: relative;
          display: block;
          border-radius: 50%;
          width: 30px;
          height: 30px;
          border: 3px solid #fff;
          margin: 0 auto; }
          .parkHour.hourBox .hours .icons .clock:before, .parkHour.hourBox .hours .icons .clock:after {
            content: '';
            height: 3px;
            background: #fff;
            display: block;
            position: absolute;
            left: 50%;
            -webkit-transform-origin: left;
            -ms-transform-origin: left;
            transform-origin: left;
            border-radius: 0 30% 30% 0; }
          .parkHour.hourBox .hours .icons .clock:before {
            width: 8px;
            top: 50%;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
          .parkHour.hourBox .hours .icons .clock:after {
            width: 11px;
            top: 52%;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }
        .parkHour.hourBox .hours .icons:hover .clock:after {
          -webkit-animation: minuteMove 0.5s linear;
          animation: minuteMove 0.5s linear; }
      .parkHour.hourBox .hours .info {
        width: auto;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 20px 20px 0; }
        .parkHour.hourBox .hours .info h3 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          color: #aaa;
          text-align: right;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          color: #ffbaba; }
          @media (min-width: 768px) and (max-width: 991px) {
            .parkHour.hourBox .hours .info h3 {
              -webkit-box-flex: 0;
              -ms-flex: 0 0 100px;
              flex: 0 0 100px; } }
        .parkHour.hourBox .hours .info .text {
          color: #fff;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding-left: 20px; }
          .parkHour.hourBox .hours .info .text .depart {
            font-weight: bold; }
          .parkHour.hourBox .hours .info .text p {
            font-size: 14px; }
  .parkHour.open .parking .icons, .parkHour.open .hours .icons {
    border-radius: 5px 0 0 5px; }
    .parkHour.open .parking .icons > span, .parkHour.open .hours .icons > span {
      padding-left: 0; }
    .parkHour.open .parking .icons:after, .parkHour.open .hours .icons:after {
      background-color: #fff;
      -webkit-transition: background-color 0.1s ease-in-out;
      -o-transition: background-color 0.1s ease-in-out;
      transition: background-color 0.1s ease-in-out; }
  .parkHour.open.hourBox {
    background-color: #E50016;
    border-radius: 5px 0 0 5px;
    -webkit-transition: background-color 0.1s ease-in-out, -webkit-transform 0.3s ease-in-out 0.1s;
    transition: background-color 0.1s ease-in-out, -webkit-transform 0.3s ease-in-out 0.1s;
    -o-transition: transform 0.3s ease-in-out 0.1s, background-color 0.1s ease-in-out;
    transition: transform 0.3s ease-in-out 0.1s, background-color 0.1s ease-in-out;
    transition: transform 0.3s ease-in-out 0.1s, background-color 0.1s ease-in-out, -webkit-transform 0.3s ease-in-out 0.1s; }
    .parkHour.open.hourBox .hours {
      border-radius: 5px 0 0 5px; }
      .parkHour.open.hourBox .hours .icons {
        -webkit-transition: height 0.15s ease-in-out;
        -o-transition: height 0.15s ease-in-out;
        transition: height 0.15s ease-in-out; }

.datePickerContainer {
  background-color: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-bottom: 60px; }
  @media screen and (max-width: 767px) {
    .datePickerContainer {
      margin-bottom: 30px;
      background-color: transparent; } }
  .datePickerContainer .container.desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .datePickerContainer .container.mobile {
    display: none; }
    .datePickerContainer .container.mobile form {
      text-align: center; }
      .datePickerContainer .container.mobile form p {
        color: #aaa;
        font-size: 12px;
        margin-bottom: 10px; }
      .datePickerContainer .container.mobile form input[type="date"] {
        width: 200px;
        height: 50px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("images/select-arrow.png") center right no-repeat, #fff;
        padding-left: 10px;
        border-color: #ccc; }
  @media screen and (max-width: 767px) {
    .datePickerContainer .container.desktop {
      display: none; }
    .datePickerContainer .container.mobile {
      display: block; } }
  .datePickerContainer .container .yearMonthContainer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .datePickerContainer .container .dayArrow {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px; }
  .datePickerContainer .container .fullDate {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .datePickerContainer .fullDate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }
    .datePickerContainer .fullDate .dateBox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 80px;
      height: auto;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      cursor: pointer;
      background-color: #F0F0F0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #808080; }
      .datePickerContainer .fullDate .dateBox + .dateBox {
        border-left: 1px solid #ddd; }
      .datePickerContainer .fullDate .dateBox.active {
        color: #fff;
        font-weight: bold;
        background-color: #e60012; }
      .datePickerContainer .fullDate .dateBox:not(.active):hover {
        color: #e60012; }
      .datePickerContainer .fullDate .dateBox .date {
        text-align: center; }
        .datePickerContainer .fullDate .dateBox .date:after {
          content: '日'; }
      .datePickerContainer .fullDate .dateBox .day {
        text-align: center;
        margin-top: 10px; }
  .datePickerContainer .dayArrow {
    width: 80px;
    height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #c9c9c9;
    cursor: pointer; }
    .datePickerContainer .dayArrow:before {
      color: #666666;
      font-weight: bold;
      font-size: 30px; }
  .datePickerContainer .yearMonthContainer {
    background-color: #2B2B2B;
    position: relative;
    color: #fff; }
    .datePickerContainer .yearMonthContainer .nowYear {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer; }
      .datePickerContainer .yearMonthContainer .nowYear .datetext {
        margin-right: 15px; }
      .datePickerContainer .yearMonthContainer .nowYear .icon.calendar2:before {
        font-size: 18px; }
      .datePickerContainer .yearMonthContainer .nowYear .arrow:before {
        content: "";
        font-size: 16px; }
      .datePickerContainer .yearMonthContainer .nowYear.open .arrow:before {
        content: "";
        font-size: 16px; }
    .datePickerContainer .yearMonthContainer .yearSelectorBox {
      display: none;
      position: absolute;
      left: 0;
      bottom: 0;
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%); }
      .datePickerContainer .yearMonthContainer .yearSelectorBox .yearSelectorInner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #3F3F3F;
        border-top: 1px solid #fff;
        width: 220px;
        height: auto;
        padding: 10px 15px; }
      .datePickerContainer .yearMonthContainer .yearSelectorBox .yearBox, .datePickerContainer .yearMonthContainer .yearSelectorBox .monthBox, .datePickerContainer .yearMonthContainer .yearSelectorBox .dayBox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .datePickerContainer .yearMonthContainer .yearSelectorBox .yearBox .prev, .datePickerContainer .yearMonthContainer .yearSelectorBox .yearBox .next, .datePickerContainer .yearMonthContainer .yearSelectorBox .monthBox .prev, .datePickerContainer .yearMonthContainer .yearSelectorBox .monthBox .next, .datePickerContainer .yearMonthContainer .yearSelectorBox .dayBox .prev, .datePickerContainer .yearMonthContainer .yearSelectorBox .dayBox .next {
          cursor: pointer;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .datePickerContainer .yearMonthContainer .yearSelectorBox .yearBox .prev .icon, .datePickerContainer .yearMonthContainer .yearSelectorBox .yearBox .next .icon, .datePickerContainer .yearMonthContainer .yearSelectorBox .monthBox .prev .icon, .datePickerContainer .yearMonthContainer .yearSelectorBox .monthBox .next .icon, .datePickerContainer .yearMonthContainer .yearSelectorBox .dayBox .prev .icon, .datePickerContainer .yearMonthContainer .yearSelectorBox .dayBox .next .icon {
            display: block; }
      .datePickerContainer .yearMonthContainer .yearSelectorBox .yearBox, .datePickerContainer .yearMonthContainer .yearSelectorBox .monthBox {
        margin-bottom: 20px; }
      .datePickerContainer .yearMonthContainer .yearSelectorBox p {
        text-align: center;
        margin-bottom: 10px; }
      .datePickerContainer .yearMonthContainer .yearSelectorBox .btn.submit {
        width: 100px;
        height: 30px;
        text-align: center;
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 2px solid #e60012;
        margin: 5px auto 0;
        cursor: pointer; }
        .datePickerContainer .yearMonthContainer .yearSelectorBox .btn.submit:hover {
          background-color: #e60012; }

.mCSB_container {
  margin-right: 30px; }

.dateNoData {
  width: 100%; }
  .dateNoData p {
    font-size: 32px;
    color: #aaa;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 60px;
    line-height: normal; }

/* header > .fixtop */
/* navbar-collapse > .fullpage */
@-webkit-keyframes navbarIn {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
@keyframes navbarIn {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

header {
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px #aaa;
    box-shadow: 0 0 3px #aaa;
    height: 125px; /* 20190628(70logo) 90->120->160(20200204) */   /* 20220121 高度調回  160px -> 125px  */
    -webkit-transition: height 0.2s ease-in-out, -webkit-transform 1s ease-in-out;
    transition: height 0.2s ease-in-out, -webkit-transform 1s ease-in-out;
    -o-transition: height 0.2s ease-in-out, transform 1s ease-in-out;
    transition: height 0.2s ease-in-out, transform 1s ease-in-out;
    transition: height 0.2s ease-in-out, transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
  header.fixtop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 500; }
  .index header.atTop {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
 

@media screen and (max-width: 991px) {
    header {
        height: 140px;     /* 20190628(70logo) 60->90 */  /*原90px 20200204*/ /* 20220121 高度調回 180px->140 */
    } }

/* 20220121 add */  @media screen and (max-width: 1299px) {
    header {height: 140px;} 
	header:not(.atTop) {height: 140px;}	
}

/* @media screen and (max-width: 987px) {
    header {height: 140px;}   (原無 20200204) 20220121 180 ->140 ->  del
} */

/* 20220121 add */  @media screen and (min-width: 1300px) {
    header:not(.atTop) {
        height: 125px;
    }
}


  @media screen and (min-width: 992px) {
    header:not(.atTop) {
       /* add (min-width: 1300px) 故暫 del height: 125px; */   /*原120px 20200204*/ /* 20220121 高度調回 160px->125 */
    }
        /* 20190628(70logo) 70->120 */
        header:not(.atTop) nav {
            height: 80px; /* 20190628(70logo) 70->120 */  /* 20220121 高度調回 120px->80 */
            -webkit-transition: height 0.2s ease-in-out;
            -o-transition: height 0.2s ease-in-out;
            transition: height 0.2s ease-in-out;
        }
            header:not(.atTop) nav .navbar-header .navbar-brand img {
                -webkit-transform: scale(1); /* 20190628(70logo) 0.9->1 */
                -ms-transform: scale(1); /* 20190628(70logo) 0.9->1 */
                transform: scale(1); /* 20190628(70logo) 0.9->1 */
                -webkit-transition: -webkit-transform 0.3s ease-in-out;
                transition: -webkit-transform 0.3s ease-in-out;
                -o-transition: transform 0.3s ease-in-out;
                transition: transform 0.3s ease-in-out;
                transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
                -webkit-transform-origin: left center;
                -ms-transform-origin: left center;
                transform-origin: left center;
            }
            header:not(.atTop) nav .navbar-collapse .navbar-nav > li > a {
                line-height: 80px; /* 20190628(70logo) 70->120 */  /* 20220121 高度調回 120px->80 */
                -webkit-transition: line-height 0.2s ease-in-out;
                -o-transition: line-height 0.2s ease-in-out;
                transition: line-height 0.2s ease-in-out;
            } }
  @media screen and (min-width: 992px) {
    header .container {
      position: relative; } }
  @media screen and (max-width: 991px) {
    header .container {
      padding: 0;
      max-width: none; } }

  header nav {
    position: relative;
    height: 80px; }    /* 20190628(70logo) 90->120 */ /* 20220121 高度調回 120px->80 */

    @media screen and (min-width: 992px) {
      header nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    

@media screen and (max-width: 991px) {
    header nav {
        position: relative;
        height: 70px; /* 20190628(70logo) 60->90 */   /* 20220126 90px -> 70px */  /* 20220127 */
        background-color: #fff;
        z-index: 1;
		margin-top: -10px;  /* 20220127 add 防疫 */
    }	
}

/* 20220127 add 防疫 */ @media screen and (max-width: 767px) {
    header nav {
        position: relative;
        height: 70px; /* 20190628(70logo) 60->90 */   /* 20220126 90px -> 70px */  /* 20220127 */
        background-color: #fff;
        z-index: 1;
    }	
}

    header nav .navbar-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0; }
    /* 20220119 */    header nav .navbar-header .navbar-brand {
            position: relative;
            padding-top: 3px; /* 20190628(70logo) add 3px */
            display: block;
            color: #333;
            min-width: 50px;
            text-align: center;
            cursor: pointer;
        }

   /* 20220120 */    header nav .navbar-header .navbar-brand_35 {
            position: absolute;
	        right:915px;
            padding-top: 3px; /* 20190628(70logo) add 3px */
            display: block;
            color: #333;
            min-width: 50px;
            text-align: center;
            cursor: pointer;
        }

  /* 20220120 */ @media screen and (max-width: 1274px) {
	  
	   header nav .navbar-header .navbar-brand_35 {
            position: absolute;
	        right:880px;
        }

        header nav .navbar-header .navbar-brand img, header nav .navbar-header .navbar-brand_35 img {
            width:80%;
        }
}

  /* 20220120 */ @media screen and (max-width: 1199px) {
	  
	   header nav .navbar-header .navbar-brand_35 {
	        right:700px;
        }
}

  /* 20220120 */ @media screen and (max-width: 1024px) {
	  
	   header nav .navbar-header .navbar-brand_35 {
	        right:675px;
        }
}

  /* 20220120 */ @media screen and (max-width: 991px) {
        header nav .navbar-header .navbar-brand_35 {
	       right:150px;
        }

        header nav .navbar-header .navbar-brand_35 img {
            width:90%;
        }
}

  /* 20220120 */ @media screen and (max-width: 768px) {
	  
	  header nav .navbar-header {
         padding-left: 0px;
         padding-right: 0px;
        }
	  
	  header nav .navbar-header .navbar-brand_35 {
	       right:95px;
        }

	  header nav .navbar-header .navbar-brand img, header nav .navbar-header .navbar-brand_35 img {
            width:80%;
        }
}

/* 20220721 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    header nav .navbar-header .navbar-brand img {
        margin-top: 3px;
    }
    header nav .navbar-header .navbar-brand_35 img {
        margin-top: -30px;
    }
}

       header nav .navbar-header .navbar-brand img {
          -webkit-transition: -webkit-transform 0.2s ease-in-out;
          transition: -webkit-transform 0.2s ease-in-out;
          -o-transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
          max-width: 100%; }
      header nav .navbar-header .btn-mobile-search {
        position: absolute;
        right: 75px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer; }
        header nav .navbar-header .btn-mobile-search:before {
          content: "";
          display: inline-block;
          color: #999;
          font-size: 30px; }

@media screen and (min-width: 992px) {
          header nav .navbar-header .btn-mobile-search {
            display: none; } }

header nav .navbar-header .navbar-toggle {
    position: absolute;
    width: 60px;
    height: 70px; /* 20190628(70logo) 60->90 */ /* 20220126 90->70px; */  /* 20220127 */
    background-color: #E60012;
    border-bottom: 1px solid #ccc;
    padding: 20px;
    z-index: 300;
    right: 0;
    top: 0;
    border-radius: 0;
}

        @media screen and (min-width: 992px) {
          header nav .navbar-header .navbar-toggle {
            display: none; } }

        header nav .navbar-header .navbar-toggle .icon-bar {
          width: 100%;
          height: 2px;
          display: block;
          background-color: #fff;
          -webkit-transition: opacity 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;
          -o-transition: transform 0.3s ease-in-out,opacity 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out,opacity 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out,opacity 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out; }
        header nav .navbar-header .navbar-toggle.collapsed .icon-bar + .icon-bar {
          margin-top: 3px; }
        header nav .navbar-header .navbar-toggle:not(.collapsed) .icon-bar {
          opacity: 0; }
          header nav .navbar-header .navbar-toggle:not(.collapsed) .icon-bar:first-child {
            opacity: 1;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
          header nav .navbar-header .navbar-toggle:not(.collapsed) .icon-bar:last-child {
            opacity: 1;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin-top: -4px; }
      @media screen and (min-width: 992px) {
        header nav .navbar-header {
          margin-right: 10px; } }
      @media screen and (max-width: 991px) {
        header nav .navbar-header {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding-left: 0px;  /* 20220120 15px->0px */
          padding-right: 0px;   /* 20220120 15px->0px */
          height: 100%;
          width: 240px; } } /* 20190628 150px→240px */
    header nav .navbar-collapse .navbar-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 991px) {
        header nav .navbar-collapse .navbar-nav {
          background-color: #000;
          opacity: 0.92; } }
      header nav .navbar-collapse .navbar-nav > li {
        position: relative;
        padding-left: 20px;
        padding-right: 20px; }
        header nav .navbar-collapse .navbar-nav > li > a {
            position: relative;
            display: block;
            color: #333;
            line-height: 80px; /* 20190628(70logo) 90->120 */  /* 20220121 高度調回 120px -> 80px  */
            min-width: 50px;
            text-align: center;
            -webkit-transition: color 0.1s ease-in-out;
            -o-transition: color 0.1s ease-in-out;
            transition: color 0.1s ease-in-out;
            font-size: 16px;
            cursor: pointer;
        }
        @media screen and (max-width: 991px) {
          header nav .navbar-collapse .navbar-nav > li + li {
            border-top: 1px solid white; } }
        header nav .navbar-collapse .navbar-nav > li:not(.shopping):not(.language) > a:after {
          content: '';
          position: absolute;
          left: 50%;
          bottom: 0;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          display: inline-block;
          height: 3px;
          width: 0;
          background-color: #E60012;
          -webkit-transition: width 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
          -o-transition: width 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
          transition: width 0.3s cubic-bezier(0.06, 0.54, 0.58, 1); }
        header nav .navbar-collapse .navbar-nav > li.languageBack > a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          header nav .navbar-collapse .navbar-nav > li.languageBack > a .icon:before {
            font-size: 20px;
            color: #aaa;
            margin-right: 10px;
            -webkit-transition: color 0.1s ease-in-out;
            -o-transition: color 0.1s ease-in-out;
            transition: color 0.1s ease-in-out; }
        @media screen and (min-width: 992px) {
          header nav .navbar-collapse .navbar-nav > li.languageBack:hover .icon:before {
            color: #E60012; } }
        @media screen and (max-width: 991px) {
          header nav .navbar-collapse .navbar-nav > li.languageBack > a .icon:before {
            display: none; } }
        @media screen and (min-width: 992px) {
          header nav .navbar-collapse .navbar-nav > li.branch .branchBox {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
        header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li span {
          display: block; }
        header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .title {
          position: relative; }
          header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .title h4 {
            line-height: 30px; }
          header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .title p {
            line-height: 25px;
            font-family: 'Frank Ruhl Libre',"Microsoft JhengHei", "sans-serif"; }
          @media screen and (max-width: 1199px) {
            header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .title {
              padding: 10px 0; }
              header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .title h4 {
                font-size: 18px; }
              header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .title p {
                font-size: 16px; } }
          @media screen and (min-width: 992px) {
            header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .title {
              padding: 20px 0; }
              header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .title h4, header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .title p {
                position: relative;
                -webkit-transition: color 0.2s ease-in-out 0.1s;
                -o-transition: color 0.2s ease-in-out 0.1s;
                transition: color 0.2s ease-in-out 0.1s; }
              header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .title h4 {
                font-size: 20px; }
              header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .title p {
                font-size: 18px; }
              header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .title:before {
                content: '';
                width: 100%;
                height: 0;
                background-color: #F59BA4;
                position: absolute;
                left: 0;
                top: 0;
                -webkit-transition: height 0.3s cubic-bezier(0, 0.66, 0.6, 1.31);
                -o-transition: height 0.3s cubic-bezier(0, 0.66, 0.6, 1.31);
                transition: height 0.3s cubic-bezier(0, 0.66, 0.6, 1.31); } }
          @media screen and (max-width: 991px) {
            header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .title h4 {
              font-size: 16px; } }
        header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .pic {
          width: 100%;
          overflow: hidden; }
          header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .pic .jqimgFill {
            height: 165px;
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: -webkit-transform 0.3s ease-in-out;
            -o-transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
            @media screen and (max-width: 1199px) {
              header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .pic .jqimgFill {
                height: 130px; } }
            @media screen and (max-width: 991px) {
              header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li .pic .jqimgFill {
                display: none; } }
        @media screen and (min-width: 1200px) {
          header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li {
            width: 20%; } }
        @media screen and (min-width: 992px) {
          header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li {
            padding: 0 10px;
            text-align: center;
            margin-bottom: 20px; }
            header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li:hover .pic .jqimgFill {
              -webkit-transform: scale(1.1);
              -ms-transform: scale(1.1);
              transform: scale(1.1); }
            header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li:hover .title h4, header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li:hover .title p {
              color: #fff; }
            header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li:hover .title:before {
              height: 100%; } }
        @media screen and (max-width: 1199px) {
          header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li {
            width: 25%; } }
        @media screen and (max-width: 991px) {
          header nav .navbar-collapse .navbar-nav > li.branch .branchBox > li {
            width: 100%; } }
        header nav .navbar-collapse .navbar-nav > li.onlineDM .menuBox {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
          header nav .navbar-collapse .navbar-nav > li.onlineDM .menuBox > li {
            position: relative;
            text-align: center; }
            header nav .navbar-collapse .navbar-nav > li.onlineDM .menuBox > li a {
              -webkit-transition: color 0.3s ease-in-out;
              -o-transition: color 0.3s ease-in-out;
              transition: color 0.3s ease-in-out; }
              header nav .navbar-collapse .navbar-nav > li.onlineDM .menuBox > li a:hover {
                color: #E60012; }
            header nav .navbar-collapse .navbar-nav > li.onlineDM .menuBox > li + li:before {
              content: '';
              display: inline-block;
              position: absolute;
              left: 0;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              width: 1px;
              height: 16px;
              background-color: #aaa; }
            @media screen and (min-width: 992px) {
              header nav .navbar-collapse .navbar-nav > li.onlineDM .menuBox > li {
                width: 12.5%; } }
            @media screen and (max-width: 991px) {
              header nav .navbar-collapse .navbar-nav > li.onlineDM .menuBox > li {
                width: 100%; }
                header nav .navbar-collapse .navbar-nav > li.onlineDM .menuBox > li a {
                  padding: 15px;
                  line-height: 25px; } }
        header nav .navbar-collapse .navbar-nav > li.shopping {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          header nav .navbar-collapse .navbar-nav > li.shopping .btn {
            line-height: 40px;
            background-color: #f7931d;
            color: #fff;
            -webkit-transition: background-color 0.2s ease-in-out;
            -o-transition: background-color 0.2s ease-in-out;
            transition: background-color 0.2s ease-in-out; }
            header nav .navbar-collapse .navbar-nav > li.shopping .btn span.icon {
              position: relative;
              padding-left: 25px; }
              header nav .navbar-collapse .navbar-nav > li.shopping .btn span.icon:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                display: inline-block;
                font-size: 20px; }
            @media screen and (min-width: 992px) {
              header nav .navbar-collapse .navbar-nav > li.shopping .btn span.icon {
                padding-left: 20px; }
              header nav .navbar-collapse .navbar-nav > li.shopping .btn:hover {
                background-color: #ec8209; } }
            @media screen and (max-width: 991px) {
              header nav .navbar-collapse .navbar-nav > li.shopping .btn span.icon {
                padding-left: 0; }
                header nav .navbar-collapse .navbar-nav > li.shopping .btn span.icon:before {
                  display: none; } }
        header nav .navbar-collapse .navbar-nav > li.language:before {
          content: '';
          display: inline-block;
          position: absolute;
          width: 1px;
          height: 20px;
          background-color: #aaa;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          top: 50%;
          left: 0; }
        header nav .navbar-collapse .navbar-nav > li.language a {
          position: relative;
          display: inline-block;
          z-index: 0; }
          header nav .navbar-collapse .navbar-nav > li.language a:after {
            content: '';
            display: inline-block;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            z-index: -1;
            width: 8px;
            height: 8px;
            background-color: #E60012;
            opacity: 0;
            border-radius: 50%;
            -webkit-transition: color 0.1s ease-in-out,width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.2s ease-in-out;
            -o-transition: color 0.1s ease-in-out,width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.2s ease-in-out;
            transition: color 0.1s ease-in-out,width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.2s ease-in-out; }
          header nav .navbar-collapse .navbar-nav > li.language a.active {
            color: #E60012; }
            @media screen and (max-width: 767px) {
              header nav .navbar-collapse .navbar-nav > li.language a.active {
                color: #aaa; } }
          header nav .navbar-collapse .navbar-nav > li.language a:hover {
            color: #fff; }
        @media screen and (max-width: 991px) {
          header nav .navbar-collapse .navbar-nav > li.cnOffer {
            display: none; } }
        header nav .navbar-collapse .navbar-nav > li.cnOffer:before {
          content: '';
          display: inline-block;
          position: absolute;
          width: 1px;
          height: 20px;
          background-color: #aaa;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          top: 50%;
          left: 0px; }
        header nav .navbar-collapse .navbar-nav > li.mobile {
          display: none; }
          @media screen and (max-width: 991px) {
            header nav .navbar-collapse .navbar-nav > li.mobile {
              display: block; } }
        header nav .navbar-collapse .navbar-nav > li.nav-fill {
          display: none;
          padding: 0;
          -ms-flex-negative: 1;
          flex-shrink: 1; }
        @media screen and (min-width: 992px) {
          header nav .navbar-collapse .navbar-nav > li:hover:not(.shopping):not(.language) > a, header nav .navbar-collapse .navbar-nav > li.active:not(.shopping):not(.language) > a {
            color: #E60012; }
            header nav .navbar-collapse .navbar-nav > li:hover:not(.shopping):not(.language) > a:after, header nav .navbar-collapse .navbar-nav > li.active:not(.shopping):not(.language) > a:after {
              width: 100%; }
          header nav .navbar-collapse .navbar-nav > li.language a:hover:after {
            width: 30px;
            height: 30px;
            opacity: 1; } }
        @media screen and (max-width: 1199px) {
          header nav .navbar-collapse .navbar-nav > li {
            padding: 0 10px; }
            header nav .navbar-collapse .navbar-nav > li > a {
              min-width: 30px; }
            header nav .navbar-collapse .navbar-nav > li.language {
              padding-right: 0; } }
        @media screen and (max-width: 991px) {
          header nav .navbar-collapse .navbar-nav > li {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding: 0; }
            header nav .navbar-collapse .navbar-nav > li > a {
              background-color: #E60012;
              color: #fff;
              text-align: center;
              line-height: 60px;
              position: relative;
              width: 100%;
              font-weight: bold; }
              header nav .navbar-collapse .navbar-nav > li > a span {
                position: relative; }
            header nav .navbar-collapse .navbar-nav > li:not(.language).active > a:before {
              width: 100%; }
            header nav .navbar-collapse .navbar-nav > li.open > a:before {
              width: 100%; }
            header nav .navbar-collapse .navbar-nav > li.search {
              display: none; }
            header nav .navbar-collapse .navbar-nav > li.shopping {
              display: block; }
              header nav .navbar-collapse .navbar-nav > li.shopping .btn {
                height: auto;
                line-height: 60px;
                background-color: #E60012;
                border-radius: 0; }
                header nav .navbar-collapse .navbar-nav > li.shopping .btn span {
                  padding-left: 0; }
                  header nav .navbar-collapse .navbar-nav > li.shopping .btn span:before {
                    content: ""; }
            header nav .navbar-collapse .navbar-nav > li.language {
              text-align: center;
              background-color: #E60012; }
              header nav .navbar-collapse .navbar-nav > li.language > a {
                width: auto;
                background-color: transparent;
                margin: 0 15px; }
                header nav .navbar-collapse .navbar-nav > li.language > a:hover {
                  color: #333; } }
      header nav .navbar-collapse .navbar-nav .dropdown .dropdown-menu {
        min-width: 100%;
        background-color: #fff;
        padding-left: 5px;
        padding-right: 5px;
        display: none; }
        header nav .navbar-collapse .navbar-nav .dropdown .dropdown-menu li a {
          padding-top: 5px;
          padding-bottom: 5px;
          display: block;
          color: #333;
          -webkit-transition: color 0.3s ease-in-out;
          -o-transition: color 0.3s ease-in-out;
          transition: color 0.3s ease-in-out;
          text-align: center; }
      @media screen and (min-width: 992px) {
        header nav .navbar-collapse .navbar-nav .dropdown {
          position: static; }
          header nav .navbar-collapse .navbar-nav .dropdown .dropdown-menu {
            display: none;
            position: absolute;
            width: 100%;
            left: 0;
            top: 100%;
            border-style: solid;
            border-width: 1px;
            border-color: #ddd; }
            header nav .navbar-collapse .navbar-nav .dropdown .dropdown-menu > ul {
              padding: 30px 0px;
              max-width: 1350px;
              margin: 0 auto; }
          header nav .navbar-collapse .navbar-nav .dropdown.open {
            z-index: 1; } }
      @media screen and (max-width: 991px) {
        header nav .navbar-collapse .navbar-nav .dropdown .dropdown-menu {
          position: relative;
          padding: 0;
          background-color: transparent; }
          header nav .navbar-collapse .navbar-nav .dropdown .dropdown-menu li > a {
            background-color: white; }
            header nav .navbar-collapse .navbar-nav .dropdown .dropdown-menu li > a:hover {
              color: #D20816; }
          header nav .navbar-collapse .navbar-nav .dropdown .dropdown-menu li + li {
            border-top: 1px solid #c8c8c8; } }
    @media screen and (max-width: 991px) {
      header nav .navbar-collapse {
        position: absolute;
        width: 100%;
        height: calc(100vh - 60px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch; }
        header nav .navbar-collapse.collapsed {
          display: none; }
        header nav .navbar-collapse .navbar-nav {
          height: calc(100vh - 60px);
          min-height: 300px;
          overflow-y: auto;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
        header nav .navbar-collapse.fullpage {
          position: absolute;
          left: 0;
          top: 0;
          width: 100vwf;
          height: 100vh;
          background-color: #E60012; }
          header nav .navbar-collapse.fullpage .navbar-nav {
            height: auto;
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 100%; } }
  header .mobile-search {
    position: absolute;
    left: 0;
    top: 60px;
    width: 100vw;
    height: calc(100vh - 60px);
    min-height: 325px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    top: -100vh;
    -webkit-transition: top 0.5s ease-in-out, opacity 0.1s ease-in-out 0.5s;
    -o-transition: top 0.5s ease-in-out, opacity 0.1s ease-in-out 0.5s;
    transition: top 0.5s ease-in-out, opacity 0.1s ease-in-out 0.5s; }
    header .mobile-search.open {
      top: 120px; /* 60->120 20200204*/
      opacity: 1;
      -webkit-transition: top 0.5s ease-in-out, opacity 0.1s ease-in-out;
      -o-transition: top 0.5s ease-in-out, opacity 0.1s ease-in-out;
      transition: top 0.5s ease-in-out, opacity 0.1s ease-in-out; }
    header .mobile-search form {
      text-align: center; }
    header .mobile-search p {
      font-size: 20px;
      color: #fff;
      text-align: center;
      line-height: 40px;
      margin-bottom: 10px; }
    header .mobile-search select.dropkick {
      border-radius: 5px; }
    header .mobile-search .dropkick {
      width: 270px;
      margin-bottom: 10px; }
      header .mobile-search .dropkick .dk-selected {
        border-radius: 5px;
        text-align: left;
        padding-left: 20px;
        color: #666; }
        header .mobile-search .dropkick .dk-selected:before {
          margin-right: 25px; }
    header .mobile-search input[type="text"] {
      width: 270px;
      height: 50px;
      border-radius: 5px;
      border: 1px solid #ccc;
      padding: 0 8px;
      padding-left: 20px; }
    header .mobile-search button[type="submit"] {
      position: relative;
      display: block;
      color: #fff;
      margin: 20px auto 0;
      line-height: 25px; }
      header .mobile-search button[type="submit"]:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0%;
        height: 1px;
        background-color: #fff;
        -webkit-transition: width 0.3s cubic-bezier(0.57, -0.08, 0.38, 1.33);
        -o-transition: width 0.3s cubic-bezier(0.57, -0.08, 0.38, 1.33);
        transition: width 0.3s cubic-bezier(0.57, -0.08, 0.38, 1.33); }
      header .mobile-search button[type="submit"]:hover:after {
        width: 100%; }
    @media screen and (min-width: 992px) {
      header .mobile-search {
        display: none; } }

.isIE .mobile-search {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }
  @media screen and (max-width: 479px) {
    .isIE .mobile-search .dropkick.dk-select {
      display: block; } }

.isIE header nav .navbar-collapse .navbar-nav > li.navformBox .input-group input[type="text"] {
  border: 1px solid #eee; }

.ios-safari-mode header .navbar-collapse .navbar-nav {
  padding-bottom: 100px; }

/* branch Ver */
header.branchNav {
  height: 135px; }
  @media screen and (min-width: 992px) {
    header.branchNav:not(.atTop) {
      height: 70px;
      -webkit-transition: height 0.2s ease-in-out;
      -o-transition: height 0.2s ease-in-out;
      transition: height 0.2s ease-in-out; } }
  @media screen and (max-width: 991px) {
    header.branchNav {
      height: 60px; }
      header.branchNav .top {
        display: none; } }
  header.branchNav:not(.atTop) .top {
    opacity: 0;
    margin-top: -45px; }
  header.branchNav .top {
    position: relative;
    z-index: 1;
    height: 45px;
    background-color: #E60012;
    -webkit-transition: opacity 0.1s ease-in-out, margin-top 0.2s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out, margin-top 0.2s ease-in-out;
    transition: opacity 0.1s ease-in-out, margin-top 0.2s ease-in-out; }
    header.branchNav .top .branchs {
      position: relative; }
      header.branchNav .top .branchs .slider {
        height: 45px; }
        @media screen and (min-width: 1300px) {
          header.branchNav .top .branchs .slider.arrowTrue {
            padding-right: 50px; } }
        @media screen and (max-width: 1259px) {
          header.branchNav .top .branchs .slider {
            padding-right: 50px; } }
        header.branchNav .top .branchs .slider li {
          position: relative;
          text-align: center; }
          header.branchNav .top .branchs .slider li + li:before {
            content: "";
            width: 1px;
            height: 16px;
            display: block;
            position: absolute;
            left: -2px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            background-color: rgba(255, 255, 255, 0.8); }
          header.branchNav .top .branchs .slider li a {
            color: #fff;
            line-height: 45px;
            font-size: 14px; }
        header.branchNav .top .branchs .slider .slick-arrow:before {
          font-size: 16px; }
        header.branchNav .top .branchs .slider .slick-arrow.slick-prev {
          left: auto;
          right: 30px; }
        header.branchNav .top .branchs .slider .slick-arrow.slick-next {
          right: 0; }
  header.branchNav nav .navbar-header .navbar-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  header.branchNav nav .navbar-header .branchName {
    position: relative;
    overflow: hidden;
    display: block;
    width: 185px;
    height: 45px;
    line-height: 43px;
    border: 1px solid #E60012;
    border-radius: 5px;
    margin-left: 20px;
    text-align: center; }
    header.branchNav nav .navbar-header .branchName > span {
      position: relative;
      color: #E60012;
      -webkit-transition: color 0.2s ease-in-out 0.1s,font-weight 0.2s ease-in-out 0.1s;
      -o-transition: color 0.2s ease-in-out 0.1s,font-weight 0.2s ease-in-out 0.1s;
      transition: color 0.2s ease-in-out 0.1s,font-weight 0.2s ease-in-out 0.1s; }
      @media screen and (max-width: 1500px) {
        header.branchNav nav .navbar-header .branchName > span {
          font-size: 14px; } }
      header.branchNav nav .navbar-header .branchName > span + span {
        padding-left: 20px; }
        header.branchNav nav .navbar-header .branchName > span + span:before {
          content: '';
          position: absolute;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transition: background-color 0.2s ease-in-out 0.1s;
          -o-transition: background-color 0.2s ease-in-out 0.1s;
          transition: background-color 0.2s ease-in-out 0.1s;
          display: inline-block;
          margin: 0 10px 0 8px;
          width: 1px;
          height: 16px;
          background-color: #E60012; }
        @media screen and (max-width: 1199px) {
          header.branchNav nav .navbar-header .branchName > span + span {
            padding-left: 10px; }
            header.branchNav nav .navbar-header .branchName > span + span:before {
              margin: 0; } }
    @media screen and (max-width: 991px) {
      header.branchNav nav .navbar-header .branchName > span {
        font-size: 14px; } }
    @media screen and (max-width: 479px) {
      header.branchNav nav .navbar-header .branchName {
        height: auto;
        line-height: 30px; }
        header.branchNav nav .navbar-header .branchName > span {
          font-size: 12px; } }
  header.branchNav nav .navbar-collapse .navbar-nav > li {
    padding-left: 15px;
    padding-right: 15px; }
    header.branchNav nav .navbar-collapse .navbar-nav > li.search .searchBox .brand .brandbox .dropkick {
      width: calc(50% - 7px); }
    @media screen and (min-width: 992px) {
      header.branchNav nav .navbar-collapse .navbar-nav > li.branch {
        display: none; } }
    header.branchNav nav .navbar-collapse .navbar-nav > li.mobile-list {
      display: none; }
      @media screen and (max-width: 991px) {
        header.branchNav nav .navbar-collapse .navbar-nav > li.mobile-list {
          display: block; } }
    header.branchNav nav .navbar-collapse .navbar-nav > li.foods .dropdown-menu > li a .title, header.branchNav nav .navbar-collapse .navbar-nav > li.events .dropdown-menu > li a .title {
      display: block;
      padding: 10px 0;
      font-size: 16px;
      line-height: 30px; }
    header.branchNav nav .navbar-collapse .navbar-nav > li.weather {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-family: 'Didact Gothic',"Microsoft JhengHei", "sans-serif"; }
      header.branchNav nav .navbar-collapse .navbar-nav > li.weather:before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 1px;
        height: 20px;
        background-color: #aaa;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        left: 0; }
      header.branchNav nav .navbar-collapse .navbar-nav > li.weather .pic.weatherIcon {
        width: 20px;
        height: 20px;
        margin-right: 5px; }
    @media screen and (min-width: 992px) {
      header.branchNav nav .navbar-collapse .navbar-nav > li.branch {
        display: none; } }
  @media screen and (max-width: 1500px) {
    header.branchNav nav .navbar-header .branchName {
      width: 140px; }
    header.branchNav nav .navbar-collapse .navbar-nav > li {
      padding: 0 10px; }
      header.branchNav nav .navbar-collapse .navbar-nav > li.shopping .btn {
        width: 120px; }
      header.branchNav nav .navbar-collapse .navbar-nav > li.language > a {
        min-width: 30px; } }
  @media screen and (max-width: 1360px) {
    header.branchNav nav .navbar-collapse .navbar-nav > li {
      padding: 0 5px; } }
  @media screen and (max-width: 1199px) {
    /* header.branchNav nav .navbar-header .navbar-brand img {
      width: 100px; }    20220120 del */
    header.branchNav nav .navbar-collapse .navbar-nav > li {
      padding: 0 4px; }
      header.branchNav nav .navbar-collapse .navbar-nav > li a {
        font-size: 14px; }
      header.branchNav nav .navbar-collapse .navbar-nav > li.language:before {
        display: none; }
      header.branchNav nav .navbar-collapse .navbar-nav > li.shopping .btn {
        width: 40px; }
        header.branchNav nav .navbar-collapse .navbar-nav > li.shopping .btn span:not(.icon) {
          display: none; } }
  @media screen and (max-width: 991px) {
    header.branchNav nav .navbar-header {
      width: auto;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    header.branchNav nav .navbar-collapse .navbar-nav > li {
      padding: 0; }
      header.branchNav nav .navbar-collapse .navbar-nav > li > a {
        font-size: 16px; }
      header.branchNav nav .navbar-collapse .navbar-nav > li.shopping .btn {
        width: auto; }
        header.branchNav nav .navbar-collapse .navbar-nav > li.shopping .btn .icon {
          display: none; }
        header.branchNav nav .navbar-collapse .navbar-nav > li.shopping .btn span:not(.icon) {
          display: block;
          line-height: 60px; }
      header.branchNav nav .navbar-collapse .navbar-nav > li.weather {
        display: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    header.branchNav nav .navbar-header .branchName {
      width: 70px;
      margin-left: 10px; }
      header.branchNav nav .navbar-header .branchName .locate {
        display: none; }
      header.branchNav nav .navbar-header .branchName .name {
        padding-left: 0; }
        header.branchNav nav .navbar-header .branchName .name:before {
          display: none; } }
  @media screen and (max-width: 479px) {
    header.branchNav nav .navbar-header .branchName {
      width: auto;
      margin-left: 10px;
      padding: 0 5px; }
      header.branchNav nav .navbar-header .branchName .name {
        padding-left: 0; }
        header.branchNav nav .navbar-header .branchName .name:before {
          display: none; } }

.oldIos header.branchNav nav .navbar-collapse .navbar-nav > li a {
  font-size: 12px; }

/* cn ver */
@media screen and (min-width: 992px) {
  header.cnNav nav .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

header.cnNav nav .navbar-collapse .navformBox {
  position: relative;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px; }
  @media screen and (max-width: 991px) {
    header.cnNav nav .navbar-collapse .navformBox {
      display: none !important; } }
  header.cnNav nav .navbar-collapse .navformBox:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 20px;
    background-color: #aaa;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 0px; }
  header.cnNav nav .navbar-collapse .navformBox .input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ccc;
    padding: 0 5px;
    height: 40px; }
    header.cnNav nav .navbar-collapse .navformBox .input-group input[type="text"] {
      background-color: transparent;
      width: 150px;
      border: 0;
      line-height: 40px; }
    header.cnNav nav .navbar-collapse .navformBox .input-group button[type="submit"] .icon {
      display: block; }
      header.cnNav nav .navbar-collapse .navformBox .input-group button[type="submit"] .icon:before {
        font-size: 24px; }

.footer {
  position: relative;
  background-color: #ffffff;
  border-top: 1px solid #ccc;
  z-index: 2; }
  .footer .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .footer .top .box {
      padding: 35px 15px 35px 0;
      min-width: 115px; }
    .footer .top > div + div {
      border-left: 1px solid #ddd; }
    .footer .top .links + .title {
      margin-top: 50px; }
    .footer .top .title {
      color: #000;
      position: relative;
      padding-left: 35px;
      line-height: 30px;
      font-size: 14px; }
      @media screen and (max-width: 1199px) {
        .footer .top .title {
          font-size: 12px; } }
      .footer .top .title > a {
        color: #000; }
      .footer .top .title:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        width: 20px;
        height: 5px;
        background-color: #ddd; }
    .footer .top .social {
      padding-top: 35px;
      padding-bottom: 35px; }
      @media screen and (min-width: 1200px) {
        .footer .top .social {
          margin-right: 10px; } }
      .footer .top .social .btn {
        width: 270px;
        height: 80px;
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 40px;
        -webkit-transition: background-color 0.1s ease-in-out;
        -o-transition: background-color 0.1s ease-in-out;
        transition: background-color 0.1s ease-in-out;
        cursor: pointer; }
        .footer .top .social .btn > span {
          display: block; }
        .footer .top .social .btn + .btn {
          margin-top: 10px; }
        .footer .top .social .btn .pic {
          padding-right: 20px; }
        .footer .top .social .btn .text p {
          font-weight: bold; }
        .footer .top .social .btn.fb {
            background-color: #1977f3;
        }
            .footer .top .social .btn.fb .pic:before {
                /*content: "";  20200515 */
                font-size: 45px;
            }
          .footer .top .social .btn.fb:hover {
            background-color: #334c7f; }
        .footer .top .social .btn.line {
          background-color: #2CBE13; }
          .footer .top .social .btn.line:hover {
            background-color: #28a013; }
        .footer .top .social .btn.app {
          background-color: #E60012; }
          .footer .top .social .btn.app:hover {
            background-color: #B50104; }
        .footer .top .social .btn.wedding {
          background-color: #FF808C; }
          .footer .top .social .btn.wedding:hover {
            background-color: #E64959; }
    .footer .top .links li {
      padding-left: 35px;
      line-height: 30px; }
    .footer .top .links a {
      color: #444;
      background-color: transparent;
      font-size: 14px; }
      .footer .top .links a:hover {
        color: #000;
        text-decoration: underline; }
    .footer .top .mobile {
      display: none;
      width: 100%; }
    @media screen and (max-width: 1360px) {
      .footer .top {
        padding-right: 0; } }
    @media screen and (max-width: 1199px) {
      .footer .top .box {
        min-width: 90px; }
      .footer .top .social {
        margin-right: 10px; }
        .footer .top .social .btn {
          padding-left: 10px;
          padding-right: 10px;
          width: 200px; }
      .footer .top .title {
        padding-left: 25px; }
      .footer .top .links li {
        padding-left: 15px; }
      .footer .top .links a {
        font-size: 12px; } }
    @media screen and (max-width: 991px) {
      .footer .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .footer .top .social {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 30px; }
          .footer .top .social .btn + .btn {
            margin-top: 0;
            margin-left: 10px; }
        .footer .top .box {
          display: none; }
        .footer .top .mobile {
          display: block;
          margin-bottom: 15px;
          text-align: center;
          border-left: 0; }
          .footer .top .mobile a {
            display: inline-block;
            padding: 0 10px;
            line-height: 25px;
            font-size: 14px; } }
    @media screen and (max-width: 767px) {
      .footer .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .footer .top .social {
          display: block; }
          .footer .top .social .btn {
            width: 270px;
            padding-left: 0px;
            padding-right: 40px; }
            .footer .top .social .btn + .btn {
              margin-top: 10px;
              margin-left: 0; } }
  .footer .border {
    border-bottom: 5px solid #E60012; }
  .footer .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px; }
    .footer .bottom .copyright p {
      color: #888; }
    .footer .bottom .copyright a {
      color: #888;
      font-size: 12px;
      text-decoration: underline;
      -webkit-transition: color 0.1s ease-in-out;
      -o-transition: color 0.1s ease-in-out;
      transition: color 0.1s ease-in-out; }
      .footer .bottom .copyright a:hover {
        color: #333; }
    .footer .bottom .logo {
      display: block; }
    @media (min-width: 480px) and (max-width: 767px) {
      .footer .bottom .copyright p {
        font-size: 12px;
        line-height: normal; } }
    @media screen and (max-width: 479px) {
      .footer .bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center; }
        .footer .bottom .logo {
          margin-top: 20px;
          margin-bottom: 10px; } }
  .footer .mobile-parkHour {
    display: none;
    border-top: 3px solid #E60012;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 400; }
    @media screen and (max-width: 991px) {
      .footer .mobile-parkHour {
        display: block; } }
    .footer .mobile-parkHour .mobileParkTop {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .footer .mobile-parkHour .mobileParkTop > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%;
        background-color: #1E1E1E;
        color: #fff;
        line-height: 50px;
        cursor: pointer; }
        .footer .mobile-parkHour .mobileParkTop > div .icon:before {
          font-size: 24px;
          margin-right: 10px; }
      .footer .mobile-parkHour .mobileParkTop .parkingBox .icon:before {
        content: "";
        line-height: 50px; }
      .footer .mobile-parkHour .mobileParkTop .hourBox {
        border-left: 0.5px solid #aaa; }
        .footer .mobile-parkHour .mobileParkTop .hourBox .icon:before {
          content: "";
          line-height: 50px; }
    .footer .mobile-parkHour .mobileParkBottom {
      border-top: 1px solid #aaa; }
      .footer .mobile-parkHour .mobileParkBottom > div {
        position: relative;
        display: none;
        background-color: #1E1E1E;
        height: 30vh;
        max-height: 300px;
        padding: 10px 15px; }
        .footer .mobile-parkHour .mobileParkBottom > div.active {
          display: block; }
      .footer .mobile-parkHour .mobileParkBottom .parkingInfo .infoInner {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        display: block; }
      .footer .mobile-parkHour .mobileParkBottom .parkingInfo h3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        margin-bottom: 20px; }
        .footer .mobile-parkHour .mobileParkBottom .parkingInfo h3 .text {
          font-size: 16px;
          margin-right: 10px; }
        .footer .mobile-parkHour .mobileParkBottom .parkingInfo h3 > .space {
          font-size: 40px;
          line-height: normal;
          display: none; }
          .footer .mobile-parkHour .mobileParkBottom .parkingInfo h3 > .space.active {
            display: block; }
      .footer .mobile-parkHour .mobileParkBottom .parkingInfo .time {
        text-align: center;
        color: #fff;
        font-size: 14px; }
      .footer .mobile-parkHour .mobileParkBottom .hourInfo h3 {
        font-size: 18px;
        color: #fff;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px; }
      .footer .mobile-parkHour .mobileParkBottom .hourInfo p {
        color: #fff;
        font-size: 14px; }
      .footer .mobile-parkHour .mobileParkBottom .hourInfo .mscrollbar {
        height: calc(100% - 50px); }

@media screen and (max-width: 991px) {
  .wp.branchTop .footer .bottom, .wp.index.branch .footer .bottom {
    padding-bottom: 60px; } }

.modalContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 500;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none; }
  .modalContainer.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .modalContainer.active .btn-close {
      position: absolute;
      right: -30px;
      top: -30px;
      cursor: pointer; }
      .modalContainer.active .btn-close .icon:before {
        font-size: 30px;
        color: #fff; }
  .modalContainer .mobile-link {
    text-align: center; }
    .modalContainer .mobile-link select.dropkick {
      width: 150px; }
    @media screen and (min-width: 768px) {
      .modalContainer .mobile-link {
        display: none; } }

.desk-sogoApp .pic {
  opacity: 0;
  margin-right: 40px;
  margin-left: 40px; }

.desk-sogoApp.active .pic {
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out 1s;
  -o-transition: opacity 0.2s ease-in-out 1s;
  transition: opacity 0.2s ease-in-out 1s; }

.modalContainer.fbBox > .pic {
  position: relative;
  max-width: 80%; }
  @media screen and (max-width: 767px) {
    .modalContainer.fbBox > .pic {
      width: 80%; } }

@media screen and (max-width: 767px) {
  .modalContainer.fbBox .bg.pic img {
    display: none; } }

@media screen and (max-width: 767px) {
  .modalContainer.fbBox .modalInner {
    background-color: #fff;
    padding: 30px 15px; } }

@media screen and (min-width: 768px) {
  .modalContainer.fbBox .modalInner .title.pic {
    position: absolute;
    top: 20%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); } }

@media screen and (max-width: 767px) {
  .modalContainer.fbBox .modalInner .title.pic {
    margin-bottom: 20px;
    text-align: center; } }

@media screen and (max-width: 479px) {
  .modalContainer.fbBox .modalInner .title.pic {
    width: 90%;
    margin-left: auto;
    margin-right: auto; } }

.modalContainer.fbBox .modalInner .fblist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 970px;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (min-width: 768px) {
    .modalContainer.fbBox .modalInner .fblist {
      position: absolute;
      left: 50%;
      top: 40%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      padding: 0 15px; } }
  .modalContainer.fbBox .modalInner .fblist .pic {
    display: block;
    text-align: center; }
    .modalContainer.fbBox .modalInner .fblist .pic p {
      color: #000000;
      font-weight: bold;
      font-size: 18px;
      margin-top: 20px;
      text-align: center; }
  @media screen and (max-width: 991px) {
    .modalContainer.fbBox .modalInner .fblist .pic p {
      font-size: 14px;
      margin-top: 5px; } }
  @media screen and (max-width: 767px) {
    .modalContainer.fbBox .modalInner .fblist {
      display: none; } }

.modalContainer.lineBox > .pic {
  position: relative;
  max-width: 80%; }
  @media screen and (max-width: 767px) {
    .modalContainer.lineBox > .pic {
      width: 80%; } }

@media screen and (max-width: 767px) {
  .modalContainer.lineBox .bg.pic img {
    display: none; } }

@media screen and (max-width: 767px) {
  .modalContainer.lineBox .modalInner {
    background-color: #fff;
    padding: 30px 15px; } }

@media screen and (min-width: 768px) {
  .modalContainer.lineBox .modalInner .title.pic {
    position: absolute;
    top: 25%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); } }

@media screen and (max-width: 767px) {
  .modalContainer.lineBox .modalInner .title.pic {
    margin-bottom: 20px;
    text-align: center; } }

@media screen and (max-width: 479px) {
  .modalContainer.lineBox .modalInner .title.pic {
    width: 80%;
    margin-left: auto;
    margin-right: auto; } }

.modalContainer.lineBox .modalInner .linelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 970px;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (min-width: 768px) {
    .modalContainer.lineBox .modalInner .linelist {
      position: absolute;
      left: 50%;
      top: 40%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      padding: 0 15px; } }
  .modalContainer.lineBox .modalInner .linelist .hideItem {
    display: none;
    height: 1px; }
    @media screen and (max-width: 767px) {
      .modalContainer.lineBox .modalInner .linelist .hideItem {
        display: block; } }
  .modalContainer.lineBox .modalInner .linelist .pic {
    display: block;
    text-align: center; }
    .modalContainer.lineBox .modalInner .linelist .pic p {
      color: #000000;
      font-weight: bold;
      font-size: 18px;
      margin-top: 20px;
      text-align: center; }
  @media screen and (max-width: 991px) {
    .modalContainer.lineBox .modalInner .linelist .pic p {
      margin-top: 5px; } }
  @media screen and (max-width: 767px) {
    .modalContainer.lineBox .modalInner .linelist {
      display: none; } }

.backTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #E60012;
  background-color: #E60012;
  border-radius: 50%;
  z-index: 401;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out, bottom 0.3s ease-in-out, opacity 0.5s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, bottom 0.3s ease-in-out, opacity 0.5s ease-in-out;
  transition: background-color 0.3s ease-in-out, bottom 0.3s ease-in-out, opacity 0.5s ease-in-out; }
  .backTop .icon:before {
    content: "";
    font-size: 24px;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    color: #fff; }
  .backTop.atTop {
    opacity: 0;
    pointer-events: none; }
  @media screen and (min-width: 992px) {
    .backTop:hover {
      background-color: transparent; }
      .backTop:hover .icon:before {
        color: #000; } }
  @media screen and (max-width: 991px) {
    .backTop {
      width: 40px;
      height: 40px;
      bottom: 60px;
      right: 15px; }
      .backTop .icon:before {
        font-size: 20px; } }

.wp.index .banner .jqimgFill {
  height: 730px; }

/*2020.10.22 add*/
@media screen and (min-width:2500px) {
    .wp.index .banner .jqimgFill {
        height: 968px;
    }
}
  @media screen and (max-width: 1199px) {
    .wp.index .banner .jqimgFill {
      height: 500px; } }
  @media screen and (max-width: 767px) {
    .wp.index .banner .jqimgFill {
      height: 285px; } }

.wp.index .banner .slider a span {
  display: block; }

.wp.index .banner .slider .slick-arrow {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid white;
    -webkit-transition: border-color 0.1s ease-in-out, left 0.2s ease-in-out 0.1s, right 0.2s ease-in-out 0.1s;
    -o-transition: border-color 0.1s ease-in-out, left 0.2s ease-in-out 0.1s, right 0.2s ease-in-out 0.1s;
    transition: border-color 0.1s ease-in-out, left 0.2s ease-in-out 0.1s, right 0.2s ease-in-out 0.1s;
}
    .wp.index .banner .slider .slick-arrow:before {
        font-size: 25px;
        color: white;
    }
  @media screen and (max-width: 767px) {
    .wp.index .banner .slider .slick-arrow {
      width: 35px;
      height: 35px; }
      .wp.index .banner .slider .slick-arrow:before {
        font-size: 18px; } }

.wp.index .banner .slider .slick-prev {
  left: 30px; }
  @media screen and (min-width: 480px) {
    .wp.index .banner .slider .slick-prev:hover {
      border-color: transparent;
      left: 15px; } }

.wp.index .banner .slider .slick-next {
  right: 30px; }
  @media screen and (min-width: 480px) {
    .wp.index .banner .slider .slick-next:hover {
      border-color: transparent;
      right: 15px; } }

.wp.index .content {
  margin-bottom: 60px; }
  @media screen and (max-width: 767px) {
    .wp.index .content {
      margin-bottom: 30px; } }
  .wp.index .content .dateNoData p {
    font-size: 32px;
    font-weight: normal; }
  .wp.index .content .redLineTitle {
    margin-top: 60px;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .wp.index .content .redLineTitle {
        display: inline-block;
        margin-top: 30px;
        margin-bottom: 20px; } }
  .wp.index .content .fbinfo {
    position: relative;
    z-index: 2; }
  .wp.index .content .infos .slider.animateElement, .wp.index .content .fbinfo .slider.animateElement {
    opacity: 0; }
  .wp.index .content .infos .slider.inView, .wp.index .content .fbinfo .slider.inView {
    -webkit-animation: fadeIn 0.5s ease-in-out 0.2s forwards;
    animation: fadeIn 0.5s ease-in-out 0.2s forwards; }
  .wp.index .content .infos .slider span, .wp.index .content .fbinfo .slider span {
    display: block; }
  .wp.index .content .infos .slider .box, .wp.index .content .fbinfo .slider .box {
    display: block;
    margin: 0 10px; }
  .wp.index .content .infos .slider .pic, .wp.index .content .fbinfo .slider .pic {
    position: relative;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out; }
    .wp.index .content .infos .slider .pic img, .wp.index .content .fbinfo .slider .pic img {
      margin: 0 auto; }
    .wp.index .content .infos .slider .pic .ovalBtnBox, .wp.index .content .fbinfo .slider .pic .ovalBtnBox {
      position: absolute;
      left: 0;
      top: 20px;
      width: 100%;
      padding: 0 20px; }
    .wp.index .content .infos .slider .pic .branch, .wp.index .content .fbinfo .slider .pic .branch {
      display: inline-block;
      margin-bottom: 5px; }
      .wp.index .content .infos .slider .pic .branch + .branch, .wp.index .content .fbinfo .slider .pic .branch + .branch {
        margin-left: 5px; }
  .wp.index .content .infos .slider .slick-arrow, .wp.index .content .fbinfo .slider .slick-arrow {
    width: auto;
    height: auto; }
    .wp.index .content .infos .slider .slick-arrow:before, .wp.index .content .fbinfo .slider .slick-arrow:before {
      color: #aaa;
      font-size: 30px; }
    .wp.index .content .infos .slider .slick-arrow.slick-prev, .wp.index .content .fbinfo .slider .slick-arrow.slick-prev {
      left: 0; }
    .wp.index .content .infos .slider .slick-arrow.slick-next, .wp.index .content .fbinfo .slider .slick-arrow.slick-next {
      right: 0; }
    @media screen and (max-width: 1760px) {
      .wp.index .content .infos .slider .slick-arrow.slick-prev, .wp.index .content .fbinfo .slider .slick-arrow.slick-prev {
        left: 0; }
      .wp.index .content .infos .slider .slick-arrow.slick-next, .wp.index .content .fbinfo .slider .slick-arrow.slick-next {
        right: 0; } }
    @media screen and (max-width: 479px) {
      .wp.index .content .infos .slider .slick-arrow:before, .wp.index .content .fbinfo .slider .slick-arrow:before {
        color: #fff;
        font-weight: bold; }
      .wp.index .content .infos .slider .slick-arrow.slick-prev, .wp.index .content .fbinfo .slider .slick-arrow.slick-prev {
        left: 15px; }
      .wp.index .content .infos .slider .slick-arrow.slick-next, .wp.index .content .fbinfo .slider .slick-arrow.slick-next {
        right: 15px; } }
  @media screen and (max-width: 1760px) {
    .wp.index .content .infos .slider, .wp.index .content .fbinfo .slider {
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (max-width: 991px) {
    .wp.index .content .infos .slider, .wp.index .content .fbinfo .slider {
      padding-left: 0;
      padding-right: 0; } }
  .wp.index .content .facebooks .box {
    border: 1px solid #ccc; }
  .wp.index .content .facebooks .jqimgFill {
    height: 320px; }
    @media screen and (max-width: 767px) {
      .wp.index .content .facebooks .jqimgFill {
        height: 240px; } }
  .wp.index .content .facebooks .title {
    padding: 15px 30px 15px; }
    .wp.index .content .facebooks .title span {
      display: inline; }
    .wp.index .content .facebooks .title .intros {
      display: block; }
      .wp.index .content .facebooks .title .intros .hash {
        color: #0053a0; }
    @media screen and (max-width: 991px) {
      .wp.index .content .facebooks .title .intros {
        height: auto; } }
    @media screen and (max-width: 767px) {
      .wp.index .content .facebooks .title {
        padding: 15px; } }
  .wp.index .content .facebooks .state {
    padding: 0 30px 20px; }
    .wp.index .content .facebooks .state span {
      position: relative;
      display: inline-block;
      font-size: 14px;
      cursor: pointer;
      -webkit-transition: color 0.1s linear;
      -o-transition: color 0.1s linear;
      transition: color 0.1s linear; }
      .wp.index .content .facebooks .state span:hover {
        color: #334F8E; }
      .wp.index .content .facebooks .state span:before {
        padding-right: 10px;
        display: inline-block !important; }
      .wp.index .content .facebooks .state span.split {
        display: inline;
        padding-left: 30px; }
        .wp.index .content .facebooks .state span.split:before {
          content: '';
          width: 1px;
          height: 16px;
          display: inline-block;
          background-color: #aaa;
          padding: 0;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
    .wp.index .content .facebooks .state .icon:before {
      -webkit-transition: font-size 0.2s ease-in-out;
      -o-transition: font-size 0.2s ease-in-out;
      transition: font-size 0.2s ease-in-out; }
    @media screen and (max-width: 767px) {
      .wp.index .content .facebooks .state {
        padding: 0 15px 30px; }
        .wp.index .content .facebooks .state span.split {
          padding-left: 20px; }
        .wp.index .content .facebooks .state span:after {
          display: none; } }
    @media screen and (max-width: 479px) {
      .wp.index .content .facebooks .state {
        text-align: center; } }
  .wp.index .content .section {
    position: relative; }
  .wp.index .content .btn.morenews {
    border: 1px solid #ddd;
    display: block;
    color: #333;
    width: 135px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    right: 65px;
    top: 0;
    -webkit-transition: background-color 0.3s ease-in-out, color 0.2s ease-in-out 0.1s;
    -o-transition: background-color 0.3s ease-in-out, color 0.2s ease-in-out 0.1s;
    transition: background-color 0.3s ease-in-out, color 0.2s ease-in-out 0.1s; }
    .wp.index .content .btn.morenews:hover {
      background-color: #E60012;
      color: #fff; }
    @media screen and (max-width: 1760px) {
      .wp.index .content .btn.morenews {
        right: 40px; } }
    @media screen and (max-width: 991px) {
      .wp.index .content .btn.morenews {
        right: 20px; } }
    @media screen and (max-width: 767px) {
      .wp.index .content .btn.morenews {
        display: none; } }
  .wp.index .content .news {
    padding-bottom: 60px; }
    .wp.index .content .newsContainer {
      margin-top: 60px; }
      @media screen and (max-width: 991px) {
        .wp.index .content .newsContainer {
          margin-top: 100px; } }
      @media screen and (max-width: 767px) {
        .wp.index .content .newsContainer {
          margin-top: 80px; } }
    .wp.index .content .newsTitle {
      margin-top: 0; }
    .wp.index .content .news .pic {
      -webkit-transition: opacity 0.2s ease-in-out;
      -o-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out; }
      .wp.index .content .news .pic .jqimgFill {
        height: 400px; }
    @media screen and (max-width: 767px) {
      .wp.index .content .news {
        padding-bottom: 30px; }
        .wp.index .content .news .pic {
          width: 100%;
          max-width: 530px;
          margin: 0 auto; } }
  .wp.index .content .tabType .titleBox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .wp.index .content .tabType .titleBox {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .wp.index .content .tabType .titleBox.animateElement {
          opacity: 0; }
        .wp.index .content .tabType .titleBox.inView {
          -webkit-animation: fadeIn 0.5s ease-in-out forwards;
          animation: fadeIn 0.5s ease-in-out forwards; }
        .wp.index .content .tabType .titleBox:after {
          content: '';
          display: inline-block;
          width: 100vw;
          height: 1px;
          position: absolute;
          background-color: #ccc;
          left: 50%;
          bottom: 0;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); } }
    @media screen and (max-width: 767px) {
      .wp.index .content .tabType .titleBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px; }
        .wp.index .content .tabType .titleBox:after {
          display: none; }
        .wp.index .content .tabType .titleBox.animateElement {
          opacity: 0; }
        .wp.index .content .tabType .titleBox.inView {
          -webkit-animation: fadeIn 0.5s ease-in-out forwards;
          animation: fadeIn 0.5s ease-in-out forwards; } }
    .wp.index .content .tabType .titleBox .left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 440px;
      flex: 0 0 440px; }
      @media screen and (min-width: 768px) {
        .wp.index .content .tabType .titleBox .left {
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; } }
      @media screen and (max-width: 991px) {
        .wp.index .content .tabType .titleBox .left {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 400px;
          flex: 0 0 400px; } }
      @media screen and (max-width: 767px) {
        .wp.index .content .tabType .titleBox .left {
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          width: auto;
          position: relative;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 100%;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          margin-bottom: 15px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .wp.index .content .tabType .titleBox .left .redLineTitle {
        margin: 0;
        line-height: 40px;
        padding-right: 20px; }
        @media screen and (max-width: 767px) {
          .wp.index .content .tabType .titleBox .left .redLineTitle {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            left: auto;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 15px; }
            .wp.index .content .tabType .titleBox .left .redLineTitle span {
              line-height: inherit; } }
      @media screen and (max-width: 767px) {
        .wp.index .content .tabType .titleBox .left .btnBox {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
      @media screen and (max-width: 479px) {
        .wp.index .content .tabType .titleBox .left .btnBox {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; } }
      .wp.index .content .tabType .titleBox .left .btn {
        background-color: #444;
        display: inline-block;
        line-height: 40px;
        text-align: center;
        -webkit-transition: background-color 0.2s linear;
        -o-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear; }
        .wp.index .content .tabType .titleBox .left .btn:before {
          content: '';
          position: absolute;
          display: inline-block;
          width: 1px;
          height: 20px;
          background-color: #ccc;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          left: -10px; }
        .wp.index .content .tabType .titleBox .left .btn:hover {
          background-color: #333; }
        @media screen and (max-width: 991px) {
          .wp.index .content .tabType .titleBox .left .btn {
            width: 100px; } }
        @media screen and (max-width: 767px) {
          .wp.index .content .tabType .titleBox .left .btn {
            top: 0;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            width: 100%;
            max-width: 400px;
            border-radius: 5px;
            line-height: 50px;
            height: 50px;
            margin-right: 20px; }
            .wp.index .content .tabType .titleBox .left .btn:before {
              display: none; } }
        @media screen and (max-width: 479px) {
          .wp.index .content .tabType .titleBox .left .btn {
            margin-bottom: 10px;
            margin-right: 0; } }
    .wp.index .content .tabType .titleBox .right {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      width: 100%; }
      .wp.index .content .tabType .titleBox .right.animateElement {
        opacity: 0; }
      .wp.index .content .tabType .titleBox .right.inView {
        -webkit-animation: fadeIn 0.5s ease-in-out 0.2s forwards;
        animation: fadeIn 0.5s ease-in-out 0.2s forwards; }
      @media screen and (max-width: 991px) {
        .wp.index .content .tabType .titleBox .right {
          width: calc(100% - 365px); } }
      @media screen and (max-width: 767px) {
        .wp.index .content .tabType .titleBox .right {
          width: 100%; } }
      .wp.index .content .tabType .titleBox .right .nav-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        line-height: 40px; }
        @media screen and (max-width: 767px) {
          .wp.index .content .tabType .titleBox .right .nav-tabs {
            display: none; } }
        .wp.index .content .tabType .titleBox .right .nav-tabs li {
          position: relative;
          text-align: center;
          cursor: pointer;
          -webkit-transition: color 0.1s ease-in-out;
          -o-transition: color 0.1s ease-in-out;
          transition: color 0.1s ease-in-out;
          min-width: 70px;
          margin-left: 30px;
          margin-right: 30px; }
          @media screen and (max-width: 1679px) {
            .wp.index .content .tabType .titleBox .right .nav-tabs li {
              margin-left: 20px;
              margin-right: 20px; } }
          @media screen and (max-width: 1199px) {
            .wp.index .content .tabType .titleBox .right .nav-tabs li {
              min-width: 80px;
              margin-right: 5px;
              margin-left: 5px; } }
          @media screen and (max-width: 991px) {
            .wp.index .content .tabType .titleBox .right .nav-tabs li {
              min-width: 60px; } }
          .wp.index .content .tabType .titleBox .right .nav-tabs li span {
            position: relative;
            display: block;
            line-height: 40px;
            padding-bottom: 15px; }
            .wp.index .content .tabType .titleBox .right .nav-tabs li span:after {
              content: '';
              position: absolute;
              left: 0;
              bottom: 0;
              display: block;
              width: 0;
              height: 5px;
              background-color: #E60012;
              -webkit-transition: width 0.2s ease-in-out;
              -o-transition: width 0.2s ease-in-out;
              transition: width 0.2s ease-in-out; }
            @media (min-width: 768px) and (max-width: 991px) {
              .wp.index .content .tabType .titleBox .right .nav-tabs li span {
                font-size: 14px; } }
          @media screen and (min-width: 992px) {
            .wp.index .content .tabType .titleBox .right .nav-tabs li:hover {
              color: #D20816; }
              .wp.index .content .tabType .titleBox .right .nav-tabs li:hover span:after {
                width: 100%; } }
          .wp.index .content .tabType .titleBox .right .nav-tabs li.active {
            color: #D20816;
            font-weight: bold; }
            .wp.index .content .tabType .titleBox .right .nav-tabs li.active span:after {
              width: 100%; }
    .wp.index .content .tabType .titleBox .mobile-tabs {
      display: none;
      text-align: center;
      width: 100%;
      max-width: 400px; }
      @media screen and (max-width: 767px) {
        .wp.index .content .tabType .titleBox .mobile-tabs {
          display: block;
          margin-left: auto;
          margin-right: auto; } }
      .wp.index .content .tabType .titleBox .mobile-tabs .dropkick {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%; }
        .wp.index .content .tabType .titleBox .mobile-tabs .dropkick .dk-selected {
          border-radius: 5px;
          color: #E60012;
          border-width: 2px;
          border-color: #E60012; }
          .wp.index .content .tabType .titleBox .mobile-tabs .dropkick .dk-selected:before {
            content: "";
            font-size: 15px;
            position: absolute;
            border-width: 0;
            right: 10px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            margin: 0; }
        .wp.index .content .tabType .titleBox .mobile-tabs .dropkick.dk-select-open-down .dk-selected:before {
          content: "";
          font-size: 15px;
          position: absolute;
          border-width: 0;
          right: 10px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          margin: 0; }
      .wp.index .content .tabType .titleBox .mobile-tabs select.dropkick {
        width: 100%;
        height: 50px; }
  .wp.index .content .tabType .tab-content.animateElement {
    opacity: 0; }
  .wp.index .content .tabType .tab-content.inView {
    -webkit-animation: fadeIn 0.5s ease-in-out 0.2s forwards;
    animation: fadeIn 0.5s ease-in-out 0.2s forwards; }
  .wp.index .content .tabType .tab-content > .tab-pane {
    display: block;
    height: 0;
    overflow: hidden; }
    .wp.index .content .tabType .tab-content > .tab-pane.active {
      height: auto; }
  @media screen and (max-width: 767px) {
    .wp.index .content .tabType .slider {
      margin-top: 0px;
      margin-bottom: 40px; } }
  .wp.index .content .popular {
    padding-bottom: 95px; }
    @media screen and (max-width: 767px) {
      .wp.index .content .popular {
        padding-top: 30px;
        padding-bottom: 30px; } }
    .wp.index .content .popular h2 {
      margin-top: 0; }
    .wp.index .content .popular .videos {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media screen and (max-width: 767px) {
        .wp.index .content .popular .videos {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .wp.index .content .popular .videos .videoBox {
        display: block;
        position: relative;
        width: 50%;
        height: auto; }
        .wp.index .content .popular .videos .videoBox:nth-child(odd) {
          -webkit-transform: translateY(20px);
          -ms-transform: translateY(20px);
          transform: translateY(20px); }
        .wp.index .content .popular .videos .videoBox:nth-child(even) {
          -webkit-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          transform: translateY(-20px); }
        .wp.index .content .popular .videos .videoBox.animateElement {
          opacity: 0; }
        .wp.index .content .popular .videos .videoBox.inView {
          -webkit-animation: fadeIn 0.5s ease-in-out 0.2s forwards;
          animation: fadeIn 0.5s ease-in-out 0.2s forwards; }
        .wp.index .content .popular .videos .videoBox.active .mask {
          display: block;
          opacity: 0;
          pointer-events: none; }
        @media screen and (min-width: 992px) {
          .wp.index .content .popular .videos .videoBox:hover .pic img {
            -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
            transform: scale(1.05); }
          .wp.index .content .popular .videos .videoBox:hover .title .en:after {
            width: 80%;
            height: 1px; } }
        @media screen and (max-width: 767px) {
          .wp.index .content .popular .videos .videoBox {
            width: 100%;
            -webkit-transform: none !important;
            -ms-transform: none !important;
            transform: none !important;
            margin-bottom: 10px; } }
      .wp.index .content .popular .videos .pic {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .wp.index .content .popular .videos .pic img {
          display: block;
          -webkit-transition: -webkit-transform 0.5s ease-in-out;
          transition: -webkit-transform 0.5s ease-in-out;
          -o-transition: transform 0.5s ease-in-out;
          transition: transform 0.5s ease-in-out;
          transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; }
      .wp.index .content .popular .videos .title {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        width: 100%; }
        .wp.index .content .popular .videos .title .btn-play {
          position: relative; }
        .wp.index .content .popular .videos .title span {
          display: block;
          color: #fff;
          font-family: "Gilda Display","Microsoft JhengHei", "sans-serif"; }
        .wp.index .content .popular .videos .title .en {
          position: relative;
          font-size: 46px;
          line-height: 50px;
          padding-bottom: 10px; }
          .wp.index .content .popular .videos .title .en:after {
            content: '';
            display: block;
            width: 0;
            height: 1px;
            background-color: #fff;
            position: absolute;
            left: 50%;
            bottom: 0;
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            -webkit-transition: width 0.5s ease-in-out;
            -o-transition: width 0.5s ease-in-out;
            transition: width 0.5s ease-in-out; }
        .wp.index .content .popular .videos .title .ch {
          font-size: 18px;
          line-height: 30px;
          padding-top: 10px; }
        @media screen and (max-width: 991px) {
          .wp.index .content .popular .videos .title .en {
            font-size: 32px;
            line-height: 35px;
            padding-bottom: 5px; }
          .wp.index .content .popular .videos .title .ch {
            font-size: 18px;
            padding-top: 5px;
            padding-left: 15px;
            padding-right: 15px; } }
  .wp.index .content .products {
    position: relative;
    padding-top: 60px; }
    @media screen and (max-width: 767px) {
      .wp.index .content .products {
        padding-top: 30px;
        padding-bottom: 0px; } }
    @media screen and (max-width: 767px) {
      .wp.index .content .products .slider {
        margin-top: 0px; } }
    .wp.index .content .products .slider span {
      display: block; }
    .wp.index .content .products .slider li {
      padding: 0 12.5px; }
      .wp.index .content .products .slider li > a {
        text-align: center; }
      .wp.index .content .products .slider li:hover .pic:before {
        opacity: 0.3; }
      .wp.index .content .products .slider li:hover .pic:after {
        -webkit-animation: indexProducts 0.3s ease-in-out 0.1s forwards;
        animation: indexProducts 0.3s ease-in-out 0.1s forwards; }
    .wp.index .content .products .slider .pic {
      margin-bottom: 15px;
      position: relative; }
      .wp.index .content .products .slider .pic img {
        margin: 0 auto; }
      .wp.index .content .products .slider .pic:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-color: #E60012;
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
        pointer-events: none;
        z-index: 1; }
      .wp.index .content .products .slider .pic:after {
        content: '商品資訊';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100px;
        height: 100px;
        background: #f00;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
        z-index: 1; }
      .wp.index .content .products .slider .pic .logo {
        position: absolute;
        left: 0;
        top: 0; }
    .wp.index .content .products .slider .offer {
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      color: #999;
      border: 1px solid #999;
      padding: 10px;
      display: inline-block;
      margin-bottom: 15px; }
    .wp.index .content .products .slider .title {
      height: 60px;
      line-height: 30px;
      margin-bottom: 15px;
      color: #333;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    .wp.index .content .products .slider .price {
      font-size: 25px;
      color: #E60012; }
      .wp.index .content .products .slider .price span {
        display: inline;
        font-family: "Frank Ruhl Libre","Microsoft JhengHei", "sans-serif"; }
      .wp.index .content .products .slider .price:before {
        font-size: 16px;
        content: "$";
        display: inline-block;
        color: #E60012; }
      .wp.index .content .products .slider .price .unit {
        font-size: 12px; }
    .wp.index .content .products .slider .slick-arrow {
      width: auto;
      height: auto; }
      .wp.index .content .products .slider .slick-arrow:before {
        color: #aaa;
        font-size: 30px; }
      .wp.index .content .products .slider .slick-arrow.slick-prev {
        left: 0; }
      .wp.index .content .products .slider .slick-arrow.slick-next {
        right: 0; }
  @media screen and (max-width: 479px) {
    .wp.index .content .members h2 span {
      display: block;
      padding-left: 0; } }
  .wp.index .content .members .memberBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #ddd; }
    .wp.index .content .members .memberBox > a {
      display: block; }
    .wp.index .content .members .memberBox .box {
      position: relative;
      width: 30%;
      height: 360px; }
      @media screen and (min-width: 992px) {
        .wp.index .content .members .memberBox .box {
          -ms-flex-negative: 1;
          flex-shrink: 1;
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1; } }
      @media screen and (max-width: 991px) {
        .wp.index .content .members .memberBox .box {
          width: 50% !important; }
          .wp.index .content .members .memberBox .box[data-member-id="present"].picBox {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2; }
          .wp.index .content .members .memberBox .box[data-member-id="present"].intro {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1; }
          .wp.index .content .members .memberBox .box[data-member-id="gift"].picBox {
            -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
            order: 6; }
          .wp.index .content .members .memberBox .box[data-member-id="gift"].intro {
            -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
            order: 5; }
          .wp.index .content .members .memberBox .box[data-member-id="happygo"].picBox {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2; }
          .wp.index .content .members .memberBox .box[data-member-id="happygo"].intro {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3; }
          .wp.index .content .members .memberBox .box[data-member-id="csr"] {
            -webkit-box-ordinal-group: 9;
            -ms-flex-order: 8;
            order: 8; }
          .wp.index .content .members .memberBox .box[data-member-id="china"], .wp.index .content .members .memberBox .box[data-member-id="wedding"] {
            -webkit-box-ordinal-group: 8;
            -ms-flex-order: 7;
            order: 7; } }
      @media screen and (max-width: 767px) {
        .wp.index .content .members .memberBox .box {
          width: 100% !important;
          height: 215px; }
          .wp.index .content .members .memberBox .box[data-member-id="present"].picBox {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2; }
          .wp.index .content .members .memberBox .box[data-member-id="present"].intro {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1; }
          .wp.index .content .members .memberBox .box[data-member-id="gift"].picBox {
            -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
            order: 6; }
          .wp.index .content .members .memberBox .box[data-member-id="gift"].intro {
            -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
            order: 5; }
          .wp.index .content .members .memberBox .box[data-member-id="happygo"].picBox {
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4; }
          .wp.index .content .members .memberBox .box[data-member-id="happygo"].intro {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3; }
          .wp.index .content .members .memberBox .box[data-member-id="csr"] {
            -webkit-box-ordinal-group: 9;
            -ms-flex-order: 8;
            order: 8; }
          .wp.index .content .members .memberBox .box[data-member-id="china"], .wp.index .content .members .memberBox .box[data-member-id="wedding"] {
            -webkit-box-ordinal-group: 8;
            -ms-flex-order: 7;
            order: 7; } }
      .wp.index .content .members .memberBox .box[data-member-id="wedding"] .title h4 {
        color: #E60012; }
      .wp.index .content .members .memberBox .box.animateElement {
        opacity: 0; }
      .wp.index .content .members .memberBox .box.inView {
        -webkit-animation: fadeIn 0.5s ease-in-out 0.2s forwards;
        animation: fadeIn 0.5s ease-in-out 0.2s forwards; }
      .wp.index .content .members .memberBox .box.active .pic .jqimgFill, .wp.index .content .members .memberBox .box:hover .pic .jqimgFill {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
      .wp.index .content .members .memberBox .box .pic {
        overflow: hidden; }
        .wp.index .content .members .memberBox .box .pic .jqimgFill {
          display: block;
          -webkit-transition: -webkit-transform 0.3s ease-in-out;
          transition: -webkit-transform 0.3s ease-in-out;
          -o-transition: transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
      .wp.index .content .members .memberBox .box span {
        display: block; }
      .wp.index .content .members .memberBox .box > a {
        display: block;
        width: 100%;
        height: 100%; }
      .wp.index .content .members .memberBox .box a {
        color: #444;
        -webkit-transition: color 0.1s ease-in-out;
        -o-transition: color 0.1s ease-in-out;
        transition: color 0.1s ease-in-out; }
        .wp.index .content .members .memberBox .box a:hover {
          color: #000; }
      @media screen and (min-width: 992px) {
        .wp.index .content .members .memberBox .box.doubleW {
          width: calc(100% / 3 * 2);
          max-width: calc(100% / 3 * 2); } }
      .wp.index .content .members .memberBox .box.doubleW .title:after {
        display: none; }
      .wp.index .content .members .memberBox .box.doubleH .pic .jqimgFill {
        height: 720px; }
      .wp.index .content .members .memberBox .box.doubleH:after {
        height: 720px !important; }
      .wp.index .content .members .memberBox .box.absoluteTitle .title {
        position: absolute;
        left: 70px;
        top: 70px;
        pointer-events: none; }
        .wp.index .content .members .memberBox .box.absoluteTitle .title:after {
          display: none; }
      .wp.index .content .members .memberBox .box.absoluteTitle .pic .jqimgFill {
        background-position: 35% center !important; }
      @media screen and (max-width: 767px) {
        .wp.index .content .members .memberBox .box.absoluteTitle {
          height: 255px; }
          .wp.index .content .members .memberBox .box.absoluteTitle .title {
            left: 25px;
            top: 65px; }
            .wp.index .content .members .memberBox .box.absoluteTitle .title:after {
              display: none; }
          .wp.index .content .members .memberBox .box.absoluteTitle .pic .jqimgFill {
            height: 255px; } }
      .wp.index .content .members .memberBox .box.intro {
        padding: 60px 70px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 1; }
        .wp.index .content .members .memberBox .box.intro[data-member-id="happygo"] {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding: 0 60px; }
          @media screen and (max-width: 1759px) {
            .wp.index .content .members .memberBox .box.intro[data-member-id="happygo"] {
              padding: 0 40px; } }
          @media screen and (max-width: 767px) {
            .wp.index .content .members .memberBox .box.intro[data-member-id="happygo"] {
              padding: 40px 15px; } }
        .wp.index .content .members .memberBox .box.intro .memberCard {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          overflow-x: auto; }
          .wp.index .content .members .memberBox .box.intro .memberCard li {
            line-height: 28px;
            font-size: 16px;
            padding-right: 5px; }
            .wp.index .content .members .memberBox .box.intro .memberCard li:before {
              content: '•';
              padding-right: 5px;
              padding-left: 5px; }
            .wp.index .content .members .memberBox .box.intro .memberCard li span {
              display: inline; }
        @media screen and (max-width: 1679px) {
          .wp.index .content .members .memberBox .box.intro {
            padding: 30px 40px; } }
        @media screen and (min-width: 768px) {
          .wp.index .content .members .memberBox .box.intro.active .triangle {
            -webkit-transition: opacity 0.1s ease-in-out,-webkit-transform 0.3s ease-in-out;
            transition: opacity 0.1s ease-in-out,-webkit-transform 0.3s ease-in-out;
            -o-transition: transform 0.3s ease-in-out,opacity 0.1s ease-in-out;
            transition: transform 0.3s ease-in-out,opacity 0.1s ease-in-out;
            transition: transform 0.3s ease-in-out,opacity 0.1s ease-in-out,-webkit-transform 0.3s ease-in-out; }
            .wp.index .content .members .memberBox .box.intro.active .triangle.left {
              -webkit-transform: translate(100%, -50%);
              -ms-transform: translate(100%, -50%);
              transform: translate(100%, -50%);
              opacity: 1; }
            .wp.index .content .members .memberBox .box.intro.active .triangle.right {
              -webkit-transform: translate(-100%, -50%);
              -ms-transform: translate(-100%, -50%);
              transform: translate(-100%, -50%);
              opacity: 1; }
            .wp.index .content .members .memberBox .box.intro.active .triangle.top {
              -webkit-transform: translate(-50%, 100%);
              -ms-transform: translate(-50%, 100%);
              transform: translate(-50%, 100%);
              opacity: 1; }
            .wp.index .content .members .memberBox .box.intro.active .triangle.bottom {
              -webkit-transform: translate(-50%, -100%);
              -ms-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%);
              opacity: 1; } }
        @media screen and (max-width: 767px) {
          .wp.index .content .members .memberBox .box.intro {
            padding: 40px 15px;
            height: auto; }
            .wp.index .content .members .memberBox .box.intro:not(:first-child) {
              border-top: 1px solid #ccc; } }
      @media screen and (min-width: 480px) {
        .wp.index .content .members .memberBox .box.picBox:after {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          display: block;
          width: 100%;
          height: 100%;
          -webkit-transition: background-color 0.2s ease-in-out 0.15s;
          -o-transition: background-color 0.2s ease-in-out 0.15s;
          transition: background-color 0.2s ease-in-out 0.15s;
          pointer-events: none; }
        .wp.index .content .members .memberBox .box.picBox.active:after {
          background-color: rgba(230, 0, 18, 0.3); } }
      .wp.index .content .members .memberBox .box .triangle {
        position: absolute;
        -webkit-transition: opacity 0.1s ease-in-out 0.3s,-webkit-transform 0.3s ease-in-out;
        transition: opacity 0.1s ease-in-out 0.3s,-webkit-transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out,opacity 0.1s ease-in-out 0.3s;
        transition: transform 0.3s ease-in-out,opacity 0.1s ease-in-out 0.3s;
        transition: transform 0.3s ease-in-out,opacity 0.1s ease-in-out 0.3s,-webkit-transform 0.3s ease-in-out;
        z-index: 1;
        opacity: 0; }
        @media screen and (min-width: 992px) {
          .wp.index .content .members .memberBox .box .triangle.left {
            right: 0;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 23px 30px;
            border-color: transparent transparent transparent #fff; }
          .wp.index .content .members .memberBox .box .triangle.right {
            left: 0;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 23px 30px;
            border-color: transparent #fff transparent transparent; }
          .wp.index .content .members .memberBox .box .triangle.top {
            left: 50%;
            bottom: 0;
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 30px 23px;
            border-color: #fff transparent transparent transparent; }
          .wp.index .content .members .memberBox .box .triangle.bottom {
            left: 50%;
            top: 0;
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 30px 23px; } }
        @media screen and (max-width: 991px) {
          .wp.index .content .members .memberBox .box .triangle {
            opacity: 0; } }
        @media screen and (max-width: 767px) {
          .wp.index .content .members .memberBox .box .triangle {
            left: 50%;
            bottom: 0;
            opacity: 1;
            -webkit-transform: translate(-50%, 100%);
            -ms-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 30px 23px;
            border-color: #fff transparent transparent transparent; } }
    .wp.index .content .members .memberBox .title {
      position: relative;
      padding-bottom: 20px;
      margin-bottom: 30px; }
      .wp.index .content .members .memberBox .title h4 {
        color: #000;
        font-size: 30px;
        line-height: 50px; }
        @media screen and (max-width: 1199px) {
          .wp.index .content .members .memberBox .title h4 {
            font-size: 24px;
            line-height: 30px; } }
      .wp.index .content .members .memberBox .title .en {
        color: #888;
        font-size: 18px;
        line-height: 25px;
        margin-top: 5px; }
      .wp.index .content .members .memberBox .title:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        display: inline-block;
        width: 30px;
        height: 2px;
        background-color: #000; }
      @media screen and (max-width: 767px) {
        .wp.index .content .members .memberBox .title {
          padding-bottom: 15px;
          margin-bottom: 10px; }
          .wp.index .content .members .memberBox .title h4 {
            font-size: 20px;
            line-height: 30px; }
          .wp.index .content .members .memberBox .title .en {
            font-size: 16px; } }
    .wp.index .content .members .memberBox .jqimgFill {
      height: 360px; }
      @media screen and (max-width: 767px) {
        .wp.index .content .members .memberBox .jqimgFill {
          height: 215px; } }
    .wp.index .content .members .memberBox .absLogo {
      position: absolute;
      width: 100%;
      height: 75px;
      background-color: rgba(255, 255, 255, 0.75);
      text-align: center;
      left: 0;
      bottom: 0;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
  .wp.index .content .progressDots {
    position: fixed;
    right: 20px;
    top: 50%;
    text-align: right;
    z-index: 400;
    opacity: 1;
    -webkit-transition: top 0.5s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: top 0.5s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.5s ease-in-out;
    -o-transition: top 0.5s ease-in-out, transform 0.5s ease-in-out,opacity 0.3s ease-in-out;
    transition: top 0.5s ease-in-out, transform 0.5s ease-in-out,opacity 0.3s ease-in-out;
    transition: top 0.5s ease-in-out, transform 0.5s ease-in-out,opacity 0.3s ease-in-out, -webkit-transform 0.5s ease-in-out;
    pointer-events: none; }
    .wp.index .content .progressDots.atBottom {
      opacity: 0;
      pointer-events: none; }
    .wp.index .content .progressDots:not(.atTop) ul.inView {
      -webkit-animation: fadeInRight 1s ease-in-out;
      animation: fadeInRight 1s ease-in-out; }
    .wp.index .content .progressDots ul li {
      position: relative;
      padding-right: 15px;
      line-height: 20px;
      pointer-events: none; }
      .wp.index .content .progressDots ul li .target {
        text-decoration: none;
        color: rgba(0, 0, 0, 0.5); }
      .wp.index .content .progressDots ul li:hover .target {
        color: #000 !important; }
      .wp.index .content .progressDots ul li:hover .dots {
        margin-left: 15px !important; }
        .wp.index .content .progressDots ul li:hover .dots:after {
          width: 6px;
          height: 6px; }
      .wp.index .content .progressDots ul li .dots {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 20px;
        position: relative;
        cursor: pointer;
        pointer-events: all; }
        .wp.index .content .progressDots ul li .dots:before {
          content: '';
          display: inline-block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          border: 1px solid transparent;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
        .wp.index .content .progressDots ul li .dots:after {
          content: '';
          display: inline-block;
          position: absolute;
          background-color: #000;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          border-radius: 50%;
          height: 4px;
          width: 4px;
          -webkit-transition: width 0.1s ease-in-out , height 0.1s ease-in-out;
          -o-transition: width 0.1s ease-in-out , height 0.1s ease-in-out;
          transition: width 0.1s ease-in-out , height 0.1s ease-in-out; }
      .wp.index .content .progressDots ul li.active .target {
        -webkit-transition: color 0.3s ease-in-out 0.2s;
        -o-transition: color 0.3s ease-in-out 0.2s;
        transition: color 0.3s ease-in-out 0.2s; }
      .wp.index .content .progressDots ul li.active .dots {
        margin-left: 0px;
        -webkit-animation: dotMarginLeft 0.5s ease-in-out forwards;
        animation: dotMarginLeft 0.5s ease-in-out forwards; }
        .wp.index .content .progressDots ul li.active .dots:before {
          border-color: #000;
          opacity: 0;
          -webkit-animation: dotScale 1s ease-in-out infinite 0.2s;
          animation: dotScale 1s ease-in-out infinite 0.2s; }
        .wp.index .content .progressDots ul li.active .dots:after {
          -webkit-animation: dotScale2 1s ease-in-out infinite 0.2s;
          animation: dotScale2 1s ease-in-out infinite 0.2s; }
      .wp.index .content .progressDots ul li:not(.active) .target {
        -webkit-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out;
        color: transparent; }
      .wp.index .content .progressDots ul li:not(.active) .dots {
        margin-left: 15px; }

.wp.index.branch .banner {
    margin-top: 210px;
}  /* 135px => 210px (20200207) (20200204)*/

@media screen and (max-width: 991px) {
    .wp.index.branch .banner {
        margin-top: 150px;
    }      /* 60px => 190px (20200207) (20200204)*/  /* 20220127 190px -> 150px;  */
}

 /* 20220127 add  */  @media screen and (max-width: 767px) {
    .wp.index.branch .banner {
        margin-top: 185px;
    }      /* 60px => 185px (20200207) (20200204)*/
}

.wp.index.branch .content {
  margin-bottom: 0; }
  .wp.index.branch .content select.dropkick {
    border-radius: 5px;
    border: 1px solid #E60012;
    padding-left: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("images/select-arrow2.png") center right no-repeat, #fff;
    color: #E60012; }
  .wp.index.branch .content .slider .slick-dots {
    bottom: -30px; }
  .wp.index.branch .content .infos .slider .slick-arrow.slick-prev {
    left: 0; }
  .wp.index.branch .content .infos .slider .slick-arrow.slick-next {
    right: 0; }
  .wp.index.branch .content .lineSlider .slider .jqimgFill {
    height: 395px; }
  .wp.index.branch .content .lineSlider .slider .title .intro {
    font-size: 16px;
    text-align: center; }
  .wp.index.branch .content .lineSlider .slider .title .date {
    margin-top: 14px;
    text-align: center;
    color: #888; }
  .wp.index.branch .content .igSlider .box {
    position: relative; }
  .wp.index.branch .content .igSlider .title {
    position: relative;
    padding: 15px 30px 65px; }
    @media screen and (max-width: 767px) {
      .wp.index.branch .content .igSlider .title {
        padding: 15px 15px 65px; } }
    .wp.index.branch .content .igSlider .title .intros {
      height: auto;
      min-height: 90px; }
  .wp.index.branch .content .igSlider .state {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 60px; }
    @media screen and (max-width: 479px) {
      .wp.index.branch .content .igSlider .state {
        text-align: left; } }
    .wp.index.branch .content .igSlider .state span {
      font-size: 20px; }
    .wp.index.branch .content .igSlider .state .icon.igcomment {
      margin-left: 10px; }
    .wp.index.branch .content .igSlider .state .icon.igIcon {
      position: absolute;
      right: 30px;
      top: 0; }
    .wp.index.branch .content .igSlider .state .icon:hover {
      color: #000; }
  .wp.index.branch .content .tabType {
    margin-top: 50px;
    margin-bottom: 20px; }
    .wp.index.branch .content .tabType .titleBox {
      margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .wp.index.branch .content .tabType {
        margin-top: 30px;
        margin-bottom: 0; }
        .wp.index.branch .content .tabType .titleBox {
          margin-bottom: 15px; }
        .wp.index.branch .content .tabType .left {
          margin-bottom: 0; } }
  .wp.index.branch .content .bgGray {
    padding-top: 60px;
    padding-bottom: 60px; }
    @media screen and (max-width: 767px) {
      .wp.index.branch .content .bgGray {
        padding: 30px 0; }
        .wp.index.branch .content .bgGray .container {
          padding: 0; } }
  .wp.index.branch .content .floors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 767px) {
      .wp.index.branch .content .floors {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 20px; } }
    .wp.index.branch .content .floors .left, .wp.index.branch .content .floors .right {
      width: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media screen and (max-width: 767px) {
        .wp.index.branch .content .floors .left, .wp.index.branch .content .floors .right {
          width: 100%; } }
    .wp.index.branch .content .floors .left {
      z-index: 1;
      -webkit-box-shadow: 0 0 20px #ccc;
      box-shadow: 0 0 20px #ccc; }
      .wp.index.branch .content .floors .left .pic {
        position: relative; }
        .wp.index.branch .content .floors .left .pic .jqimgFill {
          height: 535px; }
        .wp.index.branch .content .floors .left .pic .floor-now {
          position: absolute;
          left: 30px;
          top: 30px;
          display: block;
          width: 80px;
          height: 80px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border: 1px solid #E60012;
          color: #E60012;
          text-align: center;
          line-height: 80px;
          box-sizing: border-box;
          font-size: 22px; }
          @media screen and (max-width: 767px) {
            .wp.index.branch .content .floors .left .pic .floor-now {
              width: 50px;
              height: 50px;
              font-size: 18px;
              line-height: 48px; } }
      .wp.index.branch .content .floors .left .intro {
        height: 100%;
        padding: 60px;
        background-color: #fff; }
        .wp.index.branch .content .floors .left .intro .floor-serve {
          font-size: 18px;
          line-height: 25px;
          margin-bottom: 25px; }
          .wp.index.branch .content .floors .left .intro .floor-serve .floor-info {
            word-break: break-word; }
        .wp.index.branch .content .floors .left .intro .floor-facility {
          list-style-type: disc;
          padding-left: 20px;
          margin-bottom: 30px; }
          .wp.index.branch .content .floors .left .intro .floor-facility li {
            line-height: 25px;
            color: #555; }
        .wp.index.branch .content .floors .left .intro .floor-icons {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .wp.index.branch .content .floors .left .intro .floor-icons .icon {
            width: 50px;
            height: 50px;
            border-radius: 5px;
            background-color: #E60012; }
            @media screen and (max-width: 767px) {
              .wp.index.branch .content .floors .left .intro .floor-icons .icon {
                width: 40px;
                height: 40px; } }
            .wp.index.branch .content .floors .left .intro .floor-icons .icon + .icon {
              margin-left: 10px; }
            .wp.index.branch .content .floors .left .intro .floor-icons .icon:before {
              color: #fff;
              font-size: 30px;
              text-align: center;
              line-height: 50px !important; }
              @media screen and (max-width: 767px) {
                .wp.index.branch .content .floors .left .intro .floor-icons .icon:before {
                  font-size: 24px;
                  line-height: 40px !important; } }
        .wp.index.branch .content .floors .left .intro .floorLink {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          color: #888;
          margin-top: 30px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          max-width: 120px; }
          .wp.index.branch .content .floors .left .intro .floorLink:after {
            content: '';
            display: block;
            width: 0;
            height: 1px;
            background-color: #ccc;
            position: absolute;
            left: 0;
            bottom: 0;
            -webkit-transition: width 0.2s ease-in-out;
            -o-transition: width 0.2s ease-in-out;
            transition: width 0.2s ease-in-out; }
          @media screen and (min-width: 992px) {
            .wp.index.branch .content .floors .left .intro .floorLink:hover:after {
              width: 100%; } }
          .wp.index.branch .content .floors .left .intro .floorLink .icon {
            font-size: 14px;
            margin-left: 10px; }
      @media screen and (max-width: 767px) {
        .wp.index.branch .content .floors .left {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1; }
          .wp.index.branch .content .floors .left .pic {
            -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
            order: 0; }
            .wp.index.branch .content .floors .left .pic .jqimgFill {
              height: 220px; }
          .wp.index.branch .content .floors .left .intro {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            padding: 30px 15px; }
            .wp.index.branch .content .floors .left .intro .floor-serve {
              font-size: 16px; }
            .wp.index.branch .content .floors .left .intro .floor-facility {
              font-size: 14px; } }
    .wp.index.branch .content .floors .right .pic {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%; }
      .wp.index.branch .content .floors .right .pic .jqimgFill {
        height: 100%; }
    .wp.index.branch .content .floors .right .floor-Nav {
      padding-top: 75px;
      padding-bottom: 55px;
      text-align: center;
      background-color: #fff; }
      .wp.index.branch .content .floors .right .floor-Nav .title {
        position: relative;
        padding-bottom: 35px; }
        .wp.index.branch .content .floors .right .floor-Nav .title h2 {
          margin: 0;
          font-size: 32px;
          line-height: 40px; }
        .wp.index.branch .content .floors .right .floor-Nav .title .en {
          font-size: 18px;
          line-height: 30px;
          color: #555; }
        .wp.index.branch .content .floors .right .floor-Nav .title:after {
          content: '';
          width: 35px;
          height: 1px;
          display: inline-block;
          background-color: #999;
          position: absolute;
          bottom: 15px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
          @media screen and (max-width: 767px) {
            .wp.index.branch .content .floors .right .floor-Nav .title:after {
              display: none; } }
    .wp.index.branch .content .floors .right .floor-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0 100px; }
      @media screen and (max-width: 991px) {
        .wp.index.branch .content .floors .right .floor-btn {
          padding: 0 30px; } }
      @media screen and (max-width: 767px) {
        .wp.index.branch .content .floors .right .floor-btn {
          display: none; } }
      .wp.index.branch .content .floors .right .floor-btn > span {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 40px;
        color: #000;
        background-color: transparent;
        line-height: 40px;
        margin: 10px 10px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: color 0.2s ease-in-out, background-color 0.3s ease-in-out;
        -o-transition: color 0.2s ease-in-out, background-color 0.3s ease-in-out;
        transition: color 0.2s ease-in-out, background-color 0.3s ease-in-out;
        cursor: pointer; }
        .wp.index.branch .content .floors .right .floor-btn > span:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          display: block;
          border-width: 0px;
          border-style: solid;
          border-color: rgba(230, 0, 18, 0.7);
          -webkit-transition: border-width 0.2s linear;
          -o-transition: border-width 0.2s linear;
          transition: border-width 0.2s linear; }
        .wp.index.branch .content .floors .right .floor-btn > span.active {
          color: #fff;
          background-color: #E60012; }
        @media screen and (min-width: 992px) {
          .wp.index.branch .content .floors .right .floor-btn > span:hover:before {
            border-width: 3px; } }
    .wp.index.branch .content .floors .right .mobileFloor {
      display: none;
      max-width: 460px;
      margin: 0 auto;
      padding: 0 30px; }
      .wp.index.branch .content .floors .right .mobileFloor .dropkick {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%; }
        .wp.index.branch .content .floors .right .mobileFloor .dropkick .dk-selected {
          border-radius: 5px;
          color: #E60012;
          border-width: 2px;
          border-color: #E60012; }
          .wp.index.branch .content .floors .right .mobileFloor .dropkick .dk-selected:before {
            content: "";
            font-size: 15px;
            position: absolute;
            border-width: 0;
            right: 10px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            margin: 0; }
        .wp.index.branch .content .floors .right .mobileFloor .dropkick.dk-select-open-down .dk-selected:before {
          content: "";
          font-size: 15px;
          position: absolute;
          border-width: 0;
          right: 10px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          margin: 0; }
      .wp.index.branch .content .floors .right .mobileFloor select.dropkick {
        width: 100%;
        height: 50px; }
      @media screen and (max-width: 767px) {
        .wp.index.branch .content .floors .right .mobileFloor {
          display: block; } }
    @media screen and (max-width: 767px) {
      .wp.index.branch .content .floors .right {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0; }
        .wp.index.branch .content .floors .right .pic {
          display: none; }
        .wp.index.branch .content .floors .right .floor-Nav {
          padding: 15px 0; }
          .wp.index.branch .content .floors .right .floor-Nav .title {
            padding-bottom: 15px; }
            .wp.index.branch .content .floors .right .floor-Nav .title:after {
              bottom: 7px; }
            .wp.index.branch .content .floors .right .floor-Nav .title h2 {
              font-size: 24px; }
          .wp.index.branch .content .floors .right .floor-Nav .floor-btn {
            display: none; } }
  .wp.index.branch .content .popular {
    padding-top: 0; }
  .wp.index.branch .content .foods {
    position: relative; }
    .wp.index.branch .content .foods .bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%; }
      .wp.index.branch .content .foods .bg .jqimgFill {
        height: 575px; }
    .wp.index.branch .content .foods .container {
      position: relative; }
      .wp.index.branch .content .foods .container .food-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        @media screen and (max-width: 767px) {
          .wp.index.branch .content .foods .container .food-inner {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; } }
        .wp.index.branch .content .foods .container .food-inner .title {
          width: 300px;
          text-align: center; }
          @media screen and (max-width: 1199px) {
            .wp.index.branch .content .foods .container .food-inner .title {
              width: 200px; } }
          @media screen and (max-width: 767px) {
            .wp.index.branch .content .foods .container .food-inner .title {
              position: relative;
              width: 100%; } }
          .wp.index.branch .content .foods .container .food-inner .title.animateElement h2 {
            opacity: 0; }
          .wp.index.branch .content .foods .container .food-inner .title.animateElement p, .wp.index.branch .content .foods .container .food-inner .title.animateElement .food-arrows {
            opacity: 0; }
          .wp.index.branch .content .foods .container .food-inner .title.inView h2, .wp.index.branch .content .foods .container .food-inner .title.inView p {
            -webkit-animation: tracking-in-expand 0.5s ease-in-out forwards;
            animation: tracking-in-expand 0.5s ease-in-out forwards; }
          .wp.index.branch .content .foods .container .food-inner .title.inView p {
            -webkit-animation: fadeIn 0.5s ease-in-out 0.3s forwards;
            animation: fadeIn 0.5s ease-in-out 0.3s forwards; }
          .wp.index.branch .content .foods .container .food-inner .title.inView .food-arrows {
            -webkit-animation: fadeIn 0.5s ease-in-out 0.3s forwards;
            animation: fadeIn 0.5s ease-in-out 0.3s forwards; }
          .wp.index.branch .content .foods .container .food-inner .title h2 {
            font-size: 32px;
            color: #fff;
            margin-top: 170px; }
            @media screen and (max-width: 767px) {
              .wp.index.branch .content .foods .container .food-inner .title h2 {
                margin-top: 30px; } }
          .wp.index.branch .content .foods .container .food-inner .title .en {
            color: #fff; }
          .wp.index.branch .content .foods .container .food-inner .title .food-arrows {
            position: relative;
            width: 110px;
            height: 50px;
            margin: 25px auto 0; }
            .wp.index.branch .content .foods .container .food-inner .title .food-arrows .slick-arrow {
              display: block;
              width: 50px;
              height: 50px;
              border-radius: 50%;
              border: 1px solid #fff;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              -webkit-transition: border-color 0.15s ease-in-out, left 0.3s ease-in-out,right 0.3s ease-in-out;
              -o-transition: border-color 0.15s ease-in-out, left 0.3s ease-in-out,right 0.3s ease-in-out;
              transition: border-color 0.15s ease-in-out, left 0.3s ease-in-out,right 0.3s ease-in-out; }
              .wp.index.branch .content .foods .container .food-inner .title .food-arrows .slick-arrow.slick-prev {
                left: 0; }
              .wp.index.branch .content .foods .container .food-inner .title .food-arrows .slick-arrow.slick-next {
                right: 0; }
              @media screen and (min-width: 992px) {
                .wp.index.branch .content .foods .container .food-inner .title .food-arrows .slick-arrow:hover {
                  border-color: transparent; }
                  .wp.index.branch .content .foods .container .food-inner .title .food-arrows .slick-arrow:hover.slick-prev {
                    left: -15px; }
                  .wp.index.branch .content .foods .container .food-inner .title .food-arrows .slick-arrow:hover.slick-next {
                    right: -15px; } }
        .wp.index.branch .content .foods .container .food-inner .slider {
          width: calc(100% - 300px); }
          @media screen and (max-width: 1199px) {
            .wp.index.branch .content .foods .container .food-inner .slider {
              width: calc(100% - 200px); } }
          @media screen and (max-width: 767px) {
            .wp.index.branch .content .foods .container .food-inner .slider {
              width: 100%; } }
          .wp.index.branch .content .foods .container .food-inner .slider.animateElement {
            opacity: 0; }
          .wp.index.branch .content .foods .container .food-inner .slider.inView {
            -webkit-animation: fadeIn 0.5s ease-in-out 0.2s forwards;
            animation: fadeIn 0.5s ease-in-out 0.2s forwards; }
          .wp.index.branch .content .foods .container .food-inner .slider span {
            display: block; }
          .wp.index.branch .content .foods .container .food-inner .slider .slick-list {
            padding-bottom: 5px; }
          .wp.index.branch .content .foods .container .food-inner .slider .freshmart {
            display: none; }
          .wp.index.branch .content .foods .container .food-inner .slider.showThree .freshmart {
            display: block; }
          .wp.index.branch .content .foods .container .food-inner .slider .pic {
            overflow: hidden; }
            .wp.index.branch .content .foods .container .food-inner .slider .pic .jqimgFill {
              height: 400px;
              -webkit-transition: -webkit-transform 1s ease-in-out;
              transition: -webkit-transform 1s ease-in-out;
              -o-transition: transform 1s ease-in-out;
              transition: transform 1s ease-in-out;
              transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out; }
              @media screen and (max-width: 767px) {
                .wp.index.branch .content .foods .container .food-inner .slider .pic .jqimgFill {
                  height: 300px; } }
          .wp.index.branch .content .foods .container .food-inner .slider li {
            padding: 100px 20px 0; }
            @media screen and (min-width: 992px) {
              .wp.index.branch .content .foods .container .food-inner .slider li:nth-child(even) {
                padding: 125px 20px 0; } }
            @media screen and (max-width: 767px) {
              .wp.index.branch .content .foods .container .food-inner .slider li {
                padding-top: 30px !important; } }
            .wp.index.branch .content .foods .container .food-inner .slider li > a {
              -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3);
              box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3);
              display: block; }
            .wp.index.branch .content .foods .container .food-inner .slider li .food-title {
              text-align: center;
              padding: 40px 0;
              background-color: #fff; }
              .wp.index.branch .content .foods .container .food-inner .slider li .food-title h4 {
                font-size: 22px;
                color: #000; }
              .wp.index.branch .content .foods .container .food-inner .slider li .food-title .en {
                font-size: 18px;
                color: #999; }
  @media screen and (min-width: 992px) {
    .wp.index.branch .content .members {
      margin-bottom: 30px; } }
  @media screen and (max-width: 767px) {
    .wp.index.branch .content .members {
      margin-top: 20px; } }
  @media screen and (max-width: 767px) {
    .wp.index.branch .content .members .memberBox .slider {
      padding-bottom: 20px; } }
  .wp.index.branch .content .members .memberBox .slider .slick-slide {
    height: 100px; }
    @media screen and (max-width: 767px) {
      .wp.index.branch .content .members .memberBox .slider .slick-slide {
        height: auto; } }
  .wp.index.branch .content .members .memberBox .slider .slick-dots {
    z-index: 2;
    width: auto;
    left: 0;
    margin: 0; }
    @media screen and (max-width: 767px) {
      .wp.index.branch .content .members .memberBox .slider .slick-dots {
        margin-left: -8px; } }
  .wp.index.branch .content .members .memberBox .picSlider {
    height: 720px; }
    @media screen and (max-width: 991px) {
      .wp.index.branch .content .members .memberBox .picSlider {
        height: 360px; } }
    @media screen and (max-width: 767px) {
      .wp.index.branch .content .members .memberBox .picSlider {
        height: 465px; } }
    .wp.index.branch .content .members .memberBox .picSlider .slick-list, .wp.index.branch .content .members .memberBox .picSlider .slick-track, .wp.index.branch .content .members .memberBox .picSlider .slick-slide {
      height: 100%; }
    .wp.index.branch .content .members .memberBox .picSlider .jqimgFill {
      height: 100% !important;
      display: block; }
  @media screen and (max-width: 991px) {
    .wp.index.branch .content .members .memberBox .box[data-member-id="wedding"].picBox {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; }
    .wp.index.branch .content .members .memberBox .box[data-member-id="wedding"].intro {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3; } }
  @media screen and (max-width: 767px) {
    .wp.index.branch .content .members .memberBox .box[data-member-id="wedding"].picBox {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4; }
    .wp.index.branch .content .members .memberBox .box[data-member-id="wedding"].intro {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3; } }
  .wp.index.branch .content .members .memberBox .box[data-member-id="wedding"] .title h4 {
    color: #000; }
  @media screen and (max-width: 991px) {
    .wp.index.branch .content .members .memberBox .box.doubleH .pic {
      height: 100%; }
      .wp.index.branch .content .members .memberBox .box.doubleH .pic .jqimgFill {
        height: 100%; }
    .wp.index.branch .content .members .memberBox .box.doubleH:after {
      height: 100%; } }
  @media screen and (max-width: 767px) {
    .wp.index.branch .content .members .memberBox .box.doubleH {
      height: 465px; }
      .wp.index.branch .content .members .memberBox .box.doubleH .pic {
        height: 465px; }
        .wp.index.branch .content .members .memberBox .box.doubleH .pic .jqimgFill {
          height: 465px; }
      .wp.index.branch .content .members .memberBox .box.doubleH:after {
        height: 465px !important; } }
  .wp.index.branch .content .members .memberBox .box.doubleW {
    position: relative;
    background-color: #F9F9F9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    overflow: hidden; }
    .wp.index.branch .content .members .memberBox .box.doubleW .pic.logo {
      position: relative;
      z-index: 1; }
    .wp.index.branch .content .members .memberBox .box.doubleW .pic.rightPic {
      -ms-flex-item-align: end;
      align-self: flex-end;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-transition: -webkit-transform 0.3s ease-in-out;
      transition: -webkit-transform 0.3s ease-in-out;
      -o-transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
      .wp.index.branch .content .members .memberBox .box.doubleW .pic.rightPic img {
        display: block;
        max-height: 100%; }
    @media screen and (min-width: 992px) {
      .wp.index.branch .content .members .memberBox .box.doubleW:hover .pic.rightPic {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); } }
    @media screen and (max-width: 991px) {
      .wp.index.branch .content .members .memberBox .box.doubleW {
        width: 100% !important; } }
    @media screen and (max-width: 767px) {
      .wp.index.branch .content .members .memberBox .box.doubleW {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 380px; }
        .wp.index.branch .content .members .memberBox .box.doubleW .pic.logo {
          position: absolute;
          top: 10%;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }
          .wp.index.branch .content .members .memberBox .box.doubleW .pic.logo img {
            max-height: 100%;
            height: 80px;
            width: 256px;
            max-width: none; }
        .wp.index.branch .content .members .memberBox .box.doubleW .pic.rightPic {
          height: auto;
          position: absolute;
          bottom: 0;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
          width: 100%;
          max-width: 300px; } }
  @media screen and (max-width: 479px) {
    .wp.index.branch .content .trafficBox .redLineTitle span {
      display: block;
      padding-left: 0; } }
  .wp.index.branch .content .trafficBox .traffic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 650px; }
    @media screen and (max-width: 991px) {
      .wp.index.branch .content .trafficBox .traffic {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .wp.index.branch .content .trafficBox .traffic > .pic {
      position: relative;
      width: 50%;
      height: 100%; }
      .wp.index.branch .content .trafficBox .traffic > .pic .jqimgFill {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        left: 0;
        top: 0;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
        .wp.index.branch .content .trafficBox .traffic > .pic .jqimgFill.shift {
          -webkit-transform: translate(-100%, 0);
          -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0); }
      .wp.index.branch .content .trafficBox .traffic > .pic .map {
        width: 100%;
        height: 100%; }
      @media screen and (max-width: 991px) {
        .wp.index.branch .content .trafficBox .traffic > .pic {
          width: 100%;
          height: 240px; }
          .wp.index.branch .content .trafficBox .traffic > .pic .jqimgFill {
            height: 240px; } }
    .wp.index.branch .content .trafficBox .traffic > .infos {
      position: relative;
      width: 50%;
      height: 100%;
      background-color: #F2F2F2; }
      @media screen and (max-width: 991px) {
        .wp.index.branch .content .trafficBox .traffic > .infos {
          width: 100%;
          padding: 0; } }
  .wp.index.branch .content .trafficBox .trafficTabs {
    margin: 0;
    width: 100%;
    height: 100%; }
    @media screen and (max-width: 991px) {
      .wp.index.branch .content .trafficBox .trafficTabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .wp.index.branch .content .trafficBox .trafficTabs .titleBox {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin: 0;
      z-index: 2; }
      @media screen and (max-width: 991px) {
        .wp.index.branch .content .trafficBox .trafficTabs .titleBox {
          position: relative;
          right: auto;
          top: auto;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
          order: 0; } }
      .wp.index.branch .content .trafficBox .trafficTabs .titleBox:after {
        display: none; }
      @media screen and (max-width: 991px) {
        .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%; } }
      .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div {
        width: 120px;
        height: 117px;
        background-color: #000;
        -webkit-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        cursor: pointer; }
        @media screen and (max-width: 991px) {
          .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div {
            width: calc(100% / 3);
            height: 45px; } }
        .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div + div {
          margin-top: 20px; }
          @media screen and (max-width: 991px) {
            .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div + div {
              margin-top: 0; } }
        .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div.active {
          background-color: #E60012; }
          .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div.active .icon.train:before, .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div.active .icon.bus:before, .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div.active .icon.car:before {
            content: ""; }
        .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div .icon {
          margin-bottom: 10px; }
          .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div .icon:before {
            font-size: 40px;
            color: #fff; }
          .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div .icon.train:before {
            font-size: 48px; }
          @media screen and (max-width: 991px) {
            .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div .icon {
              display: none; } }
        .wp.index.branch .content .trafficBox .trafficTabs .titleBox .tabs-nav > div > p {
          color: #fff;
          font-size: 14px; }
    .wp.index.branch .content .trafficBox .trafficTabs .tab-content {
      width: 100%;
      height: 100%; }
      @media screen and (max-width: 991px) {
        .wp.index.branch .content .trafficBox .trafficTabs .tab-content {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
          min-height: 450px;
          height: auto; } }
      .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane {
        position: relative;
        display: none;
        height: 100%; }
        .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane.active {
          display: block;
          padding: 70px 150px 50px 100px; }
          @media screen and (max-width: 1679px) {
            .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane.active {
              padding: 70px 130px 50px 90px; } }
          @media screen and (max-width: 1199px) {
            .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane.active {
              padding: 50px 130px 50px 50px; } }
        .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane .icon.close {
          display: block;
          position: absolute;
          right: 90px;
          top: 30px;
          cursor: pointer; }
          .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane .icon.close:before {
            color: #999;
            font-size: 30px; }
          @media screen and (min-width: 992px) {
            .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane .icon.close {
              display: none; } }
          @media screen and (max-width: 767px) {
            .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane .icon.close {
              right: 30px; } }
        .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane .mscrollbar {
          height: 100%; }
          .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane .mscrollbar .mCSB_inside > .mCSB_container {
            margin-right: 30px; }
        .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane h4 {
          font-size: 22px;
          color: #333;
          margin-bottom: 5px; }
        .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane .subTitle {
          font-size: 18px;
          color: #888; }
        .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane .address {
          font-size: 20px; }
          .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane .address .icon {
            display: inline-block; }
        .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane .pic img {
          display: block; }
        .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane p {
          line-height: 30px;
          word-break: break-word; }
        .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane .title {
          font-weight: bold; }
        .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane .shuttleBtn {
          border: 1px solid #e20a1c;
          border-radius: 5px;
          width: 210px;
          height: 45px;
          display: block;
          text-align: center;
          line-height: 45px;
          color: #e20a1c;
          margin-bottom: 15px; }
        @media screen and (max-width: 991px) {
          .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane {
            height: auto; }
            .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane.active {
              padding: 0px 20px 30px; }
            .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane .mscrollbar {
              height: auto; }
            .wp.index.branch .content .trafficBox .trafficTabs .tab-content .tab-pane h4 {
              margin-top: 30px; } }

.wp.about .content .titleBox {
  margin-bottom: 45px; }
  .wp.about .content .titleBox h2 {
    font-size: 32px;
    text-align: center; }
  @media screen and (max-width: 767px) {
    .wp.about .content .titleBox {
      margin-bottom: 30px; }
      .wp.about .content .titleBox h2 {
        font-size: 26px; } }

.wp.about .content #linkIn1, .wp.about .content #linkIn2, .wp.about .content #linkIn3, .wp.about .content #linkIn4 {
  display: block;
  position: absolute;
  margin-top: -140px; }
  @media screen and (max-width: 767px) {
    .wp.about .content #linkIn1, .wp.about .content #linkIn2, .wp.about .content #linkIn3, .wp.about .content #linkIn4 {
      margin-top: -80px; } }

.wp.about .content .section1 {
  overflow: hidden;
  position: relative;
  height: 1050px;
  padding-top: 120px; }
  @media screen and (max-width: 991px) {
    .wp.about .content .section1 {
      padding-top: 60px;
      padding-bottom: 60px;
      height: 800px; } }
  @media screen and (max-width: 767px) {
    .wp.about .content .section1 {
      padding-top: 30px;
      padding-bottom: 180px;
      height: auto;
      background: url("../styles/images/about/top-banner.jpg");
      background-size: cover;
      background-position: center center; }
      .wp.about .content .section1:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.5); } }
  .wp.about .content .section1 .pic.bg {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 1920px; }
    @media screen and (max-width: 991px) {
      .wp.about .content .section1 .pic.bg {
        opacity: 0.5; } }
    @media screen and (max-width: 767px) {
      .wp.about .content .section1 .pic.bg {
        display: none; } }
  @media screen and (min-width: 768px) {
    .wp.about .content .section1 > .container {
      background: -webkit-radial-gradient(center, ellipse, white 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
      background: -o-radial-gradient(center, ellipse, white 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
      background: radial-gradient(ellipse at center, white 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%); } }
  .wp.about .content .section1 h1 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 15px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .wp.about .content .section1 h1 {
        font-size: 26px;
        margin-bottom: 5px; } }
  .wp.about .content .section1 .intro {
    position: relative;
    text-align: center; }
    .wp.about .content .section1 .intro p {
      line-height: 30px; }
      @media screen and (max-width: 767px) {
        .wp.about .content .section1 .intro p {
          font-size: 14px;
          line-height: 20px; } }
    .wp.about .content .section1 .intro .subtitle {
      margin-bottom: 5px; }
      @media screen and (max-width: 767px) {
        .wp.about .content .section1 .intro .subtitle {
          font-size: 18px; } }
  .wp.about .content .section1 .btn {
    color: #000;
    width: 230px;
    height: 50px;
    line-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #aaa;
    border-radius: 0;
    margin: 20px auto 0;
    -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.2s ease-in-out 0.1s;
    -o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.2s ease-in-out 0.1s;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.2s ease-in-out 0.1s; }
    .wp.about .content .section1 .btn .icon {
      margin-right: 15px; }
      .wp.about .content .section1 .btn .icon:before {
        display: inline-block;
        font-size: 24px; }
    .wp.about .content .section1 .btn:hover {
      background-color: #E60012;
      border-color: #E60012;
      color: #fff; }
  .wp.about .content .section1 .visions {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 992px;
    margin: 20px auto 0; }
    @media screen and (max-width: 767px) {
      .wp.about .content .section1 .visions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    @media screen and (max-width: 479px) {
      .wp.about .content .section1 .visions {
        max-width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .wp.about .content .section1 .visions > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media screen and (max-width: 767px) {
        .wp.about .content .section1 .visions > div {
          width: 50%; } }
      @media screen and (max-width: 479px) {
        .wp.about .content .section1 .visions > div {
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          max-width: 250px;
          width: 100%;
          margin-bottom: 10px; } }
    .wp.about .content .section1 .visions .pic {
      margin: 0 15px; }
      @media screen and (min-width: 768px) {
        .wp.about .content .section1 .visions .pic {
          -ms-flex-negative: 1;
          flex-shrink: 1; } }
      @media (min-width: 480px) and (max-width: 991px) {
        .wp.about .content .section1 .visions .pic {
          width: 50px; } }
    @media screen and (min-width: 768px) {
      .wp.about .content .section1 .visions .inner {
        -ms-flex-negative: 0;
        flex-shrink: 0; } }
    .wp.about .content .section1 .visions .icon {
      width: 75px;
      height: 75px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 75px;
      flex: 0 0 75px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 50%;
      background-color: #E60012;
      margin: 0 15px; }
      .wp.about .content .section1 .visions .icon:before {
        color: #fff;
        font-size: 45px; }
      @media screen and (max-width: 991px) {
        .wp.about .content .section1 .visions .icon {
          width: 50px;
          height: 50px;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 50px;
          flex: 0 0 50px;
          margin: 0 5px; }
          .wp.about .content .section1 .visions .icon:before {
            font-size: 30px; } }
      @media screen and (max-width: 767px) {
        .wp.about .content .section1 .visions .icon {
          margin: 0 15px; } }

.wp.about .content .section2 {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media screen and (max-width: 991px) {
    .wp.about .content .section2 {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .wp.about .content .section2 {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .wp.about .content .section2 > .container {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 1199px) {
      .wp.about .content .section2 > .container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .wp.about .content .section2 > .container .boxGroup {
      margin: 0 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media screen and (min-width: 1200px) {
        .wp.about .content .section2 > .container .boxGroup:nth-child(odd) .pic {
          -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
          order: 0; }
        .wp.about .content .section2 > .container .boxGroup:nth-child(odd) .textBox {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1; }
        .wp.about .content .section2 > .container .boxGroup:nth-child(even) .pic {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1; }
        .wp.about .content .section2 > .container .boxGroup:nth-child(even) .textBox {
          -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
          order: 0; } }
      @media screen and (max-width: 1199px) {
        .wp.about .content .section2 > .container .boxGroup {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          margin: 0 0 25px; } }
      .wp.about .content .section2 > .container .boxGroup .box {
        position: relative;
        width: 360px;
        height: 360px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 25px; }
        @media (min-width: 1200px) and (max-width: 1560px) {
          .wp.about .content .section2 > .container .boxGroup .box {
            width: 270px;
            height: 270px; } }
        @media screen and (max-width: 1199px) {
          .wp.about .content .section2 > .container .boxGroup .box {
            margin: 0 10px;
            height: 180px;
            margin-bottom: 0; } }
        @media screen and (max-width: 991px) {
          .wp.about .content .section2 > .container .boxGroup .box {
            width: 300px;
            height: 300px; } }
        @media screen and (max-width: 479px) {
          .wp.about .content .section2 > .container .boxGroup .box {
            width: auto;
            max-width: 360px; } }
      .wp.about .content .section2 > .container .boxGroup .pic .jqimgFill {
        width: 100%;
        height: 100%; }
      .wp.about .content .section2 > .container .boxGroup .textBox {
        background-color: #f7f7f7;
        padding: 15px 15px 30px; }
        .wp.about .content .section2 > .container .boxGroup .textBox .concept {
          font-size: 18px;
          font-weight: bold;
          color: #e20a1c;
          text-align: center;
          margin-bottom: 10px; }
        .wp.about .content .section2 > .container .boxGroup .textBox p {
          width: 100%; }
        .wp.about .content .section2 > .container .boxGroup .textBox p:not(.concept) {
          text-align: center; }
        @media screen and (max-width: 1199px) {
          .wp.about .content .section2 > .container .boxGroup .textBox {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start; } }
        @media screen and (max-width: 991px) {
          .wp.about .content .section2 > .container .boxGroup .textBox {
            height: auto;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto; } }

.wp.about .content .section3, .wp.about .content .section4 {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media screen and (max-width: 991px) {
    .wp.about .content .section3, .wp.about .content .section4 {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .wp.about .content .section3, .wp.about .content .section4 {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .wp.about .content .section3 > .container, .wp.about .content .section4 > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .wp.about .content .section3 > .container, .wp.about .content .section4 > .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .wp.about .content .section3 .mapBox, .wp.about .content .section4 .mapBox {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
    @media screen and (max-width: 991px) {
      .wp.about .content .section3 .mapBox, .wp.about .content .section4 .mapBox {
        -ms-flex-negative: 1;
        flex-shrink: 1; } }
    .wp.about .content .section3 .mapBox.china .pic, .wp.about .content .section4 .mapBox.china .pic {
      max-width: 500px; }
  .wp.about .content .section3 .brunchlist, .wp.about .content .section4 .brunchlist {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 45px;
    width: 100%;
    height: 670px;
    max-width: 1000px; }
    @media screen and (max-width: 991px) {
      .wp.about .content .section3 .brunchlist, .wp.about .content .section4 .brunchlist {
        padding: 30px 15px; } }
    @media screen and (max-width: 767px) {
      .wp.about .content .section3 .brunchlist, .wp.about .content .section4 .brunchlist {
        height: 400px;
        padding: 15px; } }
    @media screen and (max-width: 479px) {
      .wp.about .content .section3 .brunchlist, .wp.about .content .section4 .brunchlist {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .wp.about .content .section3 .brunchlist h4, .wp.about .content .section4 .brunchlist h4 {
      font-size: 18px;
      color: #e20a1c;
      font-weight: bold;
      margin-bottom: 10px; }
    .wp.about .content .section3 .brunchlist .address .icon, .wp.about .content .section4 .brunchlist .address .icon {
      display: inline-block; }
    .wp.about .content .section3 .brunchlist .hideItem, .wp.about .content .section4 .brunchlist .hideItem {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 280px;
      height: 0; }
    .wp.about .content .section3 .brunchlist .brunchBox, .wp.about .content .section4 .brunchlist .brunchBox {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 280px;
      height: auto;
      min-height: 175px;
      border-bottom: 2px solid #ddd;
      padding: 35px 20px 20px; }
      @media screen and (max-width: 767px) {
        .wp.about .content .section3 .brunchlist .brunchBox, .wp.about .content .section4 .brunchlist .brunchBox {
          min-height: auto; } }
      @media screen and (max-width: 479px) {
        .wp.about .content .section3 .brunchlist .brunchBox, .wp.about .content .section4 .brunchlist .brunchBox {
          margin: 0 15px;
          width: calc(100% - 30px);
          padding: 15px; } }
    .wp.about .content .section3 .brunchlist .mCSB_inside .mCSB_container, .wp.about .content .section4 .brunchlist .mCSB_inside .mCSB_container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media screen and (max-width: 479px) {
        .wp.about .content .section3 .brunchlist .mCSB_inside .mCSB_container, .wp.about .content .section4 .brunchlist .mCSB_inside .mCSB_container {
          padding: 0;
          margin-right: 15px; } }
    @media screen and (max-width: 479px) {
      .wp.about .content .section3 .brunchlist .mCSB_inside .mCSB_scrollTools, .wp.about .content .section4 .brunchlist .mCSB_inside .mCSB_scrollTools {
        opacity: 1; } }

.wp.about .content .section3 {
  background: url("images/about/section3-bg.png");
  background-position: center center;
  background-size: cover;
  padding-left: 15px;
  padding-right: 15px; }
  @media screen and (max-width: 767px) {
    .wp.about .content .section3 .mapBox .pic {
      width: 150px;
      margin-bottom: 15px; } }
  .wp.about .content .section3 .brunchlist {
    background-color: #fff;
    margin-left: 85px; }
    @media screen and (max-width: 991px) {
      .wp.about .content .section3 .brunchlist {
        margin-left: 30px; } }
    @media screen and (max-width: 767px) {
      .wp.about .content .section3 .brunchlist {
        margin-left: 0; } }

.wp.about .content .section4 {
  position: relative;
  background: url("images/about/section4-bg.png");
  background-position: center center;
  background-size: cover;
  padding-left: 15px;
  padding-right: 15px; }
  .wp.about .content .section4 .mapBox {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
    @media screen and (max-width: 767px) {
      .wp.about .content .section4 .mapBox {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        max-width: 320px;
        margin-bottom: 15px; } }
  .wp.about .content .section4 .brunchlist {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    background-color: #fff8ee;
    margin-right: 30px; }
    @media screen and (max-width: 767px) {
      .wp.about .content .section4 .brunchlist {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-right: 0; } }

.wp.about .content .bottomLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 767px) {
    .wp.about .content .bottomLink {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .wp.about .content .bottomLink > div {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden; }
  .wp.about .content .bottomLink .jqimgFill {
    position: relative;
    display: block;
    height: 400px;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
    @media screen and (max-width: 991px) {
      .wp.about .content .bottomLink .jqimgFill {
        height: 200px; } }
    .wp.about .content .bottomLink .jqimgFill:before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      position: absolute;
      left: 0;
      top: 0;
      -webkit-transition: background-color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out; }
    .wp.about .content .bottomLink .jqimgFill > span {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      font-size: 24px;
      color: #fff; }
    .wp.about .content .bottomLink .jqimgFill:hover {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
      .wp.about .content .bottomLink .jqimgFill:hover:before {
        background-color: transparent; }

.search .content .searchBox {
  max-width: 1600px;
  padding-left: 55px;
  padding-right: 55px;
  margin: 0 auto; }
  @media screen and (max-width: 1760px) {
    .search .content .searchBox {
      padding-left: 40px;
      padding-right: 40px; } }
  @media screen and (max-width: 991px) {
    .search .content .searchBox {
      padding-left: 10px;
      padding-right: 10px; } }
  @media screen and (max-width: 767px) {
    .search .content .searchBox {
      display: none; } }
  .search .content .searchBox .brand {
    padding-left: 0; }
  .search .content .searchBox .preletter {
    padding-right: 0; }

.search .content .resultBox {
  padding: 50px 0; }
  @media screen and (max-width: 767px) {
    .search .content .resultBox {
      padding-top: 0; } }
  .search .content .resultBox .results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ccc; }
    @media screen and (max-width: 767px) {
      .search .content .resultBox .results {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .search .content .resultBox .results + .results {
      margin-top: 25px; }
    .search .content .resultBox .results .logo {
      min-height: 250px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 250px;
      flex: 0 0 250px;
      border-right: 1px solid #ccc;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 20px; }
      @media screen and (max-width: 767px) {
        .search .content .resultBox .results .logo {
          width: 100%;
          min-height: auto;
          -webkit-box-flex: 1;
          -ms-flex: auto;
          flex: auto;
          border-right: 0;
          border-bottom: 1px solid #ccc;
          padding-bottom: 15px; } }
    .search .content .resultBox .results .locate {
      min-height: 250px;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      padding: 45px 0; }
      @media screen and (max-width: 767px) {
        .search .content .resultBox .results .locate {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          width: 100%;
          padding-top: 15px;
          padding-bottom: 30px; } }
      .search .content .resultBox .results .locate h2 {
        position: relative;
        font-size: 22px;
        padding-left: 25px;
        font-weight: bold; }
        .search .content .resultBox .results .locate h2:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          display: inline-block;
          width: 5px;
          height: 20px;
          background-color: #E60012; }
      .search .content .resultBox .results .locate .links {
        padding: 0 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 30px; }
        @media screen and (max-width: 479px) {
          .search .content .resultBox .results .locate .links {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; } }
        .search .content .resultBox .results .locate .links .hideItem {
          width: 24%;
          height: 0; }
        .search .content .resultBox .results .locate .links .link {
          position: relative;
          width: 24%;
          height: 50px;
          background-color: #f7f7f7;
          line-height: 50px;
          padding-left: 20px;
          margin-bottom: 10px; }
          .search .content .resultBox .results .locate .links .link span {
            position: relative;
            -webkit-transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out;
            -o-transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out;
            transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out; }
            .search .content .resultBox .results .locate .links .link span + span:before {
              content: '|';
              color: #ccc;
              padding: 0 10px;
              -webkit-transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out;
              -o-transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out;
              transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out; }
          .search .content .resultBox .results .locate .links .link:before {
            content: '';
            width: 0;
            height: 50px;
            background: #E60012;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            -webkit-transition: width 0.3s ease-in-out;
            -o-transition: width 0.3s ease-in-out;
            transition: width 0.3s ease-in-out; }
          .search .content .resultBox .results .locate .links .link:after {
            content: "";
            position: absolute;
            right: 20px;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            font-size: 12px;
            -webkit-transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out;
            -o-transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out;
            transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out; }
          .search .content .resultBox .results .locate .links .link:hover span {
            color: #fff;
            font-weight: bold; }
            .search .content .resultBox .results .locate .links .link:hover span:before {
              color: #fff;
              font-weight: bold; }
          .search .content .resultBox .results .locate .links .link:hover:before {
            width: 100%; }
          .search .content .resultBox .results .locate .links .link:hover:after {
            color: #fff;
            font-weight: bold; }
        @media screen and (max-width: 1199px) {
          .search .content .resultBox .results .locate .links .link, .search .content .resultBox .results .locate .links .hideItem {
            width: calc(33% - 10px); } }
        @media screen and (max-width: 991px) {
          .search .content .resultBox .results .locate .links .link, .search .content .resultBox .results .locate .links .hideItem {
            width: 49%;
            margin-right: 0; } }
        @media screen and (max-width: 479px) {
          .search .content .resultBox .results .locate .links .link, .search .content .resultBox .results .locate .links .hideItem {
            width: 100%; } }

.brand .banner .bannerBox .jqimgFill {
  height: 400px; }
  @media screen and (max-width: 991px) {
    .brand .banner .bannerBox .jqimgFill {
      height: 300px; } }
  @media screen and (max-width: 767px) {
    .brand .banner .bannerBox .jqimgFill {
      height: 200px; } }

.brand .content {
  margin: 0; }
  @media screen and (max-width: 767px) {
    .brand .content .mainBox {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }
  .brand .content .mainBox .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 65px 40px; }
    @media screen and (max-width: 991px) {
      .brand .content .mainBox .inner {
        padding: 30px 15px; } }
    @media screen and (max-width: 991px) {
      .brand .content .mainBox .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .brand .content .mainBox .inner .brandlogo {
      width: 250px;
      height: 175px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: 1px solid #ccc;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      margin-right: 35px;
      overflow: hidden; }
      @media screen and (max-width: 991px) {
        .brand .content .mainBox .inner .brandlogo {
          margin: 0 auto 30px; } }
      @media screen and (max-width: 479px) {
        .brand .content .mainBox .inner .brandlogo {
          margin-bottom: 15px; } }
      .brand .content .mainBox .inner .brandlogo img {
        max-height: 220px; }
    .brand .content .mainBox .inner .introBox {
      width: calc(100% - 250px); }
      @media screen and (max-width: 991px) {
        .brand .content .mainBox .inner .introBox {
          width: 100%; } }
      .brand .content .mainBox .inner .introBox h4 {
        font-size: 20px;
        margin-bottom: 30px; }
        @media screen and (max-width: 767px) {
          .brand .content .mainBox .inner .introBox h4 {
            text-align: center; } }
      .brand .content .mainBox .inner .introBox .info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 25px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        @media screen and (max-width: 991px) {
          .brand .content .mainBox .inner .introBox .info {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; } }
        @media screen and (max-width: 479px) {
          .brand .content .mainBox .inner .introBox .info {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-bottom: 20px; } }
        .brand .content .mainBox .inner .introBox .info .left {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          position: relative; }
          .brand .content .mainBox .inner .introBox .info .left > div {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            .brand .content .mainBox .inner .introBox .info .left > div + div {
              padding-left: 50px; }
              @media screen and (max-width: 991px) {
                .brand .content .mainBox .inner .introBox .info .left > div + div {
                  padding-left: 30px; } }
              .brand .content .mainBox .inner .introBox .info .left > div + div:before {
                content: '';
                display: inline-block;
                width: 1px;
                height: 16px;
                background-color: #888;
                position: absolute;
                left: 25px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
                @media screen and (max-width: 991px) {
                  .brand .content .mainBox .inner .introBox .info .left > div + div:before {
                    left: 15px; } }
          @media screen and (max-width: 991px) {
            .brand .content .mainBox .inner .introBox .info .left > div span {
              font-size: 14px; } }
          @media screen and (max-width: 767px) {
            .brand .content .mainBox .inner .introBox .info .left > div + div {
              padding-left: 15px; }
              .brand .content .mainBox .inner .introBox .info .left > div + div:before {
                left: 7px; } }
          @media screen and (max-width: 479px) {
            .brand .content .mainBox .inner .introBox .info .left {
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
              .brand .content .mainBox .inner .introBox .info .left > div {
                margin-top: 5px; }
                .brand .content .mainBox .inner .introBox .info .left > div + div {
                  padding-left: 0;
                  margin-left: 10px; }
                  .brand .content .mainBox .inner .introBox .info .left > div + div:before {
                    display: none; } }
        .brand .content .mainBox .inner .introBox .info .right {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end; }
          @media screen and (max-width: 479px) {
            .brand .content .mainBox .inner .introBox .info .right {
              margin-top: 20px; } }
        .brand .content .mainBox .inner .introBox .info .icon {
          display: inline-block; }
          .brand .content .mainBox .inner .introBox .info .icon:before {
            font-size: 20px;
            color: #333;
            padding: 0 5px; }
        .brand .content .mainBox .inner .introBox .info .btn {
          width: 170px;
          height: 45px;
          border: 1px solid #ccc;
          color: #333;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
      .brand .content .mainBox .inner .introBox .brandIntro {
        margin-bottom: 60px;
        line-height: 30px; }
        @media screen and (max-width: 991px) {
          .brand .content .mainBox .inner .introBox .brandIntro {
            margin-bottom: 40px; } }
        @media screen and (max-width: 767px) {
          .brand .content .mainBox .inner .introBox .brandIntro {
            margin-bottom: 30px; } }
      .brand .content .mainBox .inner .introBox .shops .links {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 35px; }
        @media screen and (max-width: 479px) {
          .brand .content .mainBox .inner .introBox .shops .links {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; } }
        @media (min-width: 480px) and (max-width: 767px) {
          .brand .content .mainBox .inner .introBox .shops .links {
            -ms-flex-pack: distribute;
            justify-content: space-around; } }
        .brand .content .mainBox .inner .introBox .shops .links:after {
          content: '';
          width: 100%;
          height: 1px;
          background-color: #ddd;
          position: absolute;
          left: 0;
          bottom: 0; }
        .brand .content .mainBox .inner .introBox .shops .links .hideItem {
          width: 24%;
          height: 0;
          max-width: 300px; }
        .brand .content .mainBox .inner .introBox .shops .links .link {
          position: relative;
          width: 24%;
          max-width: 300px;
          height: 55px;
          line-height: 55px;
          border-color: #ccc;
          border-style: solid;
          border-width: 1px 1px 1px 0;
          margin-bottom: 15px;
          -webkit-transition: border-color 0.3s ease-in-out;
          -o-transition: border-color 0.3s ease-in-out;
          transition: border-color 0.3s ease-in-out; }
          .brand .content .mainBox .inner .introBox .shops .links .link:before {
            content: '';
            display: inline-block;
            width: 5px;
            height: 100%;
            background: #E60012;
            position: absolute;
            left: 0;
            top: 0;
            -webkit-transition: width 0.3s ease-in-out;
            -o-transition: width 0.3s ease-in-out;
            transition: width 0.3s ease-in-out; }
          .brand .content .mainBox .inner .introBox .shops .links .link:after {
            content: "";
            position: absolute;
            right: 20px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 12px;
            -webkit-transition: color 0.1s linear 0.2s,font-weight 0.1s linear 0.2s;
            -o-transition: color 0.1s linear 0.2s,font-weight 0.1s linear 0.2s;
            transition: color 0.1s linear 0.2s,font-weight 0.1s linear 0.2s; }
          .brand .content .mainBox .inner .introBox .shops .links .link > span {
            position: relative;
            padding-left: 25px;
            -webkit-transition: color 0.1s linear 0.1s,font-weight 0.1s linear 0.1s;
            -o-transition: color 0.1s linear 0.1s,font-weight 0.1s linear 0.1s;
            transition: color 0.1s linear 0.1s,font-weight 0.1s linear 0.1s; }
          .brand .content .mainBox .inner .introBox .shops .links .link:hover {
            border-color: transparent; }
            .brand .content .mainBox .inner .introBox .shops .links .link:hover:before {
              width: 100%; }
            .brand .content .mainBox .inner .introBox .shops .links .link:hover > span, .brand .content .mainBox .inner .introBox .shops .links .link:hover:after {
              color: #fff;
              font-weight: bold; }
        @media screen and (max-width: 1679px) {
          .brand .content .mainBox .inner .introBox .shops .links .hideItem, .brand .content .mainBox .inner .introBox .shops .links .link {
            width: 33%; } }
        @media screen and (max-width: 1199px) {
          .brand .content .mainBox .inner .introBox .shops .links .hideItem, .brand .content .mainBox .inner .introBox .shops .links .link {
            width: 49%;
            max-width: none; } }
        @media screen and (max-width: 479px) {
          .brand .content .mainBox .inner .introBox .shops .links .hideItem, .brand .content .mainBox .inner .introBox .shops .links .link {
            width: 100%; } }
      .brand .content .mainBox .inner .introBox .popularProduct {
        margin-top: 45px; }
        .brand .content .mainBox .inner .introBox .popularProduct .products {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          @media screen and (max-width: 1199px) {
            .brand .content .mainBox .inner .introBox .popularProduct .products {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column; } }
          @media screen and (max-width: 767px) {
            .brand .content .mainBox .inner .introBox .popularProduct .products {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column; } }
          .brand .content .mainBox .inner .introBox .popularProduct .products .product {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 50%;
            padding-right: 15px;
            margin-bottom: 10px; }
            .brand .content .mainBox .inner .introBox .popularProduct .products .product .pic {
              border: 1px solid #ccc;
              width: 260px;
              height: 260px;
              height: 257px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -ms-flex-item-align: center;
              align-self: center;
              margin-right: 20px;
              overflow: hidden; }
            @media screen and (max-width: 1199px) {
              .brand .content .mainBox .inner .introBox .popularProduct .products .product {
                width: 100%; }
                .brand .content .mainBox .inner .introBox .popularProduct .products .product + .product {
                  margin-top: 10px; } }
            @media screen and (max-width: 767px) {
              .brand .content .mainBox .inner .introBox .popularProduct .products .product {
                width: 100%; } }
            @media screen and (max-width: 479px) {
              .brand .content .mainBox .inner .introBox .popularProduct .products .product {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding-right: 0; }
                .brand .content .mainBox .inner .introBox .popularProduct .products .product + .product {
                  margin-top: 20px; }
                .brand .content .mainBox .inner .introBox .popularProduct .products .product .pic {
                  width: 100%;
                  max-width: 260px;
                  margin: 0; } }
          .brand .content .mainBox .inner .introBox .popularProduct .products .productIntro {
            width: 50%;
            padding-top: 10px; }
            .brand .content .mainBox .inner .introBox .popularProduct .products .productIntro h5 {
              font-size: 18px;
              font-weight: bold;
              line-height: normal;
              margin-bottom: 10px; }
            .brand .content .mainBox .inner .introBox .popularProduct .products .productIntro p {
              font-size: 14px; }
            @media screen and (max-width: 991px) {
              .brand .content .mainBox .inner .introBox .popularProduct .products .productIntro {
                -webkit-box-flex: 1;
                -ms-flex: 1 1 0%;
                flex: 1 1 0%;
                width: auto; } }
            @media screen and (max-width: 479px) {
              .brand .content .mainBox .inner .introBox .popularProduct .products .productIntro {
                width: 100%;
                max-width: 260px;
                padding-top: 15px; }
                .brand .content .mainBox .inner .introBox .popularProduct .products .productIntro h5 {
                  text-align: center; } }

.wp.populars .content {
  margin-top: 0; }
  .wp.populars .content .sortBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .wp.populars .content .sortBox .sort {
      width: 140px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      border: 1px solid #ccc;
      margin: 0 7px;
      cursor: pointer;
      -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out;
      -o-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out;
      transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out; }
      .wp.populars .content .sortBox .sort:hover, .wp.populars .content .sortBox .sort.active {
        border-color: #E60012;
        color: #E60012; }
  .wp.populars .content .tab-pane {
    display: none; }
    .wp.populars .content .tab-pane.active {
      display: block; }
  .wp.populars .content .newsBox {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .wp.populars .content .newsBox > a {
      width: calc(33% - 20px); }
      .wp.populars .content .newsBox > a:nth-child(3n+1) {
        margin-right: 30px; }
      .wp.populars .content .newsBox > a:nth-child(3n+3) {
        margin-left: 30px; }
      @media screen and (max-width: 1199px) {
        .wp.populars .content .newsBox > a {
          width: calc(50% - 30px); }
          .wp.populars .content .newsBox > a:nth-child(3n+1) {
            margin-right: 0px; }
          .wp.populars .content .newsBox > a:nth-child(3n+3) {
            margin-left: 0px; }
          .wp.populars .content .newsBox > a:nth-child(2n+1) {
            margin-right: 30px; } }
      @media screen and (max-width: 767px) {
        .wp.populars .content .newsBox > a {
          width: 100%; }
          .wp.populars .content .newsBox > a:nth-child(2n+1) {
            margin-right: 0; } }
    .wp.populars .content .newsBox .hideItem {
      height: 0; }
    .wp.populars .content .newsBox .news {
      margin-top: 40px; }
      .wp.populars .content .newsBox .news .videoArea {
        margin-bottom: 20px; }
        .wp.populars .content .newsBox .news .videoArea iframe {
          width: 100%; }
          @media screen and (max-width: 767px) {
            .wp.populars .content .newsBox .news .videoArea iframe {
              height: 240px; } }
      .wp.populars .content .newsBox .news .videoBox {
        position: relative; }
        .wp.populars .content .newsBox .news .videoBox .mask {
          position: relative;
          left: 0;
          top: 0;
          width: 100%;
          height: auto;
          cursor: pointer;
          overflow: hidden;
          display: block;
          margin-bottom: 15px; }
          .wp.populars .content .newsBox .news .videoBox .mask .pic {
            height: 100%;
            position: relative;
            display: block; }
            .wp.populars .content .newsBox .news .videoBox .mask .pic:after {
              content: '';
              width: 100%;
              height: 100%;
              display: inline-block;
              position: absolute;
              left: 0;
              top: 0;
              background-color: transparent;
              -webkit-transition: background-color 0.2s ease-in-out;
              -o-transition: background-color 0.2s ease-in-out;
              transition: background-color 0.2s ease-in-out; }
            .wp.populars .content .newsBox .news .videoBox .mask .pic img {
              display: block; }
          .wp.populars .content .newsBox .news .videoBox .mask .btn-play {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
          @media screen and (min-width: 992px) {
            .wp.populars .content .newsBox .news .videoBox .mask:hover .pic:after {
              background-color: rgba(0, 0, 0, 0.3); }
            .wp.populars .content .newsBox .news .videoBox .mask:hover .btn-play:after {
              -webkit-animation: videoBtnMove 0.7s ease-in-out;
              animation: videoBtnMove 0.7s ease-in-out; }
            .wp.populars .content .newsBox .news .videoBox .mask:hover .btn-play .wave {
              -webkit-animation: videoShadow 1s linear 0.5s infinite;
              animation: videoShadow 1s linear 0.5s infinite; } }
      .wp.populars .content .newsBox .news .title .time {
        color: #bbb;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: normal;
        font-family: "Roboto","Microsoft JhengHei", "sans-serif";
        letter-spacing: 1px; }
      .wp.populars .content .newsBox .news .title .title-name {
        font-size: 16px;
        margin-bottom: 15px;
        -webkit-transition: color 0.1s linear, font-weight 0.1s linear;
        -o-transition: color 0.1s linear, font-weight 0.1s linear;
        transition: color 0.1s linear, font-weight 0.1s linear;
        color: #000; }
        @media screen and (max-width: 767px) {
          .wp.populars .content .newsBox .news .title .title-name {
            font-size: 18px; } }
      .wp.populars .content .newsBox .news .title .more {
        position: relative; }
        .wp.populars .content .newsBox .news .title .more span {
          position: relative;
          color: #666;
          padding-bottom: 10px;
          font-size: 14px;
          -webkit-transition: color 0.1s ease-in-out;
          -o-transition: color 0.1s ease-in-out;
          transition: color 0.1s ease-in-out;
          letter-spacing: 1px;
          display: block;
          max-width: 100px; }
          .wp.populars .content .newsBox .news .title .more span:after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 25px;
            height: 2px;
            background-color: #000;
            -webkit-transition: width 0.3s ease-in-out;
            -o-transition: width 0.3s ease-in-out;
            transition: width 0.3s ease-in-out; }
      .wp.populars .content .newsBox .news:hover .title h3 {
        font-weight: bold;
        color: #8E8E8E; }
      .wp.populars .content .newsBox .news:hover .more span {
        color: #000; }
        .wp.populars .content .newsBox .news:hover .more span:after {
          width: 100%; }
      @media screen and (max-width: 767px) {
        .wp.populars .content .newsBox .news .videoArea {
          margin-bottom: 5px; }
        .wp.populars .content .newsBox .news .title .time, .wp.populars .content .newsBox .news .title h3 {
          margin-bottom: 5px; } }
  .wp.populars .content .pages {
    margin-top: 60px;
    margin-bottom: 60px; }

.wp.popular .banner .pic .jqimgFill {
  height: 550px; }
  @media screen and (max-width: 1199px) {
    .wp.popular .banner .pic .jqimgFill {
      height: 300px; } }
  @media screen and (max-width: 767px) {
    .wp.popular .banner .pic .jqimgFill {
      height: 250px; } }

.wp.popular .content {
  margin-top: 30px; }
  .wp.popular .content .innerBox {
    max-width: 1200px; }
  .wp.popular .content .time {
    font-size: 18px;
    color: #777;
    line-height: 25px;
    font-family: "Roboto","Microsoft JhengHei", "sans-serif"; }
    @media screen and (min-width: 768px) {
      .wp.popular .content .time.inView {
        -webkit-animation: fadeInLeft 0.5s ease-in-out;
        animation: fadeInLeft 0.5s ease-in-out; } }
  .wp.popular .content .titleBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 20px; }
    @media screen and (max-width: 991px) {
      .wp.popular .content .titleBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    .wp.popular .content .titleBox .title {
      width: 100%; }
      .wp.popular .content .titleBox .title h1 {
        font-size: 30px;
        line-height: 40px; }
      @media screen and (min-width: 768px) {
        .wp.popular .content .titleBox .title.inView {
          -webkit-animation: fadeInLeft 0.5s ease-in-out;
          animation: fadeInLeft 0.5s ease-in-out; } }
      @media screen and (max-width: 991px) {
        .wp.popular .content .titleBox .title {
          margin-bottom: 10px; } }
      @media screen and (max-width: 767px) {
        .wp.popular .content .titleBox .title h1 {
          font-size: 22px;
          line-height: 30px; } }
    .wp.popular .content .titleBox .shareBtns {
      margin-bottom: 0; }
  .wp.popular .content .inner {
    position: relative;
    padding: 20px 0 30px; }
    @media screen and (min-width: 768px) {
      .wp.popular .content .inner.animateElement {
        opacity: 0; }
      .wp.popular .content .inner.inView {
        -webkit-animation: fadeIn 0.5s ease-in-out 0.2s forwards;
        animation: fadeIn 0.5s ease-in-out 0.2s forwards; } }
    .wp.popular .content .inner:after, .wp.popular .content .inner:before {
      content: '';
      display: block;
      width: 100vw;
      height: 1px;
      background-color: #aaa;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
    .wp.popular .content .inner:before {
      top: 0; }
    .wp.popular .content .inner:after {
      bottom: 0; }
    .wp.popular .content .inner p + p {
      margin-top: 30px; }
    .wp.popular .content .inner .picBox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 30px 0; }
    @media screen and (min-width: 480px) {
      .wp.popular .content .inner .picBox .pic + .pic {
        margin-left: 20px; } }
    @media screen and (max-width: 479px) {
      .wp.popular .content .inner .picBox {
        display: block; }
        .wp.popular .content .inner .picBox .pic {
          text-align: center;
          margin-bottom: 10px; } }
  .wp.popular .content .backList {
    margin: 40px auto; }
    @media screen and (max-width: 767px) {
      .wp.popular .content .backList {
        margin: 17px auto; } }
  .wp.popular .content .linkBoxs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .wp.popular .content .linkBoxs .linkBox {
      position: relative;
      width: 50%; }
      .wp.popular .content .linkBoxs .linkBox span {
        display: block; }
      .wp.popular .content .linkBoxs .linkBox:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: rgba(0, 0, 0, 0.4);
        -webkit-transition: background-color 0.3s ease-in-out;
        -o-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out; }
      .wp.popular .content .linkBoxs .linkBox.prev .icon:before {
        content: "";
        display: inline-block;
        color: #fff;
        margin-right: 20px; }
      .wp.popular .content .linkBoxs .linkBox.next .icon:after {
        content: "";
        display: inline-block;
        color: #fff;
        margin-left: 20px; }
      .wp.popular .content .linkBoxs .linkBox:hover:before {
        background-color: transparent; }
    .wp.popular .content .linkBoxs .jqimgFill {
      height: 400px; }
    .wp.popular .content .linkBoxs span.title {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
      padding-left: 15px;
      padding-right: 15px; }
      .wp.popular .content .linkBoxs span.title p {
        color: #fff; }
    @media screen and (max-width: 991px) {
      .wp.popular .content .linkBoxs .jqimgFill {
        height: 200px; } }
    @media screen and (max-width: 767px) {
      .wp.popular .content .linkBoxs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .wp.popular .content .linkBoxs .linkBox {
          width: 100%; } }

.wp.winners .banner .jqimgFill {
  height: 350px; }
  @media screen and (max-width: 767px) {
    .wp.winners .banner .jqimgFill {
      height: 200px; } }

.wp.winners .content {
  margin: 20px 0 50px; }
  .wp.winners .content .table {
    max-width: 1200px;
    margin: 0 auto 30px; }
    .wp.winners .content .table a {
      color: #000000;
      -webkit-transition: color 0.1s linear, font-weight 0.1s linear;
      -o-transition: color 0.1s linear, font-weight 0.1s linear;
      transition: color 0.1s linear, font-weight 0.1s linear;
      line-height: 25px; }
    .wp.winners .content .table .tr .td, .wp.winners .content .table .tr .th {
      min-height: 50px;
      padding: 5px 8px; }
    @media screen and (min-width: 768px) {
      .wp.winners .content .table a:hover {
        color: #E60012;
        font-weight: bold; }
      .wp.winners .content .table .tr .td:nth-child(1), .wp.winners .content .table .tr .th:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px; }
      .wp.winners .content .table .tr .td:nth-child(2), .wp.winners .content .table .tr .th:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 2 530px;
        flex: 1 2 530px;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial; }
      .wp.winners .content .table .tr .td:nth-child(3), .wp.winners .content .table .tr .td:nth-child(4), .wp.winners .content .table .tr .th:nth-child(3), .wp.winners .content .table .tr .th:nth-child(4) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 235px;
        flex: 1 1 235px; }
      .wp.winners .content .table .tr .th:nth-child(2) {
        text-align: left; }
      .wp.winners .content .table .tbody .tr:nth-child(2n+1) {
        background-color: #eeeeee; } }
    @media screen and (max-width: 767px) {
      .wp.winners .content .table .thead {
        display: none; }
      .wp.winners .content .table .tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-box-shadow: 3px 3px 5px #ccc;
        box-shadow: 3px 3px 5px #ccc; }
        .wp.winners .content .table .tr + .tr {
          margin-top: 10px; }
        .wp.winners .content .table .tr .td {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          -webkit-box-pack: initial;
          -ms-flex-pack: initial;
          justify-content: initial;
          padding-top: 5px;
          padding-bottom: 5px;
          line-height: 25px;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
          .wp.winners .content .table .tr .td:nth-child(even) {
            background-color: #eee; }
          .wp.winners .content .table .tr .td:nth-child(1) {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-size: 20px;
            font-weight: bold;
            color: #E60012; }
          .wp.winners .content .table .tr .td:nth-child(2) {
            display: block;
            padding-left: 53px;
            position: relative;
            min-height: auto; }
            .wp.winners .content .table .tr .td:nth-child(2):before {
              content: '主題：';
              position: absolute;
              left: 5px;
              top: 5px; }
          .wp.winners .content .table .tr .td:nth-child(3) {
            min-height: auto; }
            .wp.winners .content .table .tr .td:nth-child(3):before {
              content: '活動日期：';
              -ms-flex-negative: 0;
              flex-shrink: 0; }
          .wp.winners .content .table .tr .td:nth-child(4) {
            min-height: auto; }
            .wp.winners .content .table .tr .td:nth-child(4):before {
              content: '領獎日期：';
              -ms-flex-negative: 0;
              flex-shrink: 0; } }

@media screen and (max-width: 767px) {
  .isIE .wp.about .content .section4 > .container, .isIE .wp.about .content .section3 > .container {
    display: block; }
  .isIE .wp.about .content .section4 .mapBox, .isIE .wp.about .content .section3 .mapBox {
    margin: 0 auto; }
    .isIE .wp.about .content .section4 .mapBox .pic, .isIE .wp.about .content .section3 .mapBox .pic {
      margin: 0 auto; } }

.wp.winner .content .inner {
  width: 100%;
  margin: 0 auto;
  padding: 90px 0; }
  .wp.winner .content .inner .innerText {
    max-width: 1200px;
    margin: 0 auto; }
  .wp.winner .content .inner h2 {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc; }
  .wp.winner .content .inner h4 {
    line-height: 25px;
    margin-top: 40px;
    margin-bottom: 15px; }
  .wp.winner .content .inner .intro p {
    position: relative;
    padding-left: 80px;
    line-height: 30px; }
    .wp.winner .content .inner .intro p span {
      position: absolute;
      left: 0;
      display: inline-block;
      line-height: 30px; }
  .wp.winner .content .inner .notice {
    margin-top: 40px;
    list-style: initial;
    list-style-position: outside; }
    .wp.winner .content .inner .notice p, .wp.winner .content .inner .notice li {
      line-height: 35px; }
    .wp.winner .content .inner .notice .title {
      list-style: none; }
  @media screen and (max-width: 767px) {
    .wp.winner .content .inner {
      padding: 30px 0; }
      .wp.winner .content .inner h2 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 15px;
        margin-bottom: 15px; }
      .wp.winner .content .inner h4 {
        margin-top: 30px; }
      .wp.winner .content .inner .intro p {
        font-size: 14px;
        line-height: 23px; }
        .wp.winner .content .inner .intro p span {
          line-height: 25px; }
      .wp.winner .content .inner .notice {
        margin-top: 20px; }
        .wp.winner .content .inner .notice p {
          line-height: 23px;
          font-size: 14px; } }

.wp.winner .content .tables {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 2px solid #000; }
  .wp.winner .content .tables .table {
    width: 49%;
    border-bottom: 1px solid #ccc; }
    .wp.winner .content .tables .table .tr .th, .wp.winner .content .tables .table .tr .td {
      width: 33.33333333%;
      line-height: 50px; }
    .wp.winner .content .tables .table .tbody .tr:nth-child(2n+1) {
      background-color: #eee; }
  @media screen and (max-width: 767px) {
    .wp.winner .content .tables {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      border-top: 2px solid #000;
      border-bottom: 1px solid #ccc; }
      .wp.winner .content .tables .table {
        width: 100%;
        border: 0; }
        .wp.winner .content .tables .table:nth-child(2) .thead {
          display: none; }
        .wp.winner .content .tables .table .td {
          font-size: 14px; } }

.present .mobile-mask {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 700;
  display: none;
  pointer-events: none; }
  .present .mobile-mask.active {
    display: block; }

.present .content {
  margin-bottom: 10px; }
  .present .content > .container-fluid {
    position: relative; }
    .present .content > .container-fluid > .container {
      position: relative; }
  .present .content .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .present .content .bg .jqimgFill {
      height: 530px; }
      @media screen and (max-width: 991px) {
        .present .content .bg .jqimgFill {
          height: 300px; }
          .present .content .bg .jqimgFill.others-pic {
            background-position: 15% center !important; } }
  .present .content .introBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 130px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 400px;
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto; }
    .present .content .introBox.others {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
    .present .content .introBox .intro.left {
      margin-right: 80px; }
    .present .content .introBox .intro.right {
      margin-left: 80px;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; }
      @media screen and (min-width: 992px) {
        .present .content .introBox .intro.right {
          text-align: right; } }
      .present .content .introBox .intro.right h2:after {
        right: 0;
        left: auto; }
        @media screen and (max-width: 991px) {
          .present .content .introBox .intro.right h2:after {
            right: auto;
            left: 0; } }
    .present .content .introBox .intro h2 {
      position: relative;
      font-size: 30px;
      padding-bottom: 20px;
      margin-bottom: 20px;
      line-height: normal; }
      .present .content .introBox .intro h2:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 35px;
        height: 1px;
        background-color: #999; }
    .present .content .introBox .intro .subTitle {
      font-size: 20px;
      margin-bottom: 10px; }
    .present .content .introBox .pic img {
      max-height: 100%; }
    @media screen and (max-width: 1199px) {
      .present .content .introBox {
        padding-left: 30px;
        padding-right: 30px; }
        .present .content .introBox .intro.left {
          margin-right: 40px; }
        .present .content .introBox .intro.right {
          margin-left: 40px; } }
    @media screen and (max-width: 991px) {
      .present .content .introBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0;
        min-height: 200px;
        margin-bottom: 15px; }
        .present .content .introBox .intro {
          margin: 0 !important;
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1; }
          .present .content .introBox .intro h2 {
            font-size: 24px; }
          .present .content .introBox .intro .subTitle {
            font-size: 18px; }
          .present .content .introBox .intro p {
            font-size: 14px;
            line-height: 20px; }
        .present .content .introBox .pic {
          -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
          order: 0;
          text-align: center;
          margin-bottom: 30px;
          height: 300px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; } }
  .present .content .slider {
    margin-bottom: 20px;
    padding: 0 30px; }
    @media screen and (max-width: 600px) {
      .present .content .slider {
        margin-bottom: 70px; } }
    @media screen and (max-width: 479px) {
      .present .content .slider {
        margin-bottom: 15px; } }
    .present .content .slider .slick-list {
      padding-bottom: 5px !important; }
    .present .content .slider .slick-slide {
      margin: 0 15px;
      border: 1px solid #ddd;
      cursor: pointer; }
      .present .content .slider .slick-slide .picBox {
        display: block;
        position: relative;
        overflow: hidden; }
        .present .content .slider .slick-slide .picBox .pic img {
          -webkit-transition: -webkit-transform 0.3s ease-in-out;
          transition: -webkit-transform 0.3s ease-in-out;
          -o-transition: transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
          width: 100%; }
        .present .content .slider .slick-slide .picBox .branchBox {
          display: block;
          position: absolute;
          left: 20px;
          top: 20px; }
          .present .content .slider .slick-slide .picBox .branchBox .btn {
            display: inline-block; }
          @media screen and (max-width: 767px) {
            .present .content .slider .slick-slide .picBox .branchBox {
              left: 10px;
              top: 10px; }
              .present .content .slider .slick-slide .picBox .branchBox .oval-btn {
                font-size: 12px;
                width: 70px; } }
        .present .content .slider .slick-slide .picBox .notice {
          position: absolute;
          bottom: 0;
          width: 100%;
          height: 50px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background-color: rgba(0, 0, 0, 0.5);
          color: #fff;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          .present .content .slider .slick-slide .picBox .notice span + span:before {
            content: '|';
            padding: 0 10px; }
          @media screen and (max-width: 1199px) {
            .present .content .slider .slick-slide .picBox .notice > span {
              font-size: 1vw; } }
          @media screen and (max-width: 767px) {
            .present .content .slider .slick-slide .picBox .notice > span {
              font-size: 12px; }
            .present .content .slider .slick-slide .picBox .notice span + span:before {
              display: none; } }
        .present .content .slider .slick-slide .picBox .noStock {
          position: absolute;
          left: 0;
          top: 0;
          background-color: rgba(0, 0, 0, 0.5);
          width: 100%;
          height: 100%;
          display: none;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .present .content .slider .slick-slide .picBox .noStock:before {
            content: '';
            width: 90px;
            height: 90px;
            border-radius: 50%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background: transparent;
            border: 1px solid #fff;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            z-index: 1; }
            @media screen and (max-width: 767px) {
              .present .content .slider .slick-slide .picBox .noStock:before {
                width: 70px;
                height: 70px;
                top: 40%; } }
            @media screen and (max-width: 479px) {
              .present .content .slider .slick-slide .picBox .noStock:before {
                width: 60px;
                height: 60px; } }
          .present .content .slider .slick-slide .picBox .noStock > span {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background-color: #E60012;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #fff;
            line-height: normal;
            font-size: 26px; }
            @media screen and (max-width: 767px) {
              .present .content .slider .slick-slide .picBox .noStock > span {
                font-size: 20px;
                width: 80px;
                height: 80px;
                top: 40%; } }
            @media screen and (max-width: 479px) {
              .present .content .slider .slick-slide .picBox .noStock > span {
                width: 70px;
                height: 70px;
                font-size: 18px; } }
        .present .content .slider .slick-slide .picBox .noStockUpdateTime {
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%; }
          .present .content .slider .slick-slide .picBox .noStockUpdateTime span {
            display: block;
            color: #fff;
            text-align: center; }
            @media screen and (max-width: 1199px) {
              .present .content .slider .slick-slide .picBox .noStockUpdateTime span {
                font-size: 1vw; } }
            @media screen and (max-width: 767px) {
              .present .content .slider .slick-slide .picBox .noStockUpdateTime span {
                font-size: 12px; } }
        .present .content .slider .slick-slide .picBox.outStock .noStock {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
        .present .content .slider .slick-slide .picBox.outStock .notice {
          -webkit-transform: translateY(100%) !important;
          -ms-transform: translateY(100%) !important;
          transform: translateY(100%) !important; }
        .present .content .slider .slick-slide .picBox.unready .notice {
          -webkit-transform: translateY(100%) !important;
          -ms-transform: translateY(100%) !important;
          transform: translateY(100%) !important; }
      .present .content .slider .slick-slide .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 30px;
        min-height: 140px;
        background-color: #fff; }
        .present .content .slider .slick-slide .title h4 {
          font-weight: bold;
          margin-bottom: 5px;
          line-height: 30px; }
        .present .content .slider .slick-slide .title p {
          line-height: 25px; }
        @media screen and (max-width: 767px) {
          .present .content .slider .slick-slide .title {
            padding-top: 10px;
            padding-bottom: 10px; } }
        @media screen and (max-width: 479px) {
          .present .content .slider .slick-slide .title {
            padding-left: 15px;
            padding-right: 15px; } }
      .present .content .slider .slick-slide:hover .picBox .pic img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
    .present .content .slider .slick-arrow:before {
      font-size: 30px;
      color: #888; }
    .present .content .slider .slick-arrow.slick-prev {
      left: 0; }
    .present .content .slider .slick-arrow.slick-next {
      right: 0; }
  .present .content .infoBox {
    position: relative;
    background-color: #f7f7f7;
    border: 1px solid #E60012;
    border-radius: 5px;
    margin-bottom: 30px;
    display: none;
    padding: 50px;
    margin: 0 55px 45px; }
    .present .content .infoBox .btn-close {
      position: absolute;
      right: 0;
      top: 0;
      background-color: #E60012;
      width: 50px;
      height: 50px;
      display: block; }
      .present .content .infoBox .btn-close .icon {
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: relative;
        display: inline-block;
        cursor: pointer; }
        .present .content .infoBox .btn-close .icon:before {
          color: #fff;
          font-size: 30px;
          text-align: center; }
    .present .content .infoBox .inner {
      display: none; }
      .present .content .infoBox .inner.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .present .content .infoBox .pic {
      width: 50%;
      text-align: center; }
      .present .content .infoBox .pic img {
        display: block; }
    .present .content .infoBox .info {
      width: 50%;
      height: 440px;
      overflow-y: auto;
      padding: 0 30px; }
      .present .content .infoBox .info h4 {
        font-size: 24px;
        margin-bottom: 10px;
        line-height: normal; }
      .present .content .infoBox .info p, .present .content .infoBox .info li {
        line-height: 30px; }
      .present .content .infoBox .info .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #E60012; }
    @media screen and (max-width: 1760px) {
      .present .content .infoBox {
        margin: 0 40px 45px; } }
    @media screen and (min-width: 768px) {
      .present .content .infoBox {
        max-width: 1660px; } }
    @media screen and (max-width: 991px) {
      .present .content .infoBox {
        padding: 70px 15px 30px;
        margin: 0 10px 45px; }
        .present .content .infoBox .inner.active {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
        .present .content .infoBox .pic {
          width: 100%;
          margin-bottom: 15px; }
          .present .content .infoBox .pic img {
            margin: 0 auto; }
        .present .content .infoBox .info {
          width: 100%;
          height: 350px; } }
    @media screen and (max-width: 767px) {
      .present .content .infoBox {
        position: fixed;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        margin-bottom: 0;
        margin: 0 30px;
        z-index: 800;
        width: calc(100% - 60px); }
        .present .content .infoBox.active {
          display: block !important; }
        .present .content .infoBox .inner {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
        .present .content .infoBox .info {
          height: 200px; }
          .present .content .infoBox .info h4 {
            font-size: 18px;
            line-height: 30px;
            font-weight: bold; }
          .present .content .infoBox .info p, .present .content .infoBox .info li {
            line-height: 25px; } }
    @media screen and (max-width: 479px) {
      .present .content .infoBox .info {
        padding: 0; } }

@media screen and (max-width: 767px) {
  .isIE .present .content .infoBox .inner.active {
    display: block; } }

.wp.edm .banner .bannerBox {
  position: relative; }
  .wp.edm .banner .bannerBox .recruitBox {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    background-color: #E60012;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .wp.edm .banner .bannerBox .recruitBox .icon {
      display: block;
      margin-bottom: 3px; }
      .wp.edm .banner .bannerBox .recruitBox .icon:before {
        font-size: 40px;
        color: #fff; }
    .wp.edm .banner .bannerBox .recruitBox .text {
      color: #fff;
      font-size: 18px; }

.wp.edm .content > .container {
  max-width: 1230px;
  padding: 35px 15px 50px; }
  .wp.edm .content > .container form br {
    line-height: 15px; }
  .wp.edm .content > .container form .txt-red {
    color: #ff0000; }
  .wp.edm .content > .container form .btns button {
    min-width: 130px; }
  @media screen and (max-width: 767px) {
    .wp.edm .content > .container {
      padding: 20px 15px; } }

.wp.edm .content .emailBox {
  width: 100%;
  height: 50px;
  max-width: 770px;
  line-height: 50px;
  padding: 0 5px;
  margin-bottom: 25px; }

.wp.edm .content .checkBoxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 25px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .wp.edm .content .checkBoxs .checkBox {
    width: 200px;
    margin-top: 25px; }
    .wp.edm .content .checkBoxs .checkBox .checkbox-bg {
      border: 1px solid #ddd;
      margin-right: 10px; }
  .wp.edm .content .checkBoxs .hideItem {
    width: 200px;
    height: 0; }
  @media screen and (max-width: 479px) {
    .wp.edm .content .checkBoxs .checkBox {
      width: 50%; }
      .wp.edm .content .checkBoxs .checkBox .checkbox-bg {
        margin-right: 5px; } }

.wp.edm .content .btns {
  margin-top: 25px; }
  .wp.edm .content .btns > button {
    position: relative;
    font-size: 18px; }
    .wp.edm .content .btns > button > span {
      line-height: normal;
      width: 100%;
      text-align: center !important; }
  @media screen and (max-width: 767px) {
    .wp.edm .content .btns > button {
      font-size: 14px;
      padding: 0 15px; } }

.wp.branchdm .content .dmContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.wp.branchdm .content .dmBox, .wp.branchdm .content .hideItem {
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%; }
  @media screen and (max-width: 767px) {
    .wp.branchdm .content .dmBox, .wp.branchdm .content .hideItem {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; } }

.wp.branchdm .content .hideItem {
  height: 0; }

.wp.branchdm .content .dmBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d2d2d2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  margin-bottom: 30px;
  -webkit-transition: border-color 0.1s ease-in-out;
  -o-transition: border-color 0.1s ease-in-out;
  transition: border-color 0.1s ease-in-out; }
  @media screen and (min-width: 992px) {
    .wp.branchdm .content .dmBox:hover {
      border-color: #E60012; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .wp.branchdm .content .dmBox {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .wp.branchdm .content .dmBox {
      margin-bottom: 15px; } }
  @media screen and (max-width: 479px) {
    .wp.branchdm .content .dmBox {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-bottom: 60px; } }
  .wp.branchdm .content .dmBox .picBox {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    width: 100%;
    overflow: hidden; }
    .wp.branchdm .content .dmBox .picBox .pic {
      display: block;
      -webkit-transition: -webkit-transform 0.3s ease-in-out;
      transition: -webkit-transform 0.3s ease-in-out;
      -o-transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
      .wp.branchdm .content .dmBox .picBox .pic img {
        display: block; }
    @media screen and (max-width: 1679px) {
      .wp.branchdm .content .dmBox .picBox {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
        flex: 0 0 250px; } }
    @media screen and (max-width: 1199px) {
      .wp.branchdm .content .dmBox .picBox {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .wp.branchdm .content .dmBox .picBox {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        padding-top: 20px; }
        .wp.branchdm .content .dmBox .picBox .pic img {
          margin: 0 auto;
          height: 250px; } }
    @media screen and (max-width: 479px) {
      .wp.branchdm .content .dmBox .picBox {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-top: 10px; }
        .wp.branchdm .content .dmBox .picBox .pic img {
          margin: 0 auto;
          height: 200px; } }
  .wp.branchdm .content .dmBox .introBox {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    padding-left: 50px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 1679px) {
      .wp.branchdm .content .dmBox .introBox {
        padding-left: 30px; } }
    @media screen and (max-width: 1199px) {
      .wp.branchdm .content .dmBox .introBox {
        padding-left: 15px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .wp.branchdm .content .dmBox .introBox {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%; } }
    .wp.branchdm .content .dmBox .introBox .introInner p.text {
      color: #000;
      line-height: 25px; }
    .wp.branchdm .content .dmBox .introBox .introInner p.date {
      color: #808080;
      font-size: 14px; }
    .wp.branchdm .content .dmBox .introBox .introInner .shareBtns {
      margin-top: 50px; }
      @media screen and (max-width: 1679px) {
        .wp.branchdm .content .dmBox .introBox .introInner .shareBtns a[class*="a2a_button_"] + a {
          margin-left: 5px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .wp.branchdm .content .dmBox .introBox .introInner {
        width: 100%;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px; }
        .wp.branchdm .content .dmBox .introBox .introInner .shareBtns {
          margin: 0;
          width: 100%;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          position: absolute;
          left: 50%;
          bottom: 20px;
          -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0); } }
    @media screen and (max-width: 479px) {
      .wp.branchdm .content .dmBox .introBox .introInner {
        width: 100%;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 10px; }
        .wp.branchdm .content .dmBox .introBox .introInner .shareBtns {
          margin: 0;
          width: 100%;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          position: absolute;
          left: 50%;
          bottom: 20px;
          -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0); } }
    @media screen and (max-width: 767px) {
      .wp.branchdm .content .dmBox .introBox .introInner .shareBtns {
        margin-top: 30px; } }

.voucher .banner .bannerBox .pic.bg .jqimgFill {
  background-position: 20% center !important; }

.voucher .banner .bannerBox .title {
  top: 50%;
  width: 100%;
  padding: 0 30px; }
  .voucher .banner .bannerBox .title p {
    font-size: 18px;
    text-align: center;
    line-height: 30px; }
    .voucher .banner .bannerBox .title p + p {
      margin-top: 5px; }
    @media screen and (max-width: 767px) {
      .voucher .banner .bannerBox .title p {
        font-size: 16px;
        line-height: 25px; } }

.voucher .content {
  margin-top: 40px;
  margin-bottom: 70px; }
  @media screen and (max-width: 767px) {
    .voucher .content {
      margin-top: 30px;
      margin-bottom: 30px; } }
  .voucher .content > .container {
    max-width: 1200px; }
  .voucher .content h2 {
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 15px; }
    @media screen and (max-width: 767px) {
      .voucher .content h2 {
        margin-bottom: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .voucher .content .boxs {
    border: 1px solid #ddd;
    padding: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px;
    border-radius: 5px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .voucher .content .boxs h4 {
      color: #E60012;
      font-weight: bold;
      line-height: 30px; }
    .voucher .content .boxs .location {
      width: 49%;
      margin-bottom: 20px; }
      @media screen and (max-width: 479px) {
        .voucher .content .boxs .location:nth-child(2n+1) {
          -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
          order: 0; }
        .voucher .content .boxs .location:nth-child(2n) {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1; } }
      .voucher .content .boxs .location p .address a {
        color: #000; }
      .voucher .content .boxs .location p .address .icon {
        display: inline-block; }
        .voucher .content .boxs .location p .address .icon:before {
          font-size: 20px; }
      .voucher .content .boxs .location p .tel:before {
        content: "|";
        display: inline-block;
        color: #ccc;
        padding-right: 10px; }
    .voucher .content .boxs .box {
      width: 49%;
      min-height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .voucher .content .boxs .box .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 95%; }
        .voucher .content .boxs .box .inner h4 {
          padding-right: 20px;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 70px;
          flex: 0 0 70px; }
        .voucher .content .boxs .box .inner p {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
    @media screen and (max-width: 991px) {
      .voucher .content .boxs {
        margin-bottom: 30px;
        padding: 35px 15px 15px; }
        .voucher .content .boxs .box {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .voucher .content .boxs .box .inner h4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
        .voucher .content .boxs .location p .address {
          display: block;
          font-size: 14px; }
        .voucher .content .boxs .location p .tel {
          display: block; }
          .voucher .content .boxs .location p .tel:before {
            display: none; }
        .voucher .content .boxs .location, .voucher .content .boxs .box {
          text-align: center; }
          .voucher .content .boxs .location .inner, .voucher .content .boxs .box .inner {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            .voucher .content .boxs .location .inner h4, .voucher .content .boxs .box .inner h4 {
              padding-right: 0; } }
    @media screen and (max-width: 479px) {
      .voucher .content .boxs .location, .voucher .content .boxs .box {
        width: 100%; } }
  .voucher .content .table {
    margin-bottom: 40px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    @media screen and (max-width: 767px) {
      .voucher .content .table {
        margin-bottom: 30px; } }
    .voucher .content .table .thead {
      min-width: 600px; }
      .voucher .content .table .thead .tr {
        background-color: #EBEBEC; }
    .voucher .content .table .tbody {
      min-width: 600px; }
      .voucher .content .table .tbody .tr:nth-child(2n+1) {
        background-color: #fff; }
      .voucher .content .table .tbody .tr:nth-child(2n) {
        background-color: #EBEBEC; }
    .voucher .content .table .th, .voucher .content .table .td {
      text-align: center;
      min-height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      line-height: 25px;
      padding: 5px 8px; }
      .voucher .content .table .th:nth-child(1), .voucher .content .table .td:nth-child(1) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 200px;
        flex: 1 1 200px; }
      .voucher .content .table .th:nth-child(2), .voucher .content .table .th:nth-child(3), .voucher .content .table .td:nth-child(2), .voucher .content .table .td:nth-child(3) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 292.5px;
        flex: 1 1 292.5px; }
      .voucher .content .table .th:nth-child(4), .voucher .content .table .td:nth-child(4) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 415px;
        flex: 1 1 415px; }
  .voucher .content .notice {
    list-style-type: decimal;
    padding-left: 20px; }
    @media screen and (max-width: 767px) {
      .voucher .content .notice {
        margin-left: 5px; } }
    .voucher .content .notice li {
      line-height: 30px; }
      @media screen and (max-width: 991px) {
        .voucher .content .notice li {
          line-height: 25px; } }

.wp.newslist .content {
  margin-bottom: 75px; }
  .wp.newslist .content .newsBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .wp.newslist .content .newsBox .hideItem {
      width: 30%;
      height: 0; }
    .wp.newslist .content .newsBox .news {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center;
      width: 32%;
      margin-bottom: 25px;
      border: 1px solid transparent;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: border-color 0.2s ease-in-out;
      -o-transition: border-color 0.2s ease-in-out;
      transition: border-color 0.2s ease-in-out; }
      .wp.newslist .content .newsBox .news .pic {
        position: relative;
        overflow: hidden; }
        .wp.newslist .content .newsBox .news .pic img {
          display: block;
          -webkit-transition: -webkit-transform 0.3s ease-in-out;
          transition: -webkit-transform 0.3s ease-in-out;
          -o-transition: transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
        .wp.newslist .content .newsBox .news .pic .ovalBtnBox {
          position: absolute;
          left: 0;
          top: 20px;
          width: 100%;
          padding: 0 20px;
          text-align: left; }
          .wp.newslist .content .newsBox .news .pic .ovalBtnBox .oval-btn {
            display: inline-block; }
      .wp.newslist .content .newsBox .news .titleBox {
        padding: 15px; }
        .wp.newslist .content .newsBox .news .titleBox .date {
          color: #808080;
          font-size: 14px; }
        @media screen and (max-width: 767px) {
          .wp.newslist .content .newsBox .news .titleBox {
            padding-left: 0;
            padding-right: 0; } }
      @media screen and (min-width: 992px) {
        .wp.newslist .content .newsBox .news:hover {
          border-color: #e20a1c; }
          .wp.newslist .content .newsBox .news:hover .pic img {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1); } }
    @media screen and (max-width: 991px) {
      .wp.newslist .content .newsBox .hideItem, .wp.newslist .content .newsBox .news {
        width: 49%; } }
    @media screen and (max-width: 479px) {
      .wp.newslist .content .newsBox .hideItem, .wp.newslist .content .newsBox .news {
        width: 100%; } }
  .wp.newslist .content .pages {
    margin-top: 25px; }

@media screen and (max-width: 767px) {
  .wp.news .banner .pagetitleBox {
    padding: 0; } }

.wp.news .content .titleBox {
  height: 250px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px; }
  @media screen and (max-width: 991px) {
    .wp.news .content .titleBox {
      margin-bottom: 20px; } }
  .wp.news .content .titleBox .title {
    width: 100%; }
    .wp.news .content .titleBox .title h1 {
      font-size: 30px;
      line-height: 40px;
      margin-bottom: 10px; }
  @media screen and (max-width: 991px) {
    .wp.news .content .titleBox {
      height: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      min-height: auto;
      padding-top: 30px;
      padding-bottom: 30px; }
      .wp.news .content .titleBox .title {
        margin-bottom: 20px; }
        .wp.news .content .titleBox .title h1 {
          text-align: center;
          margin-bottom: 5px;
          font-size: 24px;
          line-height: 30px; }
        .wp.news .content .titleBox .title p {
          text-align: center; } }

.wp.news .content .inner .pic {
  text-align: center; }

.wp.news .content .inner .videoBox {
  position: relative;
  padding-bottom: 56.25%;
  margin-top: 25px;
  height: 0; }
  .wp.news .content .inner .videoBox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.wp.news .content .voteContainer {
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 15px #ddd;
  box-shadow: 0 5px 15px #ddd;
  margin-top: 45px; }
  .wp.news .content .voteContainer .voteTitleBox {
    border-radius: 5px 5px 0 0;
    background-color: #3a251c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .wp.news .content .voteContainer .voteTitleBox h4 {
      color: #fff;
      font-weight: bold;
      text-align: center;
      font-size: 20px; }
  .wp.news .content .voteContainer .voteinner {
    padding: 30px 40px; }
    @media screen and (max-width: 767px) {
      .wp.news .content .voteContainer .voteinner {
        padding: 10px 15px; } }
  .wp.news .content .voteContainer .voteBoxs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 991px) {
      .wp.news .content .voteContainer .voteBoxs {
        -ms-flex-pack: distribute;
        justify-content: space-around; } }
    @media screen and (max-width: 767px) {
      .wp.news .content .voteContainer .voteBoxs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
  .wp.news .content .voteContainer .hideItem {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 32%;
    flex: 0 1 32%; }
    @media screen and (max-width: 991px) {
      .wp.news .content .voteContainer .hideItem {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%; } }
    @media screen and (max-width: 767px) {
      .wp.news .content .voteContainer .hideItem {
        -ms-flex-preferred-size: auto;
        flex-basis: auto; } }
  .wp.news .content .voteContainer .voteBox {
    border: 1px solid #ddd;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 32%;
    flex: 0 1 32%;
    margin-top: 10px;
    margin-bottom: 10px; }
    @media screen and (max-width: 991px) {
      .wp.news .content .voteContainer .voteBox {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
        max-width: 360px; } }
    @media screen and (max-width: 767px) {
      .wp.news .content .voteContainer .voteBox {
        -ms-flex-preferred-size: auto;
        flex-basis: auto; } }
    .wp.news .content .voteContainer .voteBox .voteTop {
      border-bottom: 1px solid #ddd;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 10px 15px; }
      @media screen and (max-width: 991px) {
        .wp.news .content .voteContainer .voteBox .voteTop {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          padding: 5px 15px; }
          .wp.news .content .voteContainer .voteBox .voteTop .btn {
            margin-top: 5px; } }
      .wp.news .content .voteContainer .voteBox .voteTop .btn {
        width: 100px;
        height: 35px;
        line-height: 35px;
        border: 1px solid #E60012;
        color: #E60012;
        -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
        -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
        margin-left: 10px; }
        .wp.news .content .voteContainer .voteBox .voteTop .btn.selected {
          background-color: #E60012;
          color: #fff; }
        @media screen and (min-width: 992px) {
          .wp.news .content .voteContainer .voteBox .voteTop .btn:hover {
            background-color: #E60012;
            color: #fff; } }
    .wp.news .content .voteContainer .voteBox .votePic {
      border-bottom: 1px solid #ddd; }
      .wp.news .content .voteContainer .voteBox .votePic img {
        display: block;
        margin: 0 auto; }
    .wp.news .content .voteContainer .voteBox .voteBottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 20px 15px; }
      .wp.news .content .voteContainer .voteBox .voteBottom .voteNumber {
        width: 50px;
        height: 50px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50%;
        background-color: #eeeeee; }
      .wp.news .content .voteContainer .voteBox .voteBottom .voteIntro {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-left: 15px; }
        .wp.news .content .voteContainer .voteBox .voteBottom .voteIntro h5 {
          font-weight: bold;
          margin-bottom: 8px;
          line-height: normal; }
        .wp.news .content .voteContainer .voteBox .voteBottom .voteIntro p.locate {
          margin-bottom: 8px; }
        .wp.news .content .voteContainer .voteBox .voteBottom .voteIntro p:not(.locate) {
          font-size: 15px;
          color: #4c4c4c; }
      @media (min-width: 768px) and (max-width: 991px) {
        .wp.news .content .voteContainer .voteBox .voteBottom {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding: 10px 15px; }
          .wp.news .content .voteContainer .voteBox .voteBottom .voteIntro {
            margin-left: 0;
            margin-top: 10px; } }

.wp.news .content .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 80px; }
  @media screen and (max-width: 767px) {
    .wp.news .content .bottom {
      margin-top: 30px;
      margin-bottom: 40px; } }
  .wp.news .content .bottom .news-btn {
    width: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    color: #000;
    -webkit-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out; }
    .wp.news .content .bottom .news-btn.prev:before {
      content: "";
      font-size: 18px;
      -webkit-transition: -webkit-transform 0.3s ease-in-out;
      transition: -webkit-transform 0.3s ease-in-out;
      -o-transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
    .wp.news .content .bottom .news-btn.next:after {
      content: "";
      font-size: 18px;
      -webkit-transition: -webkit-transform 0.3s ease-in-out;
      transition: -webkit-transform 0.3s ease-in-out;
      -o-transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
    @media screen and (min-width: 992px) {
      .wp.news .content .bottom .news-btn.prev:hover:before {
        -webkit-transform: translate(-20px, 0);
        -ms-transform: translate(-20px, 0);
        transform: translate(-20px, 0); }
      .wp.news .content .bottom .news-btn.next:hover:after {
        -webkit-transform: translate(20px, 0);
        -ms-transform: translate(20px, 0);
        transform: translate(20px, 0); } }
    @media screen and (max-width: 479px) {
      .wp.news .content .bottom .news-btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 50px;
        font-size: 14px; }
        .wp.news .content .bottom .news-btn:before {
          margin-bottom: 10px; }
        .wp.news .content .bottom .news-btn.next:after {
          display: none; }
        .wp.news .content .bottom .news-btn.next:before {
          content: "";
          font-size: 18px; } }

.wp.branchnewslist .banner .pageTitle {
  position: relative; }

.wp.branchnewslist .banner .navBtnsBox {
  position: relative; }
  @media screen and (max-width: 767px) {
    .wp.branchnewslist .banner .navBtnsBox {
      display: block; }
      .wp.branchnewslist .banner .navBtnsBox .navBtns {
        display: none; } }

@media screen and (min-width: 1200px) {
  .wp.branchnewslist .banner .switchBox {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); } }

.wp.branchnewslist .banner .switchBox .desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 1199px) {
    .wp.branchnewslist .banner .switchBox .desktop {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 20px; } }
  .wp.branchnewslist .banner .switchBox .desktop a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
    color: #808080;
    font-size: 14px;
    -webkit-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out; }
    .wp.branchnewslist .banner .switchBox .desktop a .icon {
      margin-right: 10px; }
    .wp.branchnewslist .banner .switchBox .desktop a.active {
      color: #E60012; }
    .wp.branchnewslist .banner .switchBox .desktop a:not(.active):hover {
      color: #333; }
    .wp.branchnewslist .banner .switchBox .desktop a + a:before {
      content: '';
      width: 1px;
      height: 14px;
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      background-color: #ddd; }

.wp.branchnewslist .banner .switchBox .mobile {
  display: none; }
  @media screen and (max-width: 991px) {
    .wp.branchnewslist .banner .switchBox .mobile {
      display: block; } }

.wp.branchnewslist .content {
  padding-top: 10px; }

.related .content {
  margin-top: 55px;
  margin-bottom: 40px; }
  .related .content > .container {
    padding: 0 15px; }
  .related .content .linkBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .related .content .linkBox .hideItem {
      width: 280px;
      height: 0;
      margin: 0 10px 25px; }
      @media screen and (max-width: 479px) {
        .related .content .linkBox .hideItem {
          width: calc(50% - 20px);
          margin: 0 10px 10px; } }
    .related .content .linkBox .link {
      overflow: hidden;
      width: 280px;
      height: 200px;
      border: 1px solid #ddd;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 10px 25px; }
      .related .content .linkBox .link .pic {
        display: block;
        width: 100%;
        text-align: center; }
      @media screen and (min-width: 992px) {
        .related .content .linkBox .link .pic {
          -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
          transform: scale(0.9);
          -webkit-transition: -webkit-transform 0.1s ease-in-out;
          transition: -webkit-transform 0.1s ease-in-out;
          -o-transition: transform 0.1s ease-in-out;
          transition: transform 0.1s ease-in-out;
          transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; }
        .related .content .linkBox .link:hover .pic {
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1); } }
      @media screen and (max-width: 479px) {
        .related .content .linkBox .link {
          width: calc(50% - 20px);
          height: auto;
          min-height: 110px;
          margin: 0 10px 10px; }
          .related .content .linkBox .link .pic {
            width: 80%; } }

.language.cn .content h2 {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 15px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .language.cn .content h2 {
      font-size: 26px;
      margin-bottom: 5px; } }

.language.cn .content .section1 {
  overflow: hidden;
  position: relative;
  height: 1050px;
  padding-top: 120px; }
  @media screen and (max-width: 991px) {
    .language.cn .content .section1 {
      padding-top: 60px;
      padding-bottom: 60px;
      height: 800px; } }
  @media screen and (max-width: 767px) {
    .language.cn .content .section1 {
      padding-top: 30px;
      padding-bottom: 180px;
      height: auto;
      background: url("../styles/images/about/top-banner.jpg");
      background-size: cover;
      background-position: center center; }
      .language.cn .content .section1:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.5); } }
  .language.cn .content .section1 .pic.bg {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 1920px; }
    @media screen and (max-width: 991px) {
      .language.cn .content .section1 .pic.bg {
        opacity: 0.5; } }
    @media screen and (max-width: 767px) {
      .language.cn .content .section1 .pic.bg {
        display: none; } }
  @media screen and (min-width: 768px) {
    .language.cn .content .section1 > .container {
      background: -webkit-radial-gradient(center, ellipse, white 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
      background: -o-radial-gradient(center, ellipse, white 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
      background: radial-gradient(ellipse at center, white 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%); } }
  .language.cn .content .section1 h1 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 15px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .language.cn .content .section1 h1 {
        font-size: 26px;
        margin-bottom: 5px; } }
  .language.cn .content .section1 .intro {
    position: relative;
    text-align: center; }
    .language.cn .content .section1 .intro p {
      line-height: 30px; }
      @media screen and (max-width: 767px) {
        .language.cn .content .section1 .intro p {
          line-height: 25px; } }
    .language.cn .content .section1 .intro .subtitle {
      margin-bottom: 5px; }
  .language.cn .content .section1 .btn {
    color: #000;
    width: 230px;
    height: 50px;
    line-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #aaa;
    border-radius: 0;
    margin: 20px auto 0;
    -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.2s ease-in-out 0.1s;
    -o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.2s ease-in-out 0.1s;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.2s ease-in-out 0.1s; }
    .language.cn .content .section1 .btn .icon {
      margin-right: 15px; }
      .language.cn .content .section1 .btn .icon:before {
        display: inline-block;
        font-size: 24px; }
    .language.cn .content .section1 .btn:hover {
      background-color: #E60012;
      border-color: #E60012;
      color: #fff; }
  .language.cn .content .section1 .visions {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 992px;
    margin: 20px auto 0; }
    @media screen and (max-width: 767px) {
      .language.cn .content .section1 .visions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    @media screen and (max-width: 479px) {
      .language.cn .content .section1 .visions {
        max-width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .language.cn .content .section1 .visions > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media screen and (max-width: 767px) {
        .language.cn .content .section1 .visions > div {
          width: 50%; } }
      @media screen and (max-width: 479px) {
        .language.cn .content .section1 .visions > div {
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          max-width: 240px;
          width: 100%;
          margin-bottom: 10px; } }
    .language.cn .content .section1 .visions .pic {
      margin: 0 15px;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
      @media (min-width: 480px) and (max-width: 991px) {
        .language.cn .content .section1 .visions .pic {
          width: 50px; } }
    .language.cn .content .section1 .visions .inner {
      -ms-flex-negative: 1;
      flex-shrink: 1; }
    .language.cn .content .section1 .visions .icon {
      width: 75px;
      height: 75px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 75px;
      flex: 0 0 75px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 50%;
      background-color: #E60012;
      margin: 0 15px; }
      .language.cn .content .section1 .visions .icon:before {
        color: #fff;
        font-size: 45px; }
      @media screen and (max-width: 991px) {
        .language.cn .content .section1 .visions .icon {
          width: 50px;
          height: 50px;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 50px;
          flex: 0 0 50px;
          margin: 0 5px; }
          .language.cn .content .section1 .visions .icon:before {
            font-size: 30px; } }
      @media screen and (max-width: 767px) {
        .language.cn .content .section1 .visions .icon {
          margin: 0 15px; } }

.language.cn .content .section2 {
  position: relative;
  padding-top: 95px;
  background: url("../styles/images/language/cn/section2-bg.png");
  background-size: cover;
  background-position: center center; }
  @media screen and (max-width: 767px) {
    .language.cn .content .section2 {
      padding-top: 30px; } }
  .language.cn .content .section2 > .bg {
    position: absolute;
    left: 0;
    right: 0; }
  .language.cn .content .section2 .intro {
    position: relative; }
  .language.cn .content .section2 h2 {
    text-align: center; }
  .language.cn .content .section2 .dropkick {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 300px;
    height: 50px;
    z-index: 1;
    margin-top: 5px; }
    .language.cn .content .section2 .dropkick .dk-selected {
      color: #E60012; }
  .language.cn .content .section2 .floorIcon {
    width: 40px;
    height: 24px;
    background-color: #E60012;
    color: #fff;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    display: block;
    margin-right: 10px; }
  .language.cn .content .section2 .dropkick-paneBox {
    margin-top: 35px; }
    .language.cn .content .section2 .dropkick-paneBox .dropkick-pane {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      display: none; }
      @media screen and (max-width: 767px) {
        .language.cn .content .section2 .dropkick-paneBox .dropkick-pane {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .language.cn .content .section2 .dropkick-paneBox .dropkick-pane.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .language.cn .content .section2 .dropkick-paneBox .dropkick-pane h4 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 10px; }
        @media screen and (max-width: 767px) {
          .language.cn .content .section2 .dropkick-paneBox .dropkick-pane h4 {
            text-align: center;
            font-size: 22px;
            margin-bottom: 5px; } }
      .language.cn .content .section2 .dropkick-paneBox .dropkick-pane h5 {
        font-size: 18px;
        font-weight: bold;
        color: #E60012;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .icon:before {
        color: #aaa;
        font-size: 30px;
        display: inline-block;
        padding-right: 10px; }
      .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .icon.locate:before {
        color: #000;
        font-size: 14px; }
      .language.cn .content .section2 .dropkick-paneBox .dropkick-pane > div {
        width: 50%;
        height: 450px;
        overflow: hidden; }
        @media screen and (max-width: 767px) {
          .language.cn .content .section2 .dropkick-paneBox .dropkick-pane > div {
            width: 100%; }
            .language.cn .content .section2 .dropkick-paneBox .dropkick-pane > div:nth-child(1) {
              -webkit-box-ordinal-group: 1;
              -ms-flex-order: 0;
              order: 0; }
            .language.cn .content .section2 .dropkick-paneBox .dropkick-pane > div:nth-child(2) {
              -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
              order: 1; }
            .language.cn .content .section2 .dropkick-paneBox .dropkick-pane > div:nth-child(3) {
              -webkit-box-ordinal-group: 4;
              -ms-flex-order: 3;
              order: 3; }
            .language.cn .content .section2 .dropkick-paneBox .dropkick-pane > div:nth-child(4) {
              -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
              order: 2; }
            .language.cn .content .section2 .dropkick-paneBox .dropkick-pane > div:nth-child(5) {
              -webkit-box-ordinal-group: 5;
              -ms-flex-order: 4;
              order: 4; }
            .language.cn .content .section2 .dropkick-paneBox .dropkick-pane > div:nth-child(6) {
              -webkit-box-ordinal-group: 6;
              -ms-flex-order: 5;
              order: 5; } }
      .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .picBox .jqimgFill {
        width: 100%;
        height: 450px; }
      .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .picBox .map {
        width: 100%;
        height: 100%; }
      @media screen and (max-width: 767px) {
        .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .picBox {
          height: 200px; }
          .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .picBox .jqimgFill {
            height: 200px; } }
      .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .introBox {
        padding: 75px 80px;
        background-color: #fff; }
        @media screen and (max-width: 991px) {
          .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .introBox {
            padding: 25px 30px; } }
        @media screen and (max-width: 767px) {
          .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .introBox {
            padding: 30px 15px;
            height: auto;
            min-height: 450px; } }
      .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .mapIntro {
        height: 100%; }
        .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .mapIntro .inner {
          overflow-y: auto;
          height: calc(100% - 25px); }
        .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .mapIntro h5 {
          margin-top: 30px; }
        .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .mapIntro p {
          padding-left: 40px;
          text-align: justify;
          text-justify: inter-ideograph; }
        @media screen and (max-width: 767px) {
          .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .mapIntro h5 {
            margin-top: 15px; } }
      .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .floorIntro {
        height: 100%; }
        .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .floorIntro .inner {
          height: calc(100% - 25px);
          overflow-y: auto; }
        .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .floorIntro .floorBox {
          margin-top: 20px;
          border-bottom: 1px solid #aaa; }
          .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .floorIntro .floorBox:nth-child(1) {
            margin-top: 30px; }
          .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .floorIntro .floorBox .floor {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .floorIntro .floorBox .floor p {
              line-height: 25px; }
          .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .floorIntro .floorBox .itemsBox {
            padding-left: 45px; }
            .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .floorIntro .floorBox .itemsBox ul {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              margin: 15px 0; }
              .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .floorIntro .floorBox .itemsBox ul li {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 14px;
                line-height: 25px; }
                .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .floorIntro .floorBox .itemsBox ul li:before {
                  content: '';
                  display: inline-block;
                  width: 5px;
                  height: 5px;
                  background-color: #000;
                  border-radius: 50%;
                  margin: 0 5px; }
          @media screen and (max-width: 767px) {
            .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .floorIntro .floorBox {
              margin-top: 15px; }
              .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .floorIntro .floorBox:nth-child(1) {
                margin-top: 15px; } }
      .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .serviceIntro {
        height: 100%; }
        .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .serviceIntro h5 {
          margin-top: 20px;
          margin-bottom: 20px; }
        .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .serviceIntro ul li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          line-height: 25px; }
          .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .serviceIntro ul li:before {
            content: '';
            display: inline-block;
            width: 5px;
            height: 5px;
            background-color: #000;
            border-radius: 50%;
            margin: 0 5px; }
        .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .serviceIntro .inner {
          height: calc(100% - 25px);
          overflow-y: auto; }
          @media screen and (max-width: 767px) {
            .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .serviceIntro .inner {
              height: auto; } }
        .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .serviceIntro .serviceArea {
          margin-top: 20px;
          border-top: 1px solid #aaa; }
        .language.cn .content .section2 .dropkick-paneBox .dropkick-pane .serviceIntro .serviceBox {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin: 7px 0; }

.language.cn .content .section3 {
  position: relative;
  background: url("../styles/images/language/cn/section3-bg.png");
  background-size: cover;
  background-position: center center;
  padding-top: 120px;
  padding-bottom: 125px; }
  @media screen and (max-width: 767px) {
    .language.cn .content .section3 {
      padding: 30px 0; } }
  .language.cn .content .section3 .intro {
    position: relative;
    padding-left: 15px;
    padding-right: 15px; }
    .language.cn .content .section3 .intro > .title {
      text-align: center;
      margin-bottom: 30px; }
  .language.cn .content .section3 .voucherBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1360px;
    margin: 0 auto; }
    @media screen and (max-width: 991px) {
      .language.cn .content .section3 .voucherBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media screen and (max-width: 991px) {
      .language.cn .content .section3 .voucherBox .mCustomScrollbar .mCSB_container {
        padding-right: 0; } }
    .language.cn .content .section3 .voucherBox .voucher {
      position: relative;
      background-color: #fff;
      width: 660px;
      height: 380px;
      margin: 0 10px;
      border-radius: 5px;
      padding: 45px 55px;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
      flex: 1 1 0%; }
      @media screen and (max-width: 1360px) {
        .language.cn .content .section3 .voucherBox .voucher {
          padding: 30px 40px; } }
      @media screen and (max-width: 991px) {
        .language.cn .content .section3 .voucherBox .voucher {
          width: calc(100% - 30px);
          height: auto;
          margin: 10px 15px;
          padding: 20px 15px; } }
      .language.cn .content .section3 .voucherBox .voucher:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        width: 0;
        height: 0;
        border-radius: 5px 0 0 0;
        border-width: 18px 24px;
        border-color: #E60012 transparent transparent #E60012;
        border-style: solid; }
      .language.cn .content .section3 .voucherBox .voucher h4 {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        line-height: 30px; }
      .language.cn .content .section3 .voucherBox .voucher h5 {
        font-weight: bold;
        color: #E60012;
        padding: 10px 0; }
      .language.cn .content .section3 .voucherBox .voucher p {
        text-align: center;
        line-height: 30px; }
      .language.cn .content .section3 .voucherBox .voucher .title {
        min-height: 75px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        align: center; }
      .language.cn .content .section3 .voucherBox .voucher .inner {
        height: calc(100% - 75px); }
        @media (min-width: 768px) and (max-width: 991px) {
          .language.cn .content .section3 .voucherBox .voucher .inner {
            height: calc(100% - 90px); } }
        .language.cn .content .section3 .voucherBox .voucher .inner .locations {
          height: 100%;
          overflow-y: auto; }
          @media screen and (max-width: 991px) {
            .language.cn .content .section3 .voucherBox .voucher .inner .locations {
              text-align: center; } }
          .language.cn .content .section3 .voucherBox .voucher .inner .locations .location + .location {
            margin-top: 20px; }
          .language.cn .content .section3 .voucherBox .voucher .inner .locations .location .address .icon {
            display: inline-block; }
          .language.cn .content .section3 .voucherBox .voucher .inner .locations .location .tel:before {
            position: relative;
            content: '';
            width: 1px;
            height: 16px;
            background-color: #aaa;
            display: inline-block;
            margin: 0 10px;
            top: 2px; }
          .language.cn .content .section3 .voucherBox .voucher .inner .locations .location p {
            text-align: left;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
            .language.cn .content .section3 .voucherBox .voucher .inner .locations .location p > span {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; }
          @media (min-width: 992px) and (max-width: 1199px) {
            .language.cn .content .section3 .voucherBox .voucher .inner .locations .location h5 {
              text-align: center; }
            .language.cn .content .section3 .voucherBox .voucher .inner .locations .location p {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; } }
          @media (min-width: 768px) and (max-width: 991px) {
            .language.cn .content .section3 .voucherBox .voucher .inner .locations .location p {
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; } }
          @media screen and (max-width: 991px) {
            .language.cn .content .section3 .voucherBox .voucher .inner .locations .location + .location {
              margin-top: 10px; }
            .language.cn .content .section3 .voucherBox .voucher .inner .locations .location p > span {
              display: block;
              text-align: center; } }
          @media screen and (max-width: 767px) {
            .language.cn .content .section3 .voucherBox .voucher .inner .locations .location p {
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column; }
            .language.cn .content .section3 .voucherBox .voucher .inner .locations .location .tel:before {
              display: none; } }
        .language.cn .content .section3 .voucherBox .voucher .inner .millions {
          height: 100%;
          overflow-y: auto; }
          .language.cn .content .section3 .voucherBox .voucher .inner .millions .location {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            .language.cn .content .section3 .voucherBox .voucher .inner .millions .location + .location {
              margin-top: 20px; }
            .language.cn .content .section3 .voucherBox .voucher .inner .millions .location p {
              text-align: left;
              line-height: 30px; }
              .language.cn .content .section3 .voucherBox .voucher .inner .millions .location p:nth-child(1) {
                font-weight: bold;
                color: #E60012;
                padding-right: 25px; }
              .language.cn .content .section3 .voucherBox .voucher .inner .millions .location p:nth-child(2) {
                -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
            @media (min-width: 992px) and (max-width: 1199px) {
              .language.cn .content .section3 .voucherBox .voucher .inner .millions .location {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center; }
                .language.cn .content .section3 .voucherBox .voucher .inner .millions .location p:nth-child(1), .language.cn .content .section3 .voucherBox .voucher .inner .millions .location p:nth-child(2) {
                  -webkit-box-flex: 1;
                  -ms-flex: auto;
                  flex: auto; } }
            @media screen and (max-width: 991px) {
              .language.cn .content .section3 .voucherBox .voucher .inner .millions .location + .location {
                margin-top: 10px; }
              .language.cn .content .section3 .voucherBox .voucher .inner .millions .location p:nth-child(1) {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 40%;
                flex: 0 0 40%;
                text-align: right;
                padding-right: 25px;
                max-width: 40%; }
              .language.cn .content .section3 .voucherBox .voucher .inner .millions .location p:nth-child(2) {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 60%;
                flex: 0 0 60%; } }
            @media screen and (max-width: 767px) {
              .language.cn .content .section3 .voucherBox .voucher .inner .millions .location {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center; }
                .language.cn .content .section3 .voucherBox .voucher .inner .millions .location p:nth-child(1) {
                  -webkit-box-flex: 1;
                  -ms-flex: auto;
                  flex: auto; }
                .language.cn .content .section3 .voucherBox .voucher .inner .millions .location p:nth-child(2) {
                  -webkit-box-flex: 1;
                  -ms-flex: auto;
                  flex: auto; } }
  .language.cn .content .section3 .voucherInfo {
    padding: 35px 80px;
    background-color: #fff;
    max-width: 1340px;
    border-radius: 5px;
    margin: 25px auto 0; }
    @media screen and (max-width: 991px) {
      .language.cn .content .section3 .voucherInfo {
        padding: 30px 15px;
        margin-left: 15px;
        margin-right: 15px; } }
    .language.cn .content .section3 .voucherInfo h4 {
      font-weight: bold;
      font-size: 20px;
      text-align: center;
      line-height: 30px;
      margin-bottom: 20px; }
    .language.cn .content .section3 .voucherInfo .table {
      border-bottom: 0.5px solid #ccc;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      .language.cn .content .section3 .voucherInfo .table .thead, .language.cn .content .section3 .voucherInfo .table .tbody {
        min-width: 600px; }
      .language.cn .content .section3 .voucherInfo .table .tr {
        border-top: 0.5px solid #ccc; }
      .language.cn .content .section3 .voucherInfo .table .th, .language.cn .content .section3 .voucherInfo .table .td {
        line-height: 25px;
        min-height: 40px; }
        @media screen and (max-width: 991px) {
          .language.cn .content .section3 .voucherInfo .table .th, .language.cn .content .section3 .voucherInfo .table .td {
            line-height: 30px;
            height: auto; } }
        .language.cn .content .section3 .voucherInfo .table .th:nth-child(1), .language.cn .content .section3 .voucherInfo .table .td:nth-child(1) {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 170px;
          flex: 1 1 170px; }
        .language.cn .content .section3 .voucherInfo .table .th:nth-child(2), .language.cn .content .section3 .voucherInfo .table .td:nth-child(2) {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 405px;
          flex: 1 1 405px; }
        .language.cn .content .section3 .voucherInfo .table .th:nth-child(3), .language.cn .content .section3 .voucherInfo .table .td:nth-child(3) {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 405px;
          flex: 1 1 405px; }
        .language.cn .content .section3 .voucherInfo .table .th:nth-child(4), .language.cn .content .section3 .voucherInfo .table .td:nth-child(4) {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 360px;
          flex: 1 1 360px; }
      .language.cn .content .section3 .voucherInfo .table .th {
        text-align: center; }

.language.cn .content .section4 {
  background: url("../styles/images/language/cn/section4-bg.png");
  background-size: cover;
  background-position: center center;
  padding: 135px 0 195px; }
  @media screen and (max-width: 767px) {
    .language.cn .content .section4 {
      padding: 30px 0; } }
  .language.cn .content .section4 .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px; }
    @media screen and (max-width: 991px) {
      .language.cn .content .section4 .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media screen and (max-width: 767px) {
      .language.cn .content .section4 .inner {
        margin-top: 20px; } }
    .language.cn .content .section4 .inner .letters {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 370px;
      flex: 1 1 370px;
      margin-right: 30px; }
      .language.cn .content .section4 .inner .letters p {
        text-align: justify;
        text-justify: inter-ideograph; }
      .language.cn .content .section4 .inner .letters p + p {
        margin-top: 25px; }
      @media screen and (max-width: 991px) {
        .language.cn .content .section4 .inner .letters {
          -webkit-box-flex: 1;
          -ms-flex: auto;
          flex: auto;
          margin: 0; } }
      @media screen and (max-width: 767px) {
        .language.cn .content .section4 .inner .letters p + p {
          margin-top: 15px; } }
    .language.cn .content .section4 .inner .formBox {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 650px;
      flex: 1 0 650px;
      margin-left: 20px; }
      @media screen and (max-width: 991px) {
        .language.cn .content .section4 .inner .formBox {
          margin: 30px 0 0;
          -webkit-box-flex: 1;
          -ms-flex: auto;
          flex: auto; } }
      .language.cn .content .section4 .inner .formBox .dropkick-group {
        overflow: visible !important; }
      .language.cn .content .section4 .inner .formBox .input-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid #ccc;
        overflow: hidden;
        background-color: #fff; }
        @media screen and (max-width: 479px) {
          .language.cn .content .section4 .inner .formBox .input-group {
            padding: 5px; } }
        .language.cn .content .section4 .inner .formBox .input-group + .input-group {
          margin-top: 15px; }
        .language.cn .content .section4 .inner .formBox .input-group.opinionBox .input-title {
          -ms-flex-item-align: start;
          align-self: flex-start;
          margin-top: 10px; }
        .language.cn .content .section4 .inner .formBox .input-group .input-title {
          width: 120px;
          -webkit-box-flex: 0;
          -ms-flex-positive: 0;
          flex-grow: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0; }
          @media screen and (max-width: 479px) {
            .language.cn .content .section4 .inner .formBox .input-group .input-title {
              width: 80px; } }
        .language.cn .content .section4 .inner .formBox .input-group .sexBox {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 150px;
          flex: 0 0 150px;
          line-height: normal; }
          @media screen and (max-width: 479px) {
            .language.cn .content .section4 .inner .formBox .input-group .sexBox {
              -ms-flex-preferred-size: auto;
              flex-basis: auto;
              font-size: 12px; } }
        .language.cn .content .section4 .inner .formBox .input-group select.dropkick {
          border-color: transparent; }
        .language.cn .content .section4 .inner .formBox .input-group .dropkick {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          -ms-flex-negative: 1;
          flex-shrink: 1; }
          .language.cn .content .section4 .inner .formBox .input-group .dropkick .dk-selected {
            border: 0; }
        .language.cn .content .section4 .inner .formBox .input-group input[type='text'], .language.cn .content .section4 .inner .formBox .input-group input[type='email'] {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          width: 100%;
          border: 0;
          background-color: transparent;
          padding: 0 5px;
          height: 50px;
          line-height: 50px; }
          .language.cn .content .section4 .inner .formBox .input-group input[type='text']::-webkit-input-placeholder, .language.cn .content .section4 .inner .formBox .input-group input[type='email']::-webkit-input-placeholder {
            color: #bbb; }
          .language.cn .content .section4 .inner .formBox .input-group input[type='text']::-moz-placeholder, .language.cn .content .section4 .inner .formBox .input-group input[type='email']::-moz-placeholder {
            color: #bbb; }
          .language.cn .content .section4 .inner .formBox .input-group input[type='text']:-ms-input-placeholder, .language.cn .content .section4 .inner .formBox .input-group input[type='email']:-ms-input-placeholder {
            color: #bbb; }
          .language.cn .content .section4 .inner .formBox .input-group input[type='text']:-moz-placeholder, .language.cn .content .section4 .inner .formBox .input-group input[type='email']:-moz-placeholder {
            color: #bbb; }
          @media screen and (max-width: 479px) {
            .language.cn .content .section4 .inner .formBox .input-group input[type='text'], .language.cn .content .section4 .inner .formBox .input-group input[type='email'] {
              width: 100%; } }
        .language.cn .content .section4 .inner .formBox .input-group input[type='radio'] {
          margin: 0 10px; }
          @media screen and (max-width: 479px) {
            .language.cn .content .section4 .inner .formBox .input-group input[type='radio'] {
              margin: 0 5px; } }
        .language.cn .content .section4 .inner .formBox .input-group textarea {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          -ms-flex-negative: 1;
          flex-shrink: 1;
          border: 0;
          resize: none;
          line-height: 25px;
          background-color: transparent;
          padding: 10px 5px;
          height: 155px;
          font-family: "Microsoft JhengHei", "sans-serif"; }
          .language.cn .content .section4 .inner .formBox .input-group textarea::-webkit-input-placeholder {
            color: #bbb; }
          .language.cn .content .section4 .inner .formBox .input-group textarea::-moz-placeholder {
            color: #bbb; }
          .language.cn .content .section4 .inner .formBox .input-group textarea:-ms-input-placeholder {
            color: #bbb; }
          .language.cn .content .section4 .inner .formBox .input-group textarea:-moz-placeholder {
            color: #bbb; }
        .language.cn .content .section4 .inner .formBox .input-group .inputBox {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          -ms-flex-negative: 1;
          flex-shrink: 1;
          line-height: 50px;
          height: 50px; }
          .language.cn .content .section4 .inner .formBox .input-group .inputBox .capcha {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 80px;
            flex: 0 0 80px; }
          .language.cn .content .section4 .inner .formBox .input-group .inputBox span {
            line-height: 50px;
            height: 50px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 220px;
            flex: 0 0 220px;
            font-size: 14px; }
            @media screen and (max-width: 767px) {
              .language.cn .content .section4 .inner .formBox .input-group .inputBox span.remark {
                display: none; } }
      .language.cn .content .section4 .inner .formBox .checkAgree {
        margin: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .language.cn .content .section4 .inner .formBox .checkAgree .checkBoxLabel {
          display: inline-block;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          position: relative;
          width: 30px;
          height: 30px;
          border: 2px solid #aaa;
          border-radius: 5px;
          cursor: pointer;
          overflow: hidden;
          text-align: center;
          -webkit-transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out;
          -o-transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out;
          transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out;
          margin: 0 10px;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 30px;
          flex: 0 0 30px;
          background-color: #fff; }
          .language.cn .content .section4 .inner .formBox .checkAgree .checkBoxLabel:after {
            content: "";
            display: block;
            margin-left: 8px;
            margin-top: 2px;
            width: 12px;
            height: 18px;
            border: solid transparent;
            border-width: 0 6px 6px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: border-color 0.1s ease-in-out;
            -o-transition: border-color 0.1s ease-in-out;
            transition: border-color 0.1s ease-in-out; }
          @media screen and (min-width: 992px) {
            .language.cn .content .section4 .inner .formBox .checkAgree .checkBoxLabel:hover {
              border: 2px solid #E60012; }
              .language.cn .content .section4 .inner .formBox .checkAgree .checkBoxLabel:hover:after {
                border-color: #E60012; } }
        .language.cn .content .section4 .inner .formBox .checkAgree #btn-agree {
          display: none; }
          .language.cn .content .section4 .inner .formBox .checkAgree #btn-agree:checked + .checkBoxLabel {
            border-color: #E60012;
            background: #E60012; }
            .language.cn .content .section4 .inner .formBox .checkAgree #btn-agree:checked + .checkBoxLabel:after {
              border-color: #fff; }

@media screen and (max-width: 479px) {
  .language.cn.enFix .content .section1 .visions > div {
    max-width: none; } }

.language.cn.enFix .content .section1 .visions .pic {
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.language.cn.enFix .content .section1 .visions .inner {
  -ms-flex-negative: 1;
  flex-shrink: 1; }

@media screen and (max-width: 479px) {
  .language.cn.jpFix .content .section1 .visions > div {
    max-width: 310px; } }

.language.cn.jpFix .content .section1 .visions .pic {
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.language.cn.jpFix .content .section1 .visions .inner {
  -ms-flex-negative: 1;
  flex-shrink: 1; }

.language.cn:not(.enFix) .section3 .voucherBox.singleMode .voucher .inner .locations .mCSB_container {
  margin-right: 30px; }

@media screen and (min-width: 600px) {
  .language.cn:not(.enFix) .section3 .voucherBox.singleMode .voucher .inner .locations .location {
    display: inline-block;
    width: 49%; } }

@media screen and (max-width: 1199px) {
  .language.cn:not(.enFix) .section3 .voucherBox.singleMode .voucher .inner .locations .location p {
    display: block;
    text-align: center; }
    .language.cn:not(.enFix) .section3 .voucherBox.singleMode .voucher .inner .locations .location p .address {
      display: block; }
    .language.cn:not(.enFix) .section3 .voucherBox.singleMode .voucher .inner .locations .location p .tel {
      display: block; }
      .language.cn:not(.enFix) .section3 .voucherBox.singleMode .voucher .inner .locations .location p .tel:before {
        display: none; } }

.wp.service.branchTop .content .mainBox {
  padding-bottom: 30px; }

@media screen and (max-width: 767px) {
  .wp.service .content .container-fluid.bgGray {
    padding-bottom: 0; } }

.wp.service .content .mainBox {
  background-color: #fff;
  padding: 75px 70px; }
  @media screen and (max-width: 991px) {
    .wp.service .content .mainBox {
      padding: 50px 30px; } }
  @media screen and (max-width: 767px) {
    .wp.service .content .mainBox {
      padding: 30px 15px; } }

.wp.service .content .titleBox {
  margin-bottom: 30px; }
  .wp.service .content .titleBox h4 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    line-height: normal; }
  .wp.service .content .titleBox p {
    text-align: center; }
  @media screen and (max-width: 767px) {
    .wp.service .content .titleBox h4 {
      font-size: 20px; } }

.wp.service .content .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .wp.service .content .inner {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  .wp.service .content .inner .hideItem {
    width: 32%;
    max-width: 480px; }
    @media screen and (max-width: 991px) {
      .wp.service .content .inner .hideItem {
        width: 49%; } }
    @media screen and (max-width: 767px) {
      .wp.service .content .inner .hideItem {
        width: 100%;
        margin-bottom: 20px; } }
  .wp.service .content .inner .offerService {
    width: 32%;
    max-width: 480px;
    margin-bottom: 45px; }
    .wp.service .content .inner .offerService .pic {
      overflow: hidden;
      margin-bottom: 20px; }
      .wp.service .content .inner .offerService .pic img {
        display: block; }
    .wp.service .content .inner .offerService p.title {
      font-weight: bold;
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        .wp.service .content .inner .offerService p.title {
          margin-bottom: 5px; } }
    @media screen and (max-width: 991px) {
      .wp.service .content .inner .offerService {
        width: 49%; } }
    @media screen and (max-width: 767px) {
      .wp.service .content .inner .offerService {
        width: 100%;
        margin-bottom: 40px; }
        .wp.service .content .inner .offerService .pic {
          margin-bottom: 10px; } }

.wp.service .content .taxFreeBox {
  padding: 45px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #f7b2b7; }
  .wp.service .content .taxFreeBox p {
    text-align: center; }
  .wp.service .content .taxFreeBox h4 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px; }
  @media screen and (max-width: 767px) {
    .wp.service .content .taxFreeBox {
      padding: 30px 15px; }
      .wp.service .content .taxFreeBox h4 {
        font-size: 24px; } }

.wp.service.branchTop .content .inner .offerService .floorIntro {
  position: relative;
  padding-left: 50px; }

.wp.service.branchTop .content .inner .offerService .floorBtn {
  display: inline-block;
  width: 40px;
  height: 25px;
  background-color: #E60012;
  color: #fff;
  text-align: center;
  line-height: 25px;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 0; }

.wp.service.branchTop .content .inner .offerService .floorIntro + .floorIntro {
  margin-top: 10px; }

.wp.service.offer .content .inner .infoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: 500px;
  margin-bottom: 20px;
  border: 1px solid #d2d2d2; }
  @media screen and (max-width: 767px) {
    .wp.service.offer .content .inner .infoBox {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      height: auto; } }
  .wp.service.offer .content .inner .infoBox .picBox {
    border-right: 1px solid #d2d2d2;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 500px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 1199px) {
      .wp.service.offer .content .inner .infoBox .picBox {
        width: 300px; } }
    @media screen and (max-width: 767px) {
      .wp.service.offer .content .inner .infoBox .picBox {
        width: 100%;
        height: 200px;
        border-right: 0;
        border-bottom: 1px solid #d2d2d2; } }
    .wp.service.offer .content .inner .infoBox .picBox .pic {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .wp.service.offer .content .inner .infoBox .picBox .pic img {
        display: block;
        max-height: 100%; }
      @media screen and (max-width: 767px) {
        .wp.service.offer .content .inner .infoBox .picBox .pic {
          padding-top: 15px;
          padding-bottom: 15px; } }
  .wp.service.offer .content .inner .infoBox .introBox {
    width: calc(100% - 500px);
    height: 100%;
    border-width: 1px 1px 1px 0.5px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 75px 30px; }
    @media screen and (max-width: 1199px) {
      .wp.service.offer .content .inner .infoBox .introBox {
        width: calc(100% - 300px); } }
    @media screen and (max-width: 767px) {
      .wp.service.offer .content .inner .infoBox .introBox {
        width: 100%;
        height: 250px;
        padding: 30px 15px; } }
    .wp.service.offer .content .inner .infoBox .introBox .mscrollbar {
      height: 100%; }
    .wp.service.offer .content .inner .infoBox .introBox .title {
      position: relative;
      padding-bottom: 25px;
      margin-bottom: 15px; }
      .wp.service.offer .content .inner .infoBox .introBox .title h5 {
        font-size: 20px;
        color: #e60012;
        font-weight: bold;
        margin-bottom: 10px; }
      .wp.service.offer .content .inner .infoBox .introBox .title .date {
        font-size: 18px;
        color: #1a1a1a; }
      .wp.service.offer .content .inner .infoBox .introBox .title:after {
        content: '';
        width: 35px;
        height: 1px;
        display: block;
        background-color: #d2d2d2;
        position: absolute;
        left: 0;
        bottom: 0; }
    .wp.service.offer .content .inner .infoBox .introBox p {
      color: #4c4c4c; }

.wp.service.offer .content .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px; }
  .wp.service.offer .content .bottom .pic {
    margin-right: 20px; }
  @media screen and (max-width: 767px) {
    .wp.service.offer .content .bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: 20px; }
      .wp.service.offer .content .bottom .pic {
        margin-right: 0;
        margin-bottom: 10px; } }

.wp.service.shops .content > .container-fluid {
  background: url("images/shops/bg.png");
  background-size: cover;
  background-position: center center;
  height: 850px;
  padding-top: 90px;
  padding-bottom: 80px; }
  .wp.service.shops .content > .container-fluid > .title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 70px; }

.wp.service.shops .content .inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.wp.service.shops .content .map {
  position: relative;
  width: 310px;
  height: 590px; }
  .wp.service.shops .content .map .spot {
    position: absolute;
    cursor: pointer; }
    .wp.service.shops .content .map .spot.taipei {
      top: 2%;
      left: 72%; }
    .wp.service.shops .content .map .spot.chungli {
      top: 4%;
      left: 54%; }
    .wp.service.shops .content .map .spot.hsinchu {
      top: 14%;
      left: 54%; }
    .wp.service.shops .content .map .spot.kaohsiung {
      top: 66%;
      left: 11%; }
  .wp.service.shops .content .map .shopBox {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    padding: 45px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ef0000;
    border-radius: 5px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    z-index: 1;
    pointer-events: none; }
    .wp.service.shops .content .map .shopBox.active {
      pointer-events: all;
      opacity: 1; }
    @media screen and (min-width: 992px) {
      .wp.service.shops .content .map .shopBox.taipei {
        top: 2%;
        left: 83%;
        -webkit-transform: translate(0, -30%);
        -ms-transform: translate(0, -30%);
        transform: translate(0, -30%); }
      .wp.service.shops .content .map .shopBox.chungli {
        top: 4%;
        left: 54%;
        -webkit-transform: translate(-105%, -50%);
        -ms-transform: translate(-105%, -50%);
        transform: translate(-105%, -50%); }
      .wp.service.shops .content .map .shopBox.hsinchu {
        left: 54%;
        top: 14%;
        -webkit-transform: translate(-103%, -50%);
        -ms-transform: translate(-103%, -50%);
        transform: translate(-103%, -50%); }
      .wp.service.shops .content .map .shopBox.kaohsiung {
        left: 11%;
        top: 66%;
        -webkit-transform: translate(-105%, -50%);
        -ms-transform: translate(-105%, -50%);
        transform: translate(-105%, -50%); } }
    @media screen and (max-width: 991px) {
      .wp.service.shops .content .map .shopBox {
        left: 50% !important;
        top: 40% !important;
        -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        padding: 30px 15px !important; } }
    .wp.service.shops .content .map .shopBox h4 {
      color: #ef0705;
      font-weight: bold;
      font-size: 30px;
      text-align: center; }
    .wp.service.shops .content .map .shopBox .title {
      position: relative;
      width: 155px;
      padding: 0 45px;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      @media screen and (max-width: 991px) {
        .wp.service.shops .content .map .shopBox .title {
          padding: 0 0 15px; } }
    .wp.service.shops .content .map .shopBox .shopList {
      position: relative;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 195px;
      padding-left: 45px;
      padding-right: 15px;
      border-left: 1px solid #aaa;
      min-height: 30px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .wp.service.shops .content .map .shopBox .shopList a:hover {
        text-decoration: underline;
        background-color: transparent; }
      .wp.service.shops .content .map .shopBox .shopList a + a {
        margin-top: 10px; }
      @media screen and (max-width: 991px) {
        .wp.service.shops .content .map .shopBox .shopList {
          width: 100%;
          padding: 15px 0 0;
          border-left: 0;
          border-top: 1px solid #aaa; }
          .wp.service.shops .content .map .shopBox .shopList a {
            text-align: center; } }
    .wp.service.shops .content .map .shopBox .icon.close {
      position: absolute;
      right: 10px;
      top: 15px;
      cursor: pointer; }
      .wp.service.shops .content .map .shopBox .icon.close:before {
        font-size: 20px; }

@media screen and (min-width: 992px) {
  .isIE .content .map .shopBox {
    width: 350px; } }

.wp.shop .banner .bannerContainer {
  position: relative; }
  .wp.shop .banner .bannerContainer .bannerBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .wp.shop .banner .bannerContainer .bannerBox .jqimgFill {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      height: 500px; }
      @media screen and (max-width: 991px) {
        .wp.shop .banner .bannerContainer .bannerBox .jqimgFill {
          height: 300px; } }
      @media screen and (max-width: 767px) {
        .wp.shop .banner .bannerContainer .bannerBox .jqimgFill {
          height: 200px; } }

.wp.shop .banner .pageTitle {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .wp.shop .banner .pageTitle .title h1, .wp.shop .banner .pageTitle .title .en {
    color: #fff; }

.wp.shop .content .section1 {
  position: relative;
  background: url("images/shop/section1-bg.png"); }
  .wp.shop .content .section1 .arrows .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 15px;
    padding-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 220px;
    border: 1px solid #ddd;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 1350px) {
      .wp.shop .content .section1 .arrows .slick-arrow {
        width: auto;
        height: 50px;
        padding: 15px !important; } }
  .wp.shop .content .section1 .arrows .prev-slide {
    left: 0;
    padding-right: 35px;
    padding-left: 25px;
    -webkit-transition: border-color 0.2s ease-in-out, padding-right 0.3s ease-in-out 0.1s, padding-left 0.3s ease-in-out 0.1s;
    -o-transition: border-color 0.2s ease-in-out, padding-right 0.3s ease-in-out 0.1s, padding-left 0.3s ease-in-out 0.1s;
    transition: border-color 0.2s ease-in-out, padding-right 0.3s ease-in-out 0.1s, padding-left 0.3s ease-in-out 0.1s; }
    .wp.shop .content .section1 .arrows .prev-slide .icon:before {
      content: ""; }
    @media screen and (min-width: 992px) {
      .wp.shop .content .section1 .arrows .prev-slide:hover {
        border-color: transparent;
        padding-left: 20px;
        padding-right: 15px; } }
    @media screen and (min-width: 768px) {
      .wp.shop .content .section1 .arrows .prev-slide.animateElement {
        opacity: 0; }
      .wp.shop .content .section1 .arrows .prev-slide.inView {
        -webkit-animation: shopArrowLeft 0.7s ease-in-out 0.4s forwards;
        animation: shopArrowLeft 0.7s ease-in-out 0.4s forwards; } }
    @media screen and (max-width: 479px) {
      .wp.shop .content .section1 .arrows .prev-slide {
        top: auto;
        bottom: 10px;
        left: 50%;
        -webkit-transform: translate(-105%, 0);
        -ms-transform: translate(-105%, 0);
        transform: translate(-105%, 0); }
        .wp.shop .content .section1 .arrows .prev-slide.animateElement {
          opacity: 0;
          -webkit-transform: translate(-115%, 0);
          -ms-transform: translate(-115%, 0);
          transform: translate(-115%, 0); }
        .wp.shop .content .section1 .arrows .prev-slide.inView {
          -webkit-animation: slideArrowLeftMobile 0.5s ease-in-out 0.4s forwards;
          animation: slideArrowLeftMobile 0.5s ease-in-out 0.4s forwards; } }
  .wp.shop .content .section1 .arrows .next-slide {
    right: 0;
    padding-right: 25px;
    padding-left: 35px;
    -webkit-transition: border-color 0.2s ease-in-out, padding-right 0.3s ease-in-out 0.1s, padding-left 0.3s ease-in-out 0.1s;
    -o-transition: border-color 0.2s ease-in-out, padding-right 0.3s ease-in-out 0.1s, padding-left 0.3s ease-in-out 0.1s;
    transition: border-color 0.2s ease-in-out, padding-right 0.3s ease-in-out 0.1s, padding-left 0.3s ease-in-out 0.1s; }
    .wp.shop .content .section1 .arrows .next-slide .picBox {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0; }
    .wp.shop .content .section1 .arrows .next-slide .icon {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      text-align: right; }
      .wp.shop .content .section1 .arrows .next-slide .icon:before {
        content: ""; }
    @media screen and (min-width: 768px) {
      .wp.shop .content .section1 .arrows .next-slide.animateElement {
        opacity: 0; }
      .wp.shop .content .section1 .arrows .next-slide.inView {
        -webkit-animation: shopArrowRight 0.7s ease-in-out 0.4s forwards;
        animation: shopArrowRight 0.7s ease-in-out 0.4s forwards; }
      .wp.shop .content .section1 .arrows .next-slide:hover {
        border-color: transparent;
        padding-left: 15px;
        padding-right: 20px; } }
    @media screen and (max-width: 479px) {
      .wp.shop .content .section1 .arrows .next-slide {
        top: auto;
        bottom: 10px;
        right: 50%;
        -webkit-transform: translate(105%, 0);
        -ms-transform: translate(105%, 0);
        transform: translate(105%, 0); }
        .wp.shop .content .section1 .arrows .next-slide.animateElement {
          opacity: 0;
          -webkit-transform: translate(-115%, 0);
          -ms-transform: translate(-115%, 0);
          transform: translate(-115%, 0); }
        .wp.shop .content .section1 .arrows .next-slide.inView {
          -webkit-animation: slideArrowRightMobile 0.5s ease-in-out 0.4s forwards;
          animation: slideArrowRightMobile 0.5s ease-in-out 0.4s forwards; } }
  .wp.shop .content .section1 .arrows .icon {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    .wp.shop .content .section1 .arrows .icon:before {
      color: #b9b9b9;
      font-size: 20px; }
  .wp.shop .content .section1 .arrows .picBox {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 120px; }
    @media screen and (max-width: 1350px) {
      .wp.shop .content .section1 .arrows .picBox {
        display: none; } }
    .wp.shop .content .section1 .arrows .picBox .pic {
      margin-bottom: 10px; }
      .wp.shop .content .section1 .arrows .picBox .pic img {
        display: block; }
    .wp.shop .content .section1 .arrows .picBox p {
      text-align: center; }
  .wp.shop .content .section1 > .container {
    max-width: 1700px;
    margin: 0 auto;
    padding-left: 230px;
    padding-right: 230px; }
    @media screen and (max-width: 1350px) {
      .wp.shop .content .section1 > .container {
        padding-left: 60px;
        padding-right: 60px; } }
    @media screen and (max-width: 479px) {
      .wp.shop .content .section1 > .container {
        padding-left: 15px;
        padding-right: 15px; } }
  .wp.shop .content .section1 .slider {
    padding-top: 85px;
    padding-bottom: 125px; }
    @media screen and (max-width: 991px) {
      .wp.shop .content .section1 .slider {
        padding-top: 30px;
        padding-bottom: 85px;
        margin-bottom: 0; } }
    .wp.shop .content .section1 .slider .slick-slide .slide-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media screen and (max-width: 991px) {
        .wp.shop .content .section1 .slider .slick-slide .slide-inner {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .wp.shop .content .section1 .slider .slick-slide .slide-inner .picBox {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 390px;
        flex: 0 1 390px;
        margin-right: 50px; }
        @media screen and (max-width: 991px) {
          .wp.shop .content .section1 .slider .slick-slide .slide-inner .picBox {
            margin-right: 0;
            margin-bottom: 30px; } }
        @media screen and (max-width: 479px) {
          .wp.shop .content .section1 .slider .slick-slide .slide-inner .picBox {
            -ms-flex-preferred-size: auto;
            flex-basis: auto; }
            .wp.shop .content .section1 .slider .slick-slide .slide-inner .picBox .pic {
              height: 200px; }
              .wp.shop .content .section1 .slider .slick-slide .slide-inner .picBox .pic img {
                max-height: 100%; } }
      .wp.shop .content .section1 .slider .slick-slide .slide-inner .introBox {
        -webkit-box-flex: 1;
        -ms-flex: 1 2 auto;
        flex: 1 2 auto; }
        .wp.shop .content .section1 .slider .slick-slide .slide-inner .introBox .mscrollbar {
          height: 225px; }
        .wp.shop .content .section1 .slider .slick-slide .slide-inner .introBox h4 {
          position: relative;
          color: #e60012;
          font-weight: bold;
          font-size: 24px;
          padding-bottom: 25px;
          margin-bottom: 25px; }
          .wp.shop .content .section1 .slider .slick-slide .slide-inner .introBox h4:after {
            content: '';
            display: block;
            width: 100%;
            height: 1px;
            background-color: #ddd;
            position: absolute;
            bottom: 0;
            left: 0; }
        .wp.shop .content .section1 .slider .slick-slide .slide-inner .introBox h5 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          color: #000;
          font-weight: bold;
          margin-bottom: 5px; }
          .wp.shop .content .section1 .slider .slick-slide .slide-inner .introBox h5 .icon {
            display: inline-block;
            margin-right: 10px; }
            .wp.shop .content .section1 .slider .slick-slide .slide-inner .introBox h5 .icon:before {
              font-size: 24px;
              color: #808080; }
        .wp.shop .content .section1 .slider .slick-slide .slide-inner .introBox p, .wp.shop .content .section1 .slider .slick-slide .slide-inner .introBox a {
          color: #4d4d4d; }
    .wp.shop .content .section1 .slider .slick-dots {
      bottom: 80px; }
      @media screen and (max-width: 991px) {
        .wp.shop .content .section1 .slider .slick-dots {
          bottom: 15px; } }
      .wp.shop .content .section1 .slider .slick-dots li button {
        width: 100%;
        height: 100%;
        padding: 0; }
        .wp.shop .content .section1 .slider .slick-dots li button:before {
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          background-color: transparent !important; }
      .wp.shop .content .section1 .slider .slick-dots li.slick-active button:before {
        width: 14px;
        height: 14px;
        border-width: 2px; }

.wp.shop .content .section2 .tabType .tab-nav {
  position: relative;
  z-index: 1; }
  .wp.shop .content .section2 .tabType .tab-nav .container.deskNav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto; }
    @media screen and (max-width: 767px) {
      .wp.shop .content .section2 .tabType .tab-nav .container.deskNav {
        display: none; } }
    .wp.shop .content .section2 .tabType .tab-nav .container.deskNav:before, .wp.shop .content .section2 .tabType .tab-nav .container.deskNav:after {
      content: '';
      margin: auto;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      display: block; }
  .wp.shop .content .section2 .tabType .tab-nav .mobileNav {
    display: none;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px; }
    .wp.shop .content .section2 .tabType .tab-nav .mobileNav .dropkick {
      width: 200px; }
    @media screen and (max-width: 767px) {
      .wp.shop .content .section2 .tabType .tab-nav .mobileNav {
        display: block; } }
  .wp.shop .content .section2 .tabType .tab-nav .tab-btn {
    display: inline-block;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding-top: 25px;
    padding-bottom: 25px;
    cursor: pointer;
    color: #444;
    -webkit-transition: color 0.2s ease-in-out 0.1s;
    -o-transition: color 0.2s ease-in-out 0.1s;
    transition: color 0.2s ease-in-out 0.1s;
    margin-left: 30px;
    margin-right: 30px; }
    @media screen and (max-width: 991px) {
      .wp.shop .content .section2 .tabType .tab-nav .tab-btn {
        margin-left: 20px;
        margin-right: 20px; } }
    @media screen and (max-width: 767px) {
      .wp.shop .content .section2 .tabType .tab-nav .tab-btn {
        margin-left: 10px;
        margin-right: 10px; } }
    .wp.shop .content .section2 .tabType .tab-nav .tab-btn:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 2px;
      background-color: transparent;
      -webkit-transition: background-color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out; }
    .wp.shop .content .section2 .tabType .tab-nav .tab-btn.active {
      color: #E60012; }
      .wp.shop .content .section2 .tabType .tab-nav .tab-btn.active:after {
        background-color: #E60012; }

.wp.shop .content .section2 .tabType .tab-content {
  position: relative; }
  .wp.shop .content .section2 .tabType .tab-content:after {
    content: '';
    width: 100vw;
    height: 1px;
    display: block;
    background-color: #eeeeee;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    @media screen and (max-width: 991px) {
      .wp.shop .content .section2 .tabType .tab-content:after {
        display: none; } }
  .wp.shop .content .section2 .tabType .tab-content .tab-pane {
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 45px;
    padding-bottom: 60px; }
    .wp.shop .content .section2 .tabType .tab-content .tab-pane.active {
      display: block; }
  .wp.shop .content .section2 .tabType .tab-content .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    @media screen and (max-width: 767px) {
      .wp.shop .content .section2 .tabType .tab-content .inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  .wp.shop .content .section2 .tabType .tab-content .hideItem {
    width: 250px;
    height: 0px;
    margin: 0 5px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .wp.shop .content .section2 .tabType .tab-content .hideItem {
        width: 230px; } }
    @media screen and (max-width: 479px) {
      .wp.shop .content .section2 .tabType .tab-content .hideItem {
        width: calc(50% - 20px); } }
  .wp.shop .content .section2 .tabType .tab-content .brandBox {
    position: relative;
    width: 250px;
    height: auto;
    margin: 0 5px;
    margin-top: 40px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .wp.shop .content .section2 .tabType .tab-content .brandBox {
        width: 230px; } }
    @media screen and (max-width: 991px) {
      .wp.shop .content .section2 .tabType .tab-content .brandBox {
        margin-bottom: 20px;
        margin-top: 0; } }
    @media screen and (max-width: 767px) {
      .wp.shop .content .section2 .tabType .tab-content .brandBox {
        display: block;
        text-align: center;
        margin-bottom: 30px; } }
    @media screen and (max-width: 479px) {
      .wp.shop .content .section2 .tabType .tab-content .brandBox {
        width: calc(50% - 20px);
        height: auto;
        min-height: 110px;
        margin: 0 10px 30px; } }
    .wp.shop .content .section2 .tabType .tab-content .brandBox .pic {
      width: 100%;
      max-width: 250px;
      height: 175px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: 1px solid #ddd;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 20px;
      margin-right: auto;
      margin-left: auto;
      padding: 10px; }
      @media screen and (max-width: 479px) {
        .wp.shop .content .section2 .tabType .tab-content .brandBox .pic {
          width: 100%;
          height: 100px; }
          .wp.shop .content .section2 .tabType .tab-content .brandBox .pic img {
            max-width: 90%; } }
      .wp.shop .content .section2 .tabType .tab-content .brandBox .pic img {
        max-height: 100%; }
    .wp.shop .content .section2 .tabType .tab-content .brandBox .intro {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .wp.shop .content .section2 .tabType .tab-content .brandBox .intro > a {
        -webkit-transition: color 0.2s linear;
        -o-transition: color 0.2s linear;
        transition: color 0.2s linear; }
        .wp.shop .content .section2 .tabType .tab-content .brandBox .intro > a + a {
          margin-top: 10px; }
        .wp.shop .content .section2 .tabType .tab-content .brandBox .intro > a.onsale {
          color: #E60012; }
          @media screen and (min-width: 992px) {
            .wp.shop .content .section2 .tabType .tab-content .brandBox .intro > a.onsale:hover {
              font-weight: bold; } }

.isIE .wp.shop .content .section2 .tabType .tab-content .brandBox .pic {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.wp.result .content .slogan {
  text-align: center;
  margin-top: 35px;
  margin-bottom: 35px;
  line-height: 25px; }

.wp.result .content .resultBox {
  margin-bottom: 50px; }
  .wp.result .content .resultBox .results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ccc; }
    @media screen and (max-width: 767px) {
      .wp.result .content .resultBox .results {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .wp.result .content .resultBox .results + .results {
      margin-top: 25px; }
    .wp.result .content .resultBox .results .logo {
      min-height: 250px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 250px;
      flex: 0 0 250px;
      border-right: 1px solid #ccc;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 20px; }
      .wp.result .content .resultBox .results .logo .pic {
        width: 100%;
        text-align: center; }
      @media screen and (max-width: 767px) {
        .wp.result .content .resultBox .results .logo {
          width: 100%;
          min-height: auto;
          -webkit-box-flex: 1;
          -ms-flex: auto;
          flex: auto;
          border-right: 0;
          border-bottom: 1px solid #ccc;
          padding-bottom: 15px; } }
    .wp.result .content .resultBox .results .locate {
      min-height: 250px;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      padding: 45px 0; }
      @media screen and (max-width: 767px) {
        .wp.result .content .resultBox .results .locate {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          width: 100%;
          padding-top: 15px;
          padding-bottom: 30px;
          min-height: auto; } }
      .wp.result .content .resultBox .results .locate h2 {
        position: relative;
        font-size: 22px;
        padding-left: 25px;
        font-weight: bold; }
        .wp.result .content .resultBox .results .locate h2:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          display: inline-block;
          width: 5px;
          height: 20px;
          background-color: #E60012; }
      .wp.result .content .resultBox .results .locate .links {
        padding: 0 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 30px; }
        @media screen and (max-width: 479px) {
          .wp.result .content .resultBox .results .locate .links {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; } }
        .wp.result .content .resultBox .results .locate .links .hideItem {
          width: calc(25% - 10px);
          height: 0;
          max-width: 320px; }
        .wp.result .content .resultBox .results .locate .links .link {
          position: relative;
          width: calc(25% - 10px);
          height: 50px;
          max-width: 320px;
          background-color: #f7f7f7;
          line-height: 50px;
          padding-left: 20px;
          margin-bottom: 10px;
          margin-right: 10px; }
          .wp.result .content .resultBox .results .locate .links .link span {
            position: relative;
            -webkit-transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out;
            -o-transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out;
            transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out; }
            .wp.result .content .resultBox .results .locate .links .link span + span:before {
              content: '|';
              color: #ccc;
              padding: 0 10px;
              -webkit-transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out;
              -o-transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out;
              transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out; }
          .wp.result .content .resultBox .results .locate .links .link:before {
            content: '';
            width: 0;
            height: 50px;
            background: #E60012;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            -webkit-transition: width 0.3s ease-in-out;
            -o-transition: width 0.3s ease-in-out;
            transition: width 0.3s ease-in-out; }
          .wp.result .content .resultBox .results .locate .links .link:after {
            content: "";
            position: absolute;
            right: 20px;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            font-size: 12px;
            -webkit-transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out;
            -o-transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out;
            transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out; }
          .wp.result .content .resultBox .results .locate .links .link:hover span {
            color: #fff;
            font-weight: bold; }
            .wp.result .content .resultBox .results .locate .links .link:hover span:before {
              color: #fff;
              font-weight: bold; }
          .wp.result .content .resultBox .results .locate .links .link:hover:before {
            width: 100%; }
          .wp.result .content .resultBox .results .locate .links .link:hover:after {
            color: #fff;
            font-weight: bold; }
        @media screen and (max-width: 1199px) {
          .wp.result .content .resultBox .results .locate .links .link, .wp.result .content .resultBox .results .locate .links .hideItem {
            width: calc(33% - 10px); } }
        @media screen and (max-width: 991px) {
          .wp.result .content .resultBox .results .locate .links .link, .wp.result .content .resultBox .results .locate .links .hideItem {
            width: 49%;
            margin-right: 0; } }
        @media screen and (max-width: 479px) {
          .wp.result .content .resultBox .results .locate .links .link, .wp.result .content .resultBox .results .locate .links .hideItem {
            width: 100%; } }

.wp.floors .banner .floorsBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px; }
  @media screen and (max-width: 767px) {
    .wp.floors .banner .floorsBox {
      display: none; } }
  .wp.floors .banner .floorsBox .floorBtn {
    width: auto;
    height: 50px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    color: #808080;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 8px 10px;
    cursor: pointer;
    -webkit-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out; }
    @media screen and (min-width: 992px) {
      .wp.floors .banner .floorsBox .floorBtn:hover {
        color: #E60012; } }
    .wp.floors .banner .floorsBox .floorBtn.active {
      border-color: #E60012;
      color: #E60012; }

.wp.floors .banner .mobile {
  text-align: center;
  margin-top: 15px; }
  .wp.floors .banner .mobile select.dropkick {
    width: 200px; }
  @media screen and (min-width: 768px) {
    .wp.floors .banner .mobile {
      display: none; } }

.wp.floors .content .section1 .floorTab {
  padding: 60px 15px 95px; }
  @media screen and (max-width: 991px) {
    .wp.floors .content .section1 .floorTab {
      padding: 60px 15px; } }
  @media screen and (max-width: 767px) {
    .wp.floors .content .section1 .floorTab {
      padding: 60px 15px 30px; } }

.wp.floors .content .section1 .introBox {
  position: relative;
  width: 100%;
  max-width: 1100px;
  min-height: 300px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.95);
  padding-top: 65px;
  padding: 65px 120px 55px; }
  @media screen and (max-width: 991px) {
    .wp.floors .content .section1 .introBox {
      padding-left: 60px;
      padding-right: 60px; } }
  @media screen and (max-width: 767px) {
    .wp.floors .content .section1 .introBox {
      padding-left: 15px;
      padding-right: 15px; } }
  .wp.floors .content .section1 .introBox .floorBox {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 70px;
    padding: 0 22px;
    background-color: #E60012;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 22px; }
  .wp.floors .content .section1 .introBox .intro {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px; }
  .wp.floors .content .section1 .introBox .facility {
    color: #4c4c4c;
    text-align: center;
    margin-bottom: 30px; }
  .wp.floors .content .section1 .introBox .iconsBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .wp.floors .content .section1 .introBox .iconsBox .icon {
      width: 50px;
      height: 50px;
      background-color: #E60012;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 5px;
      margin: 0 5px 10px; }
      .wp.floors .content .section1 .introBox .iconsBox .icon:before {
        color: #fff;
        font-size: 30px; }

.wp.floors .content .section2 .brandList {
  display: block; }

.wp.floors .content .section2 .tabType .tab-nav {
  background-color: #f7f7f7; }
  @media screen and (max-width: 991px) {
    .wp.floors .content .section2 .tabType .tab-nav {
      background-color: transparent;
      margin-top: 20px; } }
  .wp.floors .content .section2 .tabType .tab-nav .desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: auto; }
    .wp.floors .content .section2 .tabType .tab-nav .desktop:before, .wp.floors .content .section2 .tabType .tab-nav .desktop:after {
      content: '';
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      display: block; }
    @media screen and (max-width: 991px) {
      .wp.floors .content .section2 .tabType .tab-nav .desktop {
        display: none; } }
  .wp.floors .content .section2 .tabType .tab-nav .mobile {
    display: none;
    text-align: center; }
    .wp.floors .content .section2 .tabType .tab-nav .mobile select.dropkick {
      width: 100%;
      max-width: 320px; }
    @media screen and (max-width: 991px) {
      .wp.floors .content .section2 .tabType .tab-nav .mobile {
        display: block; } }
  .wp.floors .content .section2 .tabType .tab-nav .tab-btn {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-left: 30px;
    margin-right: 30px;
    cursor: pointer; }
    @media screen and (max-width: 1199px) {
      .wp.floors .content .section2 .tabType .tab-nav .tab-btn {
        margin-left: 15px;
        margin-right: 15px; } }
    @media screen and (max-width: 991px) {
      .wp.floors .content .section2 .tabType .tab-nav .tab-btn {
        margin-left: 20px;
        margin-right: 20px; } }
    @media screen and (max-width: 767px) {
      .wp.floors .content .section2 .tabType .tab-nav .tab-btn {
        margin-left: 10px;
        margin-right: 10px; } }
    .wp.floors .content .section2 .tabType .tab-nav .tab-btn:after {
      content: '';
      width: 100%;
      height: 2px;
      display: block;
      background-color: transparent;
      position: absolute;
      bottom: 0;
      left: 0; }
    .wp.floors .content .section2 .tabType .tab-nav .tab-btn.active {
      color: #E60012; }
      .wp.floors .content .section2 .tabType .tab-nav .tab-btn.active:after {
        background-color: #E60012; }

.wp.floors .content .section2 .tabType .tab-pane {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-top: 45px;
  padding-bottom: 60px;
  display: none; }
  @media screen and (max-width: 767px) {
    .wp.floors .content .section2 .tabType .tab-pane {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-top: 20px;
      padding-bottom: 20px; } }
  .wp.floors .content .section2 .tabType .tab-pane.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .wp.floors .content .section2 .tabType .tab-pane .hideItem {
    width: 250px;
    height: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 5px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .wp.floors .content .section2 .tabType .tab-pane .hideItem {
        width: 230px; } }
    @media screen and (max-width: 479px) {
      .wp.floors .content .section2 .tabType .tab-pane .hideItem {
        width: calc(50% - 20px);
        height: auto;
        margin: 0 10px; } }
  .wp.floors .content .section2 .tabType .tab-pane .brandBox {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    width: 250px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 5px 35px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .wp.floors .content .section2 .tabType .tab-pane .brandBox {
        width: 230px; } }
    @media screen and (max-width: 991px) {
      .wp.floors .content .section2 .tabType .tab-pane .brandBox {
        margin-bottom: 20px; } }
    @media screen and (max-width: 767px) {
      .wp.floors .content .section2 .tabType .tab-pane .brandBox {
        display: block;
        text-align: center; } }
    .wp.floors .content .section2 .tabType .tab-pane .brandBox .pic {
      display: block;
      width: 250px;
      height: 175px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: 1px solid #ddd;
      overflow: hidden;
      position: relative; }
      @media (min-width: 768px) and (max-width: 991px) {
        .wp.floors .content .section2 .tabType .tab-pane .brandBox .pic {
          width: 230px; } }
      .wp.floors .content .section2 .tabType .tab-pane .brandBox .pic:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(230, 0, 18, 0.85);
        opacity: 0;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
      .wp.floors .content .section2 .tabType .tab-pane .brandBox .pic:after {
        content: 'VIEW MORE';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #fff;
        font-weight: bold;
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out 0.1s;
        -o-transition: opacity 0.2s ease-in-out 0.1s;
        transition: opacity 0.2s ease-in-out 0.1s; }
      .wp.floors .content .section2 .tabType .tab-pane .brandBox .pic img {
        max-height: 100%; }
    .wp.floors .content .section2 .tabType .tab-pane .brandBox .title {
      display: block;
      margin-top: 15px;
      margin-bottom: 15px; }
    @media screen and (min-width: 992px) {
      .wp.floors .content .section2 .tabType .tab-pane .brandBox:hover .pic:before {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
      .wp.floors .content .section2 .tabType .tab-pane .brandBox:hover .pic:after {
        opacity: 1; } }
    @media screen and (max-width: 479px) {
      .wp.floors .content .section2 .tabType .tab-pane .brandBox {
        width: calc(50% - 20px);
        height: auto;
        min-height: 110px;
        margin: 0 10px 10px; }
        .wp.floors .content .section2 .tabType .tab-pane .brandBox .pic {
          width: 100%;
          height: 100px; }
          .wp.floors .content .section2 .tabType .tab-pane .brandBox .pic img {
            max-width: 90%; } }

.wp.foods .banner .pageSubTitle {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .wp.foods .banner .pageSubTitle p {
    font-size: 30px; }

.wp.foods .content .tabType .tab-nav {
  background-color: #f7f7f7; }
  @media screen and (max-width: 991px) {
    .wp.foods .content .tabType .tab-nav {
      background-color: #fff; } }
  .wp.foods .content .tabType .tab-nav > .container .desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: auto; }
    .wp.foods .content .tabType .tab-nav > .container .desktop .hideItem {
      content: '';
      margin: auto;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .wp.foods .content .tabType .tab-nav > .container .mobile {
    display: none;
    padding-top: 20px;
    text-align: center; }
    .wp.foods .content .tabType .tab-nav > .container .mobile select.dropkick {
      width: 200px; }
  @media screen and (max-width: 991px) {
    .wp.foods .content .tabType .tab-nav > .container .desktop {
      display: none; }
    .wp.foods .content .tabType .tab-nav > .container .mobile {
      display: block; } }
  .wp.foods .content .tabType .tab-nav .tab-btn {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-left: 30px;
    margin-right: 30px;
    cursor: pointer; }
    @media screen and (max-width: 991px) {
      .wp.foods .content .tabType .tab-nav .tab-btn {
        margin-left: 20px;
        margin-right: 20px; } }
    @media screen and (max-width: 767px) {
      .wp.foods .content .tabType .tab-nav .tab-btn {
        margin-left: 10px;
        margin-right: 10px; } }
    .wp.foods .content .tabType .tab-nav .tab-btn:after {
      content: '';
      width: 100%;
      height: 1px;
      display: block;
      background-color: transparent;
      position: absolute;
      bottom: 0;
      left: 0; }
    .wp.foods .content .tabType .tab-nav .tab-btn.active {
      color: #E60012; }
      .wp.foods .content .tabType .tab-nav .tab-btn.active:after {
        background-color: #E60012; }

.wp.foods .content .tabType .tab-pane {
  display: none; }
  .wp.foods .content .tabType .tab-pane.active {
    display: block; }

.wp.foods .content .foodContainer {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between; /* center->space-between 2020.3.5 */
    padding-top: 45px;
    padding-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
  @media screen and (max-width: 1199px) {
    .wp.foods .content .foodContainer {
      margin: 0 0 40px; } }
  @media screen and (max-width: 991px) {
    .wp.foods .content .foodContainer {
      margin: 0 0 20px;
      padding-top: 20px;
      padding-bottom: 10px; } }
  @media screen and (max-width: 767px) {
    .wp.foods .content .foodContainer {
      display: block; } }

.wp.foods .content .hideItem {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 8px;
  width: 30%;
  height: 0; }
  @media screen and (max-width: 1199px) {
    .wp.foods .content .hideItem {
      width: 45%; } }
  @media screen and (max-width: 767px) {
    .wp.foods .content .hideItem {
      width: 100%;
      max-width: 530px; } }

.wp.foods .content .foodBox {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  width: 30%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 8px 40px;
  -webkit-transition: border-color 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out; }
  @media screen and (max-width: 1199px) {
    .wp.foods .content .foodBox {
      width: 45%; } }
  @media screen and (max-width: 767px) {
    .wp.foods .content .foodBox {
      width: 100%;
      max-width: 530px;
      margin: 0 8px 20px; } }
  @media screen and (max-width: 479px) {
    .wp.foods .content .foodBox {
      margin: 0 0 20px; } }
  .wp.foods .content .foodBox:hover {
    border-color: #E60012; }
  .wp.foods .content .foodBox .pic {
    display: block;
    width: 100%;
    height: 320;
    border: 1px solid #ddd;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px; }
    .wp.foods .content .foodBox .pic img {
      display: block; }
  .wp.foods .content .foodBox .introBox {
    margin-bottom: 20px;
    width: 100%; }
    .wp.foods .content .foodBox .introBox .title {
      display: block;
      font-size: 16px;
      color: #1a1a1a;
      font-weight: bold;
      margin-bottom: 10px; }
    .wp.foods .content .foodBox .introBox .intro {
      display: block; }
  .wp.foods .content .foodBox .infoBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start; }
    @media screen and (max-width: 479px) {
      .wp.foods .content .foodBox .infoBox {
        width: 100%; } }
    .wp.foods .content .foodBox .infoBox .icon {
      margin-right: 10px; }
      .wp.foods .content .foodBox .infoBox .icon:before {
        font-size: 20px; }
    .wp.foods .content .foodBox .infoBox .address {
      padding-right: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 14px; }
      @media screen and (max-width: 479px) {
        .wp.foods .content .foodBox .infoBox .address {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; } }
    .wp.foods .content .foodBox .infoBox .tel {
      position: relative;
      padding-left: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 14px; }
      @media screen and (max-width: 479px) {
        .wp.foods .content .foodBox .infoBox .tel {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; } }
      .wp.foods .content .foodBox .infoBox .tel:before {
        content: '';
        width: 1px;
        height: 16px;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        background-color: #aaa; }
    @media screen and (max-width: 1199px) {
      .wp.foods .content .foodBox .infoBox .address {
        font-size: 14px; }
      .wp.foods .content .foodBox .infoBox .tel {
        font-size: 14px; } }
    @media screen and (max-width: 991px) {
      .wp.foods .content .foodBox .infoBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .wp.foods .content .foodBox .infoBox .address {
          padding-right: 0; }
        .wp.foods .content .foodBox .infoBox .tel {
          padding-left: 0; }
          .wp.foods .content .foodBox .infoBox .tel:before {
            display: none; } }

.wp.foodinfo .banner .bannerBox .jqimgFill {
  height: 500px; }
  @media screen and (max-width: 991px) {
    .wp.foodinfo .banner .bannerBox .jqimgFill {
      height: 400px; } }
  @media screen and (max-width: 767px) {
    .wp.foodinfo .banner .bannerBox .jqimgFill {
      height: 300px; } }

.wp.foodinfo .banner .bannerBox .brandTitle {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 185px;
  max-width: 450px; }
  .wp.foodinfo .banner .bannerBox .brandTitle .brandLogo {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #fff;
    padding: 0 10px; }
    .wp.foodinfo .banner .bannerBox .brandTitle .brandLogo .pic {
      width: 100%;
      text-align: center; }
  .wp.foodinfo .banner .bannerBox .brandTitle .provelogo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #ddd;
    background-color: #fff;
    padding: 0 10px; }
  .wp.foodinfo .banner .bannerBox .brandTitle .brandLogo, .wp.foodinfo .banner .bannerBox .brandTitle .provelogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  @media screen and (max-width: 767px) {
    .wp.foodinfo .banner .bannerBox .brandTitle {
      padding: 0 15px; }
      .wp.foodinfo .banner .bannerBox .brandTitle .brandLogo {
        -ms-flex-negative: 2;
        flex-shrink: 2; }
      .wp.foodinfo .banner .bannerBox .brandTitle .provelogo {
        -ms-flex-negative: 1;
        flex-shrink: 1; } }

.wp.foodinfo .content h4 {
  font-size: 26px;
  text-align: center;
  margin-bottom: 20px; }

.wp.foodinfo .content .noticeBox {
  text-align: center; }
  .wp.foodinfo .content .noticeBox p {
    padding: 15px 30px;
    border: 1px solid #ddd;
    display: inline-block;
    margin: 0 auto;
    color: #666; }
    @media screen and (max-width: 767px) {
      .wp.foodinfo .content .noticeBox p {
        padding: 15px;
        font-size: 12px; } }

.wp.foodinfo .content .linkContainer {
  background-color: #f7f7f7; }
  @media screen and (max-width: 991px) {
    .wp.foodinfo .content .linkContainer {
      background-color: #fff; } }
  .wp.foodinfo .content .linkContainer > .container .desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: auto; }
    .wp.foodinfo .content .linkContainer > .container .desktop .hideItem {
      content: '';
      margin: auto;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .wp.foodinfo .content .linkContainer > .container .mobile {
    display: none;
    padding-top: 20px;
    text-align: center; }
    .wp.foodinfo .content .linkContainer > .container .mobile select.dropkick {
      width: 200px; }
  @media screen and (max-width: 991px) {
    .wp.foodinfo .content .linkContainer > .container .desktop {
      display: none; }
    .wp.foodinfo .content .linkContainer > .container .mobile {
      display: block; } }
  .wp.foodinfo .content .linkContainer .linkBtn {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-left: 30px;
    margin-right: 30px;
    cursor: pointer;
    -webkit-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out; }
    @media screen and (min-width: 992px) {
      .wp.foodinfo .content .linkContainer .linkBtn:hover {
        color: #E60012; } }
    @media screen and (max-width: 991px) {
      .wp.foodinfo .content .linkContainer .linkBtn {
        margin-left: 20px;
        margin-right: 20px; } }
    @media screen and (max-width: 767px) {
      .wp.foodinfo .content .linkContainer .linkBtn {
        margin-left: 10px;
        margin-right: 10px; } }
    .wp.foodinfo .content .linkContainer .linkBtn:after {
      content: '';
      width: 100%;
      height: 1px;
      display: block;
      background-color: transparent;
      position: absolute;
      bottom: 0;
      left: 0; }
    .wp.foodinfo .content .linkContainer .linkBtn.active {
      color: #E60012; }
      .wp.foodinfo .content .linkContainer .linkBtn.active:after {
        background-color: #E60012; }

.wp.foodinfo .content .introContainer, .wp.foodinfo .content .newsContainer {
  padding-top: 40px;
  padding-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .wp.foodinfo .content .introContainer, .wp.foodinfo .content .newsContainer {
      padding-top: 30px;
      padding-bottom: 30px; } }

.wp.foodinfo .content .introContainer .introBox {
  margin-bottom: 25px; }
  .wp.foodinfo .content .introContainer .introBox p {
    text-align: center; }

.wp.foodinfo .content .introContainer .slider {
  margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .wp.foodinfo .content .introContainer .slider {
      margin-bottom: 20px; } }
  .wp.foodinfo .content .introContainer .slider .slick-dots {
    bottom: 15px; }
    .wp.foodinfo .content .introContainer .slider .slick-dots li button:before {
      opacity: 1; }
    .wp.foodinfo .content .introContainer .slider .slick-dots li.slick-active button:before {
      background-color: #fff;
      border-color: #fff; }

.wp.foodinfo .content .introContainer .infoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .wp.foodinfo .content .introContainer .infoBox {
      display: block; } }
  .wp.foodinfo .content .introContainer .infoBox .left, .wp.foodinfo .content .introContainer .infoBox .right {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%; }
    @media screen and (max-width: 991px) {
      .wp.foodinfo .content .introContainer .infoBox .left, .wp.foodinfo .content .introContainer .infoBox .right {
        padding-left: 15px;
        padding-right: 15px; } }
    .wp.foodinfo .content .introContainer .infoBox .left > div, .wp.foodinfo .content .introContainer .infoBox .right > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 10px; }
      .wp.foodinfo .content .introContainer .infoBox .left > div a, .wp.foodinfo .content .introContainer .infoBox .right > div a {
        color: #666666; }
      .wp.foodinfo .content .introContainer .infoBox .left > div .icon, .wp.foodinfo .content .introContainer .infoBox .right > div .icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 20px; }
        @media screen and (max-width: 767px) {
          .wp.foodinfo .content .introContainer .infoBox .left > div .icon, .wp.foodinfo .content .introContainer .infoBox .right > div .icon {
            margin-right: 10px; } }
        .wp.foodinfo .content .introContainer .infoBox .left > div .icon:before, .wp.foodinfo .content .introContainer .infoBox .right > div .icon:before {
          line-height: 25px;
          font-size: 20px;
          color: #666666; }
      .wp.foodinfo .content .introContainer .infoBox .left > div .infoTitle, .wp.foodinfo .content .introContainer .infoBox .right > div .infoTitle {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        color: #666666; }
      .wp.foodinfo .content .introContainer .infoBox .left > div .infoText, .wp.foodinfo .content .introContainer .infoBox .right > div .infoText {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        color: #666666; }
  .wp.foodinfo .content .introContainer .infoBox .right:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: #dcdcdc;
    position: absolute;
    left: 0;
    top: 0; }
    @media screen and (max-width: 767px) {
      .wp.foodinfo .content .introContainer .infoBox .right:before {
        display: none; } }

.wp.foodinfo .content .hotContainer {
  padding-top: 85px;
  padding-bottom: 80px; }
  @media screen and (max-width: 991px) {
    .wp.foodinfo .content .hotContainer {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .wp.foodinfo .content .hotContainer {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .wp.foodinfo .content .hotContainer > .container {
    max-width: 1640px; }
  .wp.foodinfo .content .hotContainer h4 {
    margin-bottom: 50px; }
    @media screen and (max-width: 991px) {
      .wp.foodinfo .content .hotContainer h4 {
        margin-bottom: 30px; } }
    @media screen and (max-width: 767px) {
      .wp.foodinfo .content .hotContainer h4 {
        margin-bottom: 20px; } }
  .wp.foodinfo .content .hotContainer .slider {
    padding: 0 75px;
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .wp.foodinfo .content .hotContainer .slider {
        padding: 0 5px;
        margin-bottom: 15px; } }
    .wp.foodinfo .content .hotContainer .slider .slick-slide {
      margin-left: 30px;
      margin-right: 30px; }
      .wp.foodinfo .content .hotContainer .slider .slick-slide .pic {
        margin-bottom: 20px; }
        .wp.foodinfo .content .hotContainer .slider .slick-slide .pic img {
          margin: 0 auto; }
      .wp.foodinfo .content .hotContainer .slider .slick-slide h5 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 5px; }
      .wp.foodinfo .content .hotContainer .slider .slick-slide .price {
        color: #E60012;
        margin-bottom: 10px; }
      .wp.foodinfo .content .hotContainer .slider .slick-slide p {
        text-align: center; }
    .wp.foodinfo .content .hotContainer .slider .slick-arrow:before {
      color: #808080; }
    .wp.foodinfo .content .hotContainer .slider .slick-arrow.slick-next {
      right: 15px; }
    .wp.foodinfo .content .hotContainer .slider .slick-arrow.slick-prev {
      left: 15px; }
    @media screen and (max-width: 767px) {
      .wp.foodinfo .content .hotContainer .slider .slick-arrow.slick-next {
        right: 0; }
      .wp.foodinfo .content .hotContainer .slider .slick-arrow.slick-prev {
        left: 0; } }

.wp.foodinfo .content .menuContainer {
  position: relative;
  overflow: hidden;
  padding-top: 90px;
  padding-bottom: 70px; }
  @media screen and (max-width: 991px) {
    .wp.foodinfo .content .menuContainer {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .wp.foodinfo .content .menuContainer {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .wp.foodinfo .content .menuContainer .pic.bg-left {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }
    .wp.foodinfo .content .menuContainer .pic.bg-left img {
      height: 100%; }
  .wp.foodinfo .content .menuContainer .pic.bg-right {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%; }
    .wp.foodinfo .content .menuContainer .pic.bg-right img {
      height: 100%; }
  @media screen and (max-width: 767px) {
    .wp.foodinfo .content .menuContainer .pic {
      opacity: 0.5; } }
  .wp.foodinfo .content .menuContainer .mCustomScrollbar .mCSB_container {
    padding: 0; }
  .wp.foodinfo .content .menuContainer h4 {
    position: relative;
    margin-bottom: 30px; }
  .wp.foodinfo .content .menuContainer .menuBox {
    height: 640px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 15px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .wp.foodinfo .content .menuContainer .menuBox {
        height: 300px; } }
    .wp.foodinfo .content .menuContainer .menuBox .mscrollbar {
      height: 100%; }
    .wp.foodinfo .content .menuContainer .menuBox .categoryBox {
      text-align: center;
      padding-left: 30px;
      margin-bottom: 15px;
      margin-top: 10px; }
    .wp.foodinfo .content .menuContainer .menuBox .menuCategory {
      font-weight: bold;
      border-radius: 5px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #d2d2d2;
      display: inline-block;
      padding: 10px 20px; }
    .wp.foodinfo .content .menuContainer .menuBox .menuList {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 30px;
      padding-left: 15px; }
      @media screen and (max-width: 991px) {
        .wp.foodinfo .content .menuContainer .menuBox .menuList {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
    .wp.foodinfo .content .menuContainer .menuBox .gridType {
      width: 33%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (min-width: 992px) {
        .wp.foodinfo .content .menuContainer .menuBox .gridType:nth-child(3n+2) {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
        .wp.foodinfo .content .menuContainer .menuBox .gridType:nth-child(3n+3) {
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end; } }
      @media screen and (max-width: 991px) {
        .wp.foodinfo .content .menuContainer .menuBox .gridType {
          width: 47%;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; } }
      @media screen and (max-width: 700px) {
        .wp.foodinfo .content .menuContainer .menuBox .gridType {
          width: 100%; } }
      .wp.foodinfo .content .menuContainer .menuBox .gridType .mealBox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 2px dotted #ddd; }
        .wp.foodinfo .content .menuContainer .menuBox .gridType .mealBox .name {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
        .wp.foodinfo .content .menuContainer .menuBox .gridType .mealBox .price {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100px;
          flex: 0 0 100px;
          text-align: right; }
        @media screen and (max-width: 767px) {
          .wp.foodinfo .content .menuContainer .menuBox .gridType .mealBox {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
            flex: 1 0 100%; } }
    .wp.foodinfo .content .menuContainer .menuBox .lgType {
      width: 100%; }
      .wp.foodinfo .content .menuContainer .menuBox .lgType .mealBox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 2px dotted #ddd; }
        .wp.foodinfo .content .menuContainer .menuBox .lgType .mealBox .name {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
        .wp.foodinfo .content .menuContainer .menuBox .lgType .mealBox .price {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100px;
          flex: 0 0 100px;
          text-align: right; }

.wp.foodinfo .content .newsContainer > .container {
  max-width: 1360px;
  padding: 0 160px; }
  @media screen and (max-width: 1199px) {
    .wp.foodinfo .content .newsContainer > .container {
      padding: 0 80px; } }
  @media screen and (max-width: 991px) {
    .wp.foodinfo .content .newsContainer > .container {
      padding: 0 60px; } }
  @media screen and (max-width: 767px) {
    .wp.foodinfo .content .newsContainer > .container {
      padding: 0 30px; } }

.wp.foodinfo .content .newsContainer .slider .newsBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1200px;
  height: 435px;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .wp.foodinfo .content .newsContainer .slider .newsBox {
      height: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .wp.foodinfo .content .newsContainer .slider .newsBox .picBox, .wp.foodinfo .content .newsContainer .slider .newsBox .introBox {
    width: 50%;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .wp.foodinfo .content .newsContainer .slider .newsBox .picBox, .wp.foodinfo .content .newsContainer .slider .newsBox .introBox {
        width: 100%; } }
  .wp.foodinfo .content .newsContainer .slider .newsBox .picBox .pic {
    height: 100%; }
  @media screen and (max-width: 767px) {
    .wp.foodinfo .content .newsContainer .slider .newsBox .picBox {
      height: 200px; } }
  .wp.foodinfo .content .newsContainer .slider .newsBox .introBox {
    background-color: #fff;
    padding: 80px 60px; }
    .wp.foodinfo .content .newsContainer .slider .newsBox .introBox .mscrollbar {
      height: 100%; }
    @media screen and (max-width: 991px) {
      .wp.foodinfo .content .newsContainer .slider .newsBox .introBox {
        padding: 30px 15px; } }
    @media screen and (max-width: 767px) {
      .wp.foodinfo .content .newsContainer .slider .newsBox .introBox {
        padding: 20px 15px;
        height: auto; } }

.wp.foodinfo .content .newsContainer .slider .slick-arrow:before {
  color: #808080; }

.wp.foodinfo .content .newsContainer .slider .slick-arrow.slick-next {
  right: -60px; }

.wp.foodinfo .content .newsContainer .slider .slick-arrow.slick-prev {
  left: -60px; }

@media screen and (max-width: 1199px) {
  .wp.foodinfo .content .newsContainer .slider .slick-arrow.slick-next {
    right: -40px; }
  .wp.foodinfo .content .newsContainer .slider .slick-arrow.slick-prev {
    left: -40px; } }

@media screen and (max-width: 767px) {
  .wp.foodinfo .content .newsContainer .slider .slick-arrow.slick-next {
    right: -25px; }
  .wp.foodinfo .content .newsContainer .slider .slick-arrow.slick-prev {
    left: -25px; } }

.wp.foodinfo .content .bottom {
  padding: 50px 0; }
  @media screen and (max-width: 991px) {
    .wp.foodinfo .content .bottom {
      padding: 30px 0; } }
  @media screen and (max-width: 767px) {
    .wp.foodinfo .content .bottom {
      padding: 17px 0; } }

.wp.traffic .content .addressContainer {
  padding: 60px 0; }
  @media screen and (max-width: 991px) {
    .wp.traffic .content .addressContainer {
      padding: 30px 0; } }
  @media screen and (max-width: 767px) {
    .wp.traffic .content .addressContainer {
      padding: 20px 0; } }
  .wp.traffic .content .addressContainer p {
    font-size: 18px;
    text-align: center;
    line-height: 30px; }
    @media screen and (max-width: 767px) {
      .wp.traffic .content .addressContainer p {
        font-size: 16px; } }
  .wp.traffic .content .addressContainer .address {
    font-size: 20px;
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .wp.traffic .content .addressContainer .address {
        font-size: 18px; } }
    .wp.traffic .content .addressContainer .address .icon {
      display: inline-block; }
      .wp.traffic .content .addressContainer .address .icon:before {
        line-height: 25px; }

.wp.traffic .content .mainContainer {
  padding-top: 60px; }
  @media screen and (max-width: 991px) {
    .wp.traffic .content .mainContainer {
      padding-top: 40px; }
      .wp.traffic .content .mainContainer > .container {
        padding-left: 20px;
        padding-right: 20px; } }
  @media screen and (max-width: 767px) {
    .wp.traffic .content .mainContainer {
      padding-top: 30px; } }
  .wp.traffic .content .mainContainer .tabType .tab-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px; }
    @media screen and (max-width: 991px) {
      .wp.traffic .content .mainContainer .tabType .tab-nav {
        margin-bottom: 40px; } }
    @media screen and (max-width: 991px) {
      .wp.traffic .content .mainContainer .tabType .tab-nav {
        margin-bottom: 20px; } }
    .wp.traffic .content .mainContainer .tabType .tab-nav .tab-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 10px;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer;
      color: #b3b3b3; }
      .wp.traffic .content .mainContainer .tabType .tab-nav .tab-btn .titleBox {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
      .wp.traffic .content .mainContainer .tabType .tab-nav .tab-btn .ch {
        color: #333333; }
      .wp.traffic .content .mainContainer .tabType .tab-nav .tab-btn .icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        margin-right: 20px;
        text-align: center; }
        .wp.traffic .content .mainContainer .tabType .tab-nav .tab-btn .icon:before {
          font-size: 40px;
          -webkit-transition: color 0.1s ease-in-out;
          -o-transition: color 0.1s ease-in-out;
          transition: color 0.1s ease-in-out; }
        .wp.traffic .content .mainContainer .tabType .tab-nav .tab-btn .icon.train:before {
          font-size: 48px; }
      .wp.traffic .content .mainContainer .tabType .tab-nav .tab-btn + .tab-btn {
        border-left: 1px solid #ddd; }
      .wp.traffic .content .mainContainer .tabType .tab-nav .tab-btn.active {
        color: #E60012; }
        .wp.traffic .content .mainContainer .tabType .tab-nav .tab-btn.active .ch {
          color: #E60012; }
      @media screen and (min-width: 992px) {
        .wp.traffic .content .mainContainer .tabType .tab-nav .tab-btn:hover:not(.active) {
          color: #555; }
          .wp.traffic .content .mainContainer .tabType .tab-nav .tab-btn:hover:not(.active) .ch {
            color: #555; } }
      @media screen and (max-width: 991px) {
        .wp.traffic .content .mainContainer .tabType .tab-nav .tab-btn {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          text-align: center;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
          .wp.traffic .content .mainContainer .tabType .tab-nav .tab-btn .icon {
            margin-right: 0; } }
      @media screen and (max-width: 479px) {
        .wp.traffic .content .mainContainer .tabType .tab-nav .tab-btn {
          font-size: 12px;
          padding: 0 5px; } }
  .wp.traffic .content .mainContainer .tabType .tab-content {
    margin-bottom: 45px; }
    .wp.traffic .content .mainContainer .tabType .tab-content .tab-pane {
      display: none; }
      .wp.traffic .content .mainContainer .tabType .tab-content .tab-pane.active {
        display: block; }
      .wp.traffic .content .mainContainer .tabType .tab-content .tab-pane .title {
        font-weight: bold;
        margin-bottom: 10px; }
    .wp.traffic .content .mainContainer .tabType .tab-content .tabpaneContainer {
      text-align: center; }
      .wp.traffic .content .mainContainer .tabType .tab-content .tabpaneContainer .btn.shuttleBtn {
        display: block;
        width: 210px;
        height: 45px;
        border: 1px solid #E60012;
        border-radius: 5px;
        color: #E60012;
        margin: 0 auto;
        line-height: 45px;
        margin-bottom: 20px; }

.wp.traffic .content .mapContainer {
  position: relative;
  height: 600px; }
  @media screen and (max-width: 991px) {
    .wp.traffic .content .mapContainer {
      height: 400px; } }
  @media screen and (max-width: 767px) {
    .wp.traffic .content .mapContainer {
      height: 200px; } }
  .wp.traffic .content .mapContainer .map {
    height: 100%; }

.wp.notice .content {
  padding-top: 50px;
  padding-bottom: 50px; }
  .wp.notice .content .inner .titleBox {
    margin-bottom: 30px;
    margin-top: 50px; }
    .wp.notice .content .inner .titleBox:first-child {
      margin-top: 0; }
  .wp.notice .content .inner h4 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: normal; }
    @media screen and (max-width: 767px) {
      .wp.notice .content .inner h4 {
        font-size: 18px;
        margin-bottom: 5px; } }
    .wp.notice .content .inner h4.noticeTitle {
      font-weight: bold;
      margin-top: 15px;
      letter-spacing: 2px; }
      @media screen and (max-width: 767px) {
        .wp.notice .content .inner h4.noticeTitle {
          margin-top: 5px; } }
  .wp.notice .content .inner .rowBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 2px dotted #ddd; }
    .wp.notice .content .inner .rowBox:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0; }
    @media screen and (max-width: 479px) {
      .wp.notice .content .inner .rowBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .wp.notice .content .inner .rowBox .rowInner {
      position: relative;
      width: 45%; }
      @media screen and (max-width: 479px) {
        .wp.notice .content .inner .rowBox .rowInner {
          width: 100%; } }
    .wp.notice .content .inner .rowBox p {
      margin-top: 5px;
      margin-bottom: 5px; }

@media screen and (max-width: 991px) {
  .wp.thanq .banner .bannerBox .jqimgFill {
    background-position: 20% center !important; } }

.wp.thanq .banner .bannerBox .title {
  padding-left: 15px;
  padding-right: 15px;
  top: 50%; }
  .wp.thanq .banner .bannerBox .title p {
    text-align: center;
    font-size: 18px; }
    .wp.thanq .banner .bannerBox .title p + p {
      margin-top: 10px; }
    @media screen and (max-width: 767px) {
      .wp.thanq .banner .bannerBox .title p {
        font-size: 14px; }
        .wp.thanq .banner .bannerBox .title p + p {
          margin-top: 0;
          line-height: 20px; }
          .wp.thanq .banner .bannerBox .title p + p span {
            line-height: 20px; } }

.wp.thanq .content {
  padding-top: 45px;
  padding-bottom: 45px; }
  @media screen and (max-width: 767px) {
    .wp.thanq .content {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .wp.thanq .content .inner p + p {
    margin-top: 5px; }

.wp.message .content .section {
  padding: 50px 0; }
  @media screen and (max-width: 767px) {
    .wp.message .content .section {
      padding: 30px 0; } }
  .wp.message .content .section .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 991px) {
      .wp.message .content .section .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media screen and (max-width: 767px) {
      .wp.message .content .section .inner {
        margin-top: 20px; } }
    .wp.message .content .section .inner .letters {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 370px;
      flex: 1 1 370px;
      margin-right: 30px; }
      .wp.message .content .section .inner .letters p {
        text-align: justify;
        text-justify: inter-ideograph; }
      .wp.message .content .section .inner .letters p + p {
        margin-top: 25px; }
      @media screen and (max-width: 991px) {
        .wp.message .content .section .inner .letters {
          -webkit-box-flex: 1;
          -ms-flex: auto;
          flex: auto;
          margin: 0; } }
      @media screen and (max-width: 767px) {
        .wp.message .content .section .inner .letters p + p {
          margin-top: 15px; } }
    .wp.message .content .section .inner .formBox {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 650px;
      flex: 1 0 650px;
      margin-left: 20px; }
      @media screen and (max-width: 991px) {
        .wp.message .content .section .inner .formBox {
          margin: 30px 0 0;
          -webkit-box-flex: 1;
          -ms-flex: auto;
          flex: auto; } }
      .wp.message .content .section .inner .formBox .formInner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        @media screen and (max-width: 767px) {
          .wp.message .content .section .inner .formBox .formInner {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; } }
      .wp.message .content .section .inner .formBox .dropkick-group {
        overflow: visible !important; }
      .wp.message .content .section .inner .formBox select.dropkick {
        border: 0; }
      .wp.message .content .section .inner .formBox .input-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid #ccc;
        overflow: hidden;
        background-color: #fff;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%; }
        @media screen and (max-width: 479px) {
          .wp.message .content .section .inner .formBox .input-group {
            padding: 5px 15px 5px 15px; } }
        @media screen and (min-width: 768px) {
          .wp.message .content .section .inner .formBox .input-group.w50 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 48%;
            flex: 0 0 48%;
            width: 48%;
            max-width: 48%; } }
        .wp.message .content .section .inner .formBox .input-group + .input-group {
          margin-top: 15px; }
        .wp.message .content .section .inner .formBox .input-group.opinionBox .input-title {
          -ms-flex-item-align: start;
          align-self: flex-start;
          margin-top: 10px; }
        .wp.message .content .section .inner .formBox .input-group .input-title {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 120px;
          flex: 0 0 120px; }
          @media screen and (max-width: 479px) {
            .wp.message .content .section .inner .formBox .input-group .input-title {
              -webkit-box-flex: 0;
              -ms-flex: 0 0 80px;
              flex: 0 0 80px; } }
        .wp.message .content .section .inner .formBox .input-group .sexBox {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 150px;
          flex: 0 0 150px;
          line-height: normal;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          @media screen and (max-width: 767px) {
            .wp.message .content .section .inner .formBox .input-group .sexBox {
              -ms-flex-preferred-size: auto;
              flex-basis: auto;
              font-size: 12px; } }
        .wp.message .content .section .inner .formBox .input-group .dropkick {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          -ms-flex-negative: 1;
          flex-shrink: 1; }
          .wp.message .content .section .inner .formBox .input-group .dropkick .dk-selected {
            border: 0; }
        .wp.message .content .section .inner .formBox .input-group input[type='text'], .wp.message .content .section .inner .formBox .input-group input[type='email'] {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          width: 100%;
          border: 0;
          background-color: transparent;
          padding: 0 5px;
          height: 50px;
          line-height: 50px; }
          .wp.message .content .section .inner .formBox .input-group input[type='text']::-webkit-input-placeholder, .wp.message .content .section .inner .formBox .input-group input[type='email']::-webkit-input-placeholder {
            color: #bbb; }
          .wp.message .content .section .inner .formBox .input-group input[type='text']::-moz-placeholder, .wp.message .content .section .inner .formBox .input-group input[type='email']::-moz-placeholder {
            color: #bbb; }
          .wp.message .content .section .inner .formBox .input-group input[type='text']:-ms-input-placeholder, .wp.message .content .section .inner .formBox .input-group input[type='email']:-ms-input-placeholder {
            color: #bbb; }
          .wp.message .content .section .inner .formBox .input-group input[type='text']:-moz-placeholder, .wp.message .content .section .inner .formBox .input-group input[type='email']:-moz-placeholder {
            color: #bbb; }
          @media screen and (max-width: 479px) {
            .wp.message .content .section .inner .formBox .input-group input[type='text'], .wp.message .content .section .inner .formBox .input-group input[type='email'] {
              width: 100%; } }
        .wp.message .content .section .inner .formBox .input-group input[type='radio'] {
          margin: 0 10px; }
          @media screen and (max-width: 479px) {
            .wp.message .content .section .inner .formBox .input-group input[type='radio'] {
              margin: 0 5px; } }
        .wp.message .content .section .inner .formBox .input-group textarea {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          -ms-flex-negative: 1;
          flex-shrink: 1;
          border: 0;
          resize: none;
          line-height: 25px;
          background-color: transparent;
          padding: 10px 5px;
          height: 155px;
          font-family: "Microsoft JhengHei", "sans-serif"; }
          .wp.message .content .section .inner .formBox .input-group textarea::-webkit-input-placeholder {
            color: #bbb; }
          .wp.message .content .section .inner .formBox .input-group textarea::-moz-placeholder {
            color: #bbb; }
          .wp.message .content .section .inner .formBox .input-group textarea:-ms-input-placeholder {
            color: #bbb; }
          .wp.message .content .section .inner .formBox .input-group textarea:-moz-placeholder {
            color: #bbb; }
        .wp.message .content .section .inner .formBox .input-group .inputBox {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          line-height: 50px;
          height: 50px;
          -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          width: 100%; }
          .wp.message .content .section .inner .formBox .input-group .inputBox .capcha {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 80px;
            flex: 0 0 80px; }
          .wp.message .content .section .inner .formBox .input-group .inputBox span {
            line-height: 50px;
            height: 50px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 240px;
            flex: 0 0 240px;
            font-size: 14px; }
            @media screen and (max-width: 767px) {
              .wp.message .content .section .inner .formBox .input-group .inputBox span.remark {
                display: none; } }
      .wp.message .content .section .inner .formBox .checkAgree {
        margin: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media screen and (max-width: 991px) {
          .wp.message .content .section .inner .formBox .checkAgree {
            width: 100%; } }
        .wp.message .content .section .inner .formBox .checkAgree .checkBoxLabel {
          display: inline-block;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          position: relative;
          width: 30px;
          height: 30px;
          border: 2px solid #aaa;
          border-radius: 5px;
          cursor: pointer;
          overflow: hidden;
          text-align: center;
          -webkit-transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out;
          -o-transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out;
          transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out;
          margin: 0 10px;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 30px;
          flex: 0 0 30px;
          background-color: #fff; }
          .wp.message .content .section .inner .formBox .checkAgree .checkBoxLabel:after {
            content: "";
            display: block;
            margin-left: 8px;
            margin-top: 2px;
            width: 12px;
            height: 18px;
            border: solid transparent;
            border-width: 0 6px 6px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: border-color 0.1s ease-in-out;
            -o-transition: border-color 0.1s ease-in-out;
            transition: border-color 0.1s ease-in-out; }
          @media screen and (min-width: 992px) {
            .wp.message .content .section .inner .formBox .checkAgree .checkBoxLabel:hover {
              border: 2px solid #E60012; }
              .wp.message .content .section .inner .formBox .checkAgree .checkBoxLabel:hover:after {
                border-color: #E60012; } }
        .wp.message .content .section .inner .formBox .checkAgree #btn-agree {
          display: none; }
          .wp.message .content .section .inner .formBox .checkAgree #btn-agree:checked + .checkBoxLabel {
            border-color: #E60012;
            background: #E60012; }
            .wp.message .content .section .inner .formBox .checkAgree #btn-agree:checked + .checkBoxLabel:after {
              border-color: #fff; }
      @media screen and (max-width: 991px) {
        .wp.message .content .section .inner .formBox .btns {
          width: 100%; } }

.wp.wedmember .content .mainBox {
  padding-bottom: 30px; }

.wp.wedmember .content .titleBox h4 {
  font-weight: normal; }

.wp.wedmember .content .inner .offerService {
  text-align: center; }
  .wp.wedmember .content .inner .offerService .link-btn {
    display: block;
    width: 120px;
    height: 45px;
    line-height: 43px;
    border: 1px solid #ccc;
    margin: 15px auto 0;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.1s linear 0.05s, border-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out, color 0.1s linear 0.05s, border-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.1s linear 0.05s, border-color 0.2s ease-in-out; }
    @media screen and (min-width: 992px) {
      .wp.wedmember .content .inner .offerService .link-btn:hover {
        background-color: #FF4D5F;
        border-color: #FF4D5F;
        color: #fff; } }

.wp.wedclub .mainBox {
  overflow: hidden; }
  .wp.wedclub .mainBox .bg {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 780px; }

.wp.wedclub .content .inner {
  background-color: transparent;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

.wp.wedclub .titleBox {
  position: relative; }

.wp.wedclub .formContainer {
  width: 100%; }
  .wp.wedclub .formContainer .errorText {
    font-size: 12px;
    color: #f00;
    position: absolute;
    display: none;
    pointer-events: none; }
    .wp.wedclub .formContainer .errorText.show {
      display: block; }
  .wp.wedclub .formContainer .info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .wp.wedclub .formContainer .info-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .wp.wedclub .formContainer .info-box .input-group {
      position: relative;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 50px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #ccc;
      padding: 5px 15px; }
      @media screen and (max-width: 767px) {
        .wp.wedclub .formContainer .info-box .input-group {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%; } }
      @media screen and (min-width: 992px) {
        .wp.wedclub .formContainer .info-box .input-group + .input-group {
          margin-left: 15px; } }
      @media screen and (max-width: 767px) {
        .wp.wedclub .formContainer .info-box .input-group + .input-group {
          margin-top: 10px; } }
      .wp.wedclub .formContainer .info-box .input-group .inputTitle {
        position: relative;
        padding-right: 15px;
        margin-right: 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
        @media screen and (max-width: 767px) {
          .wp.wedclub .formContainer .info-box .input-group .inputTitle {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 140px;
            flex: 0 0 140px; } }
        @media screen and (max-width: 479px) {
          .wp.wedclub .formContainer .info-box .input-group .inputTitle {
            font-size: 14px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 120px;
            flex: 0 0 120px; } }
        .wp.wedclub .formContainer .info-box .input-group .inputTitle:after {
          content: '';
          display: block;
          width: 1px;
          height: 50px;
          position: absolute;
          right: 0;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          background-color: #ccc; }
      .wp.wedclub .formContainer .info-box .input-group input {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        width: 100%;
        border: 0; }
        @media screen and (max-width: 991px) {
          .wp.wedclub .formContainer .info-box .input-group input.desktop {
            display: none; } }
        .wp.wedclub .formContainer .info-box .input-group input.mobile {
          display: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          background: url("images/select-arrow.png") center right no-repeat, #fff;
          padding-left: 10px;
          border-color: #ccc;
          height: 20px; }
          @media screen and (max-width: 991px) {
            .wp.wedclub .formContainer .info-box .input-group input.mobile {
              display: block; } }
      .wp.wedclub .formContainer .info-box .input-group .errorText {
        right: 15px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
  .wp.wedclub .formContainer .qualify-contianer {
    position: relative;
    background-color: #f7f7f7;
    padding: 35px 50px;
    margin-top: 15px; }
    @media screen and (max-width: 767px) {
      .wp.wedclub .formContainer .qualify-contianer {
        padding: 30px; } }
    .wp.wedclub .formContainer .qualify-contianer .text-container {
      padding-bottom: 15px;
      border-bottom: 2px dashed #ccc; }
      .wp.wedclub .formContainer .qualify-contianer .text-container p + p {
        margin-top: 5px; }

.wp.wedclub .checkAgree {
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  @media screen and (max-width: 991px) {
    .wp.wedclub .checkAgree {
      width: 100%; } }
  .wp.wedclub .checkAgree .checkBoxLabel {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 30px;
    height: 30px;
    border: 2px solid #aaa;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    -webkit-transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out;
    margin: 0 10px 0 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    background-color: #fff; }
    .wp.wedclub .checkAgree .checkBoxLabel:after {
      content: "";
      display: block;
      margin-left: 8px;
      margin-top: 2px;
      width: 12px;
      height: 18px;
      border: solid transparent;
      border-width: 0 6px 6px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: border-color 0.1s ease-in-out;
      -o-transition: border-color 0.1s ease-in-out;
      transition: border-color 0.1s ease-in-out; }
    @media screen and (min-width: 992px) {
      .wp.wedclub .checkAgree .checkBoxLabel:hover {
        border: 2px solid #E60012; }
        .wp.wedclub .checkAgree .checkBoxLabel:hover:after {
          border-color: #E60012; } }
  .wp.wedclub .checkAgree #btn-agree {
    display: none; }
    .wp.wedclub .checkAgree #btn-agree:checked + .checkBoxLabel {
      border-color: #E60012;
      background: #E60012; }
      .wp.wedclub .checkAgree #btn-agree:checked + .checkBoxLabel:after {
        border-color: #fff; }

.wp.wedclub .capcha-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 780px;
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 15px;
  height: 50px;
  margin-top: 15px; }
  .wp.wedclub .capcha-group .errorText {
    right: 0;
    top: 50%;
    -webkit-transform: translate(110%, -50%);
    -ms-transform: translate(110%, -50%);
    transform: translate(110%, -50%); }
    @media screen and (max-width: 991px) {
      .wp.wedclub .capcha-group .errorText {
        left: 0;
        bottom: 0;
        -webkit-transform: translate(0, 110%);
        -ms-transform: translate(0, 110%);
        transform: translate(0, 110%); } }
  .wp.wedclub .capcha-group .capcha-title {
    position: relative;
    margin-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .wp.wedclub .capcha-group .inputBox {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .wp.wedclub .capcha-group .inputBox input {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
      flex: 1 1 0%;
      width: 100%;
      border: none; }
    .wp.wedclub .capcha-group .inputBox .pic.capcha, .wp.wedclub .capcha-group .inputBox .remark {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
    @media screen and (max-width: 767px) {
      .wp.wedclub .capcha-group .inputBox .remark {
        font-size: 12px; } }
    @media screen and (max-width: 600px) {
      .wp.wedclub .capcha-group .inputBox .remark {
        display: none; } }

.wp.wedclub .btns {
  margin-top: 20px; }
  @media screen and (max-width: 991px) {
    .wp.wedclub .btns {
      margin-top: 40px; } }
  .wp.wedclub .btns .submit-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 150px;
    height: 50px;
    background-color: #FF4D5F;
    border: 1px solid #FF4D5F;
    margin-right: 0;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.1s linear 0.05s;
    -o-transition: background-color 0.2s ease-in-out, color 0.1s linear 0.05s;
    transition: background-color 0.2s ease-in-out, color 0.1s linear 0.05s; }
    @media screen and (min-width: 992px) {
      .wp.wedclub .btns .submit-btn:hover {
        background-color: transparent;
        color: #FF4D5F; } }

.wp.wedclub #form-model .model-content {
  max-width: 800px;
  background-color: #fff;
  border-radius: 5px;
  padding: 35px 50px; }
  @media screen and (max-width: 767px) {
    .wp.wedclub #form-model .model-content {
      padding: 15px; } }
  .wp.wedclub #form-model .model-content .pic {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #FFDCE0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 15px; }
    @media screen and (max-width: 767px) {
      .wp.wedclub #form-model .model-content .pic {
        width: 60px;
        height: 60px; }
        .wp.wedclub #form-model .model-content .pic img {
          -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
          transform: scale(0.7); } }
  .wp.wedclub #form-model .model-content .title {
    font-size: 30px;
    text-align: center;
    left: normal;
    margin-bottom: 5px;
    line-height: normal; }
    @media screen and (max-width: 767px) {
      .wp.wedclub #form-model .model-content .title {
        font-size: 24px; } }
  .wp.wedclub #form-model .model-content .subtitle {
    font-size: 24px;
    text-align: center;
    line-height: normal; }
    @media screen and (max-width: 767px) {
      .wp.wedclub #form-model .model-content .subtitle {
        font-size: 16px; } }
  .wp.wedclub #form-model .model-content .text-container {
    background-color: #f7f7f7;
    padding: 30px 80px;
    text-align: center;
    margin-top: 10px; }
    @media screen and (max-width: 767px) {
      .wp.wedclub #form-model .model-content .text-container {
        padding: 15px;
        height: 30vh;
        overflow-y: auto;
        max-height: 210px; } }
  .wp.wedclub #form-model .model-content .submit-btn {
    width: 100px;
    height: 50px;
    background-color: #ff4d5f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ff4d5f;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px auto 0;
    -webkit-transition: color 0.1s linear 0.05s, background-color 0.2s ease-in-out;
    -o-transition: color 0.1s linear 0.05s, background-color 0.2s ease-in-out;
    transition: color 0.1s linear 0.05s, background-color 0.2s ease-in-out; }
    @media screen and (min-width: 992px) {
      .wp.wedclub #form-model .model-content .submit-btn:hover {
        color: #ff4d5f;
        background-color: transparent; } }

.wp.wedshops .content .map .spot.tianmu {
  top: 7%;
  left: 67%; }

.wp.wedshops .content .map .shopBox.tianmu {
  top: 7%;
  left: 82%;
  -webkit-transform: translate(0, -30%);
  -ms-transform: translate(0, -30%);
  transform: translate(0, -30%); }

.wp.wedbrands .content .section2 .tabType .tab-content .brandBox .intro a.onsale {
  cursor: pointer; }

.wp.wedbrands .modelContainer {
  left: -110%; }
  .wp.wedbrands .modelContainer.show {
    left: 0; }
  .wp.wedbrands .modelContainer .model-content {
    position: relative;
    max-width: 1600px;
    width: 100%;
    padding: 35px 45px 25px;
    border: 1px solid #E50011;
    background-color: #f7f7f7;
    border-radius: 5px;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .wp.wedbrands .modelContainer .model-content {
        padding: 60px 20px 15px; } }
    .wp.wedbrands .modelContainer .model-content .sale-content {
      height: 435px; }
      @media screen and (max-width: 767px) {
        .wp.wedbrands .modelContainer .model-content .sale-content {
          height: 60vh; } }
      .wp.wedbrands .modelContainer .model-content .sale-content .mCustomScrollBox {
        width: 100%; }
        .wp.wedbrands .modelContainer .model-content .sale-content .mCustomScrollBox .mCSB_container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          @media screen and (max-width: 767px) {
            .wp.wedbrands .modelContainer .model-content .sale-content .mCustomScrollBox .mCSB_container {
              display: block; } }
        .wp.wedbrands .modelContainer .model-content .sale-content .mCustomScrollBox .mCSB_container {
          margin-right: 30px; }
      .wp.wedbrands .modelContainer .model-content .sale-content .pic-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%; }
        @media screen and (max-width: 767px) {
          .wp.wedbrands .modelContainer .model-content .sale-content .pic-box {
            max-width: 400px;
            margin: 0 auto; } }
      .wp.wedbrands .modelContainer .model-content .sale-content .text-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        padding-left: 4%; }
        @media screen and (max-width: 767px) {
          .wp.wedbrands .modelContainer .model-content .sale-content .text-box {
            max-width: none;
            padding-left: 0;
            margin-top: 30px; } }
  .wp.wedbrands .modelContainer .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 30px; }
  .wp.wedbrands .modelContainer .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #E60012;
    width: 50px;
    height: 50px;
    display: block; }
    .wp.wedbrands .modelContainer .btn-close .icon {
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: relative;
      display: inline-block;
      cursor: pointer; }
      .wp.wedbrands .modelContainer .btn-close .icon:before {
        color: #fff;
        font-size: 30px;
        text-align: center; }

@media screen and (max-width: 767px) {
  .wp.wedlist .content .container-fluid.bgGray {
    padding-bottom: 20px; } }

.wp.wedlist .content .main-inner {
  position: relative;
  max-width: 1200px;
  margin: 0 auto; }

.wp.wedlist .content .picbox {
  position: relative;
  margin-bottom: 40px; }
  .wp.wedlist .content .picbox .pic img {
    display: block;
    margin: 0 auto; }
  .wp.wedlist .content .picbox .arrow-box {
    width: 40px;
    height: 40px;
    background-color: #FF4D5F;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .wp.wedlist .content .picbox .arrow-box .arrow {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 6px;
      border-color: #fff transparent transparent transparent;
      -webkit-transform: translate(0, 35%);
      -ms-transform: translate(0, 35%);
      transform: translate(0, 35%); }

.wp.wedlist .content .list-container .list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 40px; }
  @media screen and (max-width: 991px) {
    .wp.wedlist .content .list-container .list-box {
      padding: 10px 20px; } }
  .wp.wedlist .content .list-container .list-box:nth-child(odd) {
    background-color: #f7f7f7; }
  .wp.wedlist .content .list-container .list-box .checkBoxLabel {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    border: 2px solid #aaa;
    cursor: pointer;
    text-align: center;
    -webkit-transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out;
    margin-right: 15px;
    margin-top: 5px;
    background-color: #fff; }
    .wp.wedlist .content .list-container .list-box .checkBoxLabel:after {
      content: "";
      display: block;
      margin-left: 8px;
      margin-top: -5px;
      width: 8px;
      height: 20px;
      border: solid transparent;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: border-color 0.1s ease-in-out;
      -o-transition: border-color 0.1s ease-in-out;
      transition: border-color 0.1s ease-in-out; }
    @media screen and (min-width: 992px) {
      .wp.wedlist .content .list-container .list-box .checkBoxLabel:hover:after {
        border-color: #FF4D5F; } }
  .wp.wedlist .content .list-container .list-box .checkBtn {
    display: none; }
    .wp.wedlist .content .list-container .list-box .checkBtn:checked + .checkBoxLabel:after {
      border-color: #FF4D5F; }
  .wp.wedlist .content .list-container .list-box .title-btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 30px;
    width: auto;
    border-radius: 20px;
    background-color: #FF4D5F;
    text-align: center;
    display: inline-block;
    padding: 0 15px;
    margin-right: 15px; }
    .wp.wedlist .content .list-container .list-box .title-btn span {
      line-height: 30px;
      color: #fff;
      font-size: 17px; }
      @media screen and (max-width: 767px) {
        .wp.wedlist .content .list-container .list-box .title-btn span {
          font-size: 14px; } }
  .wp.wedlist .content .list-container .list-box .intro-text {
    padding-top: 3px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    width: 100%; }
    .wp.wedlist .content .list-container .list-box .intro-text p {
      font-size: 17px; }

.wp.wedlist .content .info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 45px; }
  @media screen and (max-width: 991px) {
    .wp.wedlist .content .info-container {
      display: block; } }
  .wp.wedlist .content .info-container .info-box {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: center;
    padding: 25px 40px 60px; }
    @media screen and (max-width: 991px) {
      .wp.wedlist .content .info-container .info-box {
        max-width: none;
        padding: 0; } }
    .wp.wedlist .content .info-container .info-box:nth-child(2) {
      padding-right: 5px; }
  @media screen and (min-width: 992px) {
    .wp.wedlist .content .info-container .info-box + .info-box:before {
      content: '';
      display: block;
      width: 1px;
      height: 100%;
      background-color: #ECECEC;
      position: absolute;
      left: 0;
      top: 0; } }
  @media screen and (max-width: 991px) {
    .wp.wedlist .content .info-container .info-box + .info-box {
      margin-top: 20px; } }
  .wp.wedlist .content .info-container .icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #FF4D5F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px; }
    .wp.wedlist .content .info-container .icon:before {
      font-size: 45px;
      color: #fff; }
  .wp.wedlist .content .info-container #text1 {
    font-size: 22px;
    margin-bottom: 10px; }
    .wp.wedlist .content .info-container #text1 a {
      font-size: 28px;
      display: inline-block;
      border: 1px solid #FF4D5F;
      padding: 5px 10px;
      font-weight: bold;
      margin: 0 5px;
      -webkit-transition: background-color 0.2s ease-in-out, color 0.1s linear 0.05s;
      -o-transition: background-color 0.2s ease-in-out, color 0.1s linear 0.05s;
      transition: background-color 0.2s ease-in-out, color 0.1s linear 0.05s; }
      @media screen and (min-width: 992px) {
        .wp.wedlist .content .info-container #text1 a:hover {
          background-color: #FF4D5F;
          color: #fff; } }
  .wp.wedlist .content .info-container #text2 {
    font-size: 17px; }
    .wp.wedlist .content .info-container #text2 span {
      font-weight: bold;
      font-size: 18px;
      color: #4D4D4D; }
  .wp.wedlist .content .info-container #text3 {
    font-size: 18px;
    margin-bottom: 15px; }
    .wp.wedlist .content .info-container #text3 a {
      text-decoration: underline;
      font-weight: bold;
      -webkit-transition: color 0.1s linear;
      -o-transition: color 0.1s linear;
      transition: color 0.1s linear; }
      @media screen and (min-width: 992px) {
        .wp.wedlist .content .info-container #text3 a:hover {
          color: #FF4D5F; } }
  .wp.wedlist .content .info-container .tag-container .tag-box {
    display: inline-block;
    border: 1px solid #FF4D5F;
    color: #FF4D5F;
    padding: 8px;
    margin: 0 2.5px 10px;
    font-size: 16px;
    border-radius: 5px; }

.wp.wedlist .content .print-btn {
  width: 150px;
  height: 50px;
  line-height: 48px;
  color: #fff;
  text-align: center;
  background-color: #FF4D5F;
  border: 1px solid #FF4D5F;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.1s linear 0.05s;
  -o-transition: background-color 0.2s ease-in-out, color 0.1s linear 0.05s;
  transition: background-color 0.2s ease-in-out, color 0.1s linear 0.05s; }
  @media screen and (max-width: 991px) {
    .wp.wedlist .content .print-btn {
      display: none; } }
  @media screen and (min-width: 992px) {
    .wp.wedlist .content .print-btn:hover {
      background-color: transparent;
      color: #FF4D5F; } }

@media print {
  header, .footer, .backTop, .banner {
    display: none; }
  html, body, .wp {
    margin: 0; }
  .content.shiftup .mainBox {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  .wp.wedlist .content.shiftup .bgGray {
    padding-bottom: 0 !important; }
  .wp.wedlist .content .titleBox {
    margin-bottom: 20px; }
  .wp.wedlist .content .info-container, .wp.wedlist .content .print-btn {
    display: none; }
  .wp.wedlist .content .picbox {
    margin-bottom: 30px; }
  .wp.wedlist .content .mainBox {
    padding: 0 !important; }
  .wp.wedlist .wow, .wp.wedlist .animateElement {
    -webkit-animation: none !important;
    animation: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important; }
  .wp.wedlist .list-container .list-box {
    padding-top: 5px !important;
    padding-bottom: 5px !important; }
    .wp.wedlist .list-container .list-box .intro-text .title-btn {
      height: 20px !important; }
      .wp.wedlist .list-container .list-box .intro-text .title-btn span {
        line-height: 20px !important; }
    .wp.wedlist .list-container .list-box .intro-text p {
      font-size: 14px !important; }
  * {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important; } }

.wp.noPage .content {
  background: url("images/404/bg.jpg") center center/cover no-repeat;
  height: 740px;
  padding-top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 991px) {
    .wp.noPage .content {
      padding-top: 60px; } }
  @media screen and (max-width: 479px) {
    .wp.noPage .content {
      height: 600px; } }
  .wp.noPage .content .main-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 770px;
    padding: 0 15px;
    margin: 0 auto; }
    @media screen and (max-width: 479px) {
      .wp.noPage .content .main-container {
        display: block; } }
    .wp.noPage .content .main-container .pic-box {
      position: relative;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
      .wp.noPage .content .main-container .pic-box .shadow {
        position: absolute;
        left: 0;
        bottom: 5px;
        -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        transform: translate(0, 100%); }
        @media screen and (max-width: 479px) {
          .wp.noPage .content .main-container .pic-box .shadow {
            display: none; } }
      @media screen and (max-width: 479px) {
        .wp.noPage .content .main-container .pic-box .pic {
          text-align: center; } }
    .wp.noPage .content .main-container .text-box {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
      flex: 1 1 0%;
      width: 100%;
      text-align: center; }
      .wp.noPage .content .main-container .text-box .text-en {
        font-size: 46px;
        font-weight: bold;
        line-height: normal;
        margin-bottom: 5px; }
        @media screen and (max-width: 767px) {
          .wp.noPage .content .main-container .text-box .text-en {
            font-size: 30px; } }
      .wp.noPage .content .main-container .text-box .text-ch {
        font-size: 18px;
        margin-bottom: 30px; }
        @media screen and (max-width: 767px) {
          .wp.noPage .content .main-container .text-box .text-ch {
            font-size: 16px; } }
      .wp.noPage .content .main-container .text-box .btn {
        display: block;
        background-color: #E60012;
        margin: 0 auto;
        line-height: 38px;
        width: 200px;
        border: 1px solid #E60012;
        -webkit-transition: background-color 0.2s ease-in-out, color 0.1s linear 0.05s;
        -o-transition: background-color 0.2s ease-in-out, color 0.1s linear 0.05s;
        transition: background-color 0.2s ease-in-out, color 0.1s linear 0.05s; }
        @media screen and (min-width: 992px) {
          .wp.noPage .content .main-container .text-box .btn:hover {
            background-color: transparent;
            color: #E60012; } }

html {
  -webkit-text-size-adjust: 100%; }

.term .content > .container {
  max-width: 1200px;
  margin-top: 30px;
  margin-bottom: 60px; }
  .term .content > .container p, .term .content > .container li {
    line-height: 25px; }
  .term .content > .container ul li {
    width: calc(100% - 2em);
    margin-left: 2em;
    text-indent: -2em; }

@media screen and (max-width: 767px) {
  .wp.losts .content .bgGray {
    padding-bottom: 30px; } }

.wp.losts .content .titleBox h4 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  text-align: center;
  margin-bottom: 15px; }
  @media screen and (max-width: 767px) {
    .wp.losts .content .titleBox h4 {
      font-size: 20px; } }

.wp.losts .content .titleBox p {
  text-align: center;
  margin-bottom: 25px; }

.wp.losts .content .mainBox {
  padding: 75px 15px 50px;
  background-color: #fff; }
  @media screen and (max-width: 767px) {
    .wp.losts .content .mainBox {
      padding: 30px 15px 30px; } }
  .wp.losts .content .mainBox .table {
    max-width: 1200px;
    margin: 0 auto 30px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    @media screen and (max-width: 767px) {
      .wp.losts .content .mainBox .table {
        max-height: 800px; } }
    .wp.losts .content .mainBox .table a {
      color: #000000;
      -webkit-transition: color 0.1s linear, font-weight 0.1s linear;
      -o-transition: color 0.1s linear, font-weight 0.1s linear;
      transition: color 0.1s linear, font-weight 0.1s linear; }
    .wp.losts .content .mainBox .table .tr .td, .wp.losts .content .mainBox .table .tr .th {
      min-height: 50px;
      padding: 0 5px;
      width: 20%;
      text-align: center; }
    .wp.losts .content .mainBox .table .th {
      font-weight: bold; }
    .wp.losts .content .mainBox .table .tbody .tr:nth-child(2n+1) {
      background-color: #eeeeee; }
    @media screen and (max-width: 767px) {
      .wp.losts .content .mainBox .table {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: hidden; }
        .wp.losts .content .mainBox .table .tr {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          .wp.losts .content .mainBox .table .tr .td {
            width: 100%; }
          .wp.losts .content .mainBox .table .tr .th {
            width: 122px;
            border-right: 1px solid #ddd; }
        .wp.losts .content .mainBox .table .tbody {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch; } }

.wp.pokemon .banner .jqimgFill {
    height: 350px;
    max-width: 1200px;
}

@media screen and (max-width: 767px) {
    .wp.pokemon .banner .jqimgFill {
        height: 200px;
    }
}

.wp.pokemon .content {
    margin: 20px 0 50px;
}

    .wp.pokemon .content .table {
        max-width: 1200px;
        margin: 0 auto 30px;
    }

        .wp.pokemon .content .table a {
            color: #000000;
            -webkit-transition: color 0.1s linear, font-weight 0.1s linear;
            -o-transition: color 0.1s linear, font-weight 0.1s linear;
            transition: color 0.1s linear, font-weight 0.1s linear;
            line-height: 25px;
        }

        .wp.pokemon .content .table .tr .td, .wp.pokemon .content .table .tr .th {
            min-height: 50px;
            padding: 5px 8px;
        }

@media screen and (min-width: 768px) {
    .wp.pokemon .content .table a:hover {
        color: #E60012;
        font-weight: bold;
    }

    .wp.pokemon .content .table .tr .td:nth-child(1), .wp.pokemon .content .table .tr .th:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        text-align: left;
        margin-left: 10px;
        justify-content: flex-start;
    }


    .wp.pokemon .content .table .tr .td:nth-child(2), .wp.pokemon .content .table .tr .th:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 2 220px;
        flex: 1 2 220px;
        text-align: left;
        justify-content: flex-start;
    }

    .wp.pokemon .content .table .tr .td:nth-child(3), .wp.pokemon .content .table .tr .th:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
        flex: 0 0 140px;
        text-align: left;
        justify-content: flex-start;
    }
    .wp.pokemon .content .table .tr .td:nth-child(4), .wp.pokemon .content .table .tr .th:nth-child(4) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 145px;
        flex: 0 0 145px;
        text-align: left;
        justify-content: flex-start;
    }
    .wp.pokemon .content .table .tr .td:nth-child(5), .wp.pokemon .content .table .tr .th:nth-child(5) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 395px;
        flex: 0 0 395px;
        text-align: left;
        justify-content: flex-start;
    }
    .wp.pokemon .content .table .tr .td:nth-child(6), .wp.pokemon .content .table .tr .th:nth-child(6) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        text-align: left;
        justify-content: flex-start;
    }

    .wp.pokemon .content .table .tbody .tr:nth-child(2n+1) {
        background-color: #eeeeee;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1024px)  {
    .wp.pokemon .content .table a:hover {
        color: #E60012;
        font-weight: bold;
    }

    .wp.pokemon .content .table .tr .td:nth-child(1), .wp.pokemon .content .table .tr .th:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
        flex: 0 0 70px;
        text-align: left;
        justify-content: flex-start;
        margin-left: 10px;
    }

    .wp.pokemon .content .table .tr .td:nth-child(2), .wp.pokemon .content .table .tr .th:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 2 240px;
        flex: 1 2 240px;
        text-align: left;
        justify-content: flex-start;
    }

    .wp.pokemon .content .table .tr .td:nth-child(3), .wp.pokemon .content .table .tr .th:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
        flex: 0 0 130px;
        text-align: left;
        justify-content: flex-start;
    }

    .wp.pokemon .content .table .tr .td:nth-child(4), .wp.pokemon .content .table .tr .th:nth-child(4) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px;
        text-align: left;
        justify-content: flex-start;
    }

    .wp.pokemon .content .table .tr .td:nth-child(5), .wp.pokemon .content .table .tr .th:nth-child(5) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 210px;
        flex: 0 0 210px;
        text-align: left;
        justify-content: flex-start;
    }

    .wp.pokemon .content .table .tr .td:nth-child(6), .wp.pokemon .content .table .tr .th:nth-child(6) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 224px;
        flex: 0 0 224px;
        text-align: left;
        justify-content: flex-start;
    }
    .wp.pokemon .content .table .tr .td, .wp.pokemon .content .table .tr .th {
        text-align: left;
        justify-content: left;
        line-height: 1.5em;
    }

    .wp.pokemon .content .table .tbody .tr:nth-child(2n+1) {
        background-color: #eeeeee;
    }
}

@media screen and (max-width: 767px) {
    .wp.pokemon .content .table .thead {
        display: none;
    }

    .wp.pokemon .content .table .tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-box-shadow: 3px 3px 5px #ccc;
        box-shadow: 3px 3px 5px #ccc;
    }

        .wp.pokemon .content .table .tr + .tr {
            margin-top: 10px;
        }

        .wp.pokemon .content .table .tr .td {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            -webkit-box-pack: initial;
            -ms-flex-pack: initial;
            justify-content: initial;
            padding-top: 5px;
            padding-bottom: 5px;
            line-height: 25px;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

            .wp.pokemon .content .table .tr .td:nth-child(even) {
                background-color: #eee;
            }

            .wp.pokemon .content .table .tr .td:nth-child(1) {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-size: 20px;
                font-weight: bold;
                color: #E60012;
            }
            .wp.pokemon .content .table .tr .td:nth-child(2) {
                display: block;
                padding-left: 53px;
                position: relative;
                min-height: auto;
            }

                .wp.pokemon .content .table .tr .td:nth-child(2):before {
                    content: '日期：';
                    position: absolute;
                    left: 5px;
                    top: 5px;
                }
            .wp.pokemon .content .table .tr .td:nth-child(3) {
                display: block;
                padding-left: 53px;
                position: relative;
                min-height: auto;
            }

                .wp.pokemon .content .table .tr .td:nth-child(3):before {
                    content: '時間：';
                    position: absolute;
                    left: 5px;
                    top: 5px;
                }

            .wp.pokemon .content .table .tr .td:nth-child(4) {
                min-height: auto;
            }

                .wp.pokemon .content .table .tr .td:nth-child(4):before {
                    content: '活動地點：';
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                }

            .wp.pokemon .content .table .tr .td:nth-child(5) {
                min-height: auto;
            }

                .wp.pokemon .content .table .tr .td:nth-child(5):before {
                    content: '活動內容：';
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                }

            .wp.pokemon .content .table .tr .td:nth-child(6) {
                min-height: auto;
            }

                .wp.pokemon .content .table .tr .td:nth-child(6):before {
                    content: '活動時間：';
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                }
}

.wp.coupon .banner .jqimgFill {
    height: 350px;
    max-width: 1200px;
}

@media screen and (max-width: 767px) {
    .wp.coupon .banner .jqimgFill {
        height: 200px;
    }
}

.wp.coupon .content {
    margin: 20px 0 50px;
}

    .wp.coupon .content .table {
        max-width: 1200px;
        margin: 0 auto 30px;
    }

        .wp.coupon .content .table a {
            color: #000000;
            -webkit-transition: color 0.1s linear, font-weight 0.1s linear;
            -o-transition: color 0.1s linear, font-weight 0.1s linear;
            transition: color 0.1s linear, font-weight 0.1s linear;
            line-height: 25px;
        }

        .wp.coupon .content .table .tr .td, .wp.coupon .content .table .tr .th {
            min-height: 50px;
            padding: 5px 8px;
        }

@media screen and (min-width: 768px) {
    .wp.coupon .content .table a:hover {
        color: #E60012;
        font-weight: bold;
    }

    .wp.coupon .content .table .tr .td:nth-child(1), .wp.coupon .content .table .tr .th:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        text-align: left;
        margin-left: 10px;
        justify-content: flex-start;
    }


    .wp.coupon .content .table .tr .td:nth-child(2), .wp.coupon .content .table .tr .th:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 2 300px;
        flex: 1 2 300px;
        text-align: left;
        justify-content: flex-start;
    }

    .wp.coupon .content .table .tr .td:nth-child(3), .wp.coupon .content .table .tr .th:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 800px;
        flex: 0 0 800px;
        text-align: left;
        justify-content: flex-start;
    }

    .wp.coupon .content .table .tbody .tr:nth-child(2n+1) {
        background-color: #eeeeee;
    }
}


@media screen and (max-width: 767px) {
    .wp.coupon .content .table .thead {
        display: none;
    }

    .wp.coupon .content .table .tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-box-shadow: 3px 3px 5px #ccc;
        box-shadow: 3px 3px 5px #ccc;
    }

        .wp.coupon .content .table .tr + .tr {
            margin-top: 10px;
        }

        .wp.coupon .content .table .tr .td {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            -webkit-box-pack: initial;
            -ms-flex-pack: initial;
            justify-content: initial;
            padding-top: 5px;
            padding-bottom: 5px;
            line-height: 25px;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

            .wp.coupon .content .table .tr .td:nth-child(even) {
                background-color: #eee;
            }

            .wp.coupon .content .table .tr .td:nth-child(1) {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-size: 20px;
                font-weight: bold;
                color: #E60012;
            }

            .wp.coupon .content .table .tr .td:nth-child(2) {
                display: block;
                padding-left: 53px;
                position: relative;
                min-height: auto;
            }

                .wp.coupon .content .table .tr .td:nth-child(2):before {
                    content: '編號：';
                    position: absolute;
                    left: 5px;
                    top: 5px;
                }

            .wp.coupon .content .table .tr .td:nth-child(3) {
                display: block;
                padding-left: 53px;
                position: relative;
                min-height: auto;
            }

                .wp.coupon .content .table .tr .td:nth-child(3):before {
                    content: '名稱：';
                    position: absolute;
                    left: 5px;
                    top: 5px;
                }

            .wp.coupon .content .table .tr .td:nth-child(4) {
                min-height: auto;
            }

                .wp.coupon .content .table .tr .td:nth-child(4):before {
                    content: '活動地點：';
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                }
}


.wp.couponMy .banner .jqimgFill {
    height: 350px;
    max-width: 1200px;
}

@media screen and (max-width: 767px) {
    .wp.couponMy .banner .jqimgFill {
        height: 200px;
    }
}

.wp.couponMy .content {
    margin: 20px 0 50px;
}

    .wp.couponMy .content .table {
        max-width: 1200px;
        margin: 0 auto 30px;
    }

        .wp.couponMy .content .table a {
            color: #000000;
            -webkit-transition: color 0.1s linear, font-weight 0.1s linear;
            -o-transition: color 0.1s linear, font-weight 0.1s linear;
            transition: color 0.1s linear, font-weight 0.1s linear;
            line-height: 25px;
        }

        .wp.couponMy .content .table .tr .td, .wp.couponMy .content .table .tr .th {
            min-height: 50px;
            padding: 5px 8px;
        }

@media screen and (min-width: 768px) {
    .wp.couponMy .content .table a:hover {
        color: #E60012;
        font-weight: bold;
    }

    .wp.couponMy .content .table .tr .td:nth-child(1), .wp.couponMy .content .table .tr .th:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        text-align: left;
        margin-left: 10px;
        justify-content: flex-start;
    }


    .wp.couponMy .content .table .tr .td:nth-child(2), .wp.couponMy .content .table .tr .th:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 2 600px;
        flex: 1 2 600px;
        text-align: left;
        justify-content: flex-start;
    }

    .wp.couponMy .content .table .tr .td:nth-child(3), .wp.couponMy .content .table .tr .th:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 260px;
        flex: 0 0 260px;
        text-align: center;
        justify-content: flex-start;
    }
    .wp.couponMy .content .table .tr .td:nth-child(4), .wp.couponMy .content .table .tr .th:nth-child(4) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 280px;
        flex: 0 0 280px;
        text-align: left;
        justify-content: flex-start;
    }
    .wp.couponMy .content .table .tr .td:nth-child(5), .wp.couponMy .content .table .tr .th:nth-child(5) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 360px;
        flex: 0 0 360px;
        text-align: left;
        justify-content: flex-start;
    }
    .wp.couponMy .content .table .tbody .tr:nth-child(2n+1) {
        background-color: #eeeeee;
    }
}



@media screen and (max-width: 767px) {
        .wp.couponMy .content .table {
            min-width: 330px;
            max-width:720px;
            margin-left: -70px;
        }
        .wp.couponMy .content .table .thead {
            display: none;
        }

            .wp.couponMy .content .table .tr {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                border: 1px solid #ccc;
                border-radius: 5px;
                -webkit-box-shadow: 3px 3px 5px #ccc;
                box-shadow: 3px 3px 5px #ccc;
                max-width: 720px;
            }

            .wp.couponMy .content .table .tr + .tr {
                margin-top: 10px;
            }

            .wp.couponMy .content .table .tr .td {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                padding-top: 5px;
                padding-bottom: 5px;
                line-height: 25px;
                display: block;
                padding-left: 10px;
                position: relative;
                min-height: auto;
            }

                .wp.couponMy .content .table .tr .td:nth-child(even) {
                    background-color: #eee;
                }

                .wp.couponMy .content .table .tr .td:nth-child(1) {
                    font-size: 20px;
                    font-weight: bold;
                    color: #E60012;
                    display: block;
                    padding-left: 10px;
                    position: relative;
                    min-height: auto;
                }

                .wp.couponMy .content .table .tr .td:nth-child(2) {
                    display: block;
                    padding-left: 10px;
                    position: relative;
                    min-height: auto;
                }

                .wp.couponMy .content .table .tr .td:nth-child(2):before {
                    position: absolute;
                    top: 5px;
                    padding-left: 10px;
                    position: relative;
                    min-height: auto;
                }

                .wp.couponMy .content .table .tr .td:nth-child(3) {
                    display: block;
                    position: relative;
                    min-height: auto;
                }

                .wp.couponMy .content .table .tr .td:nth-child(3):before {
                    padding-left: 10px;
                    position: relative;
                    min-height: auto;
                }

                .wp.couponMy .content .table .tr .td:nth-child(4) {
                    display: block;
                    padding-left: 10px;
                    position: relative;
                    min-height: auto;
                }

                .wp.couponMy .content .table .tr .td:nth-child(4):before {
                    padding-left: 10px;
                    position: relative;
                    min-height: auto;
                }

                .wp.couponMy .content .table .tr .td:nth-child(5) {
                    display: block;
                    padding-left: 10px;
                    position: relative;
                    min-height: auto;
                }

                .wp.couponMy .content .table .tr .td:nth-child(5):before {
                    padding-left: 10px;
                    position: relative;
                    min-height: auto;
                }
    }


.wp.couponChoice .banner .jqimgFill {
    height: 350px;
    max-width: 1200px;
}

@media screen and (max-width: 767px) {
    .wp.couponChoice .banner .jqimgFill {
        height: 200px;
    }
}

.wp.couponChoice .content {
    margin: 20px 0 50px;
}

    .wp.couponChoice .content .table {
        max-width: 1200px;
        margin: 0 auto 30px;
    }

        .wp.couponChoice .content .table a {
            color: #000000;
            -webkit-transition: color 0.1s linear, font-weight 0.1s linear;
            -o-transition: color 0.1s linear, font-weight 0.1s linear;
            transition: color 0.1s linear, font-weight 0.1s linear;
            line-height: 25px;
        }

        .wp.couponChoice .content .table .tr .td, .wp.couponChoice .content .table .tr .th {
            min-height: 50px;
            padding: 5px 8px;
        }

@media screen and (min-width: 768px) {
    .wp.couponChoice .content .table a:hover {
        color: #E60012;
        font-weight: bold;
    }

    .wp.couponChoice .content .table .tr .td:nth-child(1), .wp.couponChoice .content .table .tr .th:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        text-align: left;
        margin-left: 10px;
        justify-content: flex-start;
    }


    .wp.couponChoice .content .table .tr .td:nth-child(2), .wp.couponChoice .content .table .tr .th:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 2 300px;
        flex: 1 2 300px;
        text-align: left;
        justify-content: flex-start;
    }

    .wp.couponChoice .content .table .tr .td:nth-child(3), .wp.couponChoice .content .table .tr .th:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
        flex: 0 0 400px;
        text-align: center;
        justify-content: flex-start;
    }

    .wp.couponChoice .content .table .tr .td:nth-child(4), .wp.couponChoice .content .table .tr .th:nth-child(4) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
        flex: 0 0 400px;
        text-align: left;
        justify-content: flex-start;
    }

    .wp.couponChoice .content .table .tbody .tr:nth-child(2n+1) {
        background-color: #eeeeee;
    }
}



@media screen and (max-width: 767px) {
    .wp.couponChoice .content .table {
        min-width: 330px;
        max-width: 720px;
        margin-left: -70px;
    }

        .wp.couponChoice .content .table .thead {
            display: none;
        }

        .wp.couponChoice .content .table .tr {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            border: 1px solid #ccc;
            border-radius: 5px;
            -webkit-box-shadow: 3px 3px 5px #ccc;
            box-shadow: 3px 3px 5px #ccc;
            max-width: 720px;
        }

            .wp.couponChoice .content .table .tr + .tr {
                margin-top: 10px;
            }

            .wp.couponChoice .content .table .tr .td {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                padding-top: 5px;
                padding-bottom: 5px;
                line-height: 25px;
                display: block;
                padding-left: 10px;
                position: relative;
                min-height: auto;
            }

                .wp.couponChoice .content .table .tr .td:nth-child(even) {
                    background-color: #eee;
                }

                .wp.couponChoice .content .table .tr .td:nth-child(1) {
                    font-size: 20px;
                    font-weight: bold;
                    color: #E60012;
                    display: block;
                    padding-left: 10px;
                    position: relative;
                    height:35px;
                    top:15px;
                }

                .wp.couponChoice .content .table .tr .td:nth-child(2) {
                    display: block;
                    padding-left: 10px;
                    position: relative;
                    min-height: auto;
                }

                    .wp.couponChoice .content .table .tr .td:nth-child(2):before {
                        position: absolute;
                        top: 5px;
                        padding-left: 10px;
                        position: relative;
                        min-height: auto;
                    }

                .wp.couponChoice .content .table .tr .td:nth-child(3) {
                    display: block;
                    position: relative;
                    min-height: auto;
                }

                    .wp.couponChoice .content .table .tr .td:nth-child(3):before {
                        padding-left: 10px;
                        position: relative;
                        min-height: auto;
                    }

                .wp.couponChoice .content .table .tr .td:nth-child(4) {
                    display: block;
                    padding-left: 10px;
                    position: relative;
                    min-height: auto;
                }

                    .wp.couponChoice .content .table .tr .td:nth-child(4):before {
                        padding-left: 10px;
                        position: relative;
                        min-height: auto;
                    }
}


.wp.foods.branchTop .banner .jqimgFill {
    height: 350px;
}

@media screen and (max-width: 1199px) {
    .wp.foods.branchTop .banner .jqimgFill {
        height: 219px;
    }
}

@media screen and (max-width: 767px) {
    .wp.foods.branchTop .banner .jqimgFill {
        height: 140px;
    }
}

.wp.foods.branchTop .banner .slider a span {
    display: block;
}

.wp.foods.branchTop .banner .slider .slick-arrow {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid white;
    -webkit-transition: border-color 0.1s ease-in-out, left 0.2s ease-in-out 0.1s, right 0.2s ease-in-out 0.1s;
    -o-transition: border-color 0.1s ease-in-out, left 0.2s ease-in-out 0.1s, right 0.2s ease-in-out 0.1s;
    transition: border-color 0.1s ease-in-out, left 0.2s ease-in-out 0.1s, right 0.2s ease-in-out 0.1s;
}

    .wp.foods.branchTop .banner .slider .slick-arrow:before {
        font-size: 25px;
        color: white;
    }

@media screen and (max-width: 767px) {
    .wp.foods.branchTop .banner .slider .slick-arrow {
        width: 35px;
        height: 35px;
    }

        .wp.foods.branchTop .banner .slider .slick-arrow:before {
            font-size: 18px;
        }
}

.wp.foods.branchTop .banner .slider .slick-prev {
    left: 30px;
}

@media screen and (min-width: 480px) {
    .wp.foods.branchTop .banner .slider .slick-prev:hover {
        border-color: transparent;
        left: 15px;
    }
}

.wp.foods.branchTop .banner .slider .slick-next {
    right: 30px;
}

@media screen and (min-width: 480px) {
    .wp.foods.branchTop .banner .slider .slick-next:hover {
        border-color: transparent;
        right: 15px;
    }
}

.wp.edm .content .checkBoxs2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 25px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

    .wp.edm .content .checkBoxs2 .checkBox {
        margin-top: 25px;
    }

        .wp.edm .content .checkBoxs2 .checkBox .checkbox-bg {
            border: 1px solid #ddd;
            margin-right: 10px;
        }

    .wp.edm .content .checkBoxs2 .hideItem {
        width: 200px;
        height: 0;
    }

@media screen and (max-width: 479px) {
    .wp.edm .content .checkBoxs2 .checkBox {
    }

        .wp.edm .content .checkBoxs2 .checkBox .checkbox-bg {
            margin-right: 5px;
        }
}

.wp.wedbrands .content {
    margin: 20px 0 50px;
}

    .wp.wedbrands .content .table {
        max-width: 1200px;
        margin: 0 auto 30px;
    }

        .wp.wedbrands .content .table a {
            color: #000000;
            -webkit-transition: color 0.1s linear, font-weight 0.1s linear;
            -o-transition: color 0.1s linear, font-weight 0.1s linear;
            transition: color 0.1s linear, font-weight 0.1s linear;
            line-height: 25px;
        }

        .wp.wedbrands .content .table .tr .td, .wp.wedbrands .content .table .tr .th {
            min-height: 50px;
            padding: 5px 8px;
        }

@media screen and (min-width: 768px) {
    .wp.wedbrands .content .table a:hover {
        color: #E60012;
        font-weight: bold;
    }

    .wp.wedbrands .content .table .tr .td:nth-child(1), .wp.wedbrands .content .table .tr .th:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }

    .wp.wedbrands .content .table .tr .td:nth-child(2), .wp.wedbrands .content .table .tr .th:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 2 180px;
        flex: 1 2 180px;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }

    .wp.wedbrands .content .table .tr .td:nth-child(3), .wp.wedbrands .content .table .tr .th:nth-child(3) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 250px;
        flex: 1 1 250px;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }

    .wp.wedbrands .content .table .tr .td:nth-child(4), .wp.wedbrands .content .table .tr .th:nth-child(4) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 600px;
        flex: 1 1 600px;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }


    .wp.wedbrands .content .table .tbody .tr:nth-child(2n+1) {
        background-color: #eeeeee;
    }
}

@media screen and (max-width: 767px) {
    .wp.wedbrands .content .table .thead {
        display: none;
    }

    .wp.wedbrands .content .table .tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-box-shadow: 3px 3px 5px #ccc;
        box-shadow: 3px 3px 5px #ccc;
    }

        .wp.wedbrands .content .table .tr + .tr {
            margin-top: 10px;
        }

        .wp.wedbrands .content .table .tr .td {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            -webkit-box-pack: initial;
            -ms-flex-pack: initial;
            justify-content: initial;
            padding-top: 5px;
            padding-bottom: 5px;
            line-height: 25px;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

            .wp.wedbrands .content .table .tr .td:nth-child(even) {
                background-color: #eee;
            }

            .wp.wedbrands .content .table .tr .td:nth-child(1) {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-size: 20px;
                font-weight: bold;
                color: #E60012;
            }

            .wp.wedbrands .content .table .tr .td:nth-child(2) {
                display: block;
                padding-left: 53px;
                position: relative;
                min-height: auto;
            }

                .wp.wedbrands .content .table .tr .td:nth-child(2):before {
                    content: '品牌：';
                    position: absolute;
                    left: 10px;
                    top: 5px;
                }

            .wp.wedbrands .content .table .tr .td:nth-child(3) {
                min-height: auto;
            }

                .wp.wedbrands .content .table .tr .td:nth-child(3):before {
                    content: '優惠時間：';
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                }

            .wp.wedbrands .content .table .tr .td:nth-child(4) {
                min-height: auto;
                text-align:left;
            }

                .wp.wedbrands .content .table .tr .td:nth-child(4):before {
                    content: '優惠內容：';
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                }
}

/* 2020.4.28 add */
@media screen and (max-width: 731px) {
    .branchgoshopping_mobile {
        display: block;
    }
    .branchgoshopping {
        display: none;
    }
}

@media screen and (min-width: 732px) {
    .branchgoshopping {
        display: block;
    }
    .branchgoshopping_mobile {
        display: none;
    }
}

/* 2021.7.24 add */
@media screen and (max-width: 731px) {
    .home_notice_pic_mobile {
        display: block;
    }

    .home_notice_pic {
        display: none;
    }
}

@media screen and (min-width: 732px) {
    .home_notice_pic {
        display: block;
    }

    .home_notice_pic_mobile {
        display: none;
    }
}