@charset "UTF-8";
/* CSS Document */

section, article, aside, footer, header, nav, h2 { display:block;}

body { padding:0; margin:0 auto; color: #000; font-size:1em; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #fff; position: relative;}
img { border:0; display: block;}

html, body { height: 100%;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

div.brk { clear: both;}


/************ video box ************/
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; width:100%; height: 0px; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%;}


/************ section #pick-up-exp ************/
section#pick-up-exp { width: 100%; height: 100%; padding: 3vw; box-sizing: border-box; font-size: 1.1rem; line-height: 1.8em;}
section#pick-up-exp .title { width: 100%; margin: 0 0 20px 0; font-size: 1.4rem; font-weight: 500; text-align: center;}
section#pick-up-exp table { width: 100%; border: 1px #ccc solid;}


@media screen and (min-width: 1370px) {

  /************ aside ************/

  aside#page-aside-icons { width: 4.3vw; padding: 0.5vw 0; border-radius: 2.4vw 0 0 2.4vw; background-color: #63c1d1; overflow: hidden; position: fixed; top: 15vw; right: 0; z-index: 1000;}
  aside#page-aside-icons .icon-box { width: 4.3vw; height: 4vw; border-bottom: 3px #9fd9e3 solid;}
  aside#page-aside-icons .icon-box:last-child { border-bottom: 0;}
  aside#page-aside-icons .icon-box a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
  aside#page-aside-icons .icon-box a img { width: auto; height: 2.2vw;}


  /************ header + nav ************/

  header { clear: both; width: 100%; height: 5vw; background-color: rgba(255,255,255,0.9); display: flex; justify-content: flex-start; align-items: center; position: fixed; top: 0; left: 0; z-index: 999;}

  .header-logo { width: 5vw; height: 5vw; background-color: #fff; display: flex; justify-content: center; align-items: center;}
  .header-logo img { width: 3.5vw; height: auto;}

  .header-tel { width: 5vw; height: 5vw; background-color: #173042; display: flex; justify-content: center; align-items: center;}
  .header-tel img { width: 2.5vw; height: auto;}

  .header-title-nav-icons { width: calc(100% - 10vw); display: flex; justify-content: flex-start; align-items: center;}
  .header-title-nav-icons .header-title { width: 12vw; padding: 0 1vw; box-sizing: border-box;}
  .header-title-nav-icons .header-title img { width: 7vw; height: auto;}
  .header-title-nav-icons .header-social { width: 8vw; display: flex; justify-content: flex-start; align-items: center;}
  .header-title-nav-icons .header-social img { width: 1.5vw; height: auto; margin: 0 0 0 0.5vw;}

  nav#mo { display: none;}
  nav#pc { width: calc(100% - 12vw - 8vw);}
  nav#pc ul.nav-menu { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center;}
  nav#pc ul.nav-menu li { width: 6.5vw; padding: 0; margin: 0;}
  nav#pc ul.nav-menu li a { width: 100%; height: 5vw; color: #000; font-size: 1vw; text-decoration: none; display: flex; justify-content: center; align-items: center; transition: 0.7s;}
  nav#pc ul.nav-menu li a:hover { font-weight: 600; background-color: #63c1d1;}

  ul.nav-menu-mo { display: none;}


  /************ index banner ************/

  .index-banner-box { clear: both; width: 100%; overflow: hidden; position: relative; z-index: 1;}
  .index-banner-box img.banner-pic { width: 100%; height: auto; position: relative; z-index: 1;}
  .index-banner-box img.banner-text { width: 35vw; height: auto; position: absolute; top: 13vw; left: 42vw; z-index: 2;}

  .index-banner-aside { width: 5vw; height: calc(100% - 5vw); padding: 5vw 0 0 0; border-right: 1px rgba(255,255,255,0.5) solid; position: absolute; top: 0; left: 0; z-index: 9;}
  .index-banner-aside img.circle { width: 3.6vw; height: auto; position: absolute; bottom: 1vw; left: calc(50% - 1.8vw); z-index: 1;}
  .index-banner-aside .aside-arrow-prev { width: 5vw; height: 5vw; margin: 18vw 0 1.2vw 0; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; cursor: pointer;}
  .index-banner-aside .aside-arrow-next { width: 5vw; height: 5vw; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; cursor: pointer;}
  .index-banner-aside .aside-arrow-prev img, 
  .index-banner-aside .aside-arrow-next img { width: 1.5vw; height: auto;}


  /************ section #index-main-items ************/

  section#index-main-items { clear: both; width: 100%; padding: 0 0 12vw 0; background-color: #eff1ee; position: relative; z-index: 2;}

  .main-item-list { width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: -6vw; left: 0; z-index: 1;}
  .main-item-list .item-box { width: 16vw; height: 13vw; margin: 0 0.6vw; background-color: #fff; -moz-box-shadow:8px 8px 12px -2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:8px 8px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:8px 8px 12px -2px rgba(20%,20%,40%,0.5); transition: 0.5s;}
  .main-item-list .item-box:hover { border: 1px #ccc solid; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; box-sizing: border-box;}
  .main-item-list .item-box a { width: 100%; height: 100%; padding: 2vw 0 1.5vw 0; text-decoration: none; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .main-item-list .item-box .icon-1 { width: calc(100% - 4.5vw); display: flex; justify-content: center; align-items: center;}
  .main-item-list .item-box .icon-1 img { width: auto; height: 7vw;}
  .main-item-list .item-box .text-1 { width: 4.5vw; padding: 0 1vw; color: #173042; font-size: 1.8vw; font-weight: 300; line-height: 2.2vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; border-left: 1px #32626a dashed; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
  .main-item-list .item-box .icon-2 { width: calc(100% - 6.5vw); display: flex; justify-content: center; align-items: center;}
  .main-item-list .item-box .icon-2 img { width: auto; height: 7vw;}
  .main-item-list .item-box .text-2 { width: 6.5vw; padding: 0 1vw; color: #173042; font-size: 1.8vw; font-weight: 300; line-height: 2.2vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; border-left: 1px #32626a dashed; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}


  /************ section #index-about ************/

  section#index-about { clear: both; width: 100%; padding: 2.3vw 0; background-color: #fff; display: flex; justify-content: flex-start; align-items: center;}

  .index-about-pic { width: 55vw;}
  .index-about-pic img { width: 100%; height: auto;}

  .index-about-text { width: calc(100% - 55vw); padding: 0 0 0 3.3vw; box-sizing: border-box;}
  .index-about-text .about-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-about-text .about-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em;}
  .index-about-text .about-infor { width: 48%; margin: 0.5vw 0 0 0; font-size: 1.2vw; line-height: 2vw;}
  .index-about-text .view-all-bt { width: 48%; margin: 1.3vw 0 0 0;}
  .index-about-text .view-all-bt a { color: #63c1d1; font-size: 1vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-about-text .view-all-bt img { width: 1.4vw; height: auto; margin: 0 0 0 0.5vw;}


  /************ section #index-news ************/

  section#index-news { clear: both; width: 100%; padding: 4.8vw 8.3vw 1.8vw 8.3vw; box-sizing: border-box; background-color: #f0f0f0; display: flex; justify-content: flex-start; align-items: flex-start; position: relative; z-index: 1;}

  .index-news-title { width: 35.5vw;}
  .index-news-title .news-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-news-title .news-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em;}
  .index-news-title .view-all-bt { width: 48%; margin: 1.3vw 0 0 0;}
  .index-news-title .view-all-bt a { color: #63c1d1; font-size: 1vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-news-title .view-all-bt img { width: 1.4vw; height: auto; margin: 0 0 0 0.5vw;}

  .index-news-list { width: calc(100% - 35.5vw);}
  .index-news-list .list-table-full { width: 100%; padding: 0 0 3vw 0; display: flex; justify-content: flex-start; align-items: flex-start;}
  .index-news-list .list-table-full .news-date { width: 8.5vw; padding: 0.1vw 0 0 0; color: #333; font-size: 1.1vw;}
  .index-news-list .list-table-full .news-type { width: 7.5vw; padding: 0.2vw 0; color: #fff; font-size: 1vw; font-weight: 700; text-align: center; background-color: #63c1d1;}
  .index-news-list .list-table-full .news-title { width: calc(100% - 8.5vw - 7.5vw); padding: 0 0 0 2.8vw; font-size: 1.1vw; box-sizing: border-box;}
  .index-news-list .list-table-full .news-title a { color: #000; text-decoration: none;}
  .index-news-list .list-table-full .news-title a:hover { border-bottom: 1px #000 dashed;}


  /************ section #index-service ************/

  section#index-service { clear: both; width: 100%; padding: 0 0 7vw 0; position: relative; z-index: 2;}

  .index-service-bg { width: 100%; height: 43vw; background-color: #63c1d1; display: block; position: relative; z-index: 1;}

  .index-service-pic-full { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; position: absolute; top: 2vw; left: 0; z-index: 2;}
  .index-service-pic-full .service-pic-box { width: calc(100% / 4); position: relative; z-index: 2;}
  .index-service-pic-full .service-pic-box.style-1 { margin: 5vw 0 0 0;}
  .index-service-pic-full .service-pic-box.style-2 { margin: 15vw 0 0 0;}
  .index-service-pic-full .service-pic-box.style-3 { margin: 7.5vw 0 0 0;}
  .index-service-pic-full .service-pic-box img { width: 100%; height: auto; position: relative; z-index: 1;}
  .index-service-pic-full .service-pic-box .infor-title-1 { width: 4vw; padding: 1vw 0; color: #173042; font-size: 2.4vw; font-weight: 300; line-height: 3vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; right: 2.2vw; z-index: 2;}
  .index-service-pic-full .service-pic-box .infor-title-2 { width: 4vw; padding: 1vw 0; color: #173042; font-size: 2.4vw; font-weight: 300; line-height: 3vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; left: 2.2vw; z-index: 2;}

  .index-service-title-infor { width: 43vw; padding: 0 0 0 3vw; box-sizing: border-box; position: absolute; top: 2vw; left: 50%; z-index: 3;}
  .index-service-title-infor .service-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-service-title-infor .service-title-en { width: 100%; padding: 0.3vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em;}
  .index-service-title-infor .service-infor { width: 17.5vw; font-size: 1.2vw; line-height: 1.8vw;}
  .index-service-title-infor .view-all-bt { width: 17vw; margin: 0.2vw 0 0 0;}
  .index-service-title-infor .view-all-bt a { color: #173042; font-size: 1vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-service-title-infor .view-all-bt img { width: 1.4vw; height: auto; margin: 0 0 0 0.5vw;}


  /************ section #index-qanda ************/

  section#index-qanda { clear: both; width: 100%; position: relative; z-index: 1;}

  .index-qanda-title { width: 100%; padding: 1vw 0 2.5vw 6.8vw; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
  .index-qanda-title .qanda-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-qanda-title .qanda-title-en { width: 9.6vw; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em; text-align: center;}
  .index-qanda-title .view-all-bt { width: 7vw;}
  .index-qanda-title .view-all-bt a { color: #63c1d1; font-size: 1vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-qanda-title .view-all-bt img { width: 1.4vw; height: auto; margin: 0 0 0 0.5vw;}

  .index-qanda-menu { width: 100%; border-top: 1px #173042 solid; border-bottom: 1px #173042 solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .index-qanda-menu .qanda-type { width: calc(100% / 4); border-right: 1px #173042 solid; box-sizing: border-box;}
  .index-qanda-menu .qanda-type a { width: 100%; padding: 3.2vw 0; color: #173042; font-size: 2vw; font-weight: 300; letter-spacing: 0.1em; text-align: center; text-decoration: none; display: block; transition: 0.5s;}
  .index-qanda-menu .qanda-type a:hover { color: #fff; background-color: #173042;}
  .index-qanda-menu .qanda-type:last-of-type { border-right: 0;}


  /************ section #index-contact ************/

  section#index-contact { clear: both; width: 100%; position: relative; z-index: 1;}

  img.index-contact-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .index-contact-title-infor { width: 38.5vw; position: absolute; top: 3.5vw; right: 0; z-index: 2;}
  .index-contact-title-infor .contact-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-contact-title-infor .contact-title-en { width: 28vw; padding: 0.3vw 0; color: #fff; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em;}
  .index-contact-title-infor .view-all-bt { width: 100%; display: flex; justify-content: flex-start; align-items: center;}
  .index-contact-title-infor .view-all-bt a { color: #63c1d1; font-size: 2vw; font-weight: 500; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-contact-title-infor .view-all-bt img { width: 1.4vw; height: auto; margin: 0 0 0 0.5vw;}


  /************ page-banner-box ************/

  .page-banner-box { clear: both; width: 100%; position: relative;}
  .page-banner-box img { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-banner-aside { width: 5vw; height: calc(100% - 5vw); padding: 5vw 0 0 0; border-right: 1px rgba(255,255,255,0.5) solid; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-banner-aside img.circle { width: 3.6vw; height: auto; position: absolute; bottom: 1vw; left: calc(50% - 1.8vw); z-index: 1;}


  /************ breadcrumbs ************/

  .breadcrumbs { clear: both; width: 100%; padding: 0.5vw 6vw; font-size: 0.8vw; font-weight: 300; box-sizing: border-box; background-color: #63c1d1;}
  .breadcrumbs a { color: #000; text-decoration: none;}
  .breadcrumbs a:hover { border-bottom: 1px #000 solid;}


  /************ section #page-about ************/

  section#page-about { clear: both; width: 100%; padding: 4vw 0 0 0; background-color: #fff; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}

  .page-about-pic { width: 55vw; padding: 0 0 4vw 0;}
  .page-about-pic img { width: 100%; height: auto;}

  .page-about-text { width: calc(100% - 55vw); padding: 0 0 4vw 3.3vw; box-sizing: border-box;}
  .page-about-text .about-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-about-text .about-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em;}
  .page-about-text .about-infor { width: 80%; margin: 0.5vw 0 0 0; font-size: 1.2vw; line-height: 2vw;}


  /************ section #page-pick-up ************/

  section#page-pick-up { clear: both; width: 100%; padding: 2.5vw calc(50% - 34vw) 3.5vw calc(50% - 34vw); box-sizing: border-box; background-image: url("../images/page_pickup_bg.jpg"); background-repeat: repeat-y; background-size: 100% auto;}

  .page-pickup-con { clear: both; width: 100%; position: relative;}
  .page-pickup-con .pickup-point { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-pickup-con .pickup-point img { width: 16vw; height: auto; margin: 0 0.6vw 0 0;}
  .page-pickup-con .picup-form-table { width: 100%; border-top: 0.75vw #173042 solid; position: relative;}
  .page-pickup-con .picup-form-table .caption { width: 100%; padding: 0.3vw 0; margin: 0.1vw 0 0 0; color: #173042; font-size: 1.6vw; font-weight: 300; border-top: 1px #0071ba solid; border-bottom: 1px #0071ba solid; background-color: #63c1d1; display: flex; justify-content: flex-start; align-items: center;}
  .page-pickup-con .picup-form-table .caption .linebar { width: 2.25vw; height: 0.65vw; margin: 0 1vw 0 0; background-color: #173042; display: block;}
  .page-pickup-con .picup-form-table .caption-2 { width: 100%; padding: 0.3vw 0; margin: 0.1vw 0 0 0; color: #63c1d1; font-size: 1.6vw; font-weight: 300; border-top: 1px #0071ba solid; border-bottom: 1px #0071ba solid; background-color: #173042; display: flex; justify-content: flex-start; align-items: center;}
  .page-pickup-con .picup-form-table .caption-2 .linebar { width: 2.25vw; height: 0.65vw; margin: 0 1vw 0 0; background-color: #63c1d1; display: block;}
  .page-pickup-con .picup-form-table .column { width: 100%; padding: 1.2vw 3.2vw 0.2vw 3.2vw; box-sizing: border-box; background-color: #e4e4e4; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column .icon { width: 4vw; margin: 0 0 1vw 0;}
  .page-pickup-con .picup-form-table .column .icon img { width: auto; height: 2vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column .form { width: calc(100% - 4vw); margin: 0 0 1vw 0;}
  .page-pickup-con .picup-form-table .column .form input[type=text].style-1 { width: 36.2vw; padding: 0.3vw 1.5vw; margin: 0 1vw 0 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form select { width: 36.2vw; padding: 0.3vw 1.5vw; margin: 0 1vw 0 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form input[type=text].style-2 { width: 14vw; padding: 0.3vw 1.5vw; margin: 0 1vw 0 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form input[type=time] { width: 12vw; padding: 0.3vw 1.5vw; margin: 0 1vw 0 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form input[type=button].style-1 { padding: 0.3vw 2vw; color: #fff; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 0.3vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-pickup-con .picup-form-table .column .form input[type=button].style-2 { padding: 0.3vw 1vw; margin: 0.5vw 0; color: #fff; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 0.3vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-pickup-con .picup-form-table .column .form span.text-note { color: #bf272d; font-size: 0.9vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column .form input[type=date].style-1 { width: 12vw; padding: 0.3vw 1.5vw; margin: 0 1vw 0 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}

  .page-pickup-con .picup-form-table .column .form ul.address-input { width: 100%; padding: 0; margin: 0 0 1vw 0; list-style: none; display: block;}
  .page-pickup-con .picup-form-table .column .form ul.address-input li { width: 100%; padding: 0; margin: 0 0 0.5vw 0; display: flex; justify-content: flex-start;}
  .page-pickup-con .picup-form-table .column .form ul.address-input li .dragg-icon { width: 1.5vw; margin: 0 0 0 0.5vw; font-size: 1.5vw; cursor: pointer;}


  /************ 20240724新增 ************/
  .page-pickup-con .notice-popup-bt { clear: both; margin: 20px 0 0 0; width: 100%;}
  .page-pickup-con .notice-popup-bt a { width: 10vw; padding: 0.3vw 0; color: #fff; font-size: 0.8vw; text-align: center; text-decoration: none; background-color: #bf272d; display: block;}


  .page-pickup-con .picup-form-table .column-2 { width: 100%; padding: 1.2vw 1.7vw 0.2vw 1.7vw; box-sizing: border-box; background-color: #e4e4e4; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-2 .type-title { width: 100%; padding: 0 0 1.5vw 1.5vw; box-sizing: border-box; font-size: 1.6vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-2 .star { width: 1.4vw; margin: 0 0 1.5vw 0; color: #bf272d; font-size: 1.4vw; display: block;}
  .page-pickup-con .picup-form-table .column-2 .icon { width: 3.4vw; margin: 0 0 1.5vw 0;}
  .page-pickup-con .picup-form-table .column-2 .icon img { width: auto; height: 2vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column-2 .icon .container { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  .page-pickup-con .picup-form-table .column-2 .icon .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
  .page-pickup-con .picup-form-table .column-2 .icon .checkmark { position: absolute; top: 0.3vw; left: 0.8vw; height: 1.6vw; width: 1.6vw; border: 1px #63c1d1 solid; border-radius: 0.3vw; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .icon .container:hover input ~ .checkmark { border: 1px #63c1d1 solid; background-color: #ccc; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .icon .container input:checked ~ .checkmark { background-color: #63c1d1;}
  .page-pickup-con .picup-form-table .column-2 .icon .checkmark:after { content: ""; position: absolute; display: none;}
  .page-pickup-con .picup-form-table .column-2 .icon .container input:checked ~ .checkmark:after { display: block;}
  .page-pickup-con .picup-form-table .column-2 .icon .container .checkmark:after { left: 0.45vw; top: 0.1vw; width: 0.4vw; height: 0.8vw; border: solid white; border-width: 0 0.2vw 0.2vw 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
  .page-pickup-con .picup-form-table .column-2 .form { width: calc(100% - 4.8vw); margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-2 .form .title { width: 8vw;}
  .page-pickup-con .picup-form-table .column-2 .form .infor { width: calc(100% - 8vw); display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-2 .form .infor input[type=text].style-1, 
  .page-pickup-con .picup-form-table .column-2 .form .infor input[type=number].style-1 { width: 10vw; padding: 0.3vw 1.5vw; margin: 0 1vw 0 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .infor select { width: 10vw; padding: 0.3vw 1.5vw; margin: 0 1vw 0 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .infor .exp-bt { width: 14vw; margin: 0 0 0 1.5vw;}
  .page-pickup-con .picup-form-table .column-2 .form .infor .exp-bt a { width: 100%; padding: 0.2vw 0; color: #fff; font-size: 1.2vw; font-weight: 300; text-align: center; text-decoration: none; border-radius: 1vw; background-color: #2974ff; display: block;}
  .page-pickup-con .picup-form-table .column-2 .form .infor .exp-bt a:hover { background-color: #29bdff;}
  .page-pickup-con .picup-form-table .column-2 .form .q-title { width: 100%;}
  .page-pickup-con .picup-form-table .column-2 .form input[type=text].style-2 { width: 55vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form textarea { width: 55vw; height: 6vw; padding: 0.3vw 1.5vw; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half .item { width: 16vw;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half .item-2 { width: 5vw;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half select { width: 10vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half input[type=text].style-3 { width: 21vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form span.text-note { color: #bf272d; font-size: 0.9vw; font-weight: 300;}

  .page-pickup-con .picup-form-table .column-3 { width: 100%; padding: 1.2vw 1.7vw 0.2vw 1.7vw; box-sizing: border-box; background-color: #e4e4e4; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-lf { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .star { width: 1.4vw; margin: 0 0 1.5vw 0; color: #bf272d; font-size: 1.4vw; display: block;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .icon { width: 3.4vw; margin: 0 0 1.5vw 0;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .icon img { width: auto; height: 2vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form { width: calc(100% - 4.8vw); margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=text].style-1 { width: 10vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=radio] { width: 1.4vw; height: 1.4vw;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=tel], 
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=email] { width: 20vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-rt { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .star { width: 1.4vw; margin: 0 0 1.5vw 0; color: #bf272d; font-size: 1.4vw; display: block;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .icon { width: 3.4vw; margin: 0 0 1.5vw 0;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .icon img { width: auto; height: 2vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .form { width: calc(100% - 4.8vw); margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .form input[type=tel] { width: 20vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .form input[type=date], 
  .page-pickup-con .picup-form-table .column-3 .col-rt .form select { width: 12vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-full .type-title { width: 100%; padding: 0 0 1.5vw 1.5vw; box-sizing: border-box; font-size: 1.6vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-full .star { width: 1.4vw; margin: 0 0 1.5vw 0; color: #bf272d; font-size: 1.4vw; display: block;}
  .page-pickup-con .picup-form-table .column-3 .col-full .title { width: 10vw; margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form { width: calc(100% - 11.4vw); margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form span.color-red { color: #bf272d;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=text].style-1 { width: 10vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=radio] { width: 1.4vw; height: 1.4vw;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=checkbox] { width: 1.4vw; height: 1.4vw;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=tel], 
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=email], 
  .page-pickup-con .picup-form-table .column-3 .col-full .form select { width: 18vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form span.text-note { color: #bf272d; font-size: 0.9vw; font-weight: 300;}
    

  /**** 20240508_new ****/
  .page-pickup-con .picup-form-table .column-3 .col-lf .top-title, 
  .page-pickup-con .picup-form-table .column-3 .col-rt .top-title, 
  .page-pickup-con .picup-form-table .column-3 .col-lf .arrow-down { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 1.4vw; font-weight: 500; text-align: center;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .text-address { width: 100%; padding: 1vw 0; color: #173042; font-size: 1.2vw; font-weight: 300; text-align: center;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .day-time-bar { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 1.2vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .s-title { width: 6.5vw; padding: 0.2vw 0; color: #173042; font-size: 1.2vw; font-weight: 400;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .s-infor { width: calc(100% - 6.5vw); padding: 0.2vw 0; color: #173042; font-size: 1.2vw; font-weight: 300;}
 
  .page-pickup-con input[type=button].next-step-bt { width: 12vw; padding: 0.3vw 0; margin: 2vw auto 0 auto; color: #fff; font-size: 1.4vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 0.3vw; background-color: #173042; cursor: pointer;}

  .page-pickup-con .step-tab-bar { width: 100%; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: stretch; position: absolute; top: 5.1vw; left: 0; z-index: 2;}
  .page-pickup-con .step-tab-bar .step-box { width: 4vw; height: 2vw; margin: 0 0 0 0.7vw; color: #173042; font-size: 1vw; border: 1px #173042 solid; border-radius: 0.3vw 0.3vw 0 0; display: flex; justify-content: center; align-items: center;}
  .page-pickup-con .step-tab-bar .step-box.active { color: #63c1d1; background-color: #173042;}

  .page-pickup-con .picup-form-table .column-3 .total-price { width: 100%; padding: 30px 0; font-size: 1.4vw; font-weight: 500; text-align: right;}
  .page-pickup-con .picup-form-table .column-3 .total-price span.price { color: #bf272d;}

  ul.invoice-tab { clear: both; width: 100%; padding: 0 1.5vw; margin: 0; box-sizing: border-box; list-style: none; display: flex; justify-content: flex-start;}
  ul.invoice-tab li { width: 7vw; padding: 0; margin: 0 0.5vw 0 0;}
  ul.invoice-tab li a { width: 100%; padding: 0.5vw 0; color: #000; font-size: 1.2vw; text-align: center; border: 1px #000 solid; background-color: #fff; text-decoration: none; box-sizing: border-box; display: block;}
  ul.invoice-tab li a:hover { background-color: #63c1d1;}
  ul.invoice-tab li a.sel { color: #fff; background-color: #000;}
  
  .invoice-detail { width: calc(100% - 3vw); margin: -1px 1.5vw 2vw 1.5vw; padding: 1.5vw; border: 1px #000 solid; box-sizing: border-box; background-color: #fff;}
  .invoice-detail div { display: none;}
  .invoice-detail div .content-table { width: 100%;}
  .invoice-detail div .content-table .caption-title { clear: both; width: 10vw; padding: 0.5vw 0 0 0; font-size: 1.2vw; float: left;}
  .invoice-detail div .content-table .column-detail { width: calc(100% - 15vw); float: left;}
  .invoice-detail div .content-table .column-detail input[type=text].style-full, 
  .invoice-detail div .content-table .column-detail select.style-full { width: 100%; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}

  .page-pickup-con .picup-form-table .column-3 .col-full .title-pay { width: 13vw; margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay { width: calc(100% - 14.4vw); margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay span.price { color: #bf272d; font-weight: 600;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay input[type=radio] { width: 1.6vw; height: 1.6vw; margin: 0 0.5vw 0 0;}

  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card-mo { display: none;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card { width: calc(100% - 14.4vw); margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card span.price { color: #bf272d; font-weight: 600;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card input[type=radio] { width: 1.6vw; height: 1.6vw; margin: 0 0.5vw 0 0;}

  .page-pickup-con .picup-form-table .column-3 .col-full .member-check { clear: both; width: 100%; padding: 1.4vw; font-size: 1.2vw; line-height: 1.2vw; font-weight: 300; border-top: 1px #ccc solid; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full .member-check input[type=checkbox] { width: 1.2vw; height: 1.2vw;}
  .page-pickup-con .picup-form-table .column-3 .col-full .member-check a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-pickup-con .picup-form-table .column-3 .col-full .member-check a:hover { color: #0071ba; border-bottom: 1px #0071ba dashed;}


  /** 20240521新增 **/
  .page-pick-up-notice-popup { clear: both; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 9999999;}
  .page-pick-up-notice-popup .notice-content { width: 50vw; padding: 1vw 1vw 2vw 1vw; box-sizing: border-box; background-color: #fff;}
  .page-pick-up-notice-popup .notice-content .close-bt { width: 2vw; font-size: 2vw; text-align: center; float: right; cursor: pointer;}
  .page-pick-up-notice-popup .notice-content .text-box { clear: both; width: 100%; font-size: 1.1vw; font-weight: 300; line-height: 2vw;}
  .page-pick-up-notice-popup .notice-content .text-box .title { width: 100%; margin: 0 0 1vw 0; font-size: 1.4vw; font-weight: 500; text-align: center;}
  .page-pick-up-notice-popup .notice-content .text-box ul { width: 100%; padding: 0 0 0 1.2vw; margin: 0; box-sizing: border-box; list-style: decimal; display: block;}
  .page-pick-up-notice-popup .notice-content .text-box ul li { padding: 0; margin: 0;}


  /************ section #page-news ************/

  section#page-news { clear: both; width: 100%; padding: 4vw 8vw; box-sizing: border-box; background-color: #f0f0f0;}

  .page-news-title { width: 100%; margin: 0 0 4vw 0; text-align: center;}
  .page-news-title .news-title-cn { width: 7.4vw; padding: 0.4vw 0; margin: 0 auto; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-news-title .news-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em;}

  .page-news-list { width: 70%; margin: 0 auto; border-top: 1px #ccc solid;}
  .page-news-list .list-table-full { width: 100%; padding: 1.5vw 0; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-news-list .list-table-full .news-date { width: 8.5vw; padding: 0.1vw 0 0 0; color: #333; font-size: 1.1vw;}
  .page-news-list .list-table-full .news-type { width: 7.5vw; padding: 0.2vw 0; color: #fff; font-size: 1vw; font-weight: 700; text-align: center; background-color: #63c1d1;}
  .page-news-list .list-table-full .news-title { width: calc(100% - 8.5vw - 7.5vw); padding: 0 0 0 2.8vw; font-size: 1.1vw; box-sizing: border-box;}
  .page-news-list .list-table-full .news-title a { color: #000; text-decoration: none;}
  .page-news-list .list-table-full .news-title a:hover { border-bottom: 1px #000 dashed;}

  ul.page-news-pagenum { clear: both; width: 70%; padding: 0; margin: 4vw auto 0 auto; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-news-pagenum li { padding: 0; margin: 0 0.2vw 0.5vw 0.2vw;}
  ul.page-news-pagenum li a { padding: 0.3vw 0.5vw; color: #173042; font-size: 1vw; text-decoration: none; border: 1px #173042 solid; display: block;}
  ul.page-news-pagenum li a:hover { background-color: #fff;}
  ul.page-news-pagenum li a.sel { color: #fff; background-color: #63c1d1;}


  .page-news-content { clear: both; width: 70%; margin: 2vw auto 0 auto; font-size: 1vw; line-height: 2vw;}
  .page-news-content img { max-width: 100%; height: auto;}
  .page-news-content a { color: #414141; text-decoration: none; border-bottom: 1px #414141 dashed;}

  .page-goback-bt { clear: both; width: 6vw; margin: 4vw auto 0 auto;}
  .page-goback-bt a { width: 100%; padding: 0.5vw 0; color: #fff; font-size: 0.8vw; text-align: center; text-decoration: none; border-radius: 10px; background-color: #173042; display: block;}
  .page-goback-bt a:hover { background-color: #63c1d1;}


  /************ section #page-members ************/

  section#page-members { clear: both; width: 100%; padding: 4vw 0;}

  .page-members-title { width: 100%; padding: 0 0 2.5vw 0;}
  .page-members-title .members-title-cn { width: 7.4vw; padding: 0.4vw 0; margin: 0 auto; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-members-title .members-title-en { width: 100%; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em; text-align: center;}


  .page-members-login { clear: both; width: 80%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-login .col-half { width: 50%;}
  .page-members-login .col-half .s-title { width: 100%; font-size: 1.4vw; margin: 0 0 2vw 0;}
  .page-members-login .col-half input[type=text], 
  .page-members-login .col-half input[type=password] { width: 24vw !important; margin: 0 0 1vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-login .col-half input[type=submit], 
  .page-members-login .col-half input[type=button] { width: 24vw; margin: 0 0 1vw 0; padding: 0.3vw 1vw; color: #fff; font-size: 1vw; border: 0; border-radius: 0.3vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-members-login .col-half .forget-note { clear: both; width: 24vw; padding: 1vw 0 0 0; margin: 1vw 0 0 0; border-top: 1px #ccc solid; color: #333; font-size: 0.9vw;}
  .page-members-login .col-half .forget-note a { color: #173042; text-decoration: none; border-bottom: 1px #333 solid;}
  .page-members-login .col-half .forget-note a:hover { color: #29bdff; border-bottom: 1px #29bdff solid;}
  .page-members-login .col-half .sign-up-note { clear: both; width: 100%; padding: 2vw; font-size: 1vw; border-radius: 0.5vw; background-color: #eee; box-sizing: border-box;}
  .page-members-login .col-half .sign-up-note .sign-up-bt { clear: both; width: 16vw; margin: 1vw auto 0 auto;}
  .page-members-login .col-half .sign-up-note .sign-up-bt a { width: 100%; padding: 0.3vw 1vw; color: #fff; font-size: 1vw; text-align: center; text-decoration: none; border-radius: 0.3vw; background-color: #32626a; display: block; box-sizing: border-box;}


  .page-members-sign-up { clear: both; width: 80%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-sign-up .title { width: 100%; margin: 0 0 2vw 0; font-size: 2vw; text-align: center;}
  .page-members-sign-up .column-left { width: 100%;}
  .page-members-sign-up .column-left .s-title { width: 100%; padding: 0 0 0.5vw 0; font-size: 1.4vw; text-align: center;}
  .page-members-sign-up .column-left input.style-1 { width: calc(50% - 2vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left input[type=date] { width: calc(50% - 2vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw 0.5vw 7vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left select { width: calc(50% - 2vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left input.style-2 { width: calc(100% - 2.75vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-right { width: 35%;}
  .page-members-sign-up .column-right .s-title { width: 100%; padding: 0 0 0.5vw 0; font-size: 1.4vw;}
  .page-members-sign-up .column-right input.style-1 { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-right input.style-2 { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #ccc; box-sizing: border-box;}
  .page-members-sign-up .column-right .text-note { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 1vw 0 0 0; font-size: 0.9vw; font-weight: 300; line-height: 2vw; text-align: center; box-sizing: border-box;}
  .page-members-sign-up .column-right .text-note span.color-red { color: #bf272d;}
  .page-members-sign-up .column-full { width: 100%; height: 20vw; padding: 2vw; margin: 2vw 0 0 0; background-color: #eee; overflow-y: scroll; box-sizing: border-box;}
  .page-members-sign-up .column-full .s-title { width: 100%; padding: 0 0 1vw 0; font-size: 1.2vw; text-align: center;}
  .page-members-sign-up .column-full .text-con { width: 100%; font-size: 1vw; font-weight: 300; line-height: 2vw;}
  .page-members-sign-up .column-half { width: 50%; margin: 1vw 0 0 0; font-size: 1vw;}
  .page-members-sign-up .column-half .container { padding: 0 0 0 2vw; display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  .page-members-sign-up .column-half .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
  .page-members-sign-up .column-half .checkmark { position: absolute; top: 0; left: 0; height: 1.6vw; width: 1.6vw; border: 1px #63c1d1 solid; border-radius: 0.3vw; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-half .container:hover input ~ .checkmark { border: 1px #63c1d1 solid; background-color: #ccc; box-sizing: border-box;}
  .page-members-sign-up .column-half .container input:checked ~ .checkmark { background-color: #63c1d1;}
  .page-members-sign-up .column-half .checkmark:after { content: ""; position: absolute; display: none;}
  .page-members-sign-up .column-half .container input:checked ~ .checkmark:after { display: block;}
  .page-members-sign-up .column-half .container .checkmark:after { left: 0.45vw; top: 0.1vw; width: 0.4vw; height: 0.8vw; border: solid white; border-width: 0 0.2vw 0.2vw 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
  

  ul.members-nav { width: 100%; padding: 0; margin: 0 0 3vw 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.members-nav li { width: 10vw; padding: 0; margin: 0.5vw;}
  ul.members-nav li a { width: 100%; padding: 0.3vw 0; color: #173042; font-size: 1.2vw; border: 1px #173042 solid; border-radius: 0.3vw; text-align: center; text-decoration: none; display: block;}
  ul.members-nav li a:hover { background-color: #eee;}
  ul.members-nav li a.sel { color: #fff; background-color: #173042;}

  .page-members-sign-up .column-left label.sex-box { margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.1vw; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left input.style-3 { width: 15vw; margin: 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left input[type=button].style-1 { width: calc(50% - 2.25vw - 15vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 0; background-color: #ccc; box-sizing: border-box; cursor: pointer;}
  .page-members-sign-up .column-left input[type=button].style-2 { width: calc(50% - 2.25vw - 15vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 0; background-color: #ccc; box-sizing: border-box; cursor: pointer;}
  .page-members-sign-up .column-left select.style-full { width: calc(100% - 2.75vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}


  .page-members-order { clear: both; width: 80%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-order .mem-order-table { width: 100%; margin: 0 0 4vw 0;}
  .page-members-order .mem-order-table .caption-full { width: 100%; font-size: 1.1vw; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: center;}
  .page-members-order .mem-order-table .caption-full .caption-1 { width: 15%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-2 { width: 15%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-3 { width: 10%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-4 { width: 15%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-5 { width: 35%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-6 { width: 10%; padding: 0.5vw; box-sizing: border-box; text-align: center;}
  .page-members-order .mem-order-table .column-full { width: 100%; font-size: 1.1vw; font-weight: 300; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-1 { width: 15%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-2 { width: 15%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-3 { width: 10%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-4 { width: 15%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-5 { width: 35%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-6 { width: 10%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-6 div.extend { width: 100%; padding: 0.2vw 0; color: #fff; font-size: 1vw; font-weight: 300; text-align: center; text-decoration: none; border-radius: 0.5vw; background-color: #0071ba; display: block; cursor: pointer;}
  


  /*** 20240514新增 ***/
  .page-members-sign-up .col-full { clear: both; width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-members-sign-up .col-full .caption { width: 4vw; margin: 0 0 1vw 0; font-size: 1.2vw;}
  .page-members-sign-up .col-full .column { width: calc(50% - 4vw); margin: 0 0 1vw 0; font-size: 1.2vw; font-weight: 300;}
  .page-members-sign-up .col-full .column input[type=text].style-1, 
  .page-members-sign-up .col-full .column input[type=tel], 
  .page-members-sign-up .col-full .column input[type=email], 
  .page-members-sign-up .col-full .column input[type=password] { width: 90%; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-full .column input[type=radio] { width: 1vw; height: 1vw;}
  .page-members-sign-up .col-full .column input[type=date] { width: 23.8vw; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-full .column input[type=button].style-1 { width: 8vw; padding: 0.5vw 0; color: #fff; font-size: 1.2vw; border: 0; border-radius: 0.3vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-members-sign-up .col-full .column input[type=text].style-2 { width: 20vw; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}

  .page-members-sign-up .col-half { width: 50%; margin: 0 0 1vw 0;}
  .page-members-sign-up .col-half input[type=text] { width: 30vw; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-half input[type=button] { width: 6vw; padding: 0.5vw 0; color: #fff; font-size: 1.2vw; border: 0; border-radius: 0.3vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}

  .page-members-sign-up .col-full .column-x3 { width: calc(100% - 4vw); margin: 0 0 1vw 0; display: flex; justify-content: flex-start; align-items: center;}
  .page-members-sign-up .col-full .column-x3 select { width: 10vw; padding: 0.5vw 1vw; margin: 0 0.5vw 0 0; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-full .column-x3 input[type=text] { width: 50.5vw; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}

  .page-members-sign-up .column-half input[type=checkbox] { width: 1.1vw; height: 1.1vw;}
  .page-members-sign-up .column-half a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-members-sign-up .column-half a:hover { color: #0071ba; border-bottom: 1px #0071ba dashed;}

  .page-members-forgat { clear: both; width: 100%;}
  .page-members-forgat .col-forgat { clear: both; width: 35%; margin: 0 auto;}
  .page-members-forgat .col-forgat .s-title { width: 100%; padding: 0 0 0.5vw 0; font-size: 1.4vw; text-align: center;}
  .page-members-forgat .col-forgat input.style-1 { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-forgat .col-forgat input.style-2 { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #ccc; box-sizing: border-box;}
  .page-members-forgat .col-forgat .text-note { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 1vw 0 0 0; font-size: 0.9vw; font-weight: 300; line-height: 2vw; text-align: center; box-sizing: border-box;}
  .page-members-forgat .col-forgat .text-note span.color-red { color: #bf272d;}
  .page-members-forgat .col-forgat .sign-up-bt { clear: both; width: 100%; margin: 2vw 0 0 0;}
  .page-members-forgat .col-forgat .sign-up-bt a { width: 100%; padding: 0.3vw 0; color: #fff; font-size: 1vw; text-align: center; text-decoration: none; border-radius: 0.5vw; background-color: #173042; display: block;}

  .page-members-sign-up .sign-up-bt { width: 26vw; margin: 2vw auto 0 auto;}  
  .page-members-sign-up .sign-up-bt a { width: 100%; padding: 0.3vw 0; color: #fff; font-size: 1vw; text-align: center; text-decoration: none; border-radius: 0.5vw; background-color: #173042; display: block;}


  .page-members-order .mem-order-table .column-full .column-7 { width: 100%; padding: 2vw; border-top:  1px #ccc dashed; background-color: #f1f1f1; box-sizing: border-box; display: none; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-7 .col-lf { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-7 .col-lf .top-title, 
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .top-title, 
  .page-members-order .mem-order-table .column-full .column-7 .col-lf .arrow-down { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 1.4vw; font-weight: 500; text-align: center;}
  .page-members-order .mem-order-table .column-full .column-7 .col-lf .text-address { width: 100%; padding: 1vw 0; color: #173042; font-size: 1.2vw; font-weight: 300; text-align: center;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .day-time-bar { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 1.2vw; font-weight: 300;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .s-title { width: 6.5vw; padding: 0.2vw 0; color: #173042; font-size: 1.2vw; font-weight: 400;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .s-infor { width: calc(100% - 6.5vw); padding: 0.2vw 0; color: #173042; font-size: 1.2vw; font-weight: 300;}
  .page-members-order .mem-order-table .column-full .column-7 .total-price { width: 100%; padding: 30px 0; font-size: 1.4vw; font-weight: 500; text-align: right;}
  .page-members-order .mem-order-table .column-full .column-7 .total-price span.price { color: #bf272d;}
  

  /************ section #page-service ************/

  section#page-service { clear: both; width: 100%; padding: 4vw 0; background-color: #63c1d1; position: relative; z-index: 2;}

  .page-service-pic-full { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-service-pic-full .service-pic-box { width: calc(100% / 4); position: relative; z-index: 2;}
  .page-service-pic-full .service-pic-box.style-1 { margin: 5vw 0 0 0;}
  .page-service-pic-full .service-pic-box.style-2 { margin: 15vw 0 0 0;}
  .page-service-pic-full .service-pic-box.style-3 { margin: 7.5vw 0 0 0;}
  .page-service-pic-full .service-pic-box img { width: 100%; height: auto; position: relative; z-index: 1;}
  .page-service-pic-full .service-pic-box .infor-title-1 { width: 4vw; padding: 1vw 0; color: #173042; font-size: 2.4vw; font-weight: 300; line-height: 3vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; right: 2.2vw; z-index: 2;}
  .page-service-pic-full .service-pic-box .infor-title-2 { width: 4vw; padding: 1vw 0; color: #173042; font-size: 2.4vw; font-weight: 300; line-height: 3vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; left: 2.2vw; z-index: 2;}

  .page-service-title-infor { width: 50%; margin: 0 auto 4vw auto;}
  .page-service-title-infor .service-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-service-title-infor .service-title-en { width: 100%; padding: 0.3vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em;}
  .page-service-title-infor .service-infor { width: 100%; font-size: 1.2vw; line-height: 1.8vw;}


  /************ section #page-qanda ************/

  section#page-qanda { clear: both; width: 100%; padding: 4vw 0;}

  .page-qanda-title { width: 100%; padding: 0 0 2.5vw 0; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
  .page-qanda-title .qanda-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-qanda-title .qanda-title-en { width: 9.6vw; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em; text-align: center;}

  .page-qanda-menu { width: 100%; border-top: 1px #173042 solid; border-bottom: 1px #173042 solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-qanda-menu .qanda-type { width: calc(100% / 4); border-right: 1px #173042 solid; box-sizing: border-box;}
  .page-qanda-menu .qanda-type a { width: 100%; padding: 3.2vw 0; color: #173042; font-size: 2vw; font-weight: 300; letter-spacing: 0.1em; text-align: center; text-decoration: none; display: block; transition: 0.5s;}
  .page-qanda-menu .qanda-type a:hover { color: #fff; background-color: #173042;}
  .page-qanda-menu .qanda-type a.sel { color: #fff; background-color: #173042;}
  .page-qanda-menu .qanda-type:last-of-type { border-right: 0;}

  ul.page-qanda-content { clear: both; width: 70%; padding: 0; margin: 2vw auto 0 auto; list-style: none; display: block;}
  ul.page-qanda-content li { width: 100%; padding: 2vw 0; margin: 0; border-bottom: 1px #ccc solid;}
  ul.page-qanda-content li:last-of-type { border-bottom: 0;}
  ul.page-qanda-content li .question-bar { width: 100%; font-weight: 600; display: flex; justify-content: flex-start; align-items: flex-start;}
  ul.page-qanda-content li .answer-text { width: 100%; padding: 0.5vw 0 0 0; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start;}
  ul.page-qanda-content li .question-bar .caption, 
  ul.page-qanda-content li .answer-text .caption { width: 3vw; font-size: 1.2vw; font-weight: 600;}
  ul.page-qanda-content li .question-bar .column, 
  ul.page-qanda-content li .answer-text .column { width: calc(100% - 3vw); font-size: 1.2vw; line-height: 2vw;}


  /************ section #page-cooperate ************/

  section#page-cooperate { clear: both; width: 100%; padding: 4vw 8vw; box-sizing: border-box;}

  .page-cooperate-title-infor { width: 100%; margin: 0 0 4vw 0;}
  .page-cooperate-title-infor .contact-title-cn { width: 7.4vw; padding: 0.4vw 0; margin: 0 auto; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-cooperate-title-infor .contact-title-en { width: 100%; padding: 0.3vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em; text-align: center;}

  .page-cooperate-content { clear: both; width: 70%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-cooperate-content .coop-contact-infor { width: 50%; font-size: 1.2vw; line-height: 2vw;}
  .page-cooperate-content .coop-contact-infor .title-name { width: 100%; padding: 0 0 1vw 0; font-size: 1.8vw; font-weight: 500;}
  .page-cooperate-content .coop-contact-form { width: 50%;}
  .page-cooperate-content .coop-contact-form form { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-cooperate-content .coop-contact-form form .caption { width: 5.5vw; margin: 0 0 0.8vw 0; font-size: 1.2vw; text-align: right;}
  .page-cooperate-content .coop-contact-form form .column { width: calc(100% - 5.5vw);}
  .page-cooperate-content .coop-contact-form form .column input[type=text], 
  .page-cooperate-content .coop-contact-form form .column input[type=tel], 
  .page-cooperate-content .coop-contact-form form .column input[type=email] { width: 100%; padding: 0.5vw 1vw; margin: 0 0 0.8vw 0; font-size: 1.1vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-cooperate-content .coop-contact-form form .column textarea { width: 100%; height: 6vw; padding: 0.5vw 1vw; margin: 0 0 0.8vw 0; font-size: 1.1vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-cooperate-content .coop-contact-form form .column input[type=submit],input[type=button] { padding: 0.4vw 2vw; color: #fff; font-size: 1.1vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 3vw; background-color: #173042; cursor: pointer;}


  /************ section #page-rent-car ************/

  section#page-rent-car { clear: both; width: 100%; padding: 4vw 8vw; box-sizing: border-box;}

  .page-rent-car-title-infor { width: 100%; margin: 0 0 4vw 0;}
  .page-rent-car-title-infor .contact-title-cn { width: 15vw; padding: 0.4vw 0; margin: 0 auto; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-rent-car-title-infor .contact-title-2-cn { width: 8vw; padding: 0.4vw 0; margin: 0 auto; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-rent-car-title-infor .contact-title-en { width: 100%; padding: 0.3vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em; text-align: center;}

  .page-rent-car-content-mo { display: none;}
  .page-rent-car-content { clear: both; width: 70%; padding: 2vw 0; margin: 0 auto; font-size: 1.4vw; text-align: center;}
  

  /** 20240521修改 **/
  .page-rent-car-content a.join-line-bt { width: 12vw; padding: 0.5vw 0; margin: 0 auto; color: #fff; font-size: 1.4vw; text-align: center; text-decoration: none; border-radius: 2vw; background-color: #173042; display: block;}
  .page-rent-car-content a.join-line-bt:hover { background-color: #0071ba;}
  

  /************ section #page-sitemap ************/

  section#page-sitemap { clear: both; width: 100%; padding: 4vw 0 8vw 0;}

  .page-sitemap-title { width: 100%; padding: 0 0 2.5vw 0; box-sizing: border-box;}
  .page-sitemap-title .sitemap-title-cn { width: 7.4vw; padding: 0.4vw 0; margin: 0 auto; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-sitemap-title .sitemap-title-en { clear: both; width: 100%; margin: 0 auto; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em; text-align: center;}

  ul.sitemap-nav { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  ul.sitemap-nav li { padding: 0; margin: 0 1vw 3vw 1vw;}
  ul.sitemap-nav li a { padding: 0.3vw 0.5vw; color: #173042; font-size: 1.2vw; text-decoration: none; display: block;}
  ul.sitemap-nav li a:hover { color: #fff; background-color: #173042;}


  .page-error-con { clear: both; width: 100%; padding: 6vw 0;}
  .page-error-con .text-bigger { width: 100%; margin: 0 0 3vw 0; font-size: 2.2vw; font-weight: 500; text-align: center;}
  .page-error-con .goback-bt { width: 100%; text-align: center;}
  .page-error-con .goback-bt a { color: #173042; font-size: 1.6vw; border-bottom: 1px #173042 solid; text-decoration: none;}


  /************ footer ************/

  footer { clear: both; width: 100%; height: 7.5vw; display: flex; justify-content: flex-start; align-items: stretch;}

  .footer-logo-title { width: 7.5vw; height: 7.5vw; background-color: #000; display: flex; justify-content: center; align-items: center;}
  .footer-logo-title img { width: 4.2vw; height: auto;}

  .footer-nav-infor { width: calc(100% - 7.5vw); height: 7.5vw;}
  .footer-nav-infor .footer-nav { width: 100%; height: 50%; background-color: #fff; display: flex; justify-content: flex-start; align-items: center;}
  .footer-nav-infor .footer-nav ul.footer-menu { padding: 0 0 0 4.5vw; margin: 0 1vw 0 0; list-style: none; display: flex; justify-content: flex-start; align-items: center;}
  .footer-nav-infor .footer-nav ul.footer-menu li { padding: 0 3vw 0 0; margin: 0;}
  .footer-nav-infor .footer-nav ul.footer-menu li a { color: #000; font-size: 1.2vw; text-decoration: none;}
  .footer-nav-infor .footer-nav ul.footer-menu li a:hover { color: #63c2d2;}
  .footer-nav-infor .footer-nav .social-icons { display: flex; justify-content: flex-start; align-items: center;}
  .footer-nav-infor .footer-nav .social-icons img { width: 1.5vw; height: auto; margin: 0 0.5vw 0 0;}
  .footer-nav-infor .footer-infor-mo { display: none;}
  .footer-nav-infor .footer-infor { width: 100%; height: 50%; padding: 0 0 0 4.5vw; color: #000; font-size: 1.1vw; background-color: #63c2d2; display: flex; align-items: center; box-sizing: border-box;}


}

@media screen and (min-width: 1024px) and (max-width: 1369px) {

  /************ aside ************/

  aside#page-aside-icons { width: 4.3vw; padding: 0.5vw 0; border-radius: 2.4vw 0 0 2.4vw; background-color: #63c1d1; overflow: hidden; position: fixed; top: 15vw; right: 0; z-index: 1000;}
  aside#page-aside-icons .icon-box { width: 4.3vw; height: 4vw; border-bottom: 3px #9fd9e3 solid;}
  aside#page-aside-icons .icon-box:last-child { border-bottom: 0;}
  aside#page-aside-icons .icon-box a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
  aside#page-aside-icons .icon-box a img { width: auto; height: 2.2vw;}


  /************ header + nav ************/

  header { clear: both; width: 100%; height: 5vw; background-color: rgba(255,255,255,0.9); display: flex; justify-content: flex-start; align-items: center; position: fixed; top: 0; left: 0; z-index: 999;}

  .header-logo { width: 5vw; height: 5vw; background-color: #fff; display: flex; justify-content: center; align-items: center;}
  .header-logo img { width: 3.5vw; height: auto;}

  .header-tel { width: 5vw; height: 5vw; background-color: #173042; display: flex; justify-content: center; align-items: center;}
  .header-tel img { width: 2.5vw; height: auto;}

  .header-title-nav-icons { width: calc(100% - 10vw); display: flex; justify-content: flex-start; align-items: center;}
  .header-title-nav-icons .header-title { width: 12vw; padding: 0 1vw; box-sizing: border-box;}
  .header-title-nav-icons .header-title img { width: 7vw; height: auto;}
  .header-title-nav-icons .header-social { width: 8vw; display: flex; justify-content: flex-start; align-items: center;}
  .header-title-nav-icons .header-social img { width: 1.5vw; height: auto; margin: 0 0 0 0.5vw;}

  nav#mo { display: none;}
  nav#pc { width: calc(100% - 12vw - 8vw);}
  nav#pc ul.nav-menu { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center;}
  nav#pc ul.nav-menu li { width: 6.5vw; padding: 0; margin: 0;}
  nav#pc ul.nav-menu li a { width: 100%; height: 5vw; color: #000; font-size: 1vw; text-decoration: none; display: flex; justify-content: center; align-items: center; transition: 0.7s;}
  nav#pc ul.nav-menu li a:hover { font-weight: 600; background-color: #63c1d1;}

  ul.nav-menu-mo { display: none;}


  /************ index banner ************/

  .index-banner-box { clear: both; width: 100%; position: relative; z-index: 1;}
  .index-banner-box img.banner-pic { width: 100%; height: auto; position: relative; z-index: 1;}
  .index-banner-box img.banner-text { width: 35vw; height: auto; position: absolute; top: 13vw; left: 42vw; z-index: 2;}

  .index-banner-aside { width: 5vw; height: calc(100% - 5vw); padding: 5vw 0 0 0; border-right: 1px rgba(255,255,255,0.5) solid; position: absolute; top: 0; left: 0; z-index: 9;}
  .index-banner-aside img.circle { width: 3.6vw; height: auto; position: absolute; bottom: 1vw; left: calc(50% - 1.8vw); z-index: 1;}
  .index-banner-aside .aside-arrow-prev { width: 5vw; height: 5vw; margin: 18vw 0 1.2vw 0; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; cursor: pointer;}
  .index-banner-aside .aside-arrow-next { width: 5vw; height: 5vw; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; cursor: pointer;}
  .index-banner-aside .aside-arrow-prev img, 
  .index-banner-aside .aside-arrow-next img { width: 1.5vw; height: auto;}


  /************ section #index-main-items ************/

  section#index-main-items { clear: both; width: 100%; padding: 0 0 12vw 0; background-color: #eff1ee; position: relative; z-index: 2;}

  .main-item-list { width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: -6vw; left: 0; z-index: 1;}
  .main-item-list .item-box { width: 16vw; height: 13vw; margin: 0 0.6vw; background-color: #fff; -moz-box-shadow:8px 8px 12px -2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:8px 8px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:8px 8px 12px -2px rgba(20%,20%,40%,0.5); transition: 0.5s;}
  .main-item-list .item-box:hover { border: 1px #ccc solid; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; box-sizing: border-box;}
  .main-item-list .item-box a { width: 100%; height: 100%; padding: 2vw 0 1.5vw 0; text-decoration: none; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .main-item-list .item-box .icon-1 { width: calc(100% - 4.5vw); display: flex; justify-content: center; align-items: center;}
  .main-item-list .item-box .icon-1 img { width: auto; height: 7vw;}
  .main-item-list .item-box .text-1 { width: 4.5vw; padding: 0 1vw; color: #173042; font-size: 1.8vw; font-weight: 300; line-height: 2.2vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; border-left: 1px #32626a dashed; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
  .main-item-list .item-box .icon-2 { width: calc(100% - 6.5vw); display: flex; justify-content: center; align-items: center;}
  .main-item-list .item-box .icon-2 img { width: auto; height: 7vw;}
  .main-item-list .item-box .text-2 { width: 6.5vw; padding: 0 1vw; color: #173042; font-size: 1.8vw; font-weight: 300; line-height: 2.2vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; border-left: 1px #32626a dashed; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}


  /************ section #index-about ************/

  section#index-about { clear: both; width: 100%; padding: 2.3vw 0; background-color: #fff; display: flex; justify-content: flex-start; align-items: center;}

  .index-about-pic { width: 55vw;}
  .index-about-pic img { width: 100%; height: auto;}

  .index-about-text { width: calc(100% - 55vw); padding: 0 0 0 3.3vw; box-sizing: border-box;}
  .index-about-text .about-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-about-text .about-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em;}
  .index-about-text .about-infor { width: 48%; margin: 0.5vw 0 0 0; font-size: 1.2vw; line-height: 2vw;}
  .index-about-text .view-all-bt { width: 48%; margin: 1.3vw 0 0 0;}
  .index-about-text .view-all-bt a { color: #63c1d1; font-size: 1vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-about-text .view-all-bt img { width: 1.4vw; height: auto; margin: 0 0 0 0.5vw;}


  /************ section #index-news ************/

  section#index-news { clear: both; width: 100%; padding: 4.8vw 8.3vw 1.8vw 8.3vw; box-sizing: border-box; background-color: #f0f0f0; display: flex; justify-content: flex-start; align-items: flex-start; position: relative; z-index: 1;}

  .index-news-title { width: 35.5vw;}
  .index-news-title .news-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-news-title .news-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em;}
  .index-news-title .view-all-bt { width: 48%; margin: 1.3vw 0 0 0;}
  .index-news-title .view-all-bt a { color: #63c1d1; font-size: 1vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-news-title .view-all-bt img { width: 1.4vw; height: auto; margin: 0 0 0 0.5vw;}

  .index-news-list { width: calc(100% - 35.5vw);}
  .index-news-list .list-table-full { width: 100%; padding: 0 0 3vw 0; display: flex; justify-content: flex-start; align-items: flex-start;}
  .index-news-list .list-table-full .news-date { width: 8.5vw; padding: 0.1vw 0 0 0; color: #333; font-size: 1.1vw;}
  .index-news-list .list-table-full .news-type { width: 7.5vw; padding: 0.2vw 0; color: #fff; font-size: 1vw; font-weight: 700; text-align: center; background-color: #63c1d1;}
  .index-news-list .list-table-full .news-title { width: calc(100% - 8.5vw - 7.5vw); padding: 0 0 0 2.8vw; font-size: 1.1vw; box-sizing: border-box;}
  .index-news-list .list-table-full .news-title a { color: #000; text-decoration: none;}
  .index-news-list .list-table-full .news-title a:hover { border-bottom: 1px #000 dashed;}


  /************ section #index-service ************/

  section#index-service { clear: both; width: 100%; padding: 0 0 7vw 0; position: relative; z-index: 2;}

  .index-service-bg { width: 100%; height: 43vw; background-color: #63c1d1; display: block; position: relative; z-index: 1;}

  .index-service-pic-full { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; position: absolute; top: 2vw; left: 0; z-index: 2;}
  .index-service-pic-full .service-pic-box { width: calc(100% / 4); position: relative; z-index: 2;}
  .index-service-pic-full .service-pic-box.style-1 { margin: 5vw 0 0 0;}
  .index-service-pic-full .service-pic-box.style-2 { margin: 15vw 0 0 0;}
  .index-service-pic-full .service-pic-box.style-3 { margin: 7.5vw 0 0 0;}
  .index-service-pic-full .service-pic-box img { width: 100%; height: auto; position: relative; z-index: 1;}
  .index-service-pic-full .service-pic-box .infor-title-1 { width: 4vw; padding: 1vw 0; color: #173042; font-size: 2.4vw; font-weight: 300; line-height: 3vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; right: 2.2vw; z-index: 2;}
  .index-service-pic-full .service-pic-box .infor-title-2 { width: 4vw; padding: 1vw 0; color: #173042; font-size: 2.4vw; font-weight: 300; line-height: 3vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; left: 2.2vw; z-index: 2;}

  .index-service-title-infor { width: 43vw; padding: 0 0 0 3vw; box-sizing: border-box; position: absolute; top: 2vw; left: 50%; z-index: 3;}
  .index-service-title-infor .service-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-service-title-infor .service-title-en { width: 100%; padding: 0.3vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em;}
  .index-service-title-infor .service-infor { width: 17.5vw; font-size: 1.2vw; line-height: 1.8vw;}
  .index-service-title-infor .view-all-bt { width: 17vw; margin: 0.2vw 0 0 0;}
  .index-service-title-infor .view-all-bt a { color: #173042; font-size: 1vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-service-title-infor .view-all-bt img { width: 1.4vw; height: auto; margin: 0 0 0 0.5vw;}


  /************ section #index-qanda ************/

  section#index-qanda { clear: both; width: 100%; position: relative; z-index: 1;}

  .index-qanda-title { width: 100%; padding: 1vw 0 2.5vw 6.8vw; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
  .index-qanda-title .qanda-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-qanda-title .qanda-title-en { width: 9.6vw; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em; text-align: center;}
  .index-qanda-title .view-all-bt { width: 7vw;}
  .index-qanda-title .view-all-bt a { color: #63c1d1; font-size: 1vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-qanda-title .view-all-bt img { width: 1.4vw; height: auto; margin: 0 0 0 0.5vw;}

  .index-qanda-menu { width: 100%; border-top: 1px #173042 solid; border-bottom: 1px #173042 solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .index-qanda-menu .qanda-type { width: calc(100% / 4); border-right: 1px #173042 solid; box-sizing: border-box;}
  .index-qanda-menu .qanda-type a { width: 100%; padding: 3.2vw 0; color: #173042; font-size: 2vw; font-weight: 300; letter-spacing: 0.1em; text-align: center; text-decoration: none; display: block; transition: 0.5s;}
  .index-qanda-menu .qanda-type a:hover { color: #fff; background-color: #173042;}
  .index-qanda-menu .qanda-type:last-of-type { border-right: 0;}


  /************ section #index-contact ************/

  section#index-contact { clear: both; width: 100%; position: relative; z-index: 1;}

  img.index-contact-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .index-contact-title-infor { width: 38.5vw; position: absolute; top: 3.5vw; right: 0; z-index: 2;}
  .index-contact-title-infor .contact-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-contact-title-infor .contact-title-en { width: 28vw; padding: 0.3vw 0; color: #fff; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em;}
  .index-contact-title-infor .view-all-bt { width: 100%; display: flex; justify-content: flex-start; align-items: center;}
  .index-contact-title-infor .view-all-bt a { color: #63c1d1; font-size: 2vw; font-weight: 500; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-contact-title-infor .view-all-bt img { width: 1.4vw; height: auto; margin: 0 0 0 0.5vw;}


  /************ page-banner-box ************/

  .page-banner-box { clear: both; width: 100%; position: relative;}
  .page-banner-box img { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-banner-aside { width: 5vw; height: calc(100% - 5vw); padding: 5vw 0 0 0; border-right: 1px rgba(255,255,255,0.5) solid; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-banner-aside img.circle { width: 3.6vw; height: auto; position: absolute; bottom: 1vw; left: calc(50% - 1.8vw); z-index: 1;}


  /************ breadcrumbs ************/

  .breadcrumbs { clear: both; width: 100%; padding: 0.5vw 6vw; font-size: 1vw; font-weight: 300; box-sizing: border-box; background-color: #63c1d1;}
  .breadcrumbs a { color: #000; text-decoration: none;}
  .breadcrumbs a:hover { border-bottom: 1px #000 solid;}


  /************ section #page-about ************/

  section#page-about { clear: both; width: 100%; padding: 4vw 0 0 0; background-color: #fff; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}

  .page-about-pic { width: 55vw; padding: 0 0 4vw 0;}
  .page-about-pic img { width: 100%; height: auto;}

  .page-about-text { width: calc(100% - 55vw); padding: 0 0 4vw 3.3vw; box-sizing: border-box;}
  .page-about-text .about-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-about-text .about-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em;}
  .page-about-text .about-infor { width: 80%; margin: 0.5vw 0 0 0; font-size: 1.2vw; line-height: 2vw;}


  /************ section #page-pick-up ************/

  section#page-pick-up { clear: both; width: 100%; padding: 2.5vw calc(50% - 34vw) 3.5vw calc(50% - 34vw); box-sizing: border-box; background-image: url("../images/page_pickup_bg.jpg"); background-repeat: repeat-y; background-size: 100% auto;}

  .page-pickup-con { clear: both; width: 100%; position: relative;}
  .page-pickup-con .pickup-point { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-pickup-con .pickup-point img { width: 16vw; height: auto; margin: 0 0.6vw 0 0;}
  .page-pickup-con .picup-form-table { width: 100%; border-top: 0.75vw #173042 solid; position: relative;}
  .page-pickup-con .picup-form-table .caption { width: 100%; padding: 0.3vw 0; margin: 0.1vw 0 0 0; color: #173042; font-size: 1.6vw; font-weight: 300; border-top: 1px #0071ba solid; border-bottom: 1px #0071ba solid; background-color: #63c1d1; display: flex; justify-content: flex-start; align-items: center;}
  .page-pickup-con .picup-form-table .caption .linebar { width: 2.25vw; height: 0.65vw; margin: 0 1vw 0 0; background-color: #173042; display: block;}
  .page-pickup-con .picup-form-table .caption-2 { width: 100%; padding: 0.3vw 0; margin: 0.1vw 0 0 0; color: #63c1d1; font-size: 1.6vw; font-weight: 300; border-top: 1px #0071ba solid; border-bottom: 1px #0071ba solid; background-color: #173042; display: flex; justify-content: flex-start; align-items: center;}
  .page-pickup-con .picup-form-table .caption-2 .linebar { width: 2.25vw; height: 0.65vw; margin: 0 1vw 0 0; background-color: #63c1d1; display: block;}
  .page-pickup-con .picup-form-table .column { width: 100%; padding: 1.2vw 3.2vw 0.2vw 3.2vw; box-sizing: border-box; background-color: #e4e4e4; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column .icon { width: 4vw; margin: 0 0 1vw 0;}
  .page-pickup-con .picup-form-table .column .icon img { width: auto; height: 2vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column .form { width: calc(100% - 4vw); margin: 0 0 1vw 0;}
  .page-pickup-con .picup-form-table .column .form input[type=text].style-1 { width: 36.2vw; padding: 0.3vw 1.5vw; margin: 0 1vw 0 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form select { width: 36.2vw; padding: 0.3vw 1.5vw; margin: 0 1vw 0 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form input[type=text].style-2 { width: 14vw; padding: 0.3vw 1.5vw; margin: 0 1vw 0 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form input[type=time] { width: 12vw; padding: 0.3vw 1.5vw; margin: 0 1vw 0 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form input[type=button].style-1 { padding: 0.3vw 2vw; color: #fff; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 0.3vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-pickup-con .picup-form-table .column .form input[type=button].style-2 { padding: 0.3vw 1vw; margin: 0.5vw 0; color: #fff; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 0.3vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-pickup-con .picup-form-table .column .form span.text-note { color: #bf272d; font-size: 0.9vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column .form input[type=date].style-1 { width: 12vw; padding: 0.3vw 1.5vw; margin: 0 1vw 0 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}

  .page-pickup-con .picup-form-table .column .form ul.address-input { width: 100%; padding: 0; margin: 0 0 1vw 0; list-style: none; display: block;}
  .page-pickup-con .picup-form-table .column .form ul.address-input li { width: 100%; padding: 0; margin: 0 0 0.5vw 0; display: flex; justify-content: flex-start;}
  .page-pickup-con .picup-form-table .column .form ul.address-input li .dragg-icon { width: 1.5vw; margin: 0 0 0 0.5vw; font-size: 1.5vw; cursor: pointer;}


  /************ 20240724新增 ************/
  .page-pickup-con .notice-popup-bt { clear: both; margin: 20px 0 0 0; width: 100%;}
  .page-pickup-con .notice-popup-bt a { width: 12vw; padding: 0.3vw 0; color: #fff; font-size: 1vw; text-align: center; text-decoration: none; background-color: #bf272d; display: block;}


  .page-pickup-con .picup-form-table .column-2 { width: 100%; padding: 1.2vw 1.7vw 0.2vw 1.7vw; box-sizing: border-box; background-color: #e4e4e4; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-2 .type-title { width: 100%; padding: 0 0 1.5vw 1.5vw; box-sizing: border-box; font-size: 1.6vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-2 .star { width: 1.4vw; margin: 0 0 1.5vw 0; color: #bf272d; font-size: 1.4vw; display: block;}
  .page-pickup-con .picup-form-table .column-2 .icon { width: 3.4vw; margin: 0 0 1.5vw 0;}
  .page-pickup-con .picup-form-table .column-2 .icon img { width: auto; height: 2vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column-2 .icon .container { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  .page-pickup-con .picup-form-table .column-2 .icon .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
  .page-pickup-con .picup-form-table .column-2 .icon .checkmark { position: absolute; top: 0.3vw; left: 0.8vw; height: 1.6vw; width: 1.6vw; border: 1px #63c1d1 solid; border-radius: 0.3vw; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .icon .container:hover input ~ .checkmark { border: 1px #63c1d1 solid; background-color: #ccc; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .icon .container input:checked ~ .checkmark { background-color: #63c1d1;}
  .page-pickup-con .picup-form-table .column-2 .icon .checkmark:after { content: ""; position: absolute; display: none;}
  .page-pickup-con .picup-form-table .column-2 .icon .container input:checked ~ .checkmark:after { display: block;}
  .page-pickup-con .picup-form-table .column-2 .icon .container .checkmark:after { left: 0.45vw; top: 0.1vw; width: 0.4vw; height: 0.8vw; border: solid white; border-width: 0 0.2vw 0.2vw 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
  .page-pickup-con .picup-form-table .column-2 .form { width: calc(100% - 4.8vw); margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-2 .form .title { width: 8vw;}
  .page-pickup-con .picup-form-table .column-2 .form .infor { width: calc(100% - 8vw); display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-2 .form .infor input[type=text].style-1, 
  .page-pickup-con .picup-form-table .column-2 .form .infor input[type=number].style-1 { width: 10vw; padding: 0.3vw 1.5vw; margin: 0 1vw 0 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .infor select { width: 12vw; padding: 0.3vw 1.5vw; margin: 0 1vw 0 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .infor .exp-bt { width: 14vw; margin: 0 0 0 1.5vw;}
  .page-pickup-con .picup-form-table .column-2 .form .infor .exp-bt a { width: 100%; padding: 0.2vw 0; color: #fff; font-size: 1.2vw; font-weight: 300; text-align: center; text-decoration: none; border-radius: 1vw; background-color: #2974ff; display: block;}
  .page-pickup-con .picup-form-table .column-2 .form .infor .exp-bt a:hover { background-color: #29bdff;}
  .page-pickup-con .picup-form-table .column-2 .form .q-title { width: 100%;}
  .page-pickup-con .picup-form-table .column-2 .form input[type=text].style-2 { width: 55vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form textarea { width: 55vw; height: 6vw; padding: 0.3vw 1.5vw; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half .item { width: 16vw;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half .item-2 { width: 5vw;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half select { width: 10vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half input[type=text].style-3 { width: 21vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form span.text-note { color: #bf272d; font-size: 0.9vw; font-weight: 300;}

  .page-pickup-con .picup-form-table .column-3 { width: 100%; padding: 1.2vw 1.7vw 0.2vw 1.7vw; box-sizing: border-box; background-color: #e4e4e4; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-lf { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .star { width: 1.4vw; margin: 0 0 1.5vw 0; color: #bf272d; font-size: 1.4vw; display: block;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .icon { width: 3.4vw; margin: 0 0 1.5vw 0;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .icon img { width: auto; height: 2vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form { width: calc(100% - 4.8vw); margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=text].style-1 { width: 10vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=radio] { width: 1.4vw; height: 1.4vw;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=tel], 
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=email] { width: 20vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-rt { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .star { width: 1.4vw; margin: 0 0 1.5vw 0; color: #bf272d; font-size: 1.4vw; display: block;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .icon { width: 3.4vw; margin: 0 0 1.5vw 0;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .icon img { width: auto; height: 2vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .form { width: calc(100% - 4.8vw); margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .form input[type=tel] { width: 20vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .form input[type=date], 
  .page-pickup-con .picup-form-table .column-3 .col-rt .form select { width: 12vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-full .type-title { width: 100%; padding: 0 0 1.5vw 1.5vw; box-sizing: border-box; font-size: 1.6vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-full .star { width: 1.4vw; margin: 0 0 1.5vw 0; color: #bf272d; font-size: 1.4vw; display: block;}
  .page-pickup-con .picup-form-table .column-3 .col-full .title { width: 10vw; margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form { width: calc(100% - 11.4vw); margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form span.color-red { color: #bf272d;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=text].style-1 { width: 10vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=radio] { width: 1.4vw; height: 1.4vw;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=checkbox] { width: 1.4vw; height: 1.4vw;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=tel], 
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=email], 
  .page-pickup-con .picup-form-table .column-3 .col-full .form select { width: 18vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form span.text-note { color: #bf272d; font-size: 0.9vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form select { width: 12vw; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}

  

  .page-pickup-con input[type=button].next-step-bt { width: 12vw; padding: 0.3vw 0; margin: 2vw auto 0 auto; color: #fff; font-size: 1.4vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 0.3vw; background-color: #173042; cursor: pointer;}

  .page-pickup-con .step-tab-bar { width: 100%; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: stretch; position: absolute; top: 6.8vw; left: 0; z-index: 2;}
  .page-pickup-con .step-tab-bar .step-box { width: 4vw; height: 2vw; margin: 0 0 0 0.7vw; color: #173042; font-size: 1vw; border: 1px #173042 solid; border-radius: 0.5vw 0.5vw 0 0; display: flex; justify-content: center; align-items: center;}
  .page-pickup-con .step-tab-bar .step-box.active { color: #63c1d1; background-color: #173042;}


  /**** 20240508_new ****/
  .page-pickup-con .picup-form-table .column-3 .col-lf .top-title, 
  .page-pickup-con .picup-form-table .column-3 .col-rt .top-title, 
  .page-pickup-con .picup-form-table .column-3 .col-lf .arrow-down { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 1.8vw; font-weight: 500; text-align: center;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .text-address { width: 100%; padding: 1vw 0; color: #173042; font-size: 1.6vw; font-weight: 300; text-align: center;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .day-time-bar { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 1.6vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .s-title { width: 8vw; padding: 0.2vw 0; color: #173042; font-size: 1.6vw; font-weight: 400;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .s-infor { width: calc(100% - 8vw); padding: 0.2vw 0; color: #173042; font-size: 1.6vw; font-weight: 300;}
 
  .page-pickup-con input[type=button].next-step-bt { width: 12vw; padding: 0.3vw 0; margin: 2vw auto 0 auto; color: #fff; font-size: 1.4vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 0.3vw; background-color: #173042; cursor: pointer;}

  .page-pickup-con .step-tab-bar { width: 100%; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: stretch; position: absolute; top: 5.1vw; left: 0; z-index: 2;}
  .page-pickup-con .step-tab-bar .step-box { width: 4vw; height: 2vw; margin: 0 0 0 0.7vw; color: #173042; font-size: 1vw; border: 1px #173042 solid; display: flex; justify-content: center; align-items: center;}
  .page-pickup-con .step-tab-bar .step-box.active { color: #63c1d1; background-color: #173042;}

  .page-pickup-con .picup-form-table .column-3 .total-price { width: 100%; padding: 30px 0; font-size: 1.6vw; font-weight: 500; text-align: right;}
  .page-pickup-con .picup-form-table .column-3 .total-price span.price { color: #bf272d;}

  ul.invoice-tab { clear: both; width: 100%; padding: 0 1.5vw; margin: 0; box-sizing: border-box; list-style: none; display: flex; justify-content: flex-start;}
  ul.invoice-tab li { width: 7vw; padding: 0; margin: 0 0.5vw 0 0;}
  ul.invoice-tab li a { width: 100%; padding: 0.5vw 0; color: #000; font-size: 1.2vw; text-align: center; border: 1px #000 solid; background-color: #fff; text-decoration: none; box-sizing: border-box; display: block;}
  ul.invoice-tab li a:hover { background-color: #63c1d1;}
  ul.invoice-tab li a.sel { color: #fff; background-color: #000;}
  
  .invoice-detail { width: calc(100% - 3vw); margin: -1px 1.5vw 2vw 1.5vw; padding: 1.5vw; border: 1px #000 solid; box-sizing: border-box; background-color: #fff;}
  .invoice-detail div { display: none;}
  .invoice-detail div .content-table { width: 100%;}
  .invoice-detail div .content-table .caption-title { clear: both; width: 10vw; padding: 0.5vw 0 0 0; font-size: 1.2vw; float: left;}
  .invoice-detail div .content-table .column-detail { width: calc(100% - 15vw); float: left;}
  .invoice-detail div .content-table .column-detail input[type=text].style-full, 
  .invoice-detail div .content-table .column-detail select.style-full { width: 100%; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}

  .page-pickup-con .picup-form-table .column-3 .col-full .title-pay { width: 13vw; margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay { width: calc(100% - 14.4vw); margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay span.price { color: #bf272d; font-weight: 600;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay input[type=radio] { width: 1.8vw; height: 1.8vw; margin: 0 0.5vw 0 0;}

  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card-mo { display: none;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card { width: calc(100% - 14.4vw); margin: 0 0 1.5vw 0; font-size: 1.4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card span.price { color: #bf272d; font-weight: 600;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card input[type=radio] { width: 1.8vw; height: 1.8vw; margin: 0 0.5vw 0 0;}

  .page-pickup-con .picup-form-table .column-3 .col-full .member-check { clear: both; width: 100%; padding: 1.4vw; font-size: 1.2vw; line-height: 1.2vw; font-weight: 300; border-top: 1px #ccc solid; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full .member-check input[type=checkbox] { width: 1.2vw; height: 1.2vw;}
  .page-pickup-con .picup-form-table .column-3 .col-full .member-check a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-pickup-con .picup-form-table .column-3 .col-full .member-check a:hover { color: #0071ba; border-bottom: 1px #0071ba dashed;}


  /** 20240521新增 **/
  .page-pick-up-notice-popup { clear: both; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 9999999;}
  .page-pick-up-notice-popup .notice-content { width: 50vw; padding: 1vw 1vw 2vw 1vw; box-sizing: border-box; background-color: #fff;}
  .page-pick-up-notice-popup .notice-content .close-bt { width: 2vw; font-size: 2vw; text-align: center; float: right; cursor: pointer;}
  .page-pick-up-notice-popup .notice-content .text-box { clear: both; width: 100%; font-size: 1.1vw; font-weight: 300; line-height: 2vw;}
  .page-pick-up-notice-popup .notice-content .text-box .title { width: 100%; margin: 0 0 1vw 0; font-size: 1.4vw; font-weight: 500; text-align: center;}
  .page-pick-up-notice-popup .notice-content .text-box ul { width: 100%; padding: 0 0 0 1.2vw; margin: 0; box-sizing: border-box; list-style: decimal; display: block;}
  .page-pick-up-notice-popup .notice-content .text-box ul li { padding: 0; margin: 0;}


  /************ section #page-news ************/

  section#page-news { clear: both; width: 100%; padding: 4vw 8vw; box-sizing: border-box; background-color: #f0f0f0;}

  .page-news-title { width: 100%; margin: 0 0 4vw 0; text-align: center;}
  .page-news-title .news-title-cn { width: 7.4vw; padding: 0.4vw 0; margin: 0 auto; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-news-title .news-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em;}

  .page-news-list { width: 70%; margin: 0 auto; border-top: 1px #ccc solid;}
  .page-news-list .list-table-full { width: 100%; padding: 1.5vw 0; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-news-list .list-table-full .news-date { width: 8.5vw; padding: 0.1vw 0 0 0; color: #333; font-size: 1.1vw;}
  .page-news-list .list-table-full .news-type { width: 7.5vw; padding: 0.2vw 0; color: #fff; font-size: 1vw; font-weight: 700; text-align: center; background-color: #63c1d1;}
  .page-news-list .list-table-full .news-title { width: calc(100% - 8.5vw - 7.5vw); padding: 0 0 0 2.8vw; font-size: 1.1vw; box-sizing: border-box;}
  .page-news-list .list-table-full .news-title a { color: #000; text-decoration: none;}
  .page-news-list .list-table-full .news-title a:hover { border-bottom: 1px #000 dashed;}

  ul.page-news-pagenum { clear: both; width: 70%; padding: 0; margin: 4vw auto 0 auto; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-news-pagenum li { padding: 0; margin: 0 0.2vw 0.5vw 0.2vw;}
  ul.page-news-pagenum li a { padding: 0.3vw 0.5vw; color: #173042; font-size: 1vw; text-decoration: none; border: 1px #173042 solid; display: block;}
  ul.page-news-pagenum li a:hover { background-color: #fff;}
  ul.page-news-pagenum li a.sel { color: #fff; background-color: #63c1d1;}


  .page-news-content { clear: both; width: 70%; margin: 2vw auto 0 auto; font-size: 1vw; line-height: 2vw;}
  .page-news-content img { max-width: 100%; height: auto;}
  .page-news-content a { color: #414141; text-decoration: none; border-bottom: 1px #414141 dashed;}

  .page-goback-bt { clear: both; width: 6vw; margin: 4vw auto 0 auto;}
  .page-goback-bt a { width: 100%; padding: 0.5vw 0; color: #fff; font-size: 0.8vw; text-align: center; text-decoration: none; border-radius: 10px; background-color: #173042; display: block;}
  .page-goback-bt a:hover { background-color: #63c1d1;}

  .page-pickup-con .picup-form-table .column-3 .col-full .member-check { clear: both; width: 100%; padding: 1.4vw; font-size: 1.2vw; line-height: 1.2vw; font-weight: 300; border-top: 1px #ccc solid; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full .member-check input[type=checkbox] { width: 1.2vw; height: 1.2vw;}


  /************ section #page-members ************/

  section#page-members { clear: both; width: 100%; padding: 4vw 0;}

  .page-members-title { width: 100%; padding: 0 0 2.5vw 0;}
  .page-members-title .members-title-cn { width: 7.4vw; padding: 0.4vw 0; margin: 0 auto; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-members-title .members-title-en { width: 100%; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em; text-align: center;}

  .page-members-login { clear: both; width: 80%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-login .col-half { width: 50%;}
  .page-members-login .col-half .s-title { width: 100%; font-size: 1.4vw; margin: 0 0 2vw 0;}
  .page-members-login .col-half input[type=text], 
  .page-members-login .col-half input[type=password] { width: 24vw !important; margin: 0 0 1vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-login .col-half input[type=submit], 
  .page-members-login .col-half input[type=button] { width: 24vw; margin: 0 0 1vw 0; padding: 0.3vw 1vw; color: #fff; font-size: 1vw; border: 0; border-radius: 0.3vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-members-login .col-half .forget-note { clear: both; width: 24vw; padding: 1vw 0 0 0; margin: 1vw 0 0 0; border-top: 1px #ccc solid; color: #333; font-size: 0.9vw;}
  .page-members-login .col-half .forget-note a { color: #173042; text-decoration: none; border-bottom: 1px #333 solid;}
  .page-members-login .col-half .forget-note a:hover { color: #29bdff; border-bottom: 1px #29bdff solid;}
  .page-members-login .col-half .sign-up-note { clear: both; width: 100%; padding: 2vw; font-size: 1vw; border-radius: 0.5vw; background-color: #eee; box-sizing: border-box;}
  .page-members-login .col-half .sign-up-note .sign-up-bt { clear: both; width: 16vw; margin: 1vw auto 0 auto;}
  .page-members-login .col-half .sign-up-note .sign-up-bt a { width: 100%; padding: 0.3vw 1vw; color: #fff; font-size: 1vw; text-align: center; text-decoration: none; border-radius: 0.3vw; background-color: #32626a; display: block; box-sizing: border-box;}

  .page-members-sign-up { clear: both; width: 80%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-sign-up .title { width: 100%; margin: 0 0 2vw 0; font-size: 2vw; text-align: center;}
  .page-members-sign-up .column-left { width: 65%;}
  .page-members-sign-up .column-left .s-title { width: 100%; padding: 0 0 0.5vw 0; font-size: 1.4vw;}
  .page-members-sign-up .column-left input.style-1 { width: calc(50% - 2vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left input[type=date] { width: calc(50% - 2vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw 0.5vw 7vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left select { width: calc(50% - 2vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left input.style-2 { width: calc(100% - 2.75vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-right { width: 35%;}
  .page-members-sign-up .column-right .s-title { width: 100%; padding: 0 0 0.5vw 0; font-size: 1.4vw;}
  .page-members-sign-up .column-right input.style-1 { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-right input.style-2 { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #ccc; box-sizing: border-box;}
  .page-members-sign-up .column-right .text-note { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 1vw 0 0 0; font-size: 0.9vw; font-weight: 300; line-height: 2vw; text-align: center; box-sizing: border-box;}
  .page-members-sign-up .column-right .text-note span.color-red { color: #bf272d;}
  .page-members-sign-up .column-full { width: 100%; height: 20vw; padding: 2vw; margin: 2vw 0 0 0; background-color: #eee; overflow-y: scroll; box-sizing: border-box;}
  .page-members-sign-up .column-full .s-title { width: 100%; padding: 0 0 1vw 0; font-size: 1.2vw; text-align: center;}
  .page-members-sign-up .column-full .text-con { width: 100%; font-size: 1vw; font-weight: 300; line-height: 2vw;}
  .page-members-sign-up .column-half { width: 50%; margin: 1vw 0 0 0; font-size: 1vw;}
  .page-members-sign-up .column-half .container { padding: 0 0 0 2vw; display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  .page-members-sign-up .column-half .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
  .page-members-sign-up .column-half .checkmark { position: absolute; top: 0; left: 0; height: 1.6vw; width: 1.6vw; border: 1px #63c1d1 solid; border-radius: 0.3vw; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-half .container:hover input ~ .checkmark { border: 1px #63c1d1 solid; background-color: #ccc; box-sizing: border-box;}
  .page-members-sign-up .column-half .container input:checked ~ .checkmark { background-color: #63c1d1;}
  .page-members-sign-up .column-half .checkmark:after { content: ""; position: absolute; display: none;}
  .page-members-sign-up .column-half .container input:checked ~ .checkmark:after { display: block;}
  .page-members-sign-up .column-half .container .checkmark:after { left: 0.45vw; top: 0.1vw; width: 0.4vw; height: 0.8vw; border: solid white; border-width: 0 0.2vw 0.2vw 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
   

  ul.members-nav { width: 100%; padding: 0; margin: 0 0 3vw 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.members-nav li { width: 10vw; padding: 0; margin: 0.5vw;}
  ul.members-nav li a { width: 100%; padding: 0.3vw 0; color: #173042; font-size: 1.2vw; border: 1px #173042 solid; border-radius: 0.3vw; text-align: center; text-decoration: none; display: block;}
  ul.members-nav li a:hover { background-color: #eee;}
  ul.members-nav li a.sel { color: #fff; background-color: #173042;}

  .page-members-sign-up .column-left label.sex-box { margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.1vw; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left input.style-3 { width: 15vw; margin: 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left input[type=button].style-1 { width: calc(50% - 2.25vw - 15vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 0; background-color: #ccc; box-sizing: border-box; cursor: pointer;}
  .page-members-sign-up .column-left input[type=button].style-2 { width: calc(50% - 2.25vw - 15vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 0; background-color: #ccc; box-sizing: border-box; cursor: pointer;}
  .page-members-sign-up .column-left select.style-full { width: calc(100% - 2.75vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}


  .page-members-order { clear: both; width: 80%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-order .mem-order-table { width: 100%; margin: 0 0 4vw 0;}
  .page-members-order .mem-order-table .caption-full { width: 100%; font-size: 1.1vw; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: center;}
  .page-members-order .mem-order-table .caption-full .caption-1 { width: 15%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-2 { width: 15%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-3 { width: 10%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-4 { width: 15%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-5 { width: 35%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-6 { width: 10%; padding: 0.5vw; text-align: center; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full { width: 100%; font-size: 1.1vw; font-weight: 300; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-1 { width: 15%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-2 { width: 15%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-3 { width: 10%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-4 { width: 15%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-5 { width: 35%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-6 { width: 10%; padding: 0.5vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-6 div.extend { width: 100%; padding: 0.2vw 0; color: #fff; font-size: 1vw; font-weight: 300; text-align: center; text-decoration: none; border-radius: 0.5vw; background-color: #0071ba; display: block; cursor: pointer;}

  
  /*** 20240514新增 ***/
  .page-members-sign-up .col-full { clear: both; width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-members-sign-up .col-full .caption { width: 4vw; margin: 0 0 1vw 0; font-size: 1.2vw;}
  .page-members-sign-up .col-full .column { width: calc(50% - 4vw); margin: 0 0 1vw 0; font-size: 1.2vw; font-weight: 300;}
  .page-members-sign-up .col-full .column input[type=text].style-1, 
  .page-members-sign-up .col-full .column input[type=tel], 
  .page-members-sign-up .col-full .column input[type=email], 
  .page-members-sign-up .col-full .column input[type=password] { width: 90%; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-full .column input[type=radio] { width: 1vw; height: 1vw;}
  .page-members-sign-up .col-full .column input[type=date] { width: 23.8vw; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-full .column input[type=button].style-1 { width: 8vw; padding: 0.5vw 0; color: #fff; font-size: 1.2vw; border: 0; border-radius: 0.3vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-members-sign-up .col-full .column input[type=text].style-2 { width: 20vw; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}

  .page-members-sign-up .col-half { width: 50%; margin: 0 0 1vw 0;}
  .page-members-sign-up .col-half input[type=text] { width: 30vw; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-half input[type=button] { width: 6vw; padding: 0.5vw 0; color: #fff; font-size: 1.2vw; border: 0; border-radius: 0.3vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}

  .page-members-sign-up .col-full .column-x3 { width: calc(100% - 4vw); margin: 0 0 1vw 0; display: flex; justify-content: flex-start; align-items: center;}
  .page-members-sign-up .col-full .column-x3 select { width: 10vw; padding: 0.5vw 1vw; margin: 0 0.5vw 0 0; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-full .column-x3 input[type=text] { width: 50.5vw; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}

  .page-members-sign-up .column-half input[type=checkbox] { width: 1.1vw; height: 1.1vw;}
  .page-members-sign-up .column-half a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-members-sign-up .column-half a:hover { color: #0071ba; border-bottom: 1px #0071ba dashed;}

  .page-members-forgat { clear: both; width: 100%;}
  .page-members-forgat .col-forgat { clear: both; width: 50%; margin: 0 auto;}
  .page-members-forgat .col-forgat .s-title { width: 100%; padding: 0 0 0.5vw 0; font-size: 1.4vw; text-align: center;}
  .page-members-forgat .col-forgat input.style-1 { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-forgat .col-forgat input.style-2 { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 1.2vw; border: 1px #ccc solid; background-color: #ccc; box-sizing: border-box;}
  .page-members-forgat .col-forgat .text-note { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 1vw 0 0 0; font-size: 0.9vw; font-weight: 300; line-height: 2vw; text-align: center; box-sizing: border-box;}
  .page-members-forgat .col-forgat .text-note span.color-red { color: #bf272d;}
  .page-members-forgat .col-forgat .sign-up-bt { clear: both; width: 100%; margin: 2vw 0 0 0;}
  .page-members-forgat .col-forgat .sign-up-bt a { width: 100%; padding: 0.3vw 0; color: #fff; font-size: 1vw; text-align: center; text-decoration: none; border-radius: 0.5vw; background-color: #173042; display: block;}

  .page-members-sign-up .sign-up-bt { width: 26vw; margin: 2vw auto 0 auto;}
  .page-members-sign-up .sign-up-bt a { width: 100%; padding: 0.3vw 0; color: #fff; font-size: 1vw; text-align: center; text-decoration: none; border-radius: 0.5vw; background-color: #173042; display: block;}

  .page-members-order .mem-order-table .column-full .column-7 { width: 100%; padding: 2vw; border-top:  1px #ccc dashed; background-color: #f1f1f1; box-sizing: border-box; display: none; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-7 .col-lf { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-7 .col-lf .top-title, 
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .top-title, 
  .page-members-order .mem-order-table .column-full .column-7 .col-lf .arrow-down { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 1.4vw; font-weight: 500; text-align: center;}
  .page-members-order .mem-order-table .column-full .column-7 .col-lf .text-address { width: 100%; padding: 1vw 0; color: #173042; font-size: 1.2vw; font-weight: 300; text-align: center;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .day-time-bar { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 1.2vw; font-weight: 300;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .s-title { width: 6.5vw; padding: 0.2vw 0; color: #173042; font-size: 1.2vw; font-weight: 400;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .s-infor { width: calc(100% - 6.5vw); padding: 0.2vw 0; color: #173042; font-size: 1.2vw; font-weight: 300;}
  .page-members-order .mem-order-table .column-full .column-7 .total-price { width: 100%; padding: 30px 0; font-size: 1.4vw; font-weight: 500; text-align: right;}
  .page-members-order .mem-order-table .column-full .column-7 .total-price span.price { color: #bf272d;}


  /************ section #page-members ************/

  section#page-members { clear: both; width: 100%; padding: 4vw 0;}


  /************ section #page-service ************/

  section#page-service { clear: both; width: 100%; padding: 4vw 0; background-color: #63c1d1; position: relative; z-index: 2;}

  .page-service-pic-full { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-service-pic-full .service-pic-box { width: calc(100% / 4); position: relative; z-index: 2;}
  .page-service-pic-full .service-pic-box.style-1 { margin: 5vw 0 0 0;}
  .page-service-pic-full .service-pic-box.style-2 { margin: 15vw 0 0 0;}
  .page-service-pic-full .service-pic-box.style-3 { margin: 7.5vw 0 0 0;}
  .page-service-pic-full .service-pic-box img { width: 100%; height: auto; position: relative; z-index: 1;}
  .page-service-pic-full .service-pic-box .infor-title-1 { width: 4vw; padding: 1vw 0; color: #173042; font-size: 2.4vw; font-weight: 300; line-height: 3vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; right: 2.2vw; z-index: 2;}
  .page-service-pic-full .service-pic-box .infor-title-2 { width: 4vw; padding: 1vw 0; color: #173042; font-size: 2.4vw; font-weight: 300; line-height: 3vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; left: 2.2vw; z-index: 2;}

  .page-service-title-infor { width: 50%; margin: 0 auto 4vw auto;}
  .page-service-title-infor .service-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-service-title-infor .service-title-en { width: 100%; padding: 0.3vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em;}
  .page-service-title-infor .service-infor { width: 100%; font-size: 1.2vw; line-height: 1.8vw;}


  /************ section #page-qanda ************/

  section#page-qanda { clear: both; width: 100%; padding: 4vw 0;}

  .page-qanda-title { width: 100%; padding: 0 0 2.5vw 0; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
  .page-qanda-title .qanda-title-cn { width: 7.4vw; padding: 0.4vw 0; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-qanda-title .qanda-title-en { width: 9.6vw; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em; text-align: center;}

  .page-qanda-menu { width: 100%; border-top: 1px #173042 solid; border-bottom: 1px #173042 solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-qanda-menu .qanda-type { width: calc(100% / 4); border-right: 1px #173042 solid; box-sizing: border-box;}
  .page-qanda-menu .qanda-type a { width: 100%; padding: 3.2vw 0; color: #173042; font-size: 2vw; font-weight: 300; letter-spacing: 0.1em; text-align: center; text-decoration: none; display: block; transition: 0.5s;}
  .page-qanda-menu .qanda-type a:hover { color: #fff; background-color: #173042;}
  .page-qanda-menu .qanda-type a.sel { color: #fff; background-color: #173042;}
  .page-qanda-menu .qanda-type:last-of-type { border-right: 0;}

  ul.page-qanda-content { clear: both; width: 70%; padding: 0; margin: 2vw auto 0 auto; list-style: none; display: block;}
  ul.page-qanda-content li { width: 100%; padding: 2vw 0; margin: 0; border-bottom: 1px #ccc solid;}
  ul.page-qanda-content li:last-of-type { border-bottom: 0;}
  ul.page-qanda-content li .question-bar { width: 100%; font-weight: 600; display: flex; justify-content: flex-start; align-items: flex-start;}
  ul.page-qanda-content li .answer-text { width: 100%; padding: 0.5vw 0 0 0; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start;}
  ul.page-qanda-content li .question-bar .caption, 
  ul.page-qanda-content li .answer-text .caption { width: 3vw; font-size: 1.2vw; font-weight: 600;}
  ul.page-qanda-content li .question-bar .column, 
  ul.page-qanda-content li .answer-text .column { width: calc(100% - 3vw); font-size: 1.2vw; line-height: 2vw;}


  /************ section #page-cooperate ************/

  section#page-cooperate { clear: both; width: 100%; padding: 4vw 8vw; box-sizing: border-box;}

  .page-cooperate-title-infor { width: 100%; margin: 0 0 4vw 0;}
  .page-cooperate-title-infor .contact-title-cn { width: 7.4vw; padding: 0.4vw 0; margin: 0 auto; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-cooperate-title-infor .contact-title-en { width: 100%; padding: 0.3vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em; text-align: center;}

  .page-cooperate-content { clear: both; width: 70%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-cooperate-content .coop-contact-infor { width: 50%; font-size: 1.2vw; line-height: 2vw;}
  .page-cooperate-content .coop-contact-infor .title-name { width: 100%; padding: 0 0 1vw 0; font-size: 1.8vw; font-weight: 500;}
  .page-cooperate-content .coop-contact-form { width: 50%;}
  .page-cooperate-content .coop-contact-form form { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-cooperate-content .coop-contact-form form .caption { width: 5.5vw; margin: 0 0 0.8vw 0; font-size: 1.2vw; text-align: right;}
  .page-cooperate-content .coop-contact-form form .column { width: calc(100% - 5.5vw);}
  .page-cooperate-content .coop-contact-form form .column input[type=text], 
  .page-cooperate-content .coop-contact-form form .column input[type=tel], 
  .page-cooperate-content .coop-contact-form form .column input[type=email] { width: 100%; padding: 0.5vw 1vw; margin: 0 0 0.8vw 0; font-size: 1.1vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-cooperate-content .coop-contact-form form .column textarea { width: 100%; height: 6vw; padding: 0.5vw 1vw; margin: 0 0 0.8vw 0; font-size: 1.1vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-cooperate-content .coop-contact-form form .column input[type=submit],input[type=button] { padding: 0.4vw 2vw; color: #fff; font-size: 1.1vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 3vw; background-color: #173042; cursor: pointer;}


  /************ section #page-rent-car ************/

  section#page-rent-car { clear: both; width: 100%; padding: 4vw 8vw; box-sizing: border-box;}

  .page-rent-car-title-infor { width: 100%; margin: 0 0 4vw 0;}
  .page-rent-car-title-infor .contact-title-cn { width: 15vw; padding: 0.4vw 0; margin: 0 auto; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-rent-car-title-infor .contact-title-2-cn { width: 8vw; padding: 0.4vw 0; margin: 0 auto; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-rent-car-title-infor .contact-title-en { width: 100%; padding: 0.3vw 0; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em; text-align: center;}

  .page-rent-car-content-mo { display: none;}
  .page-rent-car-content { clear: both; width: 70%; padding: 2vw 0; margin: 0 auto; font-size: 1.4vw; text-align: center;}


  /** 20240521修改 **/
  .page-rent-car-content a.join-line-bt { width: 12vw; padding: 0.5vw 0; margin: 0 auto; color: #fff; font-size: 1.4vw; text-align: center; text-decoration: none; border-radius: 2vw; background-color: #173042; display: block;}
  .page-rent-car-content a.join-line-bt:hover { background-color: #0071ba;}


  /************ section #page-sitemap ************/

  section#page-sitemap { clear: both; width: 100%; padding: 4vw 0 8vw 0;}

  .page-sitemap-title { width: 100%; padding: 0 0 2.5vw 0; box-sizing: border-box;}
  .page-sitemap-title .sitemap-title-cn { width: 7.4vw; padding: 0.4vw 0; margin: 0 auto; color: #fff; font-size: 1.4vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-sitemap-title .sitemap-title-en { clear: both; width: 100%; margin: 0 auto; color: #173042; font-size: 3.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.4vw; letter-spacing: -0.05em; text-align: center;}

  ul.sitemap-nav { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  ul.sitemap-nav li { padding: 0; margin: 0 1vw 3vw 1vw;}
  ul.sitemap-nav li a { padding: 0.3vw 0.5vw; color: #173042; font-size: 1.2vw; text-decoration: none; display: block;}
  ul.sitemap-nav li a:hover { color: #fff; background-color: #173042;}


  .page-error-con { clear: both; width: 100%; padding: 6vw 0;}
  .page-error-con .text-bigger { width: 100%; margin: 0 0 3vw 0; font-size: 2.2vw; font-weight: 500; text-align: center;}
  .page-error-con .goback-bt { width: 100%; text-align: center;}
  .page-error-con .goback-bt a { color: #173042; font-size: 1.6vw; border-bottom: 1px #173042 solid; text-decoration: none;}


  /************ footer ************/

  footer { clear: both; width: 100%; height: 7.5vw; display: flex; justify-content: flex-start; align-items: stretch;}

  .footer-logo-title { width: 7.5vw; height: 7.5vw; background-color: #000; display: flex; justify-content: center; align-items: center;}
  .footer-logo-title img { width: 4.2vw; height: auto;}

  .footer-nav-infor { width: calc(100% - 7.5vw); height: 7.5vw;}
  .footer-nav-infor .footer-nav { width: 100%; height: 50%; background-color: #fff; display: flex; justify-content: flex-start; align-items: center;}
  .footer-nav-infor .footer-nav ul.footer-menu { padding: 0 0 0 4.5vw; margin: 0 1vw 0 0; list-style: none; display: flex; justify-content: flex-start; align-items: center;}
  .footer-nav-infor .footer-nav ul.footer-menu li { padding: 0 3vw 0 0; margin: 0;}
  .footer-nav-infor .footer-nav ul.footer-menu li a { color: #000; font-size: 1.2vw; text-decoration: none;}
  .footer-nav-infor .footer-nav ul.footer-menu li a:hover { color: #63c2d2;}
  .footer-nav-infor .footer-nav .social-icons { display: flex; justify-content: flex-start; align-items: center;}
  .footer-nav-infor .footer-nav .social-icons img { width: 1.5vw; height: auto; margin: 0 0.5vw 0 0;}
  .footer-nav-infor .footer-infor-mo { display: none;}
  .footer-nav-infor .footer-infor { width: 100%; height: 50%; padding: 0 0 0 4.5vw; color: #000; font-size: 1.1vw; background-color: #63c2d2; display: flex; align-items: center; box-sizing: border-box;}


}

@media screen and (min-width: 768px) and (max-width: 1023px) {

  /************ aside ************/

  aside#page-aside-icons { width: 6vw; padding: 1vw 0; border-radius: 3vw 0 0 3vw; background-color: #63c1d1; overflow: hidden; position: fixed; top: 15vw; right: 0; z-index: 1000;}
  aside#page-aside-icons .icon-box { width: 6vw; height: 5.3vw; border-bottom: 3px #9fd9e3 solid;}
  aside#page-aside-icons .icon-box:last-child { border-bottom: 0;}
  aside#page-aside-icons .icon-box a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
  aside#page-aside-icons .icon-box a img { width: auto; height: 3vw;}


  /************ header + nav ************/

  header { clear: both; width: 100%; height: 8vw; background-color: rgba(255,255,255,0.9); display: flex; justify-content: flex-start; align-items: center; position: fixed; top: 0; left: 0; z-index: 999;}

  .header-logo { width: 8vw; height: 8vw; background-color: #fff; display: flex; justify-content: center; align-items: center;}
  .header-logo img { width: 5.5vw; height: auto;}

  .header-tel { width: 8vw; height: 8vw; background-color: #173042; display: flex; justify-content: center; align-items: center;}
  .header-tel img { width: 4vw; height: auto;}

  .header-title-nav-icons { width: calc(100% - 16vw); display: flex; justify-content: flex-start; align-items: center;}
  .header-title-nav-icons .header-title { width: 20vw; padding: 0 0 0 1.5vw; box-sizing: border-box;}
  .header-title-nav-icons .header-title img { width: 12vw; height: auto;}
  .header-title-nav-icons .header-social { display: none;}

  nav#pc { display: none;}
  nav#mo { width: calc(100% - 20vw);}
  nav#mo .nav-icon { width: 8vw; color: #000; font-size: 4vw; float: right;}
  
  ul.nav-menu-mo { width: 100%; padding: 6vw; margin: 0; box-sizing: border-box; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; background-color: #fff; list-style: none; display: none; position: fixed; top: 8vw; left: 0; z-index: 99999;}
  ul.nav-menu-mo li { width: 100%; padding: 0; margin: 0;}
  ul.nav-menu-mo li a { width: 100%; padding: 1vw 0; color: #000; font-size: 2.4vw; text-decoration: none; display: flex; justify-content: center; align-items: center; transition: 0.7s;}
  ul.nav-menu-mo li a:active { font-weight: 600; background-color: #63c1d1;}
  ul.nav-menu-mo .header-social-mo { clear: both; width: 100%; margin: 4vw 0 0 0; display: flex; justify-content: center; align-items: center;}
  ul.nav-menu-mo .header-social-mo img { width: 4vw; height: auto; margin: 0 1.5vw;}


  /************ index banner ************/

  .index-banner-box { clear: both; width: 100%; position: relative; z-index: 1;}
  .index-banner-box img.banner-pic { width: 100%; height: auto; position: relative; z-index: 1;}
  .index-banner-box img.banner-text { width: 35vw; height: auto; position: absolute; top: 13vw; left: 42vw; z-index: 2;}

  .index-banner-aside { width: 8vw; height: calc(100% - 8vw); padding: 8vw 0 0 0; border-right: 1px rgba(255,255,255,0.5) solid; position: absolute; top: 0; left: 0; z-index: 9;}
  .index-banner-aside img.circle { width: 4vw; height: auto; position: absolute; bottom: 2vw; left: calc(50% - 2vw); z-index: 1;}
  .index-banner-aside .aside-arrow-prev { width: 8vw; height: 8vw; margin: 18vw 0 1.2vw 0; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; cursor: pointer;}
  .index-banner-aside .aside-arrow-next { width: 8vw; height: 8vw; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; cursor: pointer;}
  .index-banner-aside .aside-arrow-prev img, 
  .index-banner-aside .aside-arrow-next img { width: 3vw; height: auto;}


  /************ section #index-main-items ************/

  section#index-main-items { clear: both; width: 100%; padding: 0 0 14vw 0; background-color: #eff1ee; position: relative; z-index: 2;}

  .main-item-list { width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: -6vw; left: 0; z-index: 1;}
  .main-item-list .item-box { width: 17vw; height: 15vw; margin: 0 0.6vw; background-color: #fff; -moz-box-shadow:8px 8px 12px -2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:8px 8px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:8px 8px 12px -2px rgba(20%,20%,40%,0.5); transition: 0.5s;}
  .main-item-list .item-box:hover { border: 1px #ccc solid; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; box-sizing: border-box;}
  .main-item-list .item-box a { width: 100%; height: 100%; padding: 2vw 0 1.5vw 0; text-decoration: none; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .main-item-list .item-box .icon-1 { width: calc(100% - 6vw); display: flex; justify-content: center; align-items: center;}
  .main-item-list .item-box .icon-1 img { width: auto; height: 7.5vw;}
  .main-item-list .item-box .text-1 { width: 6vw; padding: 0 1vw; color: #173042; font-size: 2.2vw; font-weight: 300; line-height: 2.6vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; border-left: 1px #32626a dashed; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
  .main-item-list .item-box .icon-2 { width: calc(100% - 7vw); display: flex; justify-content: center; align-items: center;}
  .main-item-list .item-box .icon-2 img { width: auto; height: 7.5vw;}
  .main-item-list .item-box .text-2 { width: 7vw; padding: 0 1vw; color: #173042; font-size: 2.2vw; font-weight: 300; line-height: 2.6vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; border-left: 1px #32626a dashed; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}


  /************ section #index-about ************/

  section#index-about { clear: both; width: 100%; padding: 2.3vw 0; background-color: #fff; display: flex; justify-content: flex-start; align-items: center;}

  .index-about-pic { width: 55vw;}
  .index-about-pic img { width: 100%; height: auto;}

  .index-about-text { width: calc(100% - 55vw); padding: 0 0 0 3.3vw; box-sizing: border-box;}
  .index-about-text .about-title-cn { width: 10vw; padding: 0.5vw 0; color: #fff; font-size: 2vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-about-text .about-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 4.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 4.4vw; letter-spacing: -0.05em;}
  .index-about-text .about-infor { width: 90%; margin: 0.5vw 0 0 0; font-size: 1.6vw; line-height: 2.4vw;}
  .index-about-text .view-all-bt { width: 90%; margin: 1vw 0 0 0;}
  .index-about-text .view-all-bt a { color: #63c1d1; font-size: 1.4vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-about-text .view-all-bt img { width: 1.8vw; height: auto; margin: 0 0 0 0.6vw;}


  /************ section #index-news ************/

  section#index-news { clear: both; width: 100%; padding: 4.8vw 4vw 1.8vw 4vw; box-sizing: border-box; background-color: #f0f0f0; display: flex; justify-content: flex-start; align-items: flex-start; position: relative; z-index: 1;}

  .index-news-title { width: 38vw;}
  .index-news-title .news-title-cn { width: 10vw; padding: 0.5vw 0; color: #fff; font-size: 2vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-news-title .news-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 4.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 4.4vw; letter-spacing: -0.05em;}
  .index-news-title .view-all-bt { width: 60%; margin: 1.3vw 0 0 0;}
  .index-news-title .view-all-bt a { color: #63c1d1; font-size: 1.4vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-news-title .view-all-bt img { width: 1.8vw; height: auto; margin: 0 0 0 0.6vw;}

  .index-news-list { width: calc(100% - 38vw);}
  .index-news-list .list-table-full { width: 100%; padding: 0 0 3vw 0; display: flex; justify-content: flex-start; align-items: flex-start;}
  .index-news-list .list-table-full .news-date { width: 9.5vw; padding: 0.1vw 0 0 0; color: #333; font-size: 1.6vw;}
  .index-news-list .list-table-full .news-type { width: 9vw; padding: 0.2vw 0; color: #fff; font-size: 1.6vw; font-weight: 700; text-align: center; background-color: #63c1d1;}
  .index-news-list .list-table-full .news-title { width: calc(100% - 9.5vw - 9vw); padding: 0 0 0 2.8vw; font-size: 1.6vw; box-sizing: border-box;}
  .index-news-list .list-table-full .news-title a { color: #000; text-decoration: none;}
  .index-news-list .list-table-full .news-title a:hover { border-bottom: 1px #000 dashed;}


  /************ section #index-service ************/

  section#index-service { clear: both; width: 100%; padding: 0 0 10vw 0; position: relative; z-index: 2;}

  .index-service-bg { width: 100%; height: 45vw; background-color: #63c1d1; display: block; position: relative; z-index: 1;}

  .index-service-pic-full { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; position: absolute; top: 2vw; left: 0; z-index: 2;}
  .index-service-pic-full .service-pic-box { width: calc(100% / 4); position: relative; z-index: 2;}
  .index-service-pic-full .service-pic-box.style-1 { margin: 5vw 0 0 0;}
  .index-service-pic-full .service-pic-box.style-2 { margin: 19vw 0 0 0;}
  .index-service-pic-full .service-pic-box.style-3 { margin: 8.5vw 0 0 0;}
  .index-service-pic-full .service-pic-box img { width: 100%; height: auto; position: relative; z-index: 1;}
  .index-service-pic-full .service-pic-box .infor-title-1 { width: 4vw; padding: 1vw 0; color: #173042; font-size: 2.4vw; font-weight: 300; line-height: 3vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; right: 2.2vw; z-index: 2;}
  .index-service-pic-full .service-pic-box .infor-title-2 { width: 4vw; padding: 1vw 0; color: #173042; font-size: 2.4vw; font-weight: 300; line-height: 3vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; left: 2.2vw; z-index: 2;}

  .index-service-title-infor { width: 43vw; padding: 0 0 0 2vw; box-sizing: border-box; position: absolute; top: 1.5vw; left: 50%; z-index: 3;}
  .index-service-title-infor .service-title-cn { width: 10vw; padding: 0.5vw 0; color: #fff; font-size: 2vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-service-title-infor .service-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 3.8vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.8vw; letter-spacing: -0.05em;}
  .index-service-title-infor .service-infor { width: 22vw; font-size: 1.6vw; line-height: 2vw;}
  .index-service-title-infor .view-all-bt { width: 17vw; margin: 1vw 0 0 0;}
  .index-service-title-infor .view-all-bt a { color: #173042; font-size: 1.4vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-service-title-infor .view-all-bt img { width: 1.8vw; height: auto; margin: 0 0 0 0.6vw;}


  /************ section #index-qanda ************/

  section#index-qanda { clear: both; width: 100%; position: relative; z-index: 1;}

  .index-qanda-title { width: 100%; padding: 1vw 0 4vw 6.8vw; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
  .index-qanda-title .qanda-title-cn { width: 10vw; padding: 0.5vw 0; color: #fff; font-size: 2vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-qanda-title .qanda-title-en { width: 14vw; color: #173042; font-size: 4.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 4.4vw; letter-spacing: -0.05em; text-align: center;}
  .index-qanda-title .view-all-bt { width: 10vw;}
  .index-qanda-title .view-all-bt a { color: #63c1d1; font-size: 1.4vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-qanda-title .view-all-bt img { width: 1.8vw; height: auto; margin: 0 0 0 0.6vw;}

  .index-qanda-menu { width: 100%; border-top: 1px #173042 solid; border-bottom: 1px #173042 solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .index-qanda-menu .qanda-type { width: calc(100% / 4); border-right: 1px #173042 solid; box-sizing: border-box;}
  .index-qanda-menu .qanda-type a { width: 100%; padding: 4vw 0; color: #173042; font-size: 2.8vw; font-weight: 300; letter-spacing: 0.1em; text-align: center; text-decoration: none; display: block; transition: 0.5s;}
  .index-qanda-menu .qanda-type a:hover { color: #fff; background-color: #173042;}
  .index-qanda-menu .qanda-type:last-of-type { border-right: 0;}


  /************ section #index-contact ************/

  section#index-contact { clear: both; width: 100%; overflow: hidden; position: relative; z-index: 1;}

  img.index-contact-bg { width: 120%; height: auto; margin: 0 0 0 -10%; position: relative; z-index: 1;}

  .index-contact-title-infor { width: 38.5vw; position: absolute; top: 4vw; right: 0; z-index: 2;}
  .index-contact-title-infor .contact-title-cn { width: 10vw; padding: 0.5vw 0; color: #fff; font-size: 2vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-contact-title-infor .contact-title-en { width: 28vw; padding: 0.3vw 0; color: #fff; font-size: 4.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 4.4vw; letter-spacing: -0.05em;}
  .index-contact-title-infor .view-all-bt { width: 100%; display: flex; justify-content: flex-start; align-items: center;}
  .index-contact-title-infor .view-all-bt a { color: #63c1d1; font-size: 2.8vw; font-weight: 500; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-contact-title-infor .view-all-bt img { width: 1.8vw; height: auto; margin: 0 0 0 0.6vw;}


  /************ page-banner-box ************/

  .page-banner-box { clear: both; width: 100%; overflow: hidden; position: relative;}
  .page-banner-box img { width: 140%; height: auto; margin: 0 0 0 -30%; position: relative; z-index: 1;}

  .page-banner-aside { width: 8vw; height: calc(100% - 8vw); padding: 8vw 0 0 0; border-right: 1px rgba(255,255,255,0.5) solid; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-banner-aside img.circle { width: 4vw; height: auto; position: absolute; bottom: 2vw; left: calc(50% - 2vw); z-index: 1;}


  /************ breadcrumbs ************/

  .breadcrumbs { clear: both; width: 100%; padding: 1vw 8vw; font-size: 1.4vw; font-weight: 300; box-sizing: border-box; background-color: #63c1d1;}
  .breadcrumbs a { color: #000; text-decoration: none;}
  .breadcrumbs a:hover { border-bottom: 1px #000 solid;}


  /************ section #page-about ************/

  section#page-about { clear: both; width: 100%; padding: 8vw 0 4vw 0; background-color: #fff; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}

  .page-about-pic { width: 55vw; padding: 0 0 4vw 0;}
  .page-about-pic img { width: 100%; height: auto;}

  .page-about-text { width: calc(100% - 55vw); padding: 0 0 4vw 3.3vw; box-sizing: border-box;}
  .page-about-text .about-title-cn { width: 10vw; padding: 0.5vw 0; color: #fff; font-size: 2vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-about-text .about-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 4.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 4.4vw; letter-spacing: -0.05em;}
  .page-about-text .about-infor { width: 83%; margin: 0.5vw 0 0 0; font-size: 1.6vw; line-height: 2.4vw;}


  /************ section #page-pick-up ************/

  section#page-pick-up { clear: both; width: 100%; padding: 2.5vw 8vw 3.5vw 8vw; box-sizing: border-box; background-image: url("../images/page_pickup_bg.jpg"); background-repeat: repeat-y; background-size: 100% auto;}

  .page-pickup-con { clear: both; width: 100%; position: relative;}
  .page-pickup-con .pickup-point { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-pickup-con .pickup-point img { width: 20vw; height: auto; margin: 0 1vw 0 0;}
  .page-pickup-con .picup-form-table { width: 100%; border-top: 1vw #173042 solid; position: relative;}
  .page-pickup-con .picup-form-table .caption { width: 100%; padding: 0.4vw 0; margin: 0.1vw 0 0 0; color: #173042; font-size: 3vw; font-weight: 300; border-top: 1px #0071ba solid; border-bottom: 1px #0071ba solid; background-color: #63c1d1; display: flex; justify-content: flex-start; align-items: center;}
  .page-pickup-con .picup-form-table .caption .linebar { width: 2.6vw; height: 0.8vw; margin: 0 1vw 0 0; background-color: #173042; display: block;}
  .page-pickup-con .picup-form-table .caption-2 { width: 100%; padding: 0.4vw 0; margin: 0.1vw 0 0 0; color: #63c1d1; font-size: 3vw; font-weight: 300; border-top: 1px #0071ba solid; border-bottom: 1px #0071ba solid; background-color: #173042; display: flex; justify-content: flex-start; align-items: center;}
  .page-pickup-con .picup-form-table .caption-2 .linebar { width: 2.6vw; height: 0.8vw; margin: 0 1vw 0 0; background-color: #63c1d1; display: block;}
  .page-pickup-con .picup-form-table .column { width: 100%; padding: 1.5vw 3.5vw 0.5vw 3.5vw; box-sizing: border-box; background-color: #e4e4e4; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column .icon { width: 6vw; margin: 0 0 1vw 0;}
  .page-pickup-con .picup-form-table .column .icon img { width: auto; height: 3vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column .form { width: calc(100% - 6vw); margin: 0 0 1vw 0;}
  .page-pickup-con .picup-form-table .column .form input[type=text].style-1 { width: 40vw; padding: 0.5vw 2vw; margin: 0 1.5vw 0 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form input[type=text].style-2 { width: 24vw; padding: 0.5vw 2vw; margin: 0 1.5vw 0 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form select { width: 40vw; padding: 0.5vw 2vw; margin: 0 1.5vw 0 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form input[type=time] { width: 20vw; padding: 0.5vw 4vw; margin: 0 1.5vw 0 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form input[type=button].style-1 { padding: 0.5vw 2vw; color: #fff; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 0.6vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-pickup-con .picup-form-table .column .form input[type=button].style-2 { padding: 0.5vw 2vw; margin: 0.5vw 0; color: #fff; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 0.6vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-pickup-con .picup-form-table .column .form span.text-note { color: #bf272d; font-size: 1.6vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column .form input[type=date].style-1 { width: 20vw; padding: 0.5vw 2vw; margin: 0 1vw 0 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}

  .page-pickup-con .picup-form-table .column .form ul.address-input { width: 100%; padding: 0; margin: 0 0 1vw 0; list-style: none; display: block;}
  .page-pickup-con .picup-form-table .column .form ul.address-input li { width: 100%; padding: 0; margin: 0 0 0.5vw 0; display: flex; justify-content: flex-start;}
  .page-pickup-con .picup-form-table .column .form ul.address-input li .dragg-icon { width: 2.5vw; margin: 0 0 0 0.5vw; font-size: 2.5vw; cursor: pointer;}


  /************ 20240724新增 ************/
  .page-pickup-con .notice-popup-bt { clear: both; margin: 20px 0 0 0; width: 100%;}
  .page-pickup-con .notice-popup-bt a { width: 16vw; padding: 0.3vw 0; color: #fff; font-size: 1.4vw; text-align: center; text-decoration: none; background-color: #bf272d; display: block;}


  .page-pickup-con .picup-form-table .column-2 { width: 100%; padding: 1.5vw 2vw 0.5vw 2vw; box-sizing: border-box; background-color: #e4e4e4; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-2 .type-title { width: 100%; padding: 0 0 1.5vw 1.5vw; box-sizing: border-box; font-size: 3vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-2 .star { width: 1.8vw; margin: 0.5vw 0 1.5vw 0; color: #bf272d; font-size: 1.8vw; display: block;}
  .page-pickup-con .picup-form-table .column-2 .icon { width: 6vw; margin: 0.5vw 0 1.5vw 0;}
  .page-pickup-con .picup-form-table .column-2 .icon img { width: auto; height: 3vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column-2 .icon .container { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  .page-pickup-con .picup-form-table .column-2 .icon .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
  .page-pickup-con .picup-form-table .column-2 .icon .checkmark { position: absolute; top: 0; left: 2vw; height: 2vw; width: 2vw; border: 1px #63c1d1 solid; border-radius: 0.5vw; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .icon .container:hover input ~ .checkmark { border: 1px #63c1d1 solid; background-color: #ccc; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .icon .container input:checked ~ .checkmark { background-color: #63c1d1;}
  .page-pickup-con .picup-form-table .column-2 .icon .checkmark:after { content: ""; position: absolute; display: none;}
  .page-pickup-con .picup-form-table .column-2 .icon .container input:checked ~ .checkmark:after { display: block;}
  .page-pickup-con .picup-form-table .column-2 .icon .container .checkmark:after { left: 0.45vw; top: 0.1vw; width: 0.6vw; height: 1vw; border: solid white; border-width: 0 0.2vw 0.2vw 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
  .page-pickup-con .picup-form-table .column-2 .form { width: calc(100% - 7.8vw); margin: 0 0 1.5vw 0; font-size: 1.8vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-2 .form .title { width: 10vw;}
  .page-pickup-con .picup-form-table .column-2 .form .infor { width: calc(100% - 10vw); display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-2 .form .infor input[type=text].style-1, 
  .page-pickup-con .picup-form-table .column-2 .form .infor input[type=number].style-1 { width: 16vw; padding: 0.5vw 2vw; margin: 0 1.5vw 0 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .infor select { width: 16vw; padding: 0.5vw 2vw; margin: 0 1.5vw 0 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .infor .exp-bt { width: 20vw; margin: 0 0 0 1.5vw;}
  .page-pickup-con .picup-form-table .column-2 .form .infor .exp-bt a { width: 100%; padding: 0.4vw 0; color: #fff; font-size: 1.8vw; font-weight: 300; text-align: center; text-decoration: none; border-radius: 2vw; background-color: #2974ff; display: block;}
  .page-pickup-con .picup-form-table .column-2 .form .infor .exp-bt a:hover { background-color: #29bdff;}
  .page-pickup-con .picup-form-table .column-2 .form .q-title { width: 100%;}
  .page-pickup-con .picup-form-table .column-2 .form input[type=text].style-2 { width: 65vw; padding: 0.5vw 2vw; margin: 1vw 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form textarea { width: 65vw; height: 10vw; padding: 0.5vw 2vw; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half .item { width: 19vw;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half .item-2 { width: 7vw;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half select { width: 12vw; padding: 0.5vw 2vw; margin: 1vw 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half input[type=text].style-3 { width: 24vw; padding: 0.5vw 2vw; margin: 1vw 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form span.text-note { color: #bf272d; font-size: 1.6vw; font-weight: 300;}

  .page-pickup-con .picup-form-table .column-3 { width: 100%; padding: 1.2vw 1.7vw 0.2vw 1.7vw; box-sizing: border-box; background-color: #e4e4e4; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-lf { width: 50%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .star { width: 1.8vw; margin: 1vw 0 1.5vw 0; color: #bf272d; font-size: 1.8vw; display: block;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .icon { width: 6vw; margin: 1vw 0 1.5vw 0;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .icon img { width: auto; height: 3vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form { width: calc(100% - 7.8vw); margin: 0 0 1.5vw 0; font-size: 1.8vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=text].style-1 { width: 28vw; padding: 0.5vw 2vw; margin: 0.5vw 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=radio] { width: 2.2vw; height: 2.2vw;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=tel], 
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=email] { width: 28vw; padding: 0.5vw 2vw; margin: 0.5vw 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-rt { width: 50%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .star { width: 1.8vw; margin: 1vw 0 1.5vw 0; color: #bf272d; font-size: 1.8vw; display: block;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .icon { width: 6vw; margin: 1vw 0 1.5vw 0;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .icon img { width: auto; height: 3vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .form { width: calc(100% - 7.8vw); margin: 0 0 1.5vw 0; font-size: 1.8vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .form input[type=tel] { width: 28vw; padding: 0.5vw 2vw; margin: 0.5vw 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .form input[type=date], 
  .page-pickup-con .picup-form-table .column-3 .col-rt .form select { width: 16vw; padding: 0.5vw 2vw; margin: 0.5vw 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-full .type-title { width: 100%; padding: 0 0 1.5vw 1.5vw; box-sizing: border-box; font-size: 3vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-full .star { width: 1.8vw; margin: 0 0 1.5vw 0; color: #bf272d; font-size: 1.8vw; display: block;}
  .page-pickup-con .picup-form-table .column-3 .col-full .title { width: 13vw; margin: 0 0 1.5vw 0; font-size: 1.8vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form { width: calc(100% - 14.8vw); margin: 0 0 1.5vw 0; font-size: 1.8vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=radio] { width: 2.2vw; height: 2.2vw;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=checkbox] { width: 2.2vw; height: 2.2vw;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form span.color-red { color: #bf272d;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=text].style-1 { width: 16vw; padding: 0.5vw 2vw; margin: 0.5vw 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=tel], 
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=email], 
  .page-pickup-con .picup-form-table .column-3 .col-full .form select { width: 27vw; padding: 0.5vw 2vw; margin: 0.5vw 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form span.text-note { color: #bf272d; font-size: 1.6vw; font-weight: 300;}


  /**** 20240508_new ****/
  .page-pickup-con .picup-form-table .column-3 .col-lf .top-title, 
  .page-pickup-con .picup-form-table .column-3 .col-rt .top-title, 
  .page-pickup-con .picup-form-table .column-3 .col-lf .arrow-down { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 2.4vw; font-weight: 500; text-align: center;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .text-address { width: 100%; padding: 1vw 0; color: #173042; font-size: 1.8vw; font-weight: 300; text-align: center;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .day-time-bar { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 1.8vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .s-title { width: 10vw; padding: 0.2vw 0; color: #173042; font-size: 1.8vw; font-weight: 400;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .s-infor { width: calc(100% - 10vw); padding: 0.2vw 0; color: #173042; font-size: 1.8vw; font-weight: 300;}

  .page-pickup-con input[type=button].next-step-bt { width: 16vw; padding: 0.6vw 0; margin: 2vw auto 0 auto; color: #fff; font-size: 2vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 0.6vw; background-color: #173042; cursor: pointer;}

  .page-pickup-con .step-tab-bar { width: 100%; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: stretch; position: absolute; top: 6vw; left: 0; z-index: 2;}
  .page-pickup-con .step-tab-bar .step-box { width: 6vw; height: 3vw; margin: 0 0 0 0.7vw; color: #173042; font-size: 1.4vw; border: 1px #173042 solid; border-radius: 0.6vw 0.6vw 0 0; display: flex; justify-content: center; align-items: center;}
  .page-pickup-con .step-tab-bar .step-box.active { color: #63c1d1; background-color: #173042;}

  .page-pickup-con .picup-form-table .column-3 .total-price { width: 100%; padding: 30px 0; font-size: 2.2vw; font-weight: 500; text-align: right;}
  .page-pickup-con .picup-form-table .column-3 .total-price span.price { color: #bf272d;}

  ul.invoice-tab { clear: both; width: 100%; padding: 0 1.5vw; margin: 0; box-sizing: border-box; list-style: none; display: flex; justify-content: flex-start;}
  ul.invoice-tab li { width: 10vw; padding: 0; margin: 0 0.5vw 0 0;}
  ul.invoice-tab li a { width: 100%; padding: 0.5vw 0; color: #000; font-size: 1.8vw; text-align: center; border: 1px #000 solid; background-color: #fff; text-decoration: none; box-sizing: border-box; display: block;}
  ul.invoice-tab li a:hover { background-color: #63c1d1;}
  ul.invoice-tab li a.sel { color: #fff; background-color: #000;}
  
  .invoice-detail { width: calc(100% - 3vw); margin: -1px 1.5vw 2vw 1.5vw; padding: 1.5vw; border: 1px #000 solid; box-sizing: border-box; background-color: #fff;}
  .invoice-detail div { display: none;}
  .invoice-detail div .content-table { width: 100%;}
  .invoice-detail div .content-table .caption-title { clear: both; width: 10vw; padding: 0.5vw 0 0 0; font-size: 1.8vw; float: left;}
  .invoice-detail div .content-table .column-detail { width: calc(100% - 15vw); float: left;}
  .invoice-detail div .content-table .column-detail input[type=text].style-full, 
  .invoice-detail div .content-table .column-detail select.style-full { width: 100%; padding: 0.3vw 1.5vw; margin: 0.5vw 0; color: #000; font-size: 1.8vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}

  .page-pickup-con .picup-form-table .column-3 .col-full .title-pay { width: 15vw; margin: 0 0 1.5vw 0; font-size: 1.8vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay { width: calc(100% - 16.8vw); margin: 0 0 1.5vw 0; font-size: 1.8vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay span.price { color: #bf272d; font-weight: 600;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay input[type=radio] { width: 2.4vw; height: 2.4vw; margin: 0 1vw 0 0;}

  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card-mo { display: none;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card { width: calc(100% - 16.8vw); margin: 0 0 1.5vw 0; font-size: 1.8vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card span.price { color: #bf272d; font-weight: 600;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card input[type=radio] { width: 2.4vw; height: 2.4vw; margin: 0 1vw 0 0;}

  .page-pickup-con .picup-form-table .column-3 .col-full .member-check { clear: both; width: 100%; padding: 1.4vw; font-size: 1.8vw; line-height: 1.8vw; font-weight: 300; border-top: 1px #ccc solid; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full .member-check input[type=checkbox] { width: 1.8vw; height: 1.8vw;}
  .page-pickup-con .picup-form-table .column-3 .col-full .member-check a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-pickup-con .picup-form-table .column-3 .col-full .member-check a:hover { color: #0071ba; border-bottom: 1px #0071ba dashed;}


  /** 20240521新增 **/
  .page-pick-up-notice-popup { clear: both; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 9999999;}
  .page-pick-up-notice-popup .notice-content { width: 74vw; padding: 3vw 3vw 5vw 3vw; box-sizing: border-box; background-color: #fff;}
  .page-pick-up-notice-popup .notice-content .close-bt { width: 4vw; font-size: 4vw; text-align: center; float: right; cursor: pointer;}
  .page-pick-up-notice-popup .notice-content .text-box { clear: both; width: 100%; font-size: 2vw; font-weight: 300; line-height: 4vw;}
  .page-pick-up-notice-popup .notice-content .text-box .title { width: 100%; margin: 0 0 3vw 0; font-size: 3vw; font-weight: 500; text-align: center;}
  .page-pick-up-notice-popup .notice-content .text-box ul { width: 100%; padding: 0 0 0 2vw; margin: 0; box-sizing: border-box; list-style: decimal; display: block;}
  .page-pick-up-notice-popup .notice-content .text-box ul li { padding: 0; margin: 0;}


  /************ section #page-news ************/

  section#page-news { clear: both; width: 100%; padding: 8vw 8vw; box-sizing: border-box; background-color: #f0f0f0;}

  .page-news-title { width: 100%; margin: 0 0 4vw 0; text-align: center;}
  .page-news-title .news-title-cn { width: 10vw; padding: 0.5vw 0; margin: 0 auto; color: #fff; font-size: 2vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-news-title .news-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 4.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 4.4vw; letter-spacing: -0.05em;}

  .page-news-list { width: 90%; margin: 0 auto; border-top: 1px #ccc solid;}
  .page-news-list .list-table-full { width: 100%; padding: 1.5vw 0; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-news-list .list-table-full .news-date { width: 9.5vw; padding: 0.1vw 0 0 0; color: #333; font-size: 1.6vw;}
  .page-news-list .list-table-full .news-type { width: 9vw; padding: 0.2vw 0; color: #fff; font-size: 1.6vw; font-weight: 700; text-align: center; background-color: #63c1d1;}
  .page-news-list .list-table-full .news-title { width: calc(100% - 9.5vw - 9vw); padding: 0 0 0 2.8vw; font-size: 1.6vw; box-sizing: border-box;}
  .page-news-list .list-table-full .news-title a { color: #000; text-decoration: none;}
  .page-news-list .list-table-full .news-title a:hover { border-bottom: 1px #000 dashed;}


  ul.page-news-pagenum { clear: both; width: 70%; padding: 0; margin: 4vw auto 0 auto; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-news-pagenum li { padding: 0; margin: 0 0.3vw 0.6vw 0.3vw;}
  ul.page-news-pagenum li a { padding: 0.5vw 0.8vw; color: #173042; font-size: 1.4vw; text-decoration: none; border: 1px #173042 solid; display: block;}
  ul.page-news-pagenum li a:hover { background-color: #fff;}
  ul.page-news-pagenum li a.sel { color: #fff; background-color: #63c1d1;}


  .page-news-content { clear: both; width: 90%; margin: 2vw auto 0 auto; font-size: 1.4vw; line-height: 2.4vw;}
  .page-news-content img { max-width: 100%; height: auto;}
  .page-news-content a { color: #414141; text-decoration: none; border-bottom: 1px #414141 dashed;}

  .page-goback-bt { clear: both; width: 8vw; margin: 4vw auto 0 auto;}
  .page-goback-bt a { width: 100%; padding: 0.8vw 0; color: #fff; font-size: 1.4vw; text-align: center; text-decoration: none; border-radius: 10px; background-color: #173042; display: block;}
  .page-goback-bt a:hover { background-color: #63c1d1;}


  /************ section #page-members ************/

  section#page-members { clear: both; width: 100%; padding: 4vw 0;}

  .page-members-title { width: 100%; padding: 0 0 2.5vw 0;}
  .page-members-title .members-title-cn { width: 10vw; padding: 0.5vw 0; margin: 0 auto; color: #fff; font-size: 2vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-members-title .members-title-en { width: 100%; color: #173042; font-size: 4.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 4.4vw; letter-spacing: -0.05em; text-align: center;}

  .page-members-login { clear: both; width: 96%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-login .col-half { width: 50%;}
  .page-members-login .col-half .s-title { width: 100%; font-size: 3vw; margin: 0 0 2vw 0;}
  .page-members-login .col-half input[type=text], 
  .page-members-login .col-half input[type=password] { width: 36vw !important; margin: 0 0 1vw 0; padding: 1vw !important; color: #000; font-size: 2vw !important; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-login .col-half input[type=submit], 
  .page-members-login .col-half input[type=button] { width: 36vw; margin: 0 0 1vw 0; padding: 1vw; color: #fff; font-size: 2vw; border: 0; border-radius: 0.6vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-members-login .col-half .forget-note { clear: both; width: 36vw; padding: 1vw 0 0 0; margin: 1vw 0 0 0; border-top: 1px #ccc solid; color: #333; font-size: 1.4vw;}
  .page-members-login .col-half .forget-note a { color: #173042; text-decoration: none; border-bottom: 1px #333 solid;}
  .page-members-login .col-half .forget-note a:hover { color: #29bdff; border-bottom: 1px #29bdff solid;}
  .page-members-login .col-half .sign-up-note { clear: both; width: 100%; padding: 3vw; font-size: 2vw; border-radius: 0.8vw; background-color: #eee; box-sizing: border-box;}
  .page-members-login .col-half .sign-up-note .sign-up-bt { clear: both; width: 24vw; margin: 2vw auto 0 auto;}
  .page-members-login .col-half .sign-up-note .sign-up-bt a { width: 100%; padding: 0.6vw 1vw; color: #fff; font-size: 2vw; text-align: center; text-decoration: none; border-radius: 0.6vw; background-color: #32626a; display: block; box-sizing: border-box;}

  .page-members-sign-up { clear: both; width: 90%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-sign-up .title { width: 100%; margin: 0 0 2vw 0; font-size: 4vw; text-align: center;}
  .page-members-sign-up .column-left { width: 100%;}
  .page-members-sign-up .column-left .s-title { width: 100%; padding: 0 0 0.5vw 0; font-size: 3vw;}
  .page-members-sign-up .column-left input.style-1 { width: calc(50% - 2vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left input[type=date] { width: calc(50% - 2vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw 0.5vw 7vw; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left select { width: calc(50% - 2vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left input.style-2 { width: calc(100% - 2.5vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-right { width: 100%;}
  .page-members-sign-up .column-right .s-title { width: 100%; padding: 0 0 0.5vw 0; font-size: 3vw;}
  .page-members-sign-up .column-right input.style-1 { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-right input.style-2 { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #ccc; box-sizing: border-box;}
  .page-members-sign-up .column-right .text-note { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 1vw 0 0 0; font-size: 1.4vw; font-weight: 300; line-height: 2vw; text-align: center; box-sizing: border-box;}
  .page-members-sign-up .column-right .text-note span.color-red { color: #bf272d;}
  .page-members-sign-up .column-full { width: 100%; height: 20vw; padding: 2vw; margin: 2vw 0 0 0; background-color: #eee; overflow-y: scroll; box-sizing: border-box;}
  .page-members-sign-up .column-full .s-title { width: 100%; padding: 0 0 1vw 0; font-size: 2vw; text-align: center;}
  .page-members-sign-up .column-full .text-con { width: 100%; font-size: 1.4vw; font-weight: 300; line-height: 2vw;}
  .page-members-sign-up .column-half { width: 50%; margin: 1vw 0 0 0; font-size: 2vw;}
  .page-members-sign-up .column-half .container { padding: 0 0 0 3vw; display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  .page-members-sign-up .column-half .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
  .page-members-sign-up .column-half .checkmark { position: absolute; top: 0.3vw; left: 0; height: 2.4vw; width: 2.4vw; border: 1px #63c1d1 solid; border-radius: 0.3vw; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-half .container:hover input ~ .checkmark { border: 1px #63c1d1 solid; background-color: #ccc; box-sizing: border-box;}
  .page-members-sign-up .column-half .container input:checked ~ .checkmark { background-color: #63c1d1;}
  .page-members-sign-up .column-half .checkmark:after { content: ""; position: absolute; display: none;}
  .page-members-sign-up .column-half .container input:checked ~ .checkmark:after { display: block;}
  .page-members-sign-up .column-half .container .checkmark:after { left: 0.6vw; top: 0.1vw; width: 0.6vw; height: 1.4vw; border: solid white; border-width: 0 0.4vw 0.4vw 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
  

  ul.members-nav { width: 100%; padding: 0; margin: 0 0 4vw 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.members-nav li { width: 16vw; padding: 0; margin: 1vw;}
  ul.members-nav li a { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 2vw; border: 1px #173042 solid; border-radius: 0.6vw; text-align: center; text-decoration: none; display: block;}
  ul.members-nav li a:hover { background-color: #eee;}
  ul.members-nav li a.sel { color: #fff; background-color: #173042;}

  .page-members-sign-up .column-left label.sex-box { margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 5vw 0.5vw 1vw; color: #000; font-size: 2vw; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left input.style-3 { width: 25vw; margin: 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left input[type=button].style-1 { width: calc(50% - 2.25vw - 25vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 0; background-color: #ccc; box-sizing: border-box; cursor: pointer;}
  .page-members-sign-up .column-left input[type=button].style-2 { width: calc(50% - 2.25vw - 25vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 0; background-color: #ccc; box-sizing: border-box; cursor: pointer;}
  .page-members-sign-up .column-left select.style-full { width: calc(100% - 2.75vw); margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}


  .page-members-order { clear: both; width: 90%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-order .mem-order-table { width: 100%; margin: 0 0 4vw 0;}
  .page-members-order .mem-order-table .caption-full { width: 100%; font-size: 2vw; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: center;}
  .page-members-order .mem-order-table .caption-full .caption-1 { width: 15%; padding: 0.8vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-2 { width: 15%; padding: 0.8vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-3 { width: 10%; padding: 0.8vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-4 { width: 15%; padding: 0.8vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-5 { width: 35%; padding: 0.8vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-6 { width: 10%; padding: 0.8vw; text-align: center; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full { width: 100%; font-size: 1.6vw; font-weight: 300; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-1 { width: 15%; padding: 0.8vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-2 { width: 15%; padding: 0.8vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-3 { width: 10%; padding: 0.8vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-4 { width: 15%; padding: 0.8vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-5 { width: 35%; padding: 0.8vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-6 { width: 10%; padding: 0.8vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-6 div.extend { width: 100%; padding: 0.2vw 0; color: #fff; font-size: 1.4vw; font-weight: 300; text-align: center; text-decoration: none; border-radius: 0.5vw; background-color: #0071ba; display: block; cursor: pointer;}


  /*** 20240514新增 ***/
  .page-members-sign-up .col-full { clear: both; width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-members-sign-up .col-full .caption { width: 6vw; margin: 0 0 1.5vw 0; font-size: 2vw;}
  .page-members-sign-up .col-full .column { width: calc(50% - 6vw); margin: 0 0 1.5vw 0; font-size: 2vw; font-weight: 300;}
  .page-members-sign-up .col-full .column input[type=text].style-1, 
  .page-members-sign-up .col-full .column input[type=tel], 
  .page-members-sign-up .col-full .column input[type=email], 
  .page-members-sign-up .col-full .column input[type=password] { width: 90%; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-full .column input[type=radio] { width: 1.8vw; height: 1.8vw;}
  .page-members-sign-up .col-full .column input[type=date] { width: 21.8vw; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-full .column input[type=button].style-1 { width: 12vw; padding: 0.5vw 0; color: #fff; font-size: 2vw; border: 0; border-radius: 0.3vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-members-sign-up .col-full .column input[type=text].style-2 { width: 20vw; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}

  .page-members-sign-up .col-half { width: 50%; margin: 0 0 1.5vw 0;}
  .page-members-sign-up .col-half input[type=text] { width: 29.5vw; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-half input[type=button] { width: 10vw; padding: 0.5vw 0; color: #fff; font-size: 2vw; border: 0; border-radius: 0.3vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}

  .page-members-sign-up .col-full .column-x3 { width: calc(100% - 6vw); margin: 0 0 1.5vw 0; display: flex; justify-content: flex-start; align-items: center;}
  .page-members-sign-up .col-full .column-x3 select { width: 18vw; padding: 0.5vw 1vw; margin: 0 0.5vw 0 0; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-full .column-x3 input[type=text] { width: 40vw; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}

  .page-members-sign-up .column-half input[type=checkbox] { width: 2vw; height: 2vw;}
  .page-members-sign-up .column-half a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-members-sign-up .column-half a:hover { color: #0071ba; border-bottom: 1px #0071ba dashed;}

  .page-members-forgat { clear: both; width: 100%;}
  .page-members-forgat .col-forgat { clear: both; width: 60%; margin: 0 auto;}
  .page-members-forgat .col-forgat .s-title { width: 100%; padding: 0 0 0.5vw 0; font-size: 3vw; text-align: center;}
  .page-members-forgat .col-forgat input.style-1 { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-forgat .col-forgat input.style-2 { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 0.5vw 1vw; color: #000; font-size: 2vw; border: 1px #ccc solid; background-color: #ccc; box-sizing: border-box;}
  .page-members-forgat .col-forgat .text-note { width: 100%; margin: 0.5vw 1vw 0.5vw 0; padding: 1vw 0 0 0; font-size: 1.4vw; font-weight: 300; line-height: 2vw; text-align: center; box-sizing: border-box;}
  .page-members-forgat .col-forgat .text-note span.color-red { color: #bf272d;}
  .page-members-forgat .col-forgat .sign-up-bt { clear: both; width: 100%; margin: 2vw 0 0 0;}
  .page-members-forgat .col-forgat .sign-up-bt a { width: 100%; padding: 0.5vw 0; color: #fff; font-size: 2vw; text-align: center; text-decoration: none; border-radius: 0.5vw; background-color: #173042; display: block;}

  .page-members-sign-up .sign-up-bt { width: 26vw; margin: 2vw auto 0 auto;}
  .page-members-sign-up .sign-up-bt a { width: 100%; padding: 0.5vw 0; color: #fff; font-size: 2vw; text-align: center; text-decoration: none; border-radius: 0.5vw; background-color: #173042; display: block;}

  .page-members-order .mem-order-table .column-full .column-7 { width: 100%; padding: 2vw; border-top:  1px #ccc dashed; background-color: #f1f1f1; box-sizing: border-box; display: none; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-7 .col-lf { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-7 .col-lf .top-title, 
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .top-title, 
  .page-members-order .mem-order-table .column-full .column-7 .col-lf .arrow-down { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 2.4vw; font-weight: 500; text-align: center;}
  .page-members-order .mem-order-table .column-full .column-7 .col-lf .text-address { width: 100%; padding: 1vw 0; color: #173042; font-size: 1.8vw; font-weight: 300; text-align: center;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .day-time-bar { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 1.8vw; font-weight: 300;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .s-title { width: 9.5vw; padding: 0.2vw 0; color: #173042; font-size: 1.8vw; font-weight: 400;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .s-infor { width: calc(100% - 9.5vw); padding: 0.2vw 0; color: #173042; font-size: 1.8vw; font-weight: 300;}
  .page-members-order .mem-order-table .column-full .column-7 .total-price { width: 100%; padding: 30px 0; font-size: 2.2vw; font-weight: 500; text-align: right;}
  .page-members-order .mem-order-table .column-full .column-7 .total-price span.price { color: #bf272d;}


  /************ section #page-service ************/

  section#page-service { clear: both; width: 100%; padding: 8vw 0; background-color: #63c1d1; position: relative; z-index: 2;}

  .page-service-pic-full { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-service-pic-full .service-pic-box { width: calc(100% / 4); position: relative; z-index: 2;}
  .page-service-pic-full .service-pic-box.style-1 { margin: 5vw 0 0 0;}
  .page-service-pic-full .service-pic-box.style-2 { margin: 19vw 0 0 0;}
  .page-service-pic-full .service-pic-box.style-3 { margin: 8.5vw 0 0 0;}
  .page-service-pic-full .service-pic-box img { width: 100%; height: auto; position: relative; z-index: 1;}
  .page-service-pic-full .service-pic-box .infor-title-1 { width: 4vw; padding: 1vw 0; color: #173042; font-size: 2.4vw; font-weight: 300; line-height: 3vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; right: 2.2vw; z-index: 2;}
  .page-service-pic-full .service-pic-box .infor-title-2 { width: 4vw; padding: 1vw 0; color: #173042; font-size: 2.4vw; font-weight: 300; line-height: 3vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; left: 2.2vw; z-index: 2;}

  .page-service-title-infor { width: 80%; margin: 0 auto 6vw auto;}
  .page-service-title-infor .service-title-cn { width: 10vw; padding: 0.5vw 0; color: #fff; font-size: 2vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-service-title-infor .service-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 3.8vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 3.8vw; letter-spacing: -0.05em;}
  .page-service-title-infor .service-infor { width: 100%; font-size: 1.6vw; line-height: 2vw;}


  /************ section #page-qanda ************/

  section#page-qanda { clear: both; width: 100%; padding: 8vw 0;}

  .page-qanda-title { width: 100%; padding: 0 0 4vw 0; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
  .page-qanda-title .qanda-title-cn { width: 10vw; padding: 0.5vw 0; color: #fff; font-size: 2vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-qanda-title .qanda-title-en { width: 14vw; color: #173042; font-size: 4.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 4.4vw; letter-spacing: -0.05em; text-align: center;}

  .page-qanda-menu { width: 100%; border-top: 1px #173042 solid; border-bottom: 1px #173042 solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-qanda-menu .qanda-type { width: calc(100% / 4); border-right: 1px #173042 solid; box-sizing: border-box;}
  .page-qanda-menu .qanda-type a { width: 100%; padding: 4vw 0; color: #173042; font-size: 2.8vw; font-weight: 300; letter-spacing: 0.1em; text-align: center; text-decoration: none; display: block; transition: 0.5s;}
  .page-qanda-menu .qanda-type a:hover { color: #fff; background-color: #173042;}
  .page-qanda-menu .qanda-type a.sel { color: #fff; background-color: #173042;}
  .page-qanda-menu .qanda-type:last-of-type { border-right: 0;}

  ul.page-qanda-content { clear: both; width: 85%; padding: 0; margin: 3vw auto 0 auto; list-style: none; display: block;}
  ul.page-qanda-content li { width: 100%; padding: 3vw 0; margin: 0; border-bottom: 1px #ccc solid;}
  ul.page-qanda-content li:last-of-type { border-bottom: 0;}
  ul.page-qanda-content li .question-bar { width: 100%; font-weight: 600; display: flex; justify-content: flex-start; align-items: flex-start;}
  ul.page-qanda-content li .answer-text { width: 100%; padding: 0.8vw 0 0 0; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start;}
  ul.page-qanda-content li .question-bar .caption, 
  ul.page-qanda-content li .answer-text .caption { width: 5vw; font-size: 2vw; font-weight: 600;}
  ul.page-qanda-content li .question-bar .column, 
  ul.page-qanda-content li .answer-text .column { width: calc(100% - 3vw); font-size: 2vw; line-height: 3vw;}


  /************ section #page-cooperate ************/

  section#page-cooperate { clear: both; width: 100%; padding: 4vw 8vw; box-sizing: border-box;}

  .page-cooperate-title-infor { width: 100%; margin: 0 0 4vw 0;}
  .page-cooperate-title-infor .contact-title-cn { width: 10vw; padding: 0.5vw 0; margin: 0 auto; color: #fff; font-size: 2vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-cooperate-title-infor .contact-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 4.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 4.4vw; letter-spacing: -0.05em; text-align: center;}

  .page-cooperate-content { clear: both; width: 100%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-cooperate-content .coop-contact-infor { width: 50%; font-size: 2vw; line-height: 3.5vw;}
  .page-cooperate-content .coop-contact-infor .title-name { width: 100%; padding: 0 0 2vw 0; font-size: 3vw; font-weight: 500;}
  .page-cooperate-content .coop-contact-form { width: 50%;}
  .page-cooperate-content .coop-contact-form form { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-cooperate-content .coop-contact-form form .caption { width: 8vw; margin: 0 0 1vw 0; font-size: 2vw; text-align: right;}
  .page-cooperate-content .coop-contact-form form .column { width: calc(100% - 8vw);}
  .page-cooperate-content .coop-contact-form form .column input[type=text], 
  .page-cooperate-content .coop-contact-form form .column input[type=tel], 
  .page-cooperate-content .coop-contact-form form .column input[type=email] { width: 100%; padding: 0.5vw 1vw; margin: 0 0 1vw 0; font-size: 1.8vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-cooperate-content .coop-contact-form form .column textarea { width: 100%; height: 8vw; padding: 0.5vw 1vw; margin: 0 0 1vw 0; font-size: 1.8vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-cooperate-content .coop-contact-form form .column input[type=submit],input[type=button] { padding: 0.6vw 2.5vw; color: #fff; font-size: 1.8vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 3vw; background-color: #173042; cursor: pointer;}


  /************ section #page-rent-car ************/

  section#page-rent-car { clear: both; width: 100%; padding: 4vw 8vw; box-sizing: border-box;}

  .page-rent-car-title-infor { width: 100%; margin: 0 0 4vw 0;}
  .page-rent-car-title-infor .contact-title-cn { width: 20vw; padding: 0.5vw 0; margin: 0 auto; color: #fff; font-size: 2vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-rent-car-title-infor .contact-title-2-cn { width: 10vw; padding: 0.5vw 0; margin: 0 auto; color: #fff; font-size: 2vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-rent-car-title-infor .contact-title-en { width: 100%; padding: 0.5vw 0; color: #173042; font-size: 4.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 4.4vw; letter-spacing: -0.05em; text-align: center;}

  .page-rent-car-content-mo { display: none;}
  .page-rent-car-content { clear: both; width: 100%; padding: 4vw 0; margin: 0 auto; font-size: 3vw; text-align: center;}
  

  /** 20240521修改 **/
  .page-rent-car-content a.join-line-bt { width: 24vw; padding: 1vw 0; margin: 0 auto; color: #fff; font-size: 3vw; text-align: center; text-decoration: none; border-radius: 4vw; background-color: #173042; display: block;}
  .page-rent-car-content a.join-line-bt:hover { background-color: #0071ba;}


  /************ section #page-sitemap ************/

  section#page-sitemap { clear: both; width: 100%; padding: 8vw 0;}

  .page-sitemap-title { width: 100%; padding: 0 0 4vw 0; box-sizing: border-box;}
  .page-sitemap-title .sitemap-title-cn { width: 10vw; padding: 0.5vw 0; margin: 0 auto; color: #fff; font-size: 2vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-sitemap-title .sitemap-title-en { clear: both; width: 100%; margin: 0 auto; color: #173042; font-size: 4.4vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 4.4vw; letter-spacing: -0.05em; text-align: center;}

  ul.sitemap-nav { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  ul.sitemap-nav li { padding: 0; margin: 0 1vw 3vw 1vw;}
  ul.sitemap-nav li a { padding: 0.3vw 0.8vw; color: #173042; font-size: 2vw; text-decoration: none; display: block;}
  ul.sitemap-nav li a:hover { color: #fff; background-color: #173042;}


  .page-error-con { clear: both; width: 100%; padding: 6vw 0;}
  .page-error-con .text-bigger { width: 100%; margin: 0 0 3vw 0; font-size: 2.8vw; font-weight: 500; text-align: center;}
  .page-error-con .goback-bt { width: 100%; text-align: center;}
  .page-error-con .goback-bt a { color: #173042; font-size: 2.2vw; border-bottom: 1px #173042 solid; text-decoration: none;}


  /************ footer ************/

  footer { clear: both; width: 100%; height: 10vw; display: flex; justify-content: flex-start; align-items: stretch;}

  .footer-logo-title { width: 10vw; height: 10vw; background-color: #000; display: flex; justify-content: center; align-items: center;}
  .footer-logo-title img { width: 6vw; height: auto;}

  .footer-nav-infor { width: calc(100% - 10vw); height: 10vw;}
  .footer-nav-infor .footer-nav { width: 100%; height: 50%; background-color: #fff; display: flex; justify-content: flex-start; align-items: center;}
  .footer-nav-infor .footer-nav ul.footer-menu { padding: 0 0 0 4.5vw; margin: 0 1vw 0 0; list-style: none; display: flex; justify-content: flex-start; align-items: center;}
  .footer-nav-infor .footer-nav ul.footer-menu li { padding: 0 2vw 0 0; margin: 0;}
  .footer-nav-infor .footer-nav ul.footer-menu li a { color: #000; font-size: 1.6vw; text-decoration: none;}
  .footer-nav-infor .footer-nav ul.footer-menu li a:hover { color: #63c2d2;}
  .footer-nav-infor .footer-nav .social-icons { display: flex; justify-content: flex-start; align-items: center;}
  .footer-nav-infor .footer-nav .social-icons img { width: 3vw; height: auto; margin: 0 1vw 0 0;}
  .footer-nav-infor .footer-infor-mo { display: none;}
  .footer-nav-infor .footer-infor { width: 100%; height: 50%; padding: 0 0 0 4.5vw; color: #000; font-size: 1.6vw; background-color: #63c2d2; display: flex; align-items: center; box-sizing: border-box;}


}

@media screen and (max-width: 767px) {

  /************ section #pick-up-exp ************/
  section#pick-up-exp { width: 100%; height: 100%; padding: 3vw; box-sizing: border-box; font-size: 0.9rem; line-height: 1.8em;}
  section#pick-up-exp .title { width: 100%; margin: 0 0 20px 0; font-size: 1.4rem; font-weight: 500; text-align: center;}
  section#pick-up-exp table { width: 100%; border: 1px #ccc solid;}


  /************ aside ************/

  aside#page-aside-icons { width: 10vw; padding: 2vw 0; border-radius: 4.6vw 0 0 4.6vw; background-color: #63c1d1; overflow: hidden; position: fixed; top: 15vw; right: 0; z-index: 1000;}
  aside#page-aside-icons .icon-box { width: 10vw; height: 10vw; border-bottom: 0.5vw #9fd9e3 solid;}
  aside#page-aside-icons .icon-box:last-child { border-bottom: 0;}
  aside#page-aside-icons .icon-box a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
  aside#page-aside-icons .icon-box a img { width: auto; height: 5vw;}


  /************ header + nav ************/

  header { clear: both; width: 100%; height: 14vw; background-color: rgba(255,255,255,0.9); display: flex; justify-content: flex-start; align-items: center; position: fixed; top: 0; left: 0; z-index: 999;}

  .header-logo { width: 14vw; height: 14vw; background-color: #fff; display: flex; justify-content: center; align-items: center;}
  .header-logo img { width: 10vw; height: auto;}

  .header-tel { width: 14vw; height: 14vw; background-color: #173042; display: flex; justify-content: center; align-items: center;}
  .header-tel img { width: 7vw; height: auto;}

  .header-title-nav-icons { width: calc(100% - 28vw); display: flex; justify-content: flex-start; align-items: center;}
  .header-title-nav-icons .header-title { width: 30vw; padding: 0 0 0 2vw; box-sizing: border-box;}
  .header-title-nav-icons .header-title img { width: 22vw; height: auto;}
  .header-title-nav-icons .header-social { display: none;}

  nav#pc { display: none;}
  nav#mo { width: calc(100% - 30vw);}
  nav#mo .nav-icon { width: 12vw; color: #000; font-size: 8vw; float: right;}
  
  ul.nav-menu-mo { width: 100%; padding: 10vw; margin: 0; box-sizing: border-box; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; background-color: #fff; list-style: none; display: none; position: fixed; top: 12vw; left: 0; z-index: 99999;}
  ul.nav-menu-mo li { width: 100%; padding: 0; margin: 0;}
  ul.nav-menu-mo li a { width: 100%; padding: 3vw 0; color: #000; font-size: 5vw; text-decoration: none; display: flex; justify-content: center; align-items: center; transition: 0.7s;}
  ul.nav-menu-mo li a:active { font-weight: 600; background-color: #63c1d1;}
  ul.nav-menu-mo .header-social-mo { clear: both; width: 100%; margin: 8vw 0 0 0; display: flex; justify-content: center; align-items: center;}
  ul.nav-menu-mo .header-social-mo img { width: 10vw; height: auto; margin: 0 3vw;}


  /************ index banner ************/

  .index-banner-box { clear: both; width: 100%; position: relative; z-index: 1;}
  .index-banner-box img.banner-pic { width: 140%; height: auto; position: relative; z-index: 1;}
  .index-banner-box img.banner-text { width: 45vw; height: auto; position: absolute; top: 20vw; left: 34vw; z-index: 2;}

  .index-banner-aside { width: 14vw; height: calc(100% - 14vw); padding: 14vw 0 0 0; border-right: 1px rgba(255,255,255,0.5) solid; position: absolute; top: 0; left: 0; z-index: 9;}
  .index-banner-aside img.circle { width: 10vw; height: auto; position: absolute; bottom: 5vw; left: calc(50% - 5vw); z-index: 1;}
  .index-banner-aside .aside-arrow-prev { width: 14vw; height: 14vw; margin: 10vw 0 1.2vw 0; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; cursor: pointer;}
  .index-banner-aside .aside-arrow-next { width: 14vw; height: 14vw; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; cursor: pointer;}
  .index-banner-aside .aside-arrow-prev img, 
  .index-banner-aside .aside-arrow-next img { width: 5vw; height: auto;}


  /************ section #index-main-items ************/

  section#index-main-items { clear: both; width: 100%; padding: 10vw 0 8vw 0; background-color: #eff1ee; position: relative; z-index: 2;}

  .main-item-list { width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  .main-item-list .item-box { width: 38vw; height: 25vw; margin: 0 2.5vw 6vw 2.5vw; background-color: #fff; -moz-box-shadow:8px 8px 12px -2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:8px 8px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:8px 8px 12px -2px rgba(20%,20%,40%,0.5); transition: 0.5s;}
  .main-item-list .item-box:hover { border: 1px #ccc solid; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; box-sizing: border-box;}
  .main-item-list .item-box a { width: 100%; height: 100%; padding: 3vw 0; text-decoration: none; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .main-item-list .item-box .icon-1 { width: calc(100% - 10vw); display: flex; justify-content: center; align-items: center;}
  .main-item-list .item-box .icon-1 img { width: auto; height: 14vw;}
  .main-item-list .item-box .text-1 { width: 10vw; padding: 0 1vw; color: #173042; font-size: 4vw; font-weight: 300; line-height: 4.2vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; border-left: 1px #32626a dashed; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
  .main-item-list .item-box .icon-2 { width: calc(100% - 14vw); display: flex; justify-content: center; align-items: center;}
  .main-item-list .item-box .icon-2 img { width: auto; height: 14vw;}
  .main-item-list .item-box .text-2 { width: 14vw; padding: 0 1vw; color: #173042; font-size: 4vw; font-weight: 300; line-height: 4.2vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; border-left: 1px #32626a dashed; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}


  /************ section #index-about ************/

  section#index-about { clear: both; width: 100%; background-color: #fff;}

  .index-about-pic { width: 100%;}
  .index-about-pic img { width: 100%; height: auto;}

  .index-about-text { width: 100%; padding: 10vw 4vw; box-sizing: border-box;}
  .index-about-text .about-title-cn { width: 30vw; padding: 1vw 0; color: #fff; font-size: 6vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-about-text .about-title-en { width: 100%; padding: 1vw 0; color: #173042; font-size: 8vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 8vw; letter-spacing: -0.05em;}
  .index-about-text .about-infor { width: 100%; margin: 1vw 0 0 0; font-size: 4vw; line-height: 6vw;}
  .index-about-text .view-all-bt { width: 100%; margin: 3vw 0 0 0;}
  .index-about-text .view-all-bt a { color: #63c1d1; font-size: 4vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-about-text .view-all-bt img { width: 5vw; height: auto; margin: 0 0 0 1vw;}


  /************ section #index-news ************/

  section#index-news { clear: both; width: 100%; padding: 10vw 4vw; box-sizing: border-box; background-color: #f0f0f0;}

  .index-news-title { width: 100%;}
  .index-news-title .news-title-cn { width: 30vw; padding: 1vw 0; color: #fff; font-size: 6vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-news-title .news-title-en { width: 100%; padding: 1vw 0; color: #173042; font-size: 8vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 8vw; letter-spacing: -0.05em;}
  .index-news-title .view-all-bt { width: 100%; margin: 3vw 0 0 0;}
  .index-news-title .view-all-bt a { color: #63c1d1; font-size: 4vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-news-title .view-all-bt img { width: 5vw; height: auto; margin: 0 0 0 1vw;}

  .index-news-list { clear: both; width: 100%; margin: 8vw 0 0 0;}
  .index-news-list .list-table-full { width: 100%; padding: 5vw 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .index-news-list .list-table-full .news-date { width: 30vw; padding: 0.1vw 0 0 0; color: #333; font-size: 5vw;}
  .index-news-list .list-table-full .news-type { width: 34vw; padding: 0.2vw 0; color: #fff; font-size: 5vw; font-weight: 700; text-align: center; background-color: #63c1d1;}
  .index-news-list .list-table-full .news-title { width: 100%; padding: 2vw 0 0 0; font-size: 5vw;}
  .index-news-list .list-table-full .news-title a { color: #000; text-decoration: none;}
  .index-news-list .list-table-full .news-title a:hover { border-bottom: 1px #000 dashed;}


  /************ section #index-service ************/

  section#index-service { clear: both; width: 100%; padding: 10vw 4vw; box-sizing: border-box; background-color: #63c1d1; position: relative; z-index: 2;}

  .index-service-bg { display: block;}

  .index-service-pic-full { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .index-service-pic-full .service-pic-box { width: calc(100% / 2); position: relative; z-index: 2;}
  .index-service-pic-full .service-pic-box.style-1 { margin: 0 0 0 0;}
  .index-service-pic-full .service-pic-box.style-2 { margin: 0 0 0 0;}
  .index-service-pic-full .service-pic-box.style-3 { margin: 0 0 0 0;}
  .index-service-pic-full .service-pic-box img { width: 100%; height: auto; position: relative; z-index: 1;}
  .index-service-pic-full .service-pic-box .infor-title-1 { width: 10vw; padding: 2vw 0; color: #173042; font-size: 6vw; font-weight: 300; line-height: 4vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; right: 2.2vw; z-index: 2;}
  .index-service-pic-full .service-pic-box .infor-title-2 { width: 10vw; padding: 2vw 0; color: #173042; font-size: 6vw; font-weight: 300; line-height: 4vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; right: 2.2vw; z-index: 2;}

  .index-service-title-infor { width: 100%; margin: 0 0 8vw 0;}
  .index-service-title-infor .service-title-cn { width: 30vw; padding: 1vw 0; color: #fff; font-size: 6vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-service-title-infor .service-title-en { width: 100%; padding: 1vw 0; color: #173042; font-size: 8vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 8vw; letter-spacing: -0.05em;}
  .index-service-title-infor .service-infor { width: 100%; margin: 2vw 0 0 0; font-size: 4vw; line-height: 6vw;}
  .index-service-title-infor .view-all-bt { width: 100%; margin: 5vw 0 0 0;}
  .index-service-title-infor .view-all-bt a { color: #173042; font-size: 4vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-service-title-infor .view-all-bt img { width: 5vw; height: auto; margin: 0 0 0 1vw;}


  /************ section #index-qanda ************/

  section#index-qanda { clear: both; width: 100%; position: relative; z-index: 1;}

  .index-qanda-title { width: 100%; padding: 8vw 4vw; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
  .index-qanda-title .qanda-title-cn { width: 30vw; padding: 1vw 0; color: #fff; font-size: 6vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-qanda-title .qanda-title-en { width: 28vw; color: #173042; font-size: 8vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 8vw; letter-spacing: -0.05em; text-align: center;}
  .index-qanda-title .view-all-bt { width: 30vw;}
  .index-qanda-title .view-all-bt a { color: #63c1d1; font-size: 4vw; font-weight: 700; letter-spacing: -0.05em; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-qanda-title .view-all-bt img { width: 5vw; height: auto; margin: 0 0 0 1vw;}

  .index-qanda-menu { width: 100%; border-top: 1px #173042 solid; border-bottom: 1px #173042 solid; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .index-qanda-menu .qanda-type { width: calc(100% / 2); border-right: 1px #173042 solid; box-sizing: border-box;}
  .index-qanda-menu .qanda-type:nth-child(1) { border-bottom: 1px #173042 solid;}
  .index-qanda-menu .qanda-type:nth-child(2) { border-right: 0; border-bottom: 1px #173042 solid;}
  .index-qanda-menu .qanda-type a { width: 100%; padding: 6vw 0; color: #173042; font-size: 6vw; font-weight: 300; letter-spacing: 0.1em; text-align: center; text-decoration: none; display: block; transition: 0.5s;}
  .index-qanda-menu .qanda-type a:hover { color: #fff; background-color: #173042;}
  .index-qanda-menu .qanda-type:last-of-type { border-right: 0;}


  /************ section #index-contact ************/

  section#index-contact { clear: both; width: 100%; background-color: #000; overflow: hidden; position: relative; z-index: 1;}

  img.index-contact-bg { width: 180%; height: auto; position: relative; z-index: 1;}

  .index-contact-title-infor { width: 100%; padding: 8vw 4vw; box-sizing: border-box;}
  .index-contact-title-infor .contact-title-cn { width: 30vw; padding: 1vw 0; color: #fff; font-size: 6vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .index-contact-title-infor .contact-title-en { width: 100%; padding: 1vw 0; color: #fff; font-size: 8vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 8vw; letter-spacing: -0.05em;}
  .index-contact-title-infor .view-all-bt { width: 100%; padding: 4vw 0 0 0; display: flex; justify-content: flex-start; align-items: center;}
  .index-contact-title-infor .view-all-bt a { color: #63c1d1; font-size: 6vw; font-weight: 500; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .index-contact-title-infor .view-all-bt img { width: 5vw; height: auto; margin: 0 0 0 1.5vw;}


  /************ page-banner-box ************/

  .page-banner-box { clear: both; width: 100%; overflow: hidden; position: relative;}
  .page-banner-box img { width: 180%; height: auto; margin: 0 0 0 -70%; position: relative; z-index: 1;}

  .page-banner-aside { width: 14vw; height: calc(100% - 14vw); padding: 14vw 0 0 0; border-right: 1px rgba(255,255,255,0.5) solid; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-banner-aside img.circle { width: 10vw; height: auto; position: absolute; bottom: 3vw; right: calc(50% - 5vw); z-index: 1;}


  /************ breadcrumbs ************/

  .breadcrumbs { clear: both; width: 100%; padding: 1.5vw 4vw; font-size: 3vw; font-weight: 300; box-sizing: border-box; background-color: #63c1d1;}
  .breadcrumbs a { color: #000; text-decoration: none;}
  .breadcrumbs a:hover { border-bottom: 1px #000 solid;}


  /************ section #page-about ************/

  section#page-about { clear: both; width: 100%; padding: 14vw 0 0 0; background-color: #fff; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}

  .page-about-pic { width: 100%;}
  .page-about-pic img { width: 100%; height: auto;}

  .page-about-text { clear: both; width: 100%; padding: 5vw 4vw; box-sizing: border-box;}
  .page-about-text .about-title-cn { width: 30vw; padding: 1vw 0; color: #fff; font-size: 6vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-about-text .about-title-en { width: 100%; padding: 1vw 0; color: #173042; font-size: 8vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 8vw; letter-spacing: -0.05em;}
  .page-about-text .about-infor { width: 100%; margin: 1vw 0 0 0; font-size: 4vw; line-height: 6vw;}


  /************ section #page-pick-up ************/

  section#page-pick-up { clear: both; width: 100%; padding: 6vw 2vw 8vw 2vw; box-sizing: border-box; background-image: url("../images/page_pickup_bg.jpg"); background-repeat: repeat-y; background-size: 100% auto;}

  .page-pickup-con { clear: both; width: 100%;}
  .page-pickup-con .pickup-point { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-pickup-con .pickup-point img { width: 30vw; height: auto; margin: 0 1vw 0 0;}
  .page-pickup-con .picup-form-table { width: 100%; border-top: 1vw #173042 solid; position: relative;}
  .page-pickup-con .picup-form-table .caption { width: 100%; padding: 0.4vw 0; margin: 0.1vw 0 0 0; color: #173042; font-size: 6vw; font-weight: 300; border-top: 1px #0071ba solid; border-bottom: 1px #0071ba solid; background-color: #63c1d1; display: flex; justify-content: flex-start; align-items: center;}
  .page-pickup-con .picup-form-table .caption .linebar { width: 2.6vw; height: 0.8vw; margin: 0 1vw 0 0; background-color: #173042; display: block;}
  .page-pickup-con .picup-form-table .caption-2 { width: 100%; padding: 0.4vw 0; margin: 0.1vw 0 0 0; color: #63c1d1; font-size: 6vw; font-weight: 300; border-top: 1px #0071ba solid; border-bottom: 1px #0071ba solid; background-color: #173042; display: flex; justify-content: flex-start; align-items: center;}
  .page-pickup-con .picup-form-table .caption-2 .linebar { width: 2.6vw; height: 0.8vw; margin: 0 1vw 0 0; background-color: #63c1d1; display: block;}
  .page-pickup-con .picup-form-table .column { width: 100%; padding: 3vw 3.5vw 1.5vw 3.5vw; box-sizing: border-box; background-color: #e4e4e4; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column .icon { width: 10vw; padding: 0.7vw 0 0 0; margin: 0 0 1vw 0;}
  .page-pickup-con .picup-form-table .column .icon img { width: auto; height: 5vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column .form { width: calc(100% - 10vw); margin: 0 0 1.5vw 0;}
  .page-pickup-con .picup-form-table .column .form input[type=text].style-1 { width: 100%; padding: 1vw 2vw; margin: 0 1.5vw 0 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form input[type=text].style-2 { width: 100%; padding: 1vw 2vw; margin: 0 1.5vw 0 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form select { width: 100%; padding: 1vw 2vw; margin: 0 1.5vw 0 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form input[type=time] { width: 100%; padding: 1vw 2vw; margin: 0 1.5vw 0 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column .form input[type=button].style-1 { padding: 1vw 4vw; color: #fff; font-size: 4vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 1vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-pickup-con .picup-form-table .column .form input[type=button].style-2 { padding: 1vw 2vw; margin: 1vw 0; color: #fff; font-size: 4vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 1vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-pickup-con .picup-form-table .column .form span.text-note { color: #bf272d; font-size: 3.6vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column .form input[type=date].style-1 { width: 100%; padding: 1vw 2vw; margin: 0 1.5vw 0 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}

  .page-pickup-con .picup-form-table .column .form ul.address-input { width: 100%; padding: 0; margin: 0 0 1.5vw 0; list-style: none; display: block;}
  .page-pickup-con .picup-form-table .column .form ul.address-input li { width: 100%; padding: 0; margin: 0 0 1vw 0; display: flex; justify-content: flex-start;}
  .page-pickup-con .picup-form-table .column .form ul.address-input li .dragg-icon { width: 4vw; margin: 0 0 0 1vw; font-size: 4vw; cursor: pointer;}


  /************ 20240724新增 ************/
  .page-pickup-con .notice-popup-bt { clear: both; margin: 20px 0 0 0; width: 100%;}
  .page-pickup-con .notice-popup-bt a { width: 30vw; padding: 1vw 0; color: #fff; font-size: 3vw; text-align: center; text-decoration: none; background-color: #bf272d; display: block;}


  .page-pickup-con .picup-form-table .column-2 { width: 100%; padding: 3vw 2vw 1.5vw 2vw; box-sizing: border-box; background-color: #e4e4e4; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-2 .type-title { width: 100%; padding: 0 0 2vw 2vw; box-sizing: border-box; font-size: 6vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-2 .star { width: 5vw; margin: 0.5vw 0 1.5vw 0; color: #bf272d; font-size: 5vw; text-align: center; display: block;}
  .page-pickup-con .picup-form-table .column-2 .icon { width: 10vw; margin: 2.5vw 0 1.5vw 0;}
  .page-pickup-con .picup-form-table .column-2 .icon img { width: auto; height: 5vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column-2 .icon .container { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  .page-pickup-con .picup-form-table .column-2 .icon .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
  .page-pickup-con .picup-form-table .column-2 .icon .checkmark { position: absolute; top: 0; left: 3vw; height: 4vw; width: 4vw; border: 1px #63c1d1 solid; border-radius: 1vw; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .icon .container:hover input ~ .checkmark { border: 1px #63c1d1 solid; background-color: #ccc; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .icon .container input:checked ~ .checkmark { background-color: #63c1d1;}
  .page-pickup-con .picup-form-table .column-2 .icon .checkmark:after { content: ""; position: absolute; display: none;}
  .page-pickup-con .picup-form-table .column-2 .icon .container input:checked ~ .checkmark:after { display: block;}
  .page-pickup-con .picup-form-table .column-2 .icon .container .checkmark:after { left: 0.9vw; top: 0; width: 1vw; height: 2.4vw; border: solid white; border-width: 0 0.5vw 0.5vw 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
  .page-pickup-con .picup-form-table .column-2 .form { width: calc(100% - 15vw); margin: 0 0 1.5vw 0; font-size: 3vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-2 .form .title { width: 16vw; display: none;}
  .page-pickup-con .picup-form-table .column-2 .form .infor { width: 100%; font-size: 4vw; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-2 .form .infor input[type=text].style-1, 
  .page-pickup-con .picup-form-table .column-2 .form .infor input[type=number].style-1 { width: 100%; padding: 1vw 2vw; margin: 0 1.5vw 0 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .infor select { width: 100%; padding: 0.8vw 2vw; margin: 0 1.5vw 0 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .infor .exp-bt { width: 50vw; margin: 0 0 0 1.5vw;}
  .page-pickup-con .picup-form-table .column-2 .form .infor .exp-bt a { width: 100%; padding: 1vw 0; margin: 1.5vw 0 0 0; color: #fff; font-size: 4vw; font-weight: 300; text-align: center; text-decoration: none; border-radius: 3vw; background-color: #2974ff; display: block;}
  .page-pickup-con .picup-form-table .column-2 .form .infor .exp-bt a:hover { background-color: #29bdff;}
  .page-pickup-con .picup-form-table .column-2 .form .q-title { width: 100%; font-size: 5vw;}
  .page-pickup-con .picup-form-table .column-2 .form input[type=text].style-2 { width: 100%; padding: 1vw 2vw; margin: 1.5vw 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form textarea { width: 100%; height: 26vw; padding: 1vw 2vw; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half { width: 100%; font-size: 4vw;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half .item { width: 100%; margin: 1.5vw 0 0 0;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half .item-2 { width: 100%; margin: 1.5vw 0 0 0;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half select { width: 100%; padding: 1vw 2vw; margin: 1.5vw 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form .col-half input[type=text].style-3 { width: 100%; padding: 1vw 2vw; margin: 1.5vw 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-2 .form span.text-note { color: #bf272d; font-size: 3.6vw; font-weight: 300;}

  .page-pickup-con .picup-form-table .column-3 { width: 100%; padding: 3vw 2vw 1.5vw 2vw; box-sizing: border-box; background-color: #e4e4e4;}
  .page-pickup-con .picup-form-table .column-3 .col-lf { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .star { width: 5vw; margin: 0.5vw 0 1.5vw 0; color: #bf272d; font-size: 5vw; display: block;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .icon { width: 10vw; margin: 0.7vw 0 1.5vw 0;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .icon img { width: auto; height: 5vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form { width: calc(100% - 15vw); margin: 0 0 1.5vw 0; font-size: 4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=text].style-1 { width: 100%; padding: 1vw 2vw; margin: 1.5vw 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=radio] { width: 4.4vw; height: 4.4vw;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=tel], 
  .page-pickup-con .picup-form-table .column-3 .col-lf .form input[type=email] { width: 100%; padding: 1vw 2vw; margin: 1.5vw 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-rt { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .star { width: 5vw; margin: 0.5vw 0 1.5vw 0; color: #bf272d; font-size: 5vw; display: block;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .icon { width: 10vw; margin: 0.7vw 0 1.5vw 0;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .icon img { width: auto; height: 5vw; margin: 0 auto;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .form { width: calc(100% - 15vw); margin: 0 0 1.5vw 0; font-size: 4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .form input[type=tel] { width: 100%; padding: 1vw 2vw; margin: 1.5vw 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .form input[type=date], 
  .page-pickup-con .picup-form-table .column-3 .col-rt .form select { width: 100%; padding: 1vw 2vw; margin: 1.5vw 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-full .type-title { width: 100%; padding: 0 0 1.5vw 2vw; box-sizing: border-box; font-size: 5vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-full .star { width: 5vw; margin: 2vw 0 1.5vw 0; color: #bf272d; font-size: 5vw; display: block;}
  .page-pickup-con .picup-form-table .column-3 .col-full .title { width: calc(100% - 5vw); margin: 2vw 0 1.5vw 0; font-size: 4vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form { width: 100%; margin: 0 0 1.5vw 0; font-size: 4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form span.color-red { color: #bf272d;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=text].style-1 { width: 100%; padding: 1vw 2vw; margin: 1.5vw 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=radio], 
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=checkbox] { width: 4vw; height: 4vw;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=tel], 
  .page-pickup-con .picup-form-table .column-3 .col-full .form input[type=email], 
  .page-pickup-con .picup-form-table .column-3 .col-full .form select { width: 100%; padding: 1vw 2vw; margin: 1.5vw 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form span.text-note { color: #bf272d; font-size: 2.6vw; font-weight: 300;}

  
  /**** 20240508_new ****/
  .page-pickup-con .picup-form-table .column-3 .col-lf .top-title, 
  .page-pickup-con .picup-form-table .column-3 .col-rt .top-title, 
  .page-pickup-con .picup-form-table .column-3 .col-lf .arrow-down { width: 100%; padding: 1vw 0; margin: 4vw 0; color: #173042; font-size: 5vw; font-weight: 500; text-align: center;}
  .page-pickup-con .picup-form-table .column-3 .col-lf .text-address { width: 100%; color: #173042; font-size: 4vw; font-weight: 300; text-align: center;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .day-time-bar { width: 100%; padding: 0 0 3vw 0; color: #173042; font-size: 4vw; font-weight: 300; text-align: center;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .s-title { width: 34vw; padding: 1vw 0 1vw 12vw; color: #173042; font-size: 4vw; font-weight: 400; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-rt .s-infor { width: calc(100% - 34vw); padding: 0.5vw 0; color: #173042; font-size: 4vw; font-weight: 300;}

  .page-pickup-con input[type=button].next-step-bt { width: 34vw; padding: 1vw 0; margin: 4vw auto 0 auto; color: #fff; font-size: 4vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 1vw; background-color: #173042; cursor: pointer;}

  .page-pickup-con .step-tab-bar { clear: both; width: 100%; display: flex; justify-content: flex-end; align-items: stretch;}
  .page-pickup-con .step-tab-bar .step-box { width: 10vw; height: 5vw; margin: 0 0 0 1.5vw; color: #173042; font-size: 2.4vw; border: 1px #173042 solid; border-radius: 1vw 1vw 0 0; display: flex; justify-content: center; align-items: center;}
  .page-pickup-con .step-tab-bar .step-box.active { color: #63c1d1; background-color: #173042;}

  .page-pickup-con .picup-form-table .column-3 .total-price { width: 100%; padding: 30px; font-size: 4vw; font-weight: 500; text-align: right; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .total-price span.price { color: #bf272d;}

  ul.invoice-tab { clear: both; width: 100%; padding: 0 1.5vw; margin: 0; box-sizing: border-box; list-style: none; display: flex; justify-content: flex-start;}
  ul.invoice-tab li { width: 22vw; padding: 0; margin: 0 0.5vw 0 0;}
  ul.invoice-tab li a { width: 100%; padding: 1vw 0; color: #000; font-size: 4vw; text-align: center; border: 1px #000 solid; background-color: #fff; text-decoration: none; box-sizing: border-box; display: block;}
  ul.invoice-tab li a:hover { background-color: #63c1d1;}
  ul.invoice-tab li a.sel { color: #fff; background-color: #000;}
  
  .invoice-detail { width: calc(100% - 3vw); margin: -1px 1.5vw 2vw 1.5vw; padding: 1.5vw; border: 1px #000 solid; box-sizing: border-box; background-color: #fff;}
  .invoice-detail div { display: none;}
  .invoice-detail div .content-table { width: 100%; display: block;}
  .invoice-detail div .content-table .caption-title { clear: both; width: 100%; padding: 1vw 0 0 0; font-size: 4vw;}
  .invoice-detail div .content-table .column-detail { width: 100%; float: left;}
  .invoice-detail div .content-table .column-detail input[type=text].style-full, 
  .invoice-detail div .content-table .column-detail select.style-full { width: 100%; padding: 1vw 2vw; margin: 1.5vw 0; color: #000; font-size: 5vw; font-weight: 300; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #cacaca solid; background-color: #fff; box-sizing: border-box;}

  .page-pickup-con .picup-form-table .column-3 .col-full .title-pay { width: 30vw; margin: 2vw 0 1.5vw 0; font-size: 4vw; font-weight: 300;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay { width: calc(100% - 35vw); padding: 0 0 0 0; margin: 2vw 0 1.5vw 0; font-size: 4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay span.price { color: #bf272d; font-weight: 600;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay input[type=radio] { width: 3.8vw; height: 3.8vw; margin: 0 1vw 0 0;}

  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card { display: none;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card-mo { width: calc(100% - 35vw); padding: 0 0 0 0; margin: 2vw 0 1.5vw 0; font-size: 4vw; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card-mo span.price { color: #bf272d; font-weight: 600;}
  .page-pickup-con .picup-form-table .column-3 .col-full .form-pay-card-mo input[type=radio] { width: 3.8vw; height: 3.8vw; margin: 0 1vw 0 0;}

  .page-pickup-con .picup-form-table .column-3 .col-full .member-check { clear: both; width: 100%; padding: 2vw; font-size: 4vw; font-weight: 300; border-top: 1px #ccc solid; box-sizing: border-box;}
  .page-pickup-con .picup-form-table .column-3 .col-full .member-check input[type=checkbox] { width: 3.8vw; height: 3.8vw;}
  .page-pickup-con .picup-form-table .column-3 .col-full .member-check a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-pickup-con .picup-form-table .column-3 .col-full .member-check a:hover { color: #0071ba; border-bottom: 1px #0071ba dashed;}


  /** 20240521新增 **/
  .page-pick-up-notice-popup { clear: both; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 9999999;}
  .page-pick-up-notice-popup .notice-content { width: 100%; padding: 6vw 6vw 8vw 6vw; box-sizing: border-box; background-color: #fff;}
  .page-pick-up-notice-popup .notice-content .close-bt { width: 6vw; font-size: 6vw; text-align: center; float: right; cursor: pointer;}
  .page-pick-up-notice-popup .notice-content .text-box { clear: both; width: 100%; font-size: 4vw; font-weight: 300; line-height: 8vw;}
  .page-pick-up-notice-popup .notice-content .text-box .title { width: 100%; margin: 0 0 6vw 0; font-size: 6vw; font-weight: 500; text-align: center;}
  .page-pick-up-notice-popup .notice-content .text-box ul { width: 100%; padding: 0 0 0 4vw; margin: 0; box-sizing: border-box; list-style: decimal; display: block;}
  .page-pick-up-notice-popup .notice-content .text-box ul li { padding: 0; margin: 0;}


  /************ section #page-news ************/

  section#page-news { clear: both; width: 100%; padding: 14vw 4vw; box-sizing: border-box; background-color: #f0f0f0;}

  .page-news-title { width: 100%; margin: 0 0 5vw 0; text-align: center;}
  .page-news-title .news-title-cn { width: 30vw; padding: 1vw 0; margin: 0 auto; color: #fff; font-size: 6vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-news-title .news-title-en { width: 100%; padding: 1vw 0; color: #173042; font-size: 8vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 8vw; letter-spacing: -0.05em;}

  .page-news-list { clear: both; width: 100%; margin: 8vw 0 0 0; border-top: 1px #ccc solid;}
  .page-news-list .list-table-full { width: 100%; padding: 5vw 0; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-news-list .list-table-full .news-date { width: 30vw; padding: 0.1vw 0 0 0; color: #333; font-size: 5vw;}
  .page-news-list .list-table-full .news-type { width: 34vw; padding: 0.2vw 0; color: #fff; font-size: 5vw; font-weight: 700; text-align: center; background-color: #63c1d1;}
  .page-news-list .list-table-full .news-title { width: 100%; padding: 2vw 0 0 0; font-size: 5vw;}
  .page-news-list .list-table-full .news-title a { color: #000; text-decoration: none;}
  .page-news-list .list-table-full .news-title a:hover { border-bottom: 1px #000 dashed;}

  ul.page-news-pagenum { clear: both; width: 100%; padding: 0; margin: 8vw 0 0 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-news-pagenum li { padding: 0; margin: 0 1vw 2vw 1vw;}
  ul.page-news-pagenum li a { padding: 0.5vw 1vw; color: #173042; font-size: 4vw; text-decoration: none; border: 1px #173042 solid; display: block;}
  ul.page-news-pagenum li a:hover { background-color: #fff;}
  ul.page-news-pagenum li a.sel { color: #fff; background-color: #63c1d1;}


  .page-news-content { clear: both; width: 100%; margin: 6vw 0 0 0; font-size: 4.4vw; line-height: 7vw;}
  .page-news-content img { max-width: 100%; height: auto;}
  .page-news-content a { color: #414141; text-decoration: none; border-bottom: 1px #414141 dashed;}

  .page-goback-bt { clear: both; width: 20vw; margin: 10vw auto 0 auto;}
  .page-goback-bt a { width: 100%; padding: 1.2vw 0; color: #fff; font-size: 4vw; text-align: center; text-decoration: none; border-radius: 10px; background-color: #173042; display: block;}
  .page-goback-bt a:hover { background-color: #63c1d1;}


  /************ section #page-members ************/

  section#page-members { clear: both; width: 100%; padding: 8vw 0;}

  .page-members-title { width: 100%; padding: 0 0 2.5vw 0;}
  .page-members-title .members-title-cn { width: 30vw; padding: 1vw 0; margin: 0 auto; color: #fff; font-size: 6vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-members-title .members-title-en { width: 100%; color: #173042; font-size: 8vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 8vw; letter-spacing: -0.05em; text-align: center;}

  .page-members-login { clear: both; width: 96%; margin: 0 auto;}
  .page-members-login .col-half { width: 100%; margin: 0 0 4vw 0;}
  .page-members-login .col-half .s-title { width: 100%; font-size: 4.4vw; margin: 0 0 2vw 0;}
  .page-members-login .col-half input[type=text], 
  .page-members-login .col-half input[type=password] { width: 100% !important; margin: 0 0 2vw 0 !important; padding: 2vw !important; color: #000; font-size: 3vw !important; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-login .col-half input[type=submit], 
  .page-members-login .col-half input[type=button] { width: 100%; margin: 0 0 2vw 0; padding: 2vw; color: #fff; font-size: 3vw; border: 0; border-radius: 1vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-members-login .col-half .forget-note { clear: both; width: 100%; padding: 2vw 0 0 0; margin: 2vw 0 0 0; border-top: 1px #ccc solid; color: #333; font-size: 3vw;}
  .page-members-login .col-half .forget-note a { color: #173042; text-decoration: none; border-bottom: 1px #333 solid;}
  .page-members-login .col-half .forget-note a:hover { color: #29bdff; border-bottom: 1px #29bdff solid;}
  .page-members-login .col-half .sign-up-note { clear: both; width: 100%; padding: 4vw; font-size: 3vw; border-radius: 1.2vw; background-color: #eee; box-sizing: border-box;}
  .page-members-login .col-half .sign-up-note .sign-up-bt { clear: both; width: 100%; margin: 3vw 0 0 0;}
  .page-members-login .col-half .sign-up-note .sign-up-bt a { width: 100%; padding: 2vw; color: #fff; font-size: 3vw; text-align: center; text-decoration: none; border-radius: 1vw; background-color: #32626a; display: block; box-sizing: border-box;}

  .page-members-sign-up { clear: both; width: 90%; margin: 0 auto;}
  .page-members-sign-up .title { width: 100%; margin: 0 0 2vw 0; font-size: 6vw; text-align: center;}
  .page-members-sign-up .column-left { width: 100%;}
  .page-members-sign-up .column-left .s-title { width: 100%; padding: 0 0 1vw 0; font-size: 4.4vw;}
  .page-members-sign-up .column-left input.style-1 { width: 100%; margin: 1vw 0; padding: 2vw; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left input[type=date] { width: 100%; margin: 1vw 0; padding: 2vw 2vw 2vw 7vw; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left select { width: 100%; margin: 1vw 0; padding: 2vw; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left input.style-2 { width: 100%; margin: 1vw 0; padding: 2vw; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-right { width: 100%;}
  .page-members-sign-up .column-right .s-title { width: 100%; padding: 0 0 1vw 0; font-size: 4.4vw;}
  .page-members-sign-up .column-right input.style-1 { width: 100%; margin: 1vw 0; padding: 2vw; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-right input.style-2 { width: 100%; margin: 1vw 0; padding: 2vw; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #ccc; box-sizing: border-box;}
  .page-members-sign-up .column-right .text-note { width: 100%; margin: 1vw 0; padding: 2vw 0; font-size: 3vw; font-weight: 300; line-height: 4vw; text-align: center; box-sizing: border-box;}
  .page-members-sign-up .column-right .text-note span.color-red { color: #bf272d;}
  .page-members-sign-up .column-full { width: 100%; height: 40vw; padding: 2vw; margin: 2vw 0 0 0; background-color: #eee; overflow-y: scroll; box-sizing: border-box;}
  .page-members-sign-up .column-full .s-title { width: 100%; padding: 0 0 2vw 0; font-size: 4vw; text-align: center;}
  .page-members-sign-up .column-full .text-con { width: 100%; font-size: 3vw; font-weight: 300; line-height: 6vw;}
  .page-members-sign-up .column-half { width: 100%; margin: 3vw 0; font-size: 4vw;}
  .page-members-sign-up .column-half .container { padding: 0 0 0 7vw; display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  .page-members-sign-up .column-half .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
  .page-members-sign-up .column-half .checkmark { position: absolute; top: 0.3vw; left: 0; height: 6vw; width: 6vw; border: 1px #63c1d1 solid; border-radius: 1vw; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-half .container:hover input ~ .checkmark { border: 1px #63c1d1 solid; background-color: #ccc; box-sizing: border-box;}
  .page-members-sign-up .column-half .container input:checked ~ .checkmark { background-color: #63c1d1;}
  .page-members-sign-up .column-half .checkmark:after { content: ""; position: absolute; display: none;}
  .page-members-sign-up .column-half .container input:checked ~ .checkmark:after { display: block;}
  .page-members-sign-up .column-half .container .checkmark:after { left: 1.6vw; top: 0.1vw; width: 1.8vw; height: 4vw; border: solid white; border-width: 0 0.6vw 0.6vw 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
  

  ul.members-nav { width: 100%; padding: 0; margin: 4vw 0 8vw 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.members-nav li { width: 30vw; padding: 0; margin: 1vw;}
  ul.members-nav li a { width: 100%; padding: 1vw 0; color: #173042; font-size: 4vw; border: 1px #173042 solid; border-radius: 1vw; text-align: center; text-decoration: none; display: block;}
  ul.members-nav li a:hover { background-color: #eee;}
  ul.members-nav li a.sel { color: #fff; background-color: #173042;}

  .page-members-sign-up .column-left label.sex-box { width: 100%; margin: 1vw 0; padding: 2vw; color: #000; font-size: 4vw; background-color: #fff; box-sizing: border-box; display: block;}
  .page-members-sign-up .column-left input.style-3 { width: 100%; margin: 1vw 0; padding: 2vw; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .column-left input[type=button].style-1 { width: 100%; margin: 1vw 0; padding: 2vw; color: #000; font-size: 4vw; border: 0; background-color: #ccc; box-sizing: border-box; cursor: pointer;}
  .page-members-sign-up .column-left input[type=button].style-2 { width: 100%; margin: 1vw 0; padding: 2vw; color: #000; font-size: 4vw; border: 0; background-color: #ccc; box-sizing: border-box; cursor: pointer;}
  .page-members-sign-up .column-left select.style-full { width: 100%; margin: 1vw 0; padding: 2vw; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}


  .page-members-order { clear: both; width: 96%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-order .mem-order-table { width: 100%; margin: 0 0 4vw 0;}
  .page-members-order .mem-order-table .caption-full { width: 100%; font-size: 3vw; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: center;}
  .page-members-order .mem-order-table .caption-full .caption-1 { width: 17%; padding: 1vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-2 { width: 17%; padding: 1vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-3 { width: 13%; padding: 1vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-4 { width: 13%; padding: 1vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-5 { width: 28%; padding: 1vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .caption-full .caption-6 { width: 12%; padding: 1vw; text-align: center; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full { width: 100%; font-size: 2.4vw; font-weight: 300; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-1 { width: 17%; padding: 1vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-2 { width: 17%; padding: 1vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-3 { width: 13%; padding: 1vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-4 { width: 13%; padding: 1vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-5 { width: 28%; padding: 1vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-6 { width: 12%; padding: 1vw; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-6 div.extend { width: 100%; padding: 0.5vw 0; color: #fff; font-size: 2.4vw; font-weight: 300; text-align: center; text-decoration: none; border-radius: 0.8vw; background-color: #0071ba; display: block; cursor: pointer;}


  /*** 20240514新增 ***/
  .page-members-sign-up .col-full { clear: both; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-sign-up .col-full .caption { width: 10vw; margin: 0 0 2vw 0; font-size: 4vw;}
  .page-members-sign-up .col-full .column { width: calc(100% - 10vw); margin: 0 0 2vw 0; font-size: 4vw; font-weight: 300;}
  .page-members-sign-up .col-full .column input[type=text].style-1, 
  .page-members-sign-up .col-full .column input[type=tel], 
  .page-members-sign-up .col-full .column input[type=email], 
  .page-members-sign-up .col-full .column input[type=password] { width: 100%; padding: 1vw; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-full .column input[type=radio] { width: 3.8vw; height: 3.8vw;}
  .page-members-sign-up .col-full .column input[type=date] { width: 100%; padding: 1vw; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-full .column input[type=button].style-1 { width: 28vw; padding: 1vw 0; margin: 2vw 0 0 0; color: #fff; font-size: 4vw; border: 0; border-radius: 1vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}
  .page-members-sign-up .col-full .column input[type=text].style-2 { width: 20vw; padding: 1vw; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}

  .page-members-sign-up .col-half { width: 100%; margin: 0 0 2vw 0;}
  .page-members-sign-up .col-half input[type=text] { width: 60vw; padding: 1vw; margin: 0 0 0 10vw; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-half input[type=button] { width: 16vw; padding: 1vw 0; color: #fff; font-size: 4vw; border: 0; border-radius: 1vw; background-color: #173042; box-sizing: border-box; cursor: pointer;}

  .page-members-sign-up .col-full .column-x3 { width: calc(100% - 10vw); margin: 0 0 2vw 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-sign-up .col-full .column-x3 select { width: 36vw; padding: 1vw; margin: 0 2vw 2vw 0; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-sign-up .col-full .column-x3 input[type=text] { width: 100%; padding: 1vw; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}

  .page-members-sign-up .column-half input[type=checkbox] { width: 4vw; height: 4vw;}
  .page-members-sign-up .column-half a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-members-sign-up .column-half a:hover { color: #0071ba; border-bottom: 1px #0071ba dashed;}

  .page-members-forgat { clear: both; width: 100%;}
  .page-members-forgat .col-forgat { clear: both; width: 80%; margin: 0 auto;}
  .page-members-forgat .col-forgat .s-title { width: 100%; padding: 0 0 1vw 0; font-size: 4.4vw; text-align: center;}
  .page-members-forgat .col-forgat input.style-1 { width: 100%; margin: 1vw 0; padding: 2vw; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-members-forgat .col-forgat input.style-2 { width: 100%; margin: 1vw 0; padding: 2vw; color: #000; font-size: 4vw; border: 1px #ccc solid; background-color: #ccc; box-sizing: border-box;}
  .page-members-forgat .col-forgat .text-note { width: 100%; margin: 1vw 0; padding: 2vw 0; font-size: 3vw; font-weight: 300; line-height: 4vw; text-align: center; box-sizing: border-box;}
  .page-members-forgat .col-forgat .text-note span.color-red { color: #bf272d;}
  .page-members-forgat .col-forgat .sign-up-bt { clear: both; width: 100%; margin: 4vw 0 2vw 0;}
  .page-members-forgat .col-forgat .sign-up-bt a { width: 100%; padding: 1vw 0; color: #fff; font-size: 4vw; text-align: center; text-decoration: none; border-radius: 1vw; background-color: #173042; display: block;}

  .page-members-sign-up .sign-up-bt { width: 100%; margin: 4vw 0 2vw 0;}
  .page-members-sign-up .sign-up-bt a { width: 100%; padding: 1vw 0; color: #fff; font-size: 4vw; text-align: center; text-decoration: none; border-radius: 1.6vw; background-color: #173042; display: block;}

  .page-members-order .mem-order-table .column-full .column-7 { width: 100%; padding: 2vw; border-top:  1px #ccc dashed; background-color: #f1f1f1; box-sizing: border-box; display: none; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-7 .col-lf { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-7 .col-lf .top-title, 
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .top-title, 
  .page-members-order .mem-order-table .column-full .column-7 .col-lf .arrow-down { width: 100%; padding: 1vw 0; margin: 4vw 0; color: #173042; font-size: 5vw; font-weight: 500; text-align: center;}
  .page-members-order .mem-order-table .column-full .column-7 .col-lf .text-address { width: 100%; color: #173042; font-size: 4vw; font-weight: 300; text-align: center;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .day-time-bar { width: 100%; padding: 0 0 3vw 0; color: #173042; font-size: 4vw; font-weight: 300; text-align: center;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .s-title { width: 34vw; padding: 1vw 0 1vw 12vw; color: #173042; font-size: 4vw; font-weight: 400; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-7 .col-rt .s-infor { width: calc(100% - 34vw); padding: 0.5vw 0; color: #173042; font-size: 4vw; font-weight: 300;}
  .page-members-order .mem-order-table .column-full .column-7 .total-price { width: 100%; padding: 30px; font-size: 4vw; font-weight: 500; text-align: right; box-sizing: border-box;}
  .page-members-order .mem-order-table .column-full .column-7 .total-price span.price { color: #bf272d;}


  /************ section #page-service ************/

  section#page-service { clear: both; width: 100%; padding: 14vw 0; background-color: #63c1d1; position: relative; z-index: 2;}

  .page-service-pic-full { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-service-pic-full .service-pic-box { width: calc(100% / 2); position: relative; z-index: 2;}
  .page-service-pic-full .service-pic-box.style-1 { margin: 0 0 0 0;}
  .page-service-pic-full .service-pic-box.style-2 { margin: 0 0 0 0;}
  .page-service-pic-full .service-pic-box.style-3 { margin: 0 0 0 0;}
  .page-service-pic-full .service-pic-box img { width: 100%; height: auto; position: relative; z-index: 1;}
  .page-service-pic-full .service-pic-box .infor-title-1 { width: 10vw; padding: 2vw 0; color: #173042; font-size: 6vw; font-weight: 300; line-height: 4vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; right: 2.2vw; z-index: 2;}
  .page-service-pic-full .service-pic-box .infor-title-2 { width: 10vw; padding: 2vw 0; color: #173042; font-size: 6vw; font-weight: 300; line-height: 4vw; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background-color: #fff; display: flex; align-items: center; position: absolute; bottom: 2vw; right: 2.2vw; z-index: 2;}

  .page-service-title-infor { width: 100%; padding: 0 4vw; margin: 0 0 8vw 0; box-sizing: border-box;}
  .page-service-title-infor .service-title-cn { width: 30vw; padding: 1vw 0; color: #fff; font-size: 6vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-service-title-infor .service-title-en { width: 100%; padding: 1vw 0; color: #173042; font-size: 8vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 8vw; letter-spacing: -0.05em;}
  .page-service-title-infor .service-infor { width: 100%; margin: 2vw 0 0 0; font-size: 4vw; line-height: 6vw;}


  /************ section #page-qanda ************/

  section#page-qanda { clear: both; width: 100%; padding: 16vw 0;}

  .page-qanda-title { width: 100%; padding: 0 4vw 8vw 4vw; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
  .page-qanda-title .qanda-title-cn { width: 30vw; padding: 1vw 0; color: #fff; font-size: 6vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-qanda-title .qanda-title-en { width: 28vw; color: #173042; font-size: 8vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 8vw; letter-spacing: -0.05em; text-align: center;}

  .page-qanda-menu { width: 100%; border-top: 1px #173042 solid; border-bottom: 1px #173042 solid; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-qanda-menu .qanda-type { width: calc(100% / 2); border-right: 1px #173042 solid; box-sizing: border-box;}
  .page-qanda-menu .qanda-type:nth-child(1) { border-bottom: 1px #173042 solid;}
  .page-qanda-menu .qanda-type:nth-child(2) { border-right: 0; border-bottom: 1px #173042 solid;}
  .page-qanda-menu .qanda-type a { width: 100%; padding: 6vw 0; color: #173042; font-size: 6vw; font-weight: 300; letter-spacing: 0.1em; text-align: center; text-decoration: none; display: block; transition: 0.5s;}
  .page-qanda-menu .qanda-type a:hover { color: #fff; background-color: #173042;}
  .page-qanda-menu .qanda-type a.sel { color: #fff; background-color: #173042;}
  .page-qanda-menu .qanda-type:last-of-type { border-right: 0;}

  ul.page-qanda-content { clear: both; width: 100%; padding: 0 4vw; margin: 4vw auto 0 auto; list-style: none; box-sizing: border-box; display: block;}
  ul.page-qanda-content li { width: 100%; padding: 4vw 0; margin: 0; border-bottom: 1px #ccc solid;}
  ul.page-qanda-content li:last-of-type { border-bottom: 0;}
  ul.page-qanda-content li .question-bar { width: 100%; font-weight: 600; display: flex; justify-content: flex-start; align-items: flex-start;}
  ul.page-qanda-content li .answer-text { width: 100%; padding: 1vw 0 0 0; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start;}
  ul.page-qanda-content li .question-bar .caption, 
  ul.page-qanda-content li .answer-text .caption { width: 9vw; font-size: 4vw; font-weight: 600;}
  ul.page-qanda-content li .question-bar .column, 
  ul.page-qanda-content li .answer-text .column { width: calc(100% - 3vw); font-size: 4vw; line-height: 6vw;}


  /************ section #page-cooperate ************/

  section#page-cooperate { clear: both; width: 100%; padding: 8vw; box-sizing: border-box;}

  .page-cooperate-title-infor { width: 100%; margin: 0 0 4vw 0;}
  .page-cooperate-title-infor .contact-title-cn { width: 30vw; padding: 1vw 0; margin: 0 auto; color: #fff; font-size: 6vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-cooperate-title-infor .contact-title-en { width: 100%; padding: 1vw 0; color: #173042; font-size: 8vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 8vw; letter-spacing: -0.05em; text-align: center;}

  .page-cooperate-content { clear: both; width: 100%; margin: 0 auto;}
  .page-cooperate-content .coop-contact-infor { width: 100%; margin: 0 0 6vw 0; font-size: 3.5vw; line-height: 6vw;}
  .page-cooperate-content .coop-contact-infor .title-name { width: 100%; padding: 0 0 4vw 0; font-size: 6vw; font-weight: 500;}
  .page-cooperate-content .coop-contact-form { width: 100%;}
  .page-cooperate-content .coop-contact-form form { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-cooperate-content .coop-contact-form form .caption { width: 16vw; margin: 0 0 2vw 0; font-size: 4vw; text-align: right;}
  .page-cooperate-content .coop-contact-form form .column { width: calc(100% - 16vw);}
  .page-cooperate-content .coop-contact-form form .column input[type=text], 
  .page-cooperate-content .coop-contact-form form .column input[type=tel], 
  .page-cooperate-content .coop-contact-form form .column input[type=email] { width: 100%; padding: 1vw 2vw; margin: 0 0 2vw 0; font-size: 4vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-cooperate-content .coop-contact-form form .column textarea { width: 100%; height: 16vw; padding: 1vw 2vw; margin: 0 0 2vw 0; font-size: 4vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-cooperate-content .coop-contact-form form .column input[type=submit],input[type=button] { padding: 1.5vw 6vw; color: #fff; font-size: 4vw; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 5vw; background-color: #173042; cursor: pointer;}


  /************ section #page-rent-car ************/

  section#page-rent-car { clear: both; width: 100%; padding: 8vw; box-sizing: border-box;}

  .page-rent-car-title-infor { width: 100%; margin: 0 0 4vw 0;}
  .page-rent-car-title-infor .contact-title-cn { width: 60vw; padding: 1vw 0; margin: 0 auto; color: #fff; font-size: 6vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-rent-car-title-infor .contact-title-2-cn { width: 30vw; padding: 1vw 0; margin: 0 auto; color: #fff; font-size: 6vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-rent-car-title-infor .contact-title-en { width: 100%; padding: 1vw 0; color: #173042; font-size: 8vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 8vw; letter-spacing: -0.05em; text-align: center;}

  .page-rent-car-content { display: none;}
  .page-rent-car-content-mo { clear: both; width: 100%; padding: 6vw 0; margin: 0 auto; font-size: 5vw; text-align: center;}
  .page-rent-car-content-mo a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-rent-car-content-mo a:hover { color: #0071ba; border-bottom: 1px #0071ba dashed;}


  /** 20240521修改 **/
  .page-rent-car-content-mo a.join-line-bt { width: 40vw; padding: 1.5vw 0; margin: 0 auto; color: #fff; font-size: 5vw; text-align: center; text-decoration: none; border-radius: 6vw; background-color: #173042; display: block;}
  .page-rent-car-content-mo a.join-line-bt:active { background-color: #0071ba;}


  /************ section #page-sitemap ************/

  section#page-sitemap { clear: both; width: 100%; padding: 16vw 0;}

  .page-sitemap-title { width: 100%; padding: 0 4vw 8vw 4vw; box-sizing: border-box;}
  .page-sitemap-title .sitemap-title-cn { width: 30vw; padding: 1vw 0; margin: 0 auto; color: #fff; font-size: 6vw; text-align: center; background-color: rgba(23,48,66,0.9);}
  .page-sitemap-title .sitemap-title-en { clear: both; width: 100%; margin: 0 auto; color: #173042; font-size: 8vw; font-weight: 600; font-family: 'Anton', sans-serif; font-family: 'Noto Serif TC', serif; font-family: 'Spectral', serif; line-height: 10vw; letter-spacing: -0.05em; text-align: center;}

  ul.sitemap-nav { clear: both; width: 80%; padding: 0; margin: 0 auto; list-style: none; display: block;}
  ul.sitemap-nav li { width: 100%; padding: 0; margin: 0 0 6vw 0; text-align: center;}
  ul.sitemap-nav li a { padding: 0.3vw 0.8vw; color: #173042; font-size: 6vw; text-decoration: none; display: block;}
  ul.sitemap-nav li a:active { color: #fff; background-color: #173042;}


  .page-error-con { clear: both; width: 100%; padding: 8vw 0;}
  .page-error-con .text-bigger { width: 100%; margin: 0 0 10vw 0; font-size: 7vw; font-weight: 500; text-align: center;}
  .page-error-con .goback-bt { width: 100%; text-align: center;}
  .page-error-con .goback-bt a { color: #173042; font-size: 5vw; border-bottom: 1px #173042 solid; text-decoration: none;}


  /************ footer ************/

  footer { clear: both; width: 100%;}

  .footer-logo-title { width: 100%; padding: 4vw; box-sizing: border-box; background-color: #000; display: flex; justify-content: center; align-items: center;}
  .footer-logo-title img { width: 18vw; height: auto;}

  .footer-nav-infor { width: 100%;}
  .footer-nav-infor .footer-nav { width: 100%; padding: 6vw 4vw; box-sizing: border-box; background-color: #fff;}
  .footer-nav-infor .footer-nav ul.footer-menu { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  .footer-nav-infor .footer-nav ul.footer-menu li { padding: 0 2vw 3vw 2vw; margin: 0;}
  .footer-nav-infor .footer-nav ul.footer-menu li a { color: #000; font-size: 4.6vw; text-decoration: none;}
  .footer-nav-infor .footer-nav ul.footer-menu li a:hover { color: #63c2d2;}
  .footer-nav-infor .footer-nav .social-icons { width: 100%; margin: 3vw 0 0 0; display: flex; justify-content: center; align-items: center;}
  .footer-nav-infor .footer-nav .social-icons img { width: 8vw; height: auto; margin: 0 1vw;}
  .footer-nav-infor .footer-infor { display: none;}
  .footer-nav-infor .footer-infor-mo { clear: both; width: 100%; padding: 6vw 4vw; color: #000; font-size: 3.6vw; line-height: 6.6vw; text-align: center; background-color: #63c2d2; box-sizing: border-box;}
  

}