@charset "UTF-8";

  @media screen and (min-width: 320px) {
html {
font-size: 2.56411vw;
}
}
@media screen and (min-width: 600px) {
html {
font-size: 2.56411vw;
}
}
@media screen and (min-width: 960px) {
html {
font-size: 0.5208335vw;
}
}
@media screen and (min-width: 1921px) {
html {
font-size: 0.5208335vw;
}
}
ul, ol {
list-style: none;
margin: 0;
}
@media screen and (min-width: 320px) {
table th {
width: 31%;
}
}
@media screen and (min-width: 960px) {
table th {
width: 29%;
}
}
a:focus-visible, a:focus {
outline: none !important;
}
@media screen and (min-width: 320px) {
.spBr {
display: block;
}
}
@media screen and (min-width: 960px) {
.spBr {
display: none;
}
} .fvImgWrapper {
position: relative;
}
.fvCopy {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin-bottom: 0;
}
@media screen and (min-width: 320px) {
.fvCopy {
width: 90%;
}
}
@media screen and (min-width: 960px) {
.fvCopy {
width: 40%;
}
}
.introText {
text-align: center;
font-weight: 500;
}
@media screen and (min-width: 320px) {
.introText {
font-size: 1.4rem;
}
}
@media screen and (min-width: 960px) {
.introText {
font-size: 20px;
}
}
@media screen and (min-width: 320px) {
.pageLinks {
margin-top: 2rem;
}
}
@media screen and (min-width: 960px) {
.pageLinks {
margin-top: 20px;
}
}
.pageLinks .linkList {
display: grid;
grid-template-columns: repeat(2, 1fr);
list-style: none;
}
@media screen and (min-width: 320px) {
.pageLinks .linkList {
gap: 1.6rem;
}
}
@media screen and (min-width: 960px) {
.pageLinks .linkList {
gap: 24px;
}
}
.pageLinks .linkItem {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
aspect-ratio: 17/7;
overflow: hidden;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.08);
outline: none !important;
}
@media screen and (min-width: 320px) {
.pageLinks .linkItem {
border-radius: 1.4rem;
}
}
@media screen and (min-width: 960px) {
.pageLinks .linkItem {
border-radius: 18px;
}
}
.pageLinks .linkItem::after {
content: "";
position: absolute;
inset: 0;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.45)), color-stop(60%, rgba(0, 0, 0, 0.12)), to(transparent));
background: linear-gradient(to top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.12) 60%, transparent);
pointer-events: none;
}
.pageLinks .linkItem:hover .itemImg {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.pageLinks .itemText {
z-index: 1;
color: #fff;
font-weight: 700;
-moz-text-align-last: justify;
text-align-last: justify;
}
@media screen and (min-width: 320px) {
.pageLinks .itemText {
font-size: 2.4rem;
min-width: 40%;
}
}
@media screen and (min-width: 960px) {
.pageLinks .itemText {
font-size: 48px;
min-width: 30%;
}
}
.pageLinks .itemImg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: -1;
-webkit-filter: brightness(0.9) saturate(1.05);
filter: brightness(0.9) saturate(1.05);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease;
}
.tourSection {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.08);
}
@media screen and (min-width: 320px) {
.tourSection {
margin-top: 6.4rem;
padding: 1.6rem 1.2rem 2rem;
border-radius: 1.4rem;
}
}
@media screen and (min-width: 960px) {
.tourSection {
margin-top: 96px;
padding: 24px 20px 28px;
border-radius: 22px;
}
}
.sectionTitle {
display: inline-block;
font-weight: 700;
color: #fff;
background: linear-gradient(135deg, #0077c8 0%, #004e95 100%);
-webkit-box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.15);
box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 320px) {
.sectionTitle {
font-size: 1.6rem;
letter-spacing: 0.1rem;
border-radius: 0.6rem;
padding: 0.6rem 1.8rem;
margin: 0 0 2.4rem;
}
}
@media screen and (min-width: 960px) {
.sectionTitle {
font-size: 24px;
letter-spacing: 2px;
border-radius: 12px;
padding: 12px 28px;
margin: 0 0 40px;
}
}
.sectionTabList {
position: sticky;
width: 100%;
top: 16px;
display: grid;
grid-template-columns: repeat(3, 1fr);
background: rgba(0, 0, 0, 0.02);
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 999px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
}
@media screen and (min-width: 320px) {
.sectionTabList {
padding: 0.4rem;
gap: 0.5rem;
}
}
@media screen and (min-width: 960px) {
.sectionTabList {
padding: 6px;
gap: 24px;
}
}
.sectionTabList.model {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 320px) {
.sectionTabList.model {
margin-bottom: -5.4rem;
}
}
@media screen and (min-width: 960px) {
.sectionTabList.model {
margin-bottom: -48px;
}
}
.sectionTabItem {
width: 100%;
display: block;
text-align: center;
font-weight: 500;
color: #fff !important;
background-color: #82bffd;
cursor: pointer;
border-radius: 50px;
border: 1px solid transparent;
-webkit-transition: background-color 0.12s ease, border-color 0.12s ease, -webkit-box-shadow 0.12s ease, -webkit-transform 0.12s ease;
transition: background-color 0.12s ease, border-color 0.12s ease, -webkit-box-shadow 0.12s ease, -webkit-transform 0.12s ease;
transition: background-color 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease, transform 0.12s ease;
transition: background-color 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease, transform 0.12s ease, -webkit-box-shadow 0.12s ease, -webkit-transform 0.12s ease;
backdrop-filter: blur(8px);
}
@media screen and (min-width: 320px) {
.sectionTabItem {
font-size: 1.2rem;
letter-spacing: 1px;
padding: 0.4rem 0;
}
}
@media screen and (min-width: 960px) {
.sectionTabItem {
font-size: 24px;
letter-spacing: 2px;
padding: 8px 16px;
}
}
.sectionTabItem:hover, .sectionTabItem:focus-visible {
background-color: rgba(0, 0, 0, 0.1);
outline: none;
}
.sectionTabItem.isActive, .sectionTabItem[aria-current=true] {
background-color: #0a84ff; }
@media screen and (min-width: 320px) {
.sectionTabItem.isActive, .sectionTabItem[aria-current=true] {
-webkit-box-shadow: 0 0 0 0.4rem rgba(10, 132, 255, 0.3);
box-shadow: 0 0 0 0.4rem rgba(10, 132, 255, 0.3);
}
}
@media screen and (min-width: 960px) {
.sectionTabItem.isActive, .sectionTabItem[aria-current=true] {
-webkit-box-shadow: 0 0 0 6px rgba(10, 132, 255, 0.3);
box-shadow: 0 0 0 6px rgba(10, 132, 255, 0.3);
}
}
.tourInfo {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 20px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.08);
}
@media screen and (min-width: 320px) {
.tourInfo {
margin-top: 1.6rem;
}
}
@media screen and (min-width: 960px) {
.tourInfo {
margin-top: 32px;
}
}
.tourTitle {
color: #fff;
background: #7f7f7f;
margin: 0;
}
@media screen and (min-width: 320px) {
.tourTitle {
font-size: 1.4rem;
padding: 1rem;
border-radius: 1rem 1rem 0 0;
}
}
@media screen and (min-width: 960px) {
.tourTitle {
font-size: 20px;
padding: 16px;
border-radius: 10px 10px 0 0;
}
}
.infoWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (min-width: 320px) {
.infoWrapper {
padding: 1.6rem;
}
}
@media screen and (min-width: 960px) {
.infoWrapper {
padding: 16px 24px;
}
}
.infoImg {
border: 1px solid rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
@media screen and (min-width: 320px) {
.infoImg {
width: 100%;
margin: 0 auto 0.8rem;
border-radius: 0.8rem;
}
}
@media screen and (min-width: 960px) {
.infoImg {
width: 35%;
margin: unset;
border-radius: 14px;
}
}
@media screen and (min-width: 320px) {
.infoDetail {
width: 100%;
}
}
@media screen and (min-width: 960px) {
.infoDetail {
width: 60%;
}
}
@media screen and (min-width: 320px) {
.infoContent {
font-size: 1.3rem;
}
}
@media screen and (min-width: 960px) {
.infoContent {
font-size: 18px;
}
}
.infoLinks {
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: -1rem;
}
@media screen and (min-width: 320px) {
.infoLinks {
gap: 1rem;
}
}
@media screen and (min-width: 960px) {
.infoLinks {
gap: 16px;
}
}
.infoLinkWrapper:first-child .infoLinkItem {
background: #0a84ff;
border: transparent;
}
.infoLinkItem {
display: block;
color: #fff !important;
background: #4472c4;
border-radius: 8px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0);
font-weight: 700;
-webkit-transition: border 0.12s ease, opacity 0.12s ease, -webkit-transform 0.1s ease;
transition: border 0.12s ease, opacity 0.12s ease, -webkit-transform 0.1s ease;
transition: transform 0.1s ease, border 0.12s ease, opacity 0.12s ease;
transition: transform 0.1s ease, border 0.12s ease, opacity 0.12s ease, -webkit-transform 0.1s ease;
border-radius: 100px;
}
@media screen and (min-width: 320px) {
.infoLinkItem {
font-size: 1.2rem;
padding: 0.6rem 1.2rem;
}
}
@media screen and (min-width: 960px) {
.infoLinkItem {
font-size: 18px;
padding: 8px;
}
}
.infoLinkItem:hover {
opacity: 0.5;
border: 1px solid rgb(255, 255, 255);
}
.infoLinkItem:focus-visible {
-webkit-box-shadow: 0 0 0 6px rgba(10, 132, 255, 0.25);
box-shadow: 0 0 0 6px rgba(10, 132, 255, 0.25);
}
.infoLinkItem.taiwan {
background: #226D95;
}.fluentform-widget-wrapper.hide-fluent-form-labels .ff-el-input--label{display:none!important}.fluentform-widget-wrapper.hide-error-message .ff-el-is-error .text-danger{display:none}.fluentform-widget-wrapper.fluentform-widget-align-left{margin:0 auto 0 0}.fluentform-widget-wrapper.fluentform-widget-align-center{float:none;margin:0 auto}.fluentform-widget-wrapper.fluentform-widget-align-right{margin:0 0 0 auto}.fluentform-widget-custom-radio-checkbox input[type=checkbox],.fluentform-widget-custom-radio-checkbox input[type=radio]{background:#ddd;height:15px;min-width:1px;outline:none;padding:3px;width:15px}.fluentform-widget-custom-radio-checkbox input[type=checkbox]:after,.fluentform-widget-custom-radio-checkbox input[type=radio]:after{border:0 solid transparent;content:"";display:block;height:100%;margin:0;padding:0;width:100%}.fluentform-widget-custom-radio-checkbox input[type=checkbox]:checked:after,.fluentform-widget-custom-radio-checkbox input[type=radio]:checked:after{background:#999;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px}.fluentform-widget-custom-radio-checkbox input[type=radio],.fluentform-widget-custom-radio-checkbox input[type=radio]:after{border-radius:50%}.fluentform-widget-wrapper .frm-fluent-form .ff-step-header{margin-bottom:0}.ff-el-progress-bar{align-items:center;display:flex;height:100%;justify-content:flex-end}.fluent-form-widget-step-header-yes .ff-step-header .ff-el-progress-status,.fluent-form-widget-step-progressbar-yes .ff-el-progress{display:block}.fluent-form-widget-step-header-yes .frm-fluent-form .ff-step-header,.fluent-form-widget-step-progressbar-yes .frm-fluent-form .ff-step-header{margin-bottom:20px}.fluentform-widget-section-break-content-left .ff-el-group.ff-el-section-break{text-align:left}.fluentform-widget-section-break-content-center .ff-el-group.ff-el-section-break{text-align:center}.fluentform-widget-section-break-content-right .ff-el-group.ff-el-section-break{text-align:right}.fluentform-widget-submit-button-full-width .ff-btn-submit{display:block;width:100%}.fluentform-widget-submit-button-center .ff-el-group .ff-btn-submit,.fluentform-widget-submit-button-center .ff-el-group.ff-text-left .ff-btn-submit,.fluentform-widget-submit-button-center .ff-el-group.ff-text-right .ff-btn-submit{align-items:center;display:flex;justify-content:center;margin:0 auto}.fluentform-widget-submit-button-right .ff-el-group .ff-btn-submit,.fluentform-widget-submit-button-right .ff-el-group.ff-text-left .ff-btn-submit,.fluentform-widget-submit-button-right .ff-el-group.ff-text-right .ff-btn-submit{float:right}.fluentform-widget-submit-button-left .ff-el-group .ff-btn-submit,.fluentform-widget-submit-button-left .ff-el-group.ff-text-left .ff-btn-submit,.fluentform-widget-submit-button-left .ff-el-group.ff-text-right .ff-btn-submit{float:left}.fluentform-widget-wrapper.hide-placeholder input::-webkit-input-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea::-webkit-input-placeholder{opacity:0;visibility:hidden}.fluentform-widget-wrapper.hide-placeholder input:-moz-placeholder,.fluentform-widget-wrapper.hide-placeholder input::-moz-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea:-moz-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea::-moz-placeholder{opacity:0;visibility:hidden}.fluentform-widget-wrapper.hide-placeholder input:-ms-input-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea:-ms-input-placeholder{opacity:0;visibility:hidden}.fluentform-widget-wrapper.hide-placeholder input::-ms-input-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea::-ms-input-placeholder{opacity:0;visibility:hidden}.lity{z-index:9999!important}