body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/****Header start***環世旅行社*/
*{font-family: 'Noto Serif TC', serif;-webkit-text-size-adjust: none;}
@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Noto+Serif+TC:wght@200;300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;1,400&display=swap');
body {background: #fff;}
p {margin-bottom: 1rem;}
img{display: initial;}
ul li {list-style: none;}
a:hover {text-decoration: none;}
button:focus {outline: none;}
input:focus, select:focus {outline: #91a4ba 1px auto;}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
  margin: 0;
  margin-bottom: 0.5rem;
  /*font-family: 'Noto Serif TC', serif !important;*/
}
h1 {
  font-size: 3.0rem;
}
h2 {
  font-size: 2.4rem;
}
h3 {
  font-size: 2.0rem;
}
h4 {
  font-size: 1.75rem;
}
h5 {
  font-size: 1.5rem;
}
h6 {
  font-size: 1.0rem;
}
@media (max-width: 768px){
h1 {
  font-size: 1.8rem;
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.3rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.0rem;
}
h6 {
  font-size: .9rem;
}
}
@media (max-width: 768px) {
.m-5 {
    margin: 1.5rem!important;
}
.mt-5, .my-5 {
    margin-top: 1.5rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 1.5rem!important;
}
.p-5 {
    padding: 1.5rem!important;
}
.pt-5, .py-5 {
    padding-top: 1.5rem!important;
}
.pb-5, .py-5 {
    padding-bottom: 1.5rem!important;
}
}
.mt-6{margin-top: 6rem!important;}
@media (max-width: 500px) {
.m-5 {
    margin: 1rem!important;
}
.mt-5, .my-5 {
    margin-top: 1rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 1rem!important;
}
.p-5 {
    padding: 1rem!important;
}
.pt-5, .py-5 {
    padding-top: 1rem!important;
}
.pb-5, .py-5 {
    padding-bottom: 1rem!important;
}
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.px-30 {padding: 0 30px;}
.h-100vh>.module-container>.main{height: 100vh;}
.h-40vh>.module-container>.main{height: 40vh;}
.h-100vh>.module-container>.main .header-title{display:none;}
.w-1440 {max-width: 1440px;margin: 0px auto;}
@media (max-width:991px){.h-100vh>.module-container>.main{height: inherit;}}
@media (min-width:1200px) {.w-1200 {max-width: 1200px;}.w-1000 {max-width: 1000px;}.w-800 {max-width: 800px;}}
@media (max-width:1199px) and (min-width:991px) {.w-1200 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}.w-1000 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}}
@media (max-width:991px){.w-1200 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}}

