:where(main.inner-page) .clear {
  clear: both;
}
:where(main.inner-page) p {
  margin: 0px;
  padding: 0px;
}
:where(main.inner-page) ul, :where(main.inner-page) ol {
  margin: 0px;
  padding: 0px;
}
:where(main.inner-page) a {
  text-decoration: none;
  cursor: pointer;
  color: #000;
}
:where(main.inner-page) hr {
  display: block;
  height: 0px;
  border: 0;
  border-top: 1px solid #cacaca;
  margin: 1em 0;
  padding: 0;
}
:where(main.inner-page) img {
  max-width: 100%;
  height: auto;
  border: 0px;
  vertical-align: middle;
}
:where(main.inner-page) table {
  border-collapse: collapse;
  border-spacing: 0;
}
:where(main.inner-page) table tr td {
  margin: 0px;
  padding: 0px;
}
:where(main.inner-page) input[type="text"] {
  font-family: "Microsoft JhengHei", Arial, Helvetica, sans-serif;
  border-radius: 0px;
}
:where(main.inner-page) input[type="password"] {
  font-family: "Microsoft JhengHei", Arial, Helvetica, sans-serif;
  border-radius: 0px;
}
:where(main.inner-page) textarea {
  font-family: "Microsoft JhengHei", Arial, Helvetica, sans-serif;
  border-radius: 0px;
}
#page-top {
  position: relative;
  overflow: hidden;
  min-height: 352px;
  background-repeat: repeat-x;
  background-color: #fff;
}
#page-top .desktop {
  display: block;
}
#page-top .mobile {
  display: none;
}
#page-top-banners {
  position: absolute;
  background-repeat: no-repeat;
  background-position: right top;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
}
#page-top-inner {
  position: relative;
  max-width: 1224px;
  margin: auto;
  padding-top: 40px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 40px;
}
#page-top-left {
  position: relative;
  float: left;
  width: 480px;
}
#page-top-left-title {
  position: relative;
}
#page-top-left-line {
  clear: both;
  display: block;
  height: 5px;
  background-color: #00a5e0;
  width: 75px;
  margin-top: 5px;
}
#page-top-left-desc {
  font-size: 15px;
  margin-top: 20px;
  line-height: 24px;
}
#page-top-left-desc ol, #page-top-left-desc ul {
  padding-left: 20px;
}
#data-form-container {
  position: relative;
  max-width: 1224px;
  margin: auto;
  padding-top: 20px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 20px;
  min-height: 420px;
  overflow: hidden;
}
#data-top-label {
  font-size: 15px;
  font-weight: bold;
  color: #00a5e0;
}
.myselectbox {
  width: 100%;
}
.ui-widget {
  font-size: 13px;
}
.ui-state-default .ui-icon {
  background-image: url(/assets/img/registration/down_arrow.png);
  background-position: 0px 0px;
}
.ui-selectmenu-button span.ui-icon {
  margin-top: -3px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  color: #5a5a5a;
  font-weight: normal;
  border: 2px #b4b4b4 solid;
}
.ui-selectmenu-menu {
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  color: #5a5a5a;
}
@media only screen and (max-width: 1662px) {#page-top-banners {
    width: 1662px;
  }
}
@media only screen and (max-width: 1210px) {#page-top-left {
    width: 360px;
  }
#data-form-container {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (max-width: 1080px) {#page-top {
    width: 1024px;
  }
}
@media only screen and (max-width: 780px) {.form-row1 {
    width: 100%;
  }
.form-row2 {
    width: 100%;
  }
}
@media only screen and (max-width: 680px) {#page-top {
    width: auto;
    height: auto;
    background-image: none !important;
  }
#page-top .desktop {
    display: none;
  }
#page-top .mobile {
    display: block;
  }
#page-top-inner {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0px !important;
  }
#page-top-left {
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {#page-top-left-line {
    width: 60px;
  }
#page-top-left-desc {
    font-size: 16px;
    line-height: 28px;
  }
#data-top-label {
    font-size: 16px;
  }
.form-row-label {
    font-size: 16px;
  }
}
.promotion-container {
  max-width: 1200px;
  margin: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
.promotion-main-title {
  position: relative;
  padding-bottom: 20px;
  border-bottom: 5px #00a5e0 solid;
  font-size: 26px;
  color: #868686;
}
.promotion-shortcut {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 96px;
  height: 33px;
  border: 1px #00a5e0 solid;
  color: #00a5e0;
  text-align: center;
  line-height: 33px;
  font-size: 15px;
  font-weight: bold;
}
.promotion-container-left {
  float: left;
  width: 48%;
}
.promotion-container-right {
  float: right;
  width: 48%;
}
.promotion-photo {
  float: left;
  width: 30%;
  padding-top: 20px;
}
.promotion-content {
  float: right;
  width: 65%;
  padding-top: 20px;
}
.promotion-main-subtitle {
  font-size: 15px;
  font-weight: bold;
  color: #00a5e0;
}
.promotion-dot-line {
  background-image: url(/assets/img/common/dotline.png);
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.promotion-desc {
  font-size: 15px;
  line-height: 24px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  width: 25px;
  height: 25px;
  background: #909090;
  border: 1px #dadada solid;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin-left: 0px;
  margin-right: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #00a5e0;
  border: 1px #bce5ff solid;
}
.bx-wrapper .bx-pager {
  text-align: left;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: relative;
  bottom: 0px;
}
@media only screen and (max-width: 1280px) {.promotion-container {
    max-width: 980px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 1000px) {.promotion-container {
    width: 75%;
    padding-left: 10px;
    padding-right: 10px;
  }
.promotion-container-left {
    float: none;
    width: 100%;
  }
.promotion-container-right {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 580px) {.promotion-photo {
    width: 100%;
    text-align: center;
  }
.promotion-content {
    width: 100%;
  }
}
.editor * { margin:0px; padding:0px; color:#000000; font-size: 12px; word-wrap: break-word; }
.editor, .editor p, .editor div, .editor a, .editor li, .editor td, .editor th {  word-wrap: break-word; white-space: normal; font-size: 12px; }
.editor, .editor p, .editor li { line-height:23px; }
.editor img { border:none; }
.editor a, .editor a:link, .editor a:active, .editor a:visited { color:#000000;}
.editor a:hover { color:#000000; }
.editor ul, .editor ol { margin-left:25px; }
.editor table.border_class, .editor table.border_class td, .editor table.border_class th { border-collapse:collapse; border:solid #CCCCCC 1px; }
.editor td, .editor th { padding:3px; }
:where(main.inner-page) hr { border:none; height:1px; background-color:#CCCCCC; color:#CCCCCC; }
.editor table.table-center {margin:0 auto;}
.editor .underline, .editor .underline * { text-decoration:underline; }
.section-bxslider1, .section-bxslider2 { list-style: none; }
.section-bxslider1 > li[hidden] { display: none; }
.section-bxslider1 img { width: 100%; display: block; }
.banner-controls { position: absolute; bottom: 12px; left: 12px; display: flex; gap: 8px; z-index: 300; }
.banner-controls button { width: 28px; height: 28px; border: 1px solid #555; background: white; cursor: pointer; }
.banner-controls button[aria-current="true"] { background: #00a5e0; }
.image-transcription { max-width: 990px; margin: auto; padding: 24px 16px; line-height: 1.8; }
.image-transcription h2, .image-transcription h3 { color: #007c9a; }
.inner-page .editor {position:relative; max-width:1224px; margin:auto; padding:20px 12px; min-height:420px; overflow:hidden;}
.inner-page h1 {font-size:1.5rem; line-height:1.5;}
.treatment-page #page-top {position:relative; display:block; width:auto !important; min-width:0 !important; max-width:100%; margin:auto; background:#fff;}
#container.treatment-page {width:auto !important; min-width:0 !important; max-width:100%;}
.treatment-page #page-top .desktop {display:block !important; min-width:0; overflow:hidden;}
.treatment-page .mobile, .treatment-page #page-top-right-bg, .treatment-page #page-top-right2-bg, .treatment-page #page-top-center-bg {display:none;}
.treatment-page .treatment-banner {display:block; width:100%; height:auto;}
.treatment-page .treatment-comparisons {display:none;}
.treatment-page #page-top-inner {position:relative; width:auto !important; min-width:0 !important; max-width:100%; box-sizing:border-box; padding:40px max(12px,calc((100% - 1224px) / 2)); margin:0;}
.treatment-page #page-top-left {position:relative; float:none; width:auto !important; min-width:0 !important; max-width:480px;}
.treatment-page #page-top-leftt-title {position:relative; min-height:36px; background:transparent; padding:0;}
.treatment-page #page-top-leftt-title img {width:155px; height:auto;}
.treatment-page #backbtn {position:absolute; top:0; right:5px; display:block; width:90px; height:36px; line-height:36px; border-radius:5px; background:#00a5e0; color:#fff; text-align:center; font-size:15px; font-weight:bold;}
.treatment-page #page-top-left-line {width:75px; height:5px; margin-top:5px; background:#00a5e0;}
.treatment-page #page-top-left-desc {font-size:15px; line-height:24px; margin-top:20px; overflow-wrap:anywhere;}
.treatment-page #page-top-left-desc h1 {font-size:15px; line-height:24px; margin:0;}
.treatment-page #page-top-left-desc img {max-width:100%; height:auto;}
.treatment-page #data-form-container, .treatment-page .image-transcription {max-width:1248px; margin:auto; padding:24px 12px; box-sizing:border-box;}
.treatment-page #data-form-container {display:flow-root; background:#fff; min-width:0;}
.treatment-page #page-main-title {font-size:15px; font-weight:bold; padding-bottom:8px; color:#00a5e0;}
.treatment-page .treatment-item {float:left; width:25%;}
.treatment-page .treatment-item-inner {padding:10px;}
.treatment-page .treatment-item-photo {position:relative; border-radius:50%; overflow:hidden;}
.treatment-page .treatment-item-photo img {display:block; width:100%; height:auto;}
.treatment-page .treatment-item-mask {position:absolute; inset:0;}
.treatment-page .treatment-item-title {font-size:15px; font-weight:bold; color:#00a5e0; padding:5px 10px; text-align:center;}
.treatment-page .treatment-item-brief {font-size:15px; line-height:1.5; padding:10px; overflow-wrap:anywhere;}
.treatment-page .treatment-item-button {width:110px; background:#00a5e0; color:#fff; padding:10px 0; text-align:center; margin:0 auto; font-size:15px; font-weight:bold;}
.treatment-page #desktop-related-items {min-width:0;}
.treatment-page #dri-bxslider-container {display:flex; justify-content:center; gap:10px; margin:-24px 0 0; padding-bottom:4px;}
.treatment-page #dri-bxslider-container button {border:0; padding:0; width:30px; height:30px; background:#00a5e0; cursor:pointer;}
.treatment-page #dri-bxslider-container img {display:block; width:100%; height:auto;}
.treatment-page #dri-bxslider-container button:focus-visible, .treatment-page .dri-bxslider:focus-visible {outline:2px solid #00759e; outline-offset:2px;}
.treatment-page .dri-bxslider {display:flex; overflow-x:auto; max-width:100%; min-width:0; scroll-snap-type:x mandatory; list-style:none; padding:0; margin:0;}
.treatment-page .dri-bxslider > li {flex:0 0 25%; min-width:0; scroll-snap-align:start;}
.treatment-page .dri-bxslider .treatment-item {float:none; width:100%;}
.treatment-page #mobile-related-items {display:none;}
.treatment-page .treatment-break2 {clear:both;}
@media (max-width:768px) {.treatment-page .treatment-item {width:50%;}
.treatment-page .treatment-break1 {clear:both;}
}
@media (max-width:900px) {.treatment-page .dri-bxslider > li {flex-basis:50%;}
.treatment-page #dri-bxslider-container {margin:0;}
}
@media (max-width:500px) {.treatment-page .treatment-item {width:100%;}
.treatment-page .dri-bxslider > li {flex-basis:100%;}
.treatment-page #page-top-inner {padding:16px;}
}
@media (min-width:1441px) {.treatment-page #page-top {display:grid; grid-template-columns:minmax(0,1fr);}
.treatment-page #page-top .desktop, .treatment-page #page-top-inner {grid-area:1 / 1;}
.treatment-page .treatment-hero {width:1028px; margin-left:auto;}
}
@media (max-width:1440px) {.treatment-page .treatment-hero {width:auto; max-width:1028px; margin:auto; aspect-ratio:1028 / 490; overflow:hidden;}
.treatment-page #page-top-inner {padding:24px 16px; margin:0 !important; background:#fff;}
.treatment-page #page-top-left {max-width:100%;}
.treatment-page .treatment-comparisons {display:block; max-width:1028px; margin:auto; overflow:hidden;}
.treatment-page .treatment-comparison-image {display:block; width:100%; height:auto; margin-top:calc(-100% * 490 / 1028);}
}
.legacy-treatment #page-top-inner, .legacy-treatment #data-form-container {width:100%; max-width:60rem; margin:0 auto !important; padding:24px; box-sizing:border-box;}
.legacy-treatment #page-top-left-desc {font-size:1rem; line-height:1.8;}
.legacy-treatment #page-top-left-desc p, .legacy-treatment #page-top-left-desc li, .legacy-treatment #page-top-left-desc span {font-size:inherit !important; line-height:inherit;}
.legacy-treatment #page-top-left-desc h1 {font-size:1.5rem; line-height:1.5; margin:0 0 12px;}
.legacy-treatment #page-top-left-desc h1 span {font-size:inherit !important;}
.legacy-treatment #page-top-left-desc ul, .legacy-treatment #page-top-left-desc ol {padding-left:24px;}
.legacy-treatment #page-top-left-desc li + li {margin-top:8px;}
.legacy-treatment #page-top-left-desc img {display:block; width:auto; max-width:100%; max-height:520px; margin-inline:auto; object-fit:contain;}
.legacy-treatment #page-top {display:block;}
.legacy-treatment #page-top > .image-figure {max-width:60rem; margin-inline:auto;}
.legacy-treatment #page-top .desktop {display:block !important;}
.legacy-treatment .treatment-hero {width:auto; max-width:100%; margin-inline:auto;}
.legacy-treatment #page-top > .image-figure > .img-text {max-width:100%; margin-inline:auto; text-align:center;}
.legacy-treatment #page-top-left {max-width:100%;}
#container.recruitment-page {width:auto !important; min-width:0 !important; max-width:100%; overflow-wrap:anywhere;}
.recruitment-page img {max-width:100%; height:auto;}
.recruitment-page .mobile {display:none;}
.recruitment-page h1.image-transcription, .recruitment-page .excluded-action {max-width:1200px; margin:20px auto; padding:0 12px;}
.recruitment-page #jobs, .recruitment-page #job_detail {max-width:1200px; margin:30px auto; padding:0 12px;}
.recruitment-page #jobs .left {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px;}
.recruitment-page #jobs .item {min-width:0;}
.recruitment-page #jobs .title {padding-bottom:10px; border-bottom:1px dotted #2188c9;}
.recruitment-page .label_1 {display:inline-block; font-weight:bold; color:#2188c9;}
.recruitment-page .label_2 {display:inline-block; color:#2188c9; background:#ddf6ff; padding:5px 10px; margin-left:10px;}
.recruitment-page .brief, .recruitment-page .content {line-height:1.8; padding-top:10px;}
.recruitment-page .more {display:flex; flex-wrap:wrap; gap:10px; margin-top:20px;}
.recruitment-page .more a {display:block; padding:10px 24px; background:#2188c9; color:white; text-align:center;}
.recruitment-page .more .link_2 {background:#00a5e0;}
.recruitment-page #job_detail .inner {border:1px solid #2188c9; padding:3px;}
.recruitment-page #job_detail .title {background:#2188c9; padding:5px 10px;}
.recruitment-page #job_detail h1 {color:white; margin:0;}
.recruitment-page #job_detail .content {padding:15px; display:flow-root;}
.recruitment-page #job_detail .right {float:right; width:40%; max-width:360px; margin:0 0 20px 35px;}
.recruitment-page #job_detail .right img {display:block; max-width:100%; height:auto;}
.recruitment-page #job_detail ul {padding-left:20px;}
.recruitment-page #page-top {position:relative; display:block; width:auto !important; min-width:0 !important; max-width:100%; height:512px; min-height:512px; overflow:hidden; background:white;}
.recruitment-page #page-top .desktop {display:block !important; min-width:0;}
.recruitment-page #page-top-banners {position:absolute; inset:0; width:100%; height:512px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.recruitment-page #page-top-right-bg {display:none;}
.recruitment-page #page-top-inner {position:relative; width:auto !important; min-width:0 !important; max-width:1224px; box-sizing:border-box; padding:40px 12px; margin:auto; display:flow-root;}
.recruitment-page #page-top-left {float:none; width:480px; min-width:0 !important; max-width:100%;}
.recruitment-page #page-top h1 {margin:0; padding:0;}
.recruitment-page #page-top-left-desc {font-size:15px; margin-top:20px; line-height:24px; overflow-wrap:anywhere;}
.recruitment-page #page-top h1.image-transcription {font-size:40px; line-height:1.2; font-weight:300; color:#666;}
.contact-page #page-top {height:auto; min-height:471px;}
.contact-page #page-top-banners {height:100%; background-size:auto 471px; background-position:right top;}
.contact-page .branch-item-title {color:#00a5e0; font-weight:bold;}
.contact-page .branch-item-address {padding-bottom:10px;}
@media (max-width:768px) {.recruitment-page #jobs .left {grid-template-columns:1fr;}
.recruitment-page #job_detail .right {float:none; width:auto; max-width:100%; margin:0 0 20px;}
}
@media (max-width:680px) {.recruitment-page #page-top {height:auto; min-height:512px; padding-top:240px;}
.recruitment-page #page-top-banners {height:240px;}
.recruitment-page #page-top-inner {padding:20px 16px; margin-top:0 !important; background:white;}
.recruitment-page #page-top-left {width:auto !important;}
.contact-page #page-top {padding-top:300px; min-height:0;}
.contact-page #page-top-banners {height:300px; background-size:auto 300px;}
.recruitment-page #page-top h1.image-transcription {font-size:32px;}
}
.recruitment-page #page-top.text-only-hero {height:auto; min-height:0; padding-top:0;}
.recruitment-page .excluded-action {color:#555; font-size:0.8125rem; line-height:1.5; font-weight:normal;}
#container.display-page {width:auto !important; min-width:0 !important; max-width:100%; overflow-wrap:anywhere;}
.display-page #page-top {height:auto; min-height:512px;}
.display-page #page-top-left {width:480px; max-width:100%;}
.display-page #page-top-left-desc {color:#333;}
.display-page #page-top-left-desc span {color:inherit !important;}
.display-page .empty-state, .display-page > h1 {max-width:1200px; margin:24px auto; padding:0 12px;}
.display-page table {max-width:100%; border-collapse:collapse;}
.display-page td {overflow-wrap:anywhere;}
.display-page #page-top-right {float:right; width:48%; max-width:100%;}
.display-page #page-top-right img {width:100%; height:auto;}
.display-page #page-top-right a {color:#007eb3; text-decoration:underline;}
.display-page #media-container-inner {box-sizing:border-box; width:100%; max-width:1224px; margin:24px auto; padding:0 12px; display:grid; grid-template-columns:repeat(1,minmax(0,1fr)); gap:24px;}
.display-page [class^="breakclear"], .display-page #media-container-inner > .clear {display:none;}
.display-page .media-item3 {width:auto; min-width:0; float:none; margin:0;}
.display-page .media-picture {position:relative;}
.display-page .media-item-photo img {display:block; width:100%;}
.display-page .media-picture #icon_play {position:absolute; width:45px; height:51px; left:50%; top:50%; transform:translate(-50%,-50%);}
.display-page .media-item-title {color:#00a5e0; font-weight:bold; padding-top:12px;}
.display-page .media-item-title img {width:24px; max-width:none; margin-right:8px;}
.products-page #page-top {min-height:347px;}
.products-page #page-top-banners {height:100%; background-size:auto 347px; background-position:right top;}
.media-page #page-top {min-height:374px;}
.media-page #page-top-banners {height:100%;}
.media-page .video-preview {display:flex; flex-direction:column; justify-content:center; gap:24px; aspect-ratio:16/9; box-sizing:border-box; padding:24px; background:#333; color:white !important; text-align:center; text-decoration:none !important;}
.media-page .video-title {font-size:22px; line-height:1.5;}
.media-page #control-bar {background:#7b7b7b; color:white; padding:5px 12px;}
.media-page #control-bar-inner {max-width:1200px; margin:auto;}
.media-page #control-bar-left {display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
.media-page #display-mode-lable {font-size:15px; margin-right:20px;}
.media-page .switch-mode-btn {display:block; width:120px; padding:0 10px; line-height:35px; border:1px solid #aaa; color:#ccc;}
.media-page .actived-mode {border-color:white; color:white;}
.promotions-page #page-top {min-height:0; padding:0;}
.promotions-page #page-top-banners {position:relative; height:auto;}
.promotions-page #page-top-banners img {display:block; width:100%; height:auto;}
.promotions-page #data-form-container {max-width:1200px; margin:auto; padding:12px;}
.promotions-page #promotion-top > table {width:100%; table-layout:fixed;}
.promotions-page .pitem-header-row {background:#00a5e0; color:white; padding:10px;}
.promotions-page .pitem-col-1 {width:65%;}
.promotions-page .pitem-small {display:none;}
.promotions-page .pitem-main-row > td {vertical-align:middle; padding:12px 4px;}
.promotions-page .pitem-layout table {table-layout:fixed; width:100%;}
.promotions-page .pitem-col-2, .promotions-page .pitem-col-3 {width:17.5%; text-align:center; border-right:1px solid #ddd;}
.promotions-page .pitem-col-2 {border-left:1px solid #ddd; color:#aaa;}
.promotions-page .pitem-price1 {color:#00a5e0;}
.mileage-page .mileage-section {position:relative; display:block; max-width:1920px; margin:auto; background:white; overflow:hidden;}
.mileage-page .mileage-photo {display:none;}
.mileage-page .desktop {display:block !important; min-width:0; position:absolute; inset:0;}
.mileage-page [id$="-top"] {width:100%; height:100%; background-repeat:no-repeat;}
.mileage-page #mileage-section2-top {background-position:left top; background-size:cover;}
.mileage-page #mileage-section3-top {background-position:right top; background-size:auto 587px;}
.mileage-page #mileage-section1-top {background-position:right top; background-size:contain;}
.mileage-page #mileage-section1-top img {display:none;}
.mileage-page [id$="-bottom"] {position:relative;}
.mileage-page [id$="-bottom-inner"] {max-width:1200px; margin:auto; padding:50px 12px; line-height:24px; font-size:15px; min-width:0;}
.mileage-page #mileage-section2-right {width:50%; margin-left:auto; min-height:480px;}
.mileage-page #mileage-section3-left {width:50%;}
.mileage-page #mileage-section1-left {width:70%;}
.mileage-page [id^="mileage-content"] {margin-top:25px;}
.mileage-page [id^="mileage-line"] {height:5px; width:75px; background:#00a5e0; margin-top:5px;}
.mileage-page .gallery-item {display:inline-block; width:100px; max-width:100%; margin:12px 8px 12px 0; vertical-align:top;}
.mileage-page .gallery-title {text-align:center;}
.mileage-page h1 {font-size:15px; line-height:24px; margin:0;}
@media (max-width:768px) {.promotions-page .pitem-large {display:none;}
.promotions-page .pitem-small {display:block;}
.promotions-page .pitem-col-2, .promotions-page .pitem-col-3 {display:none;}
}
@media (max-width:680px) {.products-page #page-top {padding-top:278px; min-height:0;}
.products-page #page-top-banners {height:278px; background-size:auto 278px;}
.media-page #page-top {padding-top:0; min-height:0;}
.display-page #page-top .desktop {display:block !important;}
.display-page #page-top-left {width:auto !important;}
.display-page #page-top-right {float:none; width:auto;}
.promotions-page #page-top {padding-top:0; min-height:0;}
}
@media (min-width:640px) {.display-page #media-container-inner {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:1024px) {.display-page #media-container-inner {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (min-width:1280px) {.display-page #media-container-inner {grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:1080px) {.mileage-page .desktop {position:relative; inset:auto; height:auto;}
.mileage-page #mileage-section1-top, .mileage-page #mileage-section2-top, .mileage-page #mileage-section3-top {position:relative; width:100%; height:auto; background-image:none !important; background-size:contain;}
.mileage-page #mileage-section1-top .mileage-photo, .mileage-page #mileage-section2-top .mileage-photo, .mileage-page #mileage-section3-top .mileage-photo {display:block; width:100%; max-width:100%; height:auto; object-fit:contain;}
.mileage-page #mileage-section1-bottom, .mileage-page #mileage-section2-bottom, .mileage-page #mileage-section3-bottom {position:relative; background:#fff;}
.mileage-page [id$="-bottom-inner"] {padding:20px 16px; font-size:16px; line-height:30px;}
.mileage-page #mileage-section1-left, .mileage-page #mileage-section2-right, .mileage-page #mileage-section3-left {float:none; width:auto; min-height:0; margin:0;}
}
.promotions-page .pitem-duplicate-prose, .promotions-page .pitem-mobile-prices, .promotions-page .promotion-picture-small {display:none;}
@media (max-width:768px) {.promotions-page .promotion-picture-large {display:none;}
.promotions-page .promotion-picture-small {display:block; max-width:100%; height:auto; margin:auto;}
.promotions-page .pitem-mobile-prices {display:block;}
.promotions-page .pitem-layout > table, .promotions-page .pitem-layout > table > tbody, .promotions-page .pitem-layout > table > tbody > tr, .promotions-page .pitem-layout > table > tbody > tr > td {display:block; width:auto;}
}
.products-page #page-top {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); min-height:0; padding-top:0;}
.products-page #page-top .desktop {position:relative; min-width:0; grid-column:2; grid-row:1;}
.products-page #page-top-center-bg {display:none;}
.products-page #page-top-banners {position:relative; width:100%; height:100%; min-height:0; aspect-ratio:1920/347; background-size:contain; background-repeat:no-repeat; background-position:center;}
.products-page #page-top-inner {grid-column:1; grid-row:1; width:100%; margin:0; padding:40px 24px; box-sizing:border-box;}
.products-page #page-top-left {width:auto; max-width:36em; margin-left:auto;}
.products-page #page-top-left-desc {font-size:1rem; line-height:1.8;}
.fansclub-page #page-top-left-desc table {width:100%; height:auto !important; table-layout:auto;}
.fansclub-page #page-top-left-desc td {width:auto; vertical-align:middle;}
.fansclub-page #page-top-left-desc td:last-child {min-width:8em; overflow-wrap:normal;}
.fansclub-page #page-top-left-desc td img {display:block; width:160px; max-width:100%; height:auto; margin:auto;}
.media-page .video-preview {aspect-ratio:auto; min-height:0; background:transparent; color:#00759e !important; text-align:left; text-decoration:underline !important; padding:16px 0; gap:12px;}
.promotions-page .promotion-picture img {max-height:480px; object-fit:contain; width:auto; max-width:100%; margin-inline:auto;}
.promotions-page .pitem-content p:empty {display:none;}
@media (max-width:680px) {.products-page #page-top {grid-template-columns:minmax(0,1fr);}
.products-page #page-top .desktop {grid-column:1; grid-row:1;}
.products-page #page-top-inner {grid-column:1; grid-row:2; padding:24px;}
}
@media (max-width:400px) {.fansclub-page #page-top-left-desc td img {width:120px;}
}
.image-figure {display:block; clear:both; float:none; min-width:0; max-width:100%; margin:0; padding:0;}
.img-text {display:block; box-sizing:border-box; width:100%; min-width:min(100%, 280px); max-width:100%; clear:both; padding:8px 12px; margin:0 auto 12px; color:#555; background:#fff; font-size:0.8125rem; font-weight:normal; line-height:1.5; text-align:left; overflow-wrap:anywhere;}
.img-text p {margin:0 0 3px; padding:0; font-size:inherit; line-height:inherit; color:inherit;}
.archive-heading {font-size:inherit; line-height:inherit; font-weight:bold; margin:0;}
.inventory-heading {font-size:16px; line-height:1.65; color:#555; margin:0 0 4px;}
.inner-page > h1 {max-width:1200px; margin:12px auto; padding:0 12px; font-size:15px; line-height:24px;}
.inner-page .editor h2 {font-size:16px; line-height:1.6; margin:18px 0 8px;}
.banner-visual[hidden] {display:none;}
.section-bxslider1 {padding:0; margin:0;}
.section-bxslider-container {position:relative;}
.banner-controls {position:relative; bottom:auto; left:auto; padding:8px 12px;}
.treatment-page #page-top > .image-figure {grid-area:auto;}
@media (min-width:1441px) {.treatment-page #page-top > .image-figure {grid-area:1 / 1;}
.treatment-page #page-top > .image-figure > .img-text {max-width:1028px; margin-left:auto; margin-right:0;}
}
.image-figure > img, .image-figure > picture {display:block; float:none !important; max-width:100%; height:auto; margin-inline:auto;}
.image-figure > img {width:100%;}
.image-figure > picture > img {width:100%; float:none !important; max-width:100%; height:auto;}
.promotions-page .pitem-layout table, .promotions-page .pitem-layout tbody, .promotions-page .pitem-layout tr, .promotions-page .pitem-layout td {display:block; width:auto !important; min-width:0; max-width:100%;}
.mileage-page #mileage-gallery3 {display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:16px;}
.mileage-page .gallery-item {display:block; width:auto; min-width:0; margin:0;}
.mileage-page .gallery-item img {width:100%; max-width:100%; height:auto;}
.media-page .img-text {column-count:auto;}
.title-picture {display:block; margin-inline:0; object-fit:contain;}
.archive-title-text {margin:8px 0; color:#555; background:transparent; font-size:clamp(1.75rem,4vw,2.5rem); font-weight:300; line-height:1.3;}
p.archive-title-text {font-size:1rem; font-weight:400; line-height:1.6;}
/* Archived page bodies inside the shared modern shell: the old body and #container rules, minus the 131px header offset. */
main.inner-page {position:relative; width:100%; max-width:1920px; margin:0 auto; overflow:hidden; font-family:"Microsoft JhengHei",Arial,Helvetica,sans-serif; font-size:13px; line-height:normal; color:#000; overflow-wrap:normal;}