.header_nav .header-part{padding: 0px 0px 0px 30px;max-width: 100% !important;border-bottom: 1px solid #ad9b6d;padding-right: calc(50vw - 700px);padding-left: calc(50vw - 700px);}
.header_nav .header-part .navbar-brand{height: auto;padding: 10px;}
.sabit {z-index: 100;transition: all 400ms ease 0s;}
.gizle {z-index: 105;transition: all 400ms ease 0s;}
.gizle .header_nav .header-part .navbar-brand{padding: 10px 10px;}

.header_nav .header-part .navbar-nav li {position:relative}
.header_nav .header-part .navbar-nav li:after{content:'';background: #9E9E9E;width:1px;height: 16px;position:absolute;right: -2px;top: 23px;}
.header_nav .header-part .navbar-nav li:nth-last-child(1):after{display:none}
.header_nav .header-part .navbar-nav li a.nav-link{line-height: 46px;padding-right: 0rem;padding-left: 0rem;font-size: 1.0rem;font-weight: normal;margin-right: 1.0rem;margin-left: 1.0rem;position:relative;font-family: 'Noto Serif TC', serif !important;}
.header_nav .header-part .navbar-nav li a.nav-link:hover:after{content:'';background: #ad9b6d;width:100%;height: 5px;position:absolute;bottom: 0px;left:0}
.gizle .header_nav .header-part .navbar-nav li a.nav-link{line-height: 68px;}
.header_nav .header-part .navbar-toggler{background: #ad9b6d;padding: 0.25rem;height: 50px;border-radius: 0;width: 50px;}
@media(max-width:991px){.gizle{top: 0;}
.header_nav .header-part{padding: 0px 15px 0px 15px;border-bottom: 0;}
.header_nav .header-part .show{margin-bottom: 30px;}
.header_nav .header-part .navbar-nav li a.nav-link, .gizle .header_nav .header-part .navbar-nav li a.nav-link{text-align: center;line-height: 51px;}
.header_nav .header-part .navbar-nav li:nth-last-child(1) a.nav-link{width: 220px;margin: 0 auto;line-height: 34px;}
.header_nav .header-part .navbar-nav li:nth-last-child(1) a.nav-link:before, .header_nav .header-part .navbar-nav li:nth-last-child(1) a.nav-link:after{position: relative;display: inline-block;line-height: 45px;top: unset !important;left: unset;}
}
@media(max-width:767px){.header_box {/* position: fixed; */}
.header_nav .header-part .navbar-brand{padding: 8px 10px;height: 50px;}
.header_nav .header-part .navbar-nav li:after{display:none}
.header_nav .header-part .navbar-nav li a.nav-link:hover:after{display:none}
.header_nav{padding: 0;}
}

@media(min-width:767px){.cases .wall-wrapper .wall-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;position:relative;height:600px;overflow:hidden;z-index:1}
.cases .wall-wrapper .wall-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.cases .wall-wrapper .wall-row{flex-direction:row;height:490px;margin:calc(0px / 2)}
.cases .wall-row .px-0{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:cubic-bezier(.83,.08,.16,.97);-o-transition-timing-function:cubic-bezier(.83,.08,.16,.97);transition-timing-function:cubic-bezier(.83,.08,.16,.97);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-ms-flex:unset;flex:unset;max-width:unset;width:auto;}
.cases .wall-row .px-0{-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);-o-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.cases .wall-row .px-0{transition-duration:.5s;flex-grow:1;margin:calc(0px / 2);margin: .5px;}
.cases .wall-row .px-0:hover{flex-grow:3;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:3}
.cases .wall-wrapper .thicon_info figure{position:initial}
.cases .wall-wrapper .thicon_info h3{font-size:1.25em;bottom:5px;font-weight:500;text-shadow:3px 3px 6px #000;display:none}
.cases .wall-wrapper .thicon_info a:hover h3{text-shadow:none;display:block;font-family: 'Noto Serif TC', serif !important;letter-spacing: .2rem;}
.cases .wall-wrapper .thicon_info .theme_info{background:linear-gradient(180deg,#00000000 0,#0000007a 100%)!important;}
.cases .thicon_info figure img{position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%!important;opacity:1;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
}
@media(max-width:767px){
.cases .wall-row .px-0{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.cases .wall-wrapper .thicon_info .theme_info{background:linear-gradient(180deg,#00000000 0,#0000007a 100%)!important;}
.cases .wall-wrapper .thicon_info h3{font-size:1.25em;bottom:5px;font-family: 'Noto Serif TC', serif !important;letter-spacing: .2rem;text-shadow:3px 3px 6px #000;font-weight: 400;}
}

.main-about{background:#425b5c;padding-top:6rem;padding-bottom:6rem}
.main-about .module-container{max-width:1200px;margin:0 auto}
@media(max-width:1200px){.main-about{padding-top: 3rem;padding-bottom: 0rem;}}

.about_text h3{margin-bottom:1rem}
.about_text h3 span{font-family: 'Noto Serif TC', serif !important;letter-spacing: .3rem;}
.about_text p{line-height:2;letter-spacing: .1rem;}
@media(min-width:991px){.about_text{padding-right:8rem}}
@media(max-width:1200px){.about_text{padding: 30px 60px;}}

.discovery{padding-top:6rem;padding-bottom:6rem}
.discovery .module-container{max-width:1200px;margin:0 auto}
@media(max-width:1200px){.discovery{padding-top:3rem;padding-bottom:3rem}}

.discovery_text h3{margin-bottom:1rem}
.discovery_text h3 span{font-family: 'Noto Serif TC', serif !important;letter-spacing: .3rem;}
.discovery_text p{line-height:2;letter-spacing: .1rem;}
@media(max-width:1200px){.discovery_text{padding: 30px 60px;}}

.member_plan{padding-top:6rem;padding-bottom:6rem}
.member_plan .module-container{max-width: 900px;margin: 0 auto;}
.member_plan h3{margin-bottom:1rem}
.member_plan h3 span{font-family: 'Noto Serif TC', serif !important;letter-spacing: .3rem;}
.member_plan p{letter-spacing: .1rem;}
@media(max-width:1200px){.member_plan{padding-top:3rem;padding-bottom:3rem}}

.special_thanks{background:#425b5c;padding-top:6rem;padding-bottom:6rem}
.special_thanks .module-container{max-width: 900px;margin:0 auto}
@media(max-width:1200px){.special_thanks{padding-top:3rem;padding-bottom:3rem}}
@media(max-width:991px){.special_thanks{padding-top:0rem;padding-bottom:0rem}}

.member_item .hover-wall .icon_info{box-shadow:none}
.member_item .hover-wall .icon_info figure{margin:0 0 .5rem;text-align: center;}
.member_item .hover-wall figure .b_img{width: auto;}
.member_item .hover-wall .icon_info h3{font-size:1.25em;font-weight:400;padding: 0 10px;}
@media(max-width:1200px){.member_item, .member_text{padding: 0px 60px;}}
@media(max-width:768px){
.member_item {padding: 0 15px;}
.member_item .hover-wall .row div.htpro_tit{margin-bottom: 1.0rem;}
.member_item .hover-wall .row div.col-sm-12{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}

.thanks_text h4{margin-bottom:1rem}
.thanks_text h4 span{font-family: 'Noto Serif TC', serif !important;letter-spacing: .3rem;}
.thanks_text p{letter-spacing: .2rem;font-size: 1.2rem;line-height: 1.8;}
@media(min-width:991px){.thanks_text{padding-left: 6rem;}}
@media(max-width:1200px){.thanks_text{padding: 0px 60px;}}
@media(max-width:991px){.thanks_text{padding: 30px 60px;}}
@media(max-width:575px){.thanks_text p{font-size: 1.0rem;}}

.thanks_text .thanks_btn a{transition:.5s;color:#5a9fc1;padding:20px 0;letter-spacing:3.0px;font-weight:700;box-shadow: none;}
.thanks_text .thanks_btn a:hover{transition:.2s;letter-spacing: 4px;}
.thanks_text .thanks_btn img {padding-right: 5px;}
.thanks_text .thanks_btn a:hover img{padding-right: 7px;}
@media(max-width:991px){.thanks_text .thanks_btn a{padding: 10px 0;}}
@media(max-width:575px){.thanks_text .thanks_btn{text-align: right;}}

.footer_partner .swiper-slide-style{background:0 0;box-shadow:none;margin-top: 25px;margin-bottom: 25px;}
.footer_partner .module-container{max-width:1200px;margin:0 auto}
.footer_partner .swiper-slide .swiper-img img{width: auto;}
.footer_partner .swiper-slide .swiper-img{margin-bottom: 0;}
.footer_partner .swiper-button-prev.swiper-button-white, .footer_partner .swiper-button-next.swiper-button-white{display: none;}

.footer_info .footer-wrap,.footer_info .footer-wrap .footer_center{background:#ccd5d5}
.footer_info .footer-wrap .footer_center{max-width:1200px;width:100%}
.footer_info .footer-wrap .info_box h3{color:#3e4b3f;font-family: 'Noto Serif TC', serif !important;font-size: 1.25em;letter-spacing: .3rem;}
.footer_info .footer-wrap .info_box p{color:#3e4b3f;font-size: 1.0rem;letter-spacing: 0.2rem;margin-bottom: 5px;}
.footer_info .footer-wrap .contact-box h4{color:#3e4b3f;letter-spacing: 0.2rem;}
.footer_info .footer-wrap .contact-box:nth-child(1) h4{line-height: 36px;padding-left: 44px;}
.footer_info .fb-info{display:none}
.footer_info .company-info{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.footer_info .contact-info{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.footer_info .footer-wrap .icon_wrap{padding: 10px;}
.footer_info .footer-wrap .icon_wrap ul.footer_bticon{margin: 0;}
.footer-wrap .contact-box:nth-child(1){-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
@media(max-width:1200px){.footer_info .company-info .info-text{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}}
@media(max-width:767px){.footer_info .company-info{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-top: 0 !important;}
.footer_info .contact-info, .footer-wrap .contact-box{-ms-flex: 0 0 100%!important;flex: 0 0 100%!important;max-width: 100%!important;margin-top: 0 !important;}
.footer-wrap .contact-box:nth-child(2){display:none}
.footer_info .footer-wrap .footer_sbox{margin: 0;}
.footer_info .footer-wrap .footer_center{padding-bottom: 0em;}
.footer_info .footer-wrap .info_box p{font-size: .85rem;letter-spacing: 0.1rem;}
.footer_info .footer-wrap .info_box h3{font-size: 1.25rem;letter-spacing: 0.1rem;}
.footer_info .footer-wrap .contact-box h4{font-size: .85rem;letter-spacing: 0.1rem;}
}

/*contact-bespoke*/
input::placeholder{color:#ccc!important;font-size:13px}
.web-page-frame.lock{background:0 0}
section.group_table.contact{padding-top:196px}
section.group_table.contact .trip_title{padding:50px 48px 60px;margin:0;/* background: #5d5c54d9; */}
section.group_table.contact .container{width:100%;max-width:1080px;padding:0;background: #454e45e0;}
section.group_table.contact:before{/* background: url(https://materials.fillo.com.tw/materials/nonotour/images/47f10719-08af-4f7e-afbd-24dbb8a12ab3.png); */background-attachment: fixed;background-position: center center;}
section.group_table.contact .container .trip_title article h2{line-height:1;display:table;margin:0 auto;padding:0 2rem .5rem;letter-spacing:.2rem;position:relative}
section.group_table.contact>.container>h2,section.group_table.contact>.container>h4{display:none;}
section.group_table.contact .trip_title article{position:relative}
section.group_table.contact .trip_title article h3{margin-bottom:30px;font-family:Roboto,sans-serif!important;font-weight:200;letter-spacing:.09rem}
section.group_table.contact .trip_title article h4{line-height:1.7rem;border-bottom:0;margin-bottom:0;padding:0}
section.group_table.contact .trip_title article p{position:absolute;right:-15px;bottom:-40px}
section.group_table.contact .trip_title h5{margin-top:0}
section.group_table.contact .form-row{background: #f4f4f4;margin:0;padding:65px 45px 0;/* background-image:url(https://materials.fillo.com.tw/materials/funvoyage/images/eb470fa9-9556-425f-a65f-cfaa8d853f83.png); */}
section.group_table.contact .form-row:last-child{padding:33px 45px 50px;}
.contact .contac_form .form-row .form-group{margin-bottom:32px;flex: 0 0 33.3%;max-width: 33.3%;}
section.group_table.contact .form-row:last-child .form-group{flex: 0 0 100%;max-width: 100%;}
#field_1, #field_5{text-align:center;border:1px solid #d2d2d2;padding: 10px;margin-bottom:30px;margin-top:30px;background: #919991;flex: 0 0 100%;max-width: 100%;}
.contact .contac_form .form-row h3{font-size: 1.0rem;color: #efefef;margin: 0;}
.contact .contac_form label{font-size:15px;margin-bottom:15px;padding-left:25px;color:#545454}
.contact .text_blue{color: #e36464;}
.contact .fa-calendar{position:absolute;margin-top:-28px;right:30px;color:#787a44}
.contact .contac_form input{width:calc(100% - 46px);height:40px;border:0;margin:0 auto;padding:.3rem .5rem;/* font-size:13px; */}
.contact select.form-control{width:calc(100% - 46px);margin:0 auto;padding:2px;height:40px;font-size:14px;border-radius:0;color:#666;border:0}
.contact select.form-control:not([size]):not([multiple]){height:40px}
.contact div[data-type=CBX] .form-check{height:20px;font-size:14px;margin:0;margin-bottom:10px;padding-left:20px}
.contact textarea.form-control{width:calc(100% - 46px);margin:0 auto;border:0;border-radius:0;height:150px}
.contact .form-row button{position:relative;font-size: 1.0rem;margin:0!important;padding: 8px 0px;text-align: center;width:180px;border-radius:0;background: #ad9b6d;color: #ffffff;border: 1px solid #7c7561;outline:0}
.contact .form-row button.btn-primary:not(:disabled):not(.disabled).active,.contact .form-row button.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background: #3e4b3f;border: 1px solid #3e4b3f;box-shadow: none;}
#field_12, #field_24{flex:0 0 100%;max-width:100%}
.datepicker-days .table-condensed thead{color:#787a44}
.datepicker-days .table-condensed thead tr{border-bottom:1px solid #787a44}
.datepicker-days .table-condensed .day.active{background:#c46c19;border-radius:15px}
.datepicker table tr td.today{background:#e4e6be}
.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background:#e4e6be;border-color:#e4e6be;color:#787a44;text-shadow:0 0 #000}
.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover{color:#fff;background-color:#787a44;border-color:#787a44}
.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover{color:#fff;background-color:#787a44;border-color:#787a44}
.datepicker table tr td.today:hover,.datepicker table tr td.today:hover:hover{background-color:#787a44;color:#fff}
@media (max-width:1199px){section.group_table.contact .container{width:90%}
}
@media (max-width:991px){section.group_table.contact .trip_title{padding:50px 30px 60px}
}
@media (max-width:767px){section.group_table.contact .form-row{padding:65px 15px 0}
.contact .contac_form input,.contact select.form-control,.contact textarea.form-control{width:calc(100% - 26px)}
.contact .contac_form label{padding-left:15px}
}
@media (max-width:575px){section.group_table.contact{padding-top:130px}
section.group_table.contact .trip_title{padding:40px 30px 50px}
.contact .contac_form .form-row .form-group{flex:0 0 100%;max-width:100%}
section.group_table.contact .container .trip_title article h2{font-size:20px!important}
section.group_table.contact .trip_title article h3{margin-bottom:20px;font-size:16px!important}
section.group_table.contact .trip_title article h4{line-height:1.5rem;font-size:13px!important}
section.group_table.contact .trip_title article p{right:0;font-size:13px!important}
section.group_table.contact .form-row:last-child{padding:20px 45px 30px}
}
/*contact-bespoke*/

.explore_item .hover-wall .icon_info{box-shadow:none;border-radius:0;overflow:initial;padding:15px;height: 100%;}
.explore_item .hover-wall .icon_info figure{margin:0 0 1rem;text-align:center}
.explore_item .hover-wall .icon_info:hover figure .b_img{transform:unset}
.explore_item .hover-wall figure .overlay{display:none}
.explore_item .hover-wall .icon_info:hover{bottom:0}
.explore_item .hover-wall a figure{position:relative}
.explore_item .hover-wall a:hover figure:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#a9894a;opacity:0;-webkit-transition:.3s ease-in;transition:.3s ease-in;z-index:1}
.explore_item .hover-wall a:hover figure:before{opacity:.7;-webkit-transition:.3s;transition:.3s}
.explore_item .hover-wall .icon_info h3{font-size:1.25em;font-weight: bold;margin-bottom: .5rem;padding: 0;}
.explore_item .hover-wall .icon_info h4{padding: 0;font-style: normal;margin-bottom: 1.5rem;}
.explore_item .hover-wall .icon_info p.animate-text{padding: 0;font-style: normal;border-radius: 50px;border: 1px solid #A9894A;width: max-content;padding: 3px 15px;font-size: 1rem;}
.gold_bg{position:relative;overflow:hidden;padding-bottom:50px}
.gold_bg:before{content:"";position:absolute;width:100%;background-size:contain;height:95.5%;top:330px;left:0;z-index:-1;background-color:#fbf8f0;transform:skewY(-10deg)}

.explore_vision .bgfixed section{position:relative}
.explore_item .hover-wall .htpro_tit {display: none;}
.explore_vision .bgfixed:before{content:"";position:absolute;width:100%;height:100%;background:rgb(0 0 0 / 70%);z-index:0}
.explore_vision section{display:flex;justify-content:center;flex-direction:row-reverse;margin:0 auto;width:100%;align-content:center;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;z-index:1}
.explore_vision section h5{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-weight:300;font-size:1.1rem;letter-spacing:.25rem}
.explore_vision section h1{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-size:4rem;letter-spacing:2rem;font-weight:400}
.explore_vision section span{font-family:'Noto Serif TC',serif!important}

.thanks_main .img-fluid{margin:6rem auto 0 auto;display:block}
.thanks_main h3{margin-bottom:2rem;margin-top:2rem}
.thanks_main h3 span{font-family:'Noto Serif TC',serif!important;letter-spacing:.3rem}
.thanks_main h4 span{font-family:'Noto Serif TC',serif!important;letter-spacing:.3rem;font-weight: normal;}
.thanks_main p{line-height:1.8;font-size:1.25rem;letter-spacing:.2rem}
.thanks_main hr{border-color: #ad9b6d;}

.about_main .row{background: none !important;}
.about_main .editor-content{padding-right:60px;padding-left:60px}
.about_main h3{margin:2rem 0}
.about_main h3 span{font-family:'Noto Serif TC',serif!important;letter-spacing:.3rem}
.about_main h5{font-size:.75rem;letter-spacing:.2rem;position:relative;display:inline-block;padding-left:60px;margin:2rem 0}
.about_main h5 span:before{content:'';display:inline-block;position:absolute;width:40px;height:1px;background:#ad9b6d;left:0;top:0;bottom:0;margin:auto}
.about_main h6{margin:2rem 0}
.about_main h6 span{line-height:1.8}
@media (max-width:575px){.about_main .editor-content{padding-right:30px;padding-left:30px}}

.about_contact {margin-bottom:6.0rem}
.about_contact h3 {margin:2rem 0}
.about_contact h3 span{font-family:'Noto Serif TC',serif!important;letter-spacing:.3rem}
.about_contact .contact_btn a{transition:.5s;margin: 40px 10px 100px 10px;padding: 12px 0px;width: 200px;letter-spacing:3.0px;font-weight:700;box-shadow: none;border: 1px solid #8e9791;border-radius: 0px;}
.about_contact .contact_btn a:hover{background:#425b5c}
.about_contact .contact_btn a:hover{transition:.2s;letter-spacing: 4px;}
.about_contact .contact_btn img {padding-right: 5px;}
.about_contact .contact_btn a:hover img{padding-right: 7px;}
@media (max-width:575px){.about_contact {margin-bottom:3.0rem}}

.about_visual{position: absolute;}
.about_visual h1{display:inline-block;white-space:nowrap;box-sizing:content-box;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.about_visual span{display:inline-flex;background:0 0;font-family:'Red Hat Display',sans-serif;font-size:120px;font-size:8.57vw;font-weight:400;color: #e4eff37d !important;line-height: 1;text-transform:uppercase;/* opacity: 0.8; */padding-right: 2.0rem;}
.about_visual h1.loop01{-webkit-animation:loop 80s -40s linear infinite;animation:loop 80s -40s linear infinite;}
.about_visual h1.loop02{-webkit-animation: loop2 80s linear infinite;animation: loop2 80s linear infinite;}
.ticker_box{position: absolute;/* bottom: 34px; */bottom: -1.58vw;left:0;width:100%;overflow:hidden;z-index: -1;opacity:1;transition:.2s ease;pointer-events:none}
.ticker{width:100%;display:flex;overflow:hidden;box-sizing:content-box;padding: 0;margin: 0;}


@-webkit-keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

