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;
}
/** modify style code here. 中鼎客製主題:) - CAT */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&family=Noto+Serif+TC:wght@200;300;400&display=swap')
*{font-family: 'Noto Sans TC', PingFang, sans-serif;-webkit-text-size-adjust: none;}
body {background: #ffffff!important;font-family: 'Noto Sans TC', PingFang, sans-serif !important;}
body.WinChrome  {background: #ffffff;}
p {/* text-align: justify; */font-family: 'Noto Sans TC', PingFang, sans-serif !important;}
img {display: inline-block;}
ul li {list-style: none;}
a:hover {text-decoration: none;}
button:focus {outline: none;}
input:focus, select:focus {outline: #ba91a0 1px auto;}
h1,
h2,
h3,
h4,
h5,
h6 {font-family: 'Noto Sans TC', PingFang ,Sans-serif !important;}
h1{font-size:2.4rem}
h2{font-size:2.2rem}
h3{font-size:2rem}
h4{font-size:1.8rem}
h5{font-size:1.25rem}
h6{font-size:1rem}

@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}
}
@media (max-width: 500px) {
.m-5{margin:1rem!important}
.mt-5,.my-5{margin-top:1.25rem!important}
.mb-5,.my-5{margin-bottom:1.25rem!important}
.p-5{padding:1rem!important}
.pt-5,.py-5{padding-top:1rem!important}
.pb-5,.py-5{padding-bottom:1rem!important}
}

.mb-100{margin-bottom: 6rem!important;}
.mb-200{margin-bottom: 13rem!important;}
@media (max-width: 991px){
.mb-100{margin-bottom: 1.5rem!important;}
.mb-200{margin-bottom: 3rem!important;}
}
@media (max-width: 768px){
.mb-100{margin-bottom: 1.0rem!important;}
.mb-200{margin-bottom: 2rem!important;}
}

::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#dddddddb;border-radius:10px}
::-webkit-scrollbar-thumb{background:#888;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#767676}


.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;}
@media (max-width:991px){.h-100vh>.module-container>.main{height: inherit;}}

@media (min-width:1200px) {
.w-1200 {max-width: 1200px;margin: 0px auto;}
.w-1000 {max-width: 1000px;margin: 0px auto;}
.w-800 {max-width: 800px;margin: 0px auto;}
}
@media (min-width:1440px){.w-1440 {max-width: 1440px;margin: 0px auto;}}
@media (min-width:1600px){.w-1600 {max-width: 1600px;margin: 0px auto;}}
@media (max-width:1199px) and (min-width:991px) {
.w-1200,.w-1000,.w-800 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;margin: 0px auto;}
}
@media (max-width:991px){
.w-1200,.w-1000,.w-800 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;margin: 0px auto;}
}
.img-center{text-align: center;}

.day_fixed {top: 79px !important;/*opacity: 1;*/}
@media (max-width: 768px){.day_fixed {top: 50px !important;}}
.day_con .info_box > .row > div:nth-child(1){display:none;}
.day_con .info_box > .row > div:nth-child(2){max-width:100%;flex:0 0 100%;}
section.group_table.trip_day .info_box .info_box_title{margin-left:0;}

/*full-style*/
.sticky-nav ul{display:flex;flex-direction:row;justify-content:space-between;padding: 10px 45px 10px 45px;margin: 0 !important;align-content: center;align-items: center;border-bottom: 1px solid #ffffff;}
.sticky-nav li{list-style: none;}
.sticky-nav .nav-logo a{/* display:block; *//* padding: 4px 10px; */}
.sticky-nav .nav-logo a img{height: 54px;margin-top: 0.25rem;}
.sticky-nav .nav-list a{font-size: 1.25rem;font-weight: bold;padding: 1.0rem 2.8rem;color: #696969;text-decoration: none;}
.sticky-nav .nav-icon{/* background:#fff; *//* float:right; *//* padding: 11px 0px; */}
.sticky-nav .nav-icon a{margin: 8px;padding: 2px;color: #4f5154;letter-spacing: 1px;}
.sticky-nav .nav-icon a:nth-last-child(1){padding-right:0;}
.sticky-nav .nav-icon a:hover img{opacity:.8;}
.sticky-nav .nav-icon a img{/* width: 18px; */display: inline-block;}
.sticky-nav .nav-btn {padding: 9px 10px;}
.sticky-nav .nav-btn img {height: 15px;}
.sticky-box{background: rgb(255 255 255 / 50%);position: fixed;top: 0;z-index: 11;backdrop-filter: blur(3px);}
.sticky-nav.fixed{position: fixed;top: 0;z-index: 1000;}
@media (max-width:1500px){
.sticky-nav ul{padding: 10px 30px;}
.sticky-nav .nav-list a{padding: 1.0rem 2rem;}
}
@media (max-width: 1199px) and (min-width: 991px){
.sticky-nav ul{padding: 10px 15px;}
}
@media (max-width:991px){
.sticky-box{/* height:0 !important; */}
.sticky-nav{position: fixed;top: 0;z-index: 1000;background: rgb(255 255 255 / 35%);}
.sticky-nav .nav-logo a img{height: 50px;}
.sticky-nav .nav-list{display:none}
}
@media (max-width:767px){
.sticky-nav{background: rgb(255 255 255 / 85%);}
.sticky-nav ul{padding: 5px 15px;}
.sticky-nav .nav-logo a img{height: 36px;margin-top: 0.125rem;}
.sticky-nav .nav-icon a{margin: 0 0 0 5px;}
.sticky-nav .nav-icon a img{width: 30px;}
}

.sticky-nav .nav-logo{/*position: absolute;left: calc( 50% - 85px );*/}
@media (max-width: 1400px) and (min-width: 1200px){
.sticky-nav .nav-logo a img{height: 50px;}
.sticky-nav .nav-list{}
.sticky-nav .nav-list a{padding: 1.0rem 1.1rem;}
}
@media (max-width: 1199px) and (min-width: 991px){
.sticky-nav .nav-logo a img{height: 36px;}
.sticky-nav .nav-list{}
.sticky-nav .nav-list a{padding: 1.0rem .75rem;font-size: 1.1rem;}
}

.memu_icon .header-title{margin: 0 auto;text-align: center;}
@media (max-width: 767px){
.memu_icon {margin-top: 1rem;}
.memu_icon .header-title .img-fluid{max-width: 20vw;}
}

.menu-list{padding: 0 60px;}
.menu-item{margin-bottom: 5vh;}
.menu-item .side-menu .options{height:auto;background: none;box-shadow: none;}
.menu-item .header-title{font-size: 1.25rem;color: #ffffff;font-weight: bold;letter-spacing: 7px;}
.menu-item .module-container{padding:0 15px}
.menu-item .side-menu{padding:0}
.menu-item .side-menu ul{background:#575e6300;-moz-box-shadow:0 0 5px #111;-webkit-box-shadow:0 0 5px #111;box-shadow:none}
.menu-item .side-menu ul li label, .menu-item .side-menu ul li input[type='checkbox']:checked ~ label{border-top:none!important;border-bottom: 1px solid #ffffff00;background:0 0!important;color: #ffffff;text-shadow:none;letter-spacing: .02em;font-size: 1.25rem;padding: 0px 0 12px 0;text-indent:0;font-weight: bold;position: relative;/* width: fit-content; *//* display: block; */display: flex;flex-direction: row;flex-wrap: wrap;}
.menu-item .side-menu ul li label i:after{content:'';background:#ffffff;height: 2px;width: 200px;position: absolute;display: inline-block;left: 100px;top: 15px;px 10px;/* top: 17px; *//* padding: 0px 20px; *//* margin: 7px 9px; */}
.menu-item .side-menu ul li i:before{display:none;text-indent:0;margin-left:5px;margin-right:5px;position: relative;}
.menu-item .side-menu ul ul li{border:none}
.menu-item .side-menu ul ul li a{text-indent:0;padding:5px 0;color: #ffffff !important;font-size: 1.15rem;font-weight: 600;}
@media (min-width:991px){.menu-item .side-menu ul ul li a:hover{color: #aae1ff;}}
@media (max-width:991px){
.menu-list{padding: 0 20px;}
.menu-item{margin-bottom: 0;}
.menu-item .side-menu .options{height:0;margin-bottom: 15px;\: 1px solid #878e98!important;}
.menu-item .side-menu ul li label{margin-bottom: 7px;padding: 5px 0;border: none;}
.menu-item .side-menu ul li input[type='checkbox'] + label:after{content:"\f107";font-size:10px;position: absolute;right: 0px;top: 0px;padding: 11px 22px;font: normal normal normal 14px/1 FontAwesome;font-size: 1.5rem;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.menu-item .side-menu ul li input[type='checkbox']:checked + label:after{content:"\f106";font-size:10px;position: absolute;right: 0px;top: 0px;padding: 11px 22px;font: normal normal normal 14px/1 FontAwesome;font-size: 1.5rem;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.menu-item .side-menu ul li input[type='checkbox'] + label:after{content:"+";}
.menu-item .side-menu ul li input[type='checkbox']:checked + label:after{content:"-";top: -10px;}				 
}
@media (max-width:991px){
.menu-item .side-menu ul li label, .menu-item .side-menu ul li input[type='checkbox']:checked ~ label{font-size: 1.1rem;}
.menu-item .side-menu ul li label i:after{display:none}
.menu-item .side-menu .options{border-bottom: 1px solid #ffffff59;margin-bottom: 10px;padding-left: 10px !important;}
.menu-item .side-menu ul li input[type='checkbox']:checked ~ label{/* padding: 0; */border-bottom: 1px solid #ffffff69;}
.menu-item .side-menu ul li input[type='checkbox'] + label:after{top: -6px;border-left: 1px solid #ffffff00;}
}

.menu-item.main .side-menu ul li input[type=checkbox]:checked~label,.menu-item.main .side-menu ul li label{border:none}
.menu-item.main .side-menu ul li label i:after{display:none}
.menu-item.main .side-menu ul ul li a{text-align:center;font-size:1.35rem}
@media (max-width:991px){
.menu-item.main{order: -1;}
.menu-item.main .side-menu ul ul li a{text-align:left;font-size:1.1rem;padding: 8px 0;}
.menu-item.main .side-menu ul li label, .menu-item.main .side-menu ul li input[type='checkbox']:checked + label:after{display:none}
.menu-item .side-menu .options{padding-left: 0px !important;}
}

.drop-down-list{position:absolute;left:50%;transform:translate(-50%,0);margin-top:10px}
.drop-down-list .full-menu{background:#ffffff00!important}
.drop-down-list .responsive-drop-down-menu{background:#ffffff00!important}
.drop-down-list .responsive-drop-down-menu>ul>li{background:#ffffff00;flex: 1 1 auto;}
.drop-down-list .responsive-drop-down-menu>ul>li:hover {}
.drop-down-list .responsive-drop-down-menu>ul>li>a{padding: 1rem .5rem;}
.drop-down-list .responsive-drop-down-menu>ul>li:hover > a{background:0 0;color: #0a4c8f!important;}
.drop-down-list .responsive-drop-down-menu > ul > li > a:before{border: none !important;}
.drop-down-list .responsive-drop-down-menu>ul>li:after{background: none!important;}
.drop-down-list .responsive-drop-down-menu>ul>li>a{font-size:1.15rem;font-weight:700;padding: 1rem .5rem !important;color:#696969;text-decoration:none}
.drop-down-list .responsive-drop-down-menu > ul > li:hover > ul{/* border-radius: 10px !important; *//* overflow: hidden; */}
.drop-down-list .responsive-drop-down-menu > ul > li:nth-child(5):hover > ul{width: 150px;left: -30px;}
.drop-down-list .responsive-drop-down-menu > ul > li > ul > li{background: #fff!important;border-bottom: 1px solid #cdcdcd;width: 100%;}
.drop-down-list .responsive-drop-down-menu > ul > li > ul > li:first-child{border-radius: 10px 10px 0px 0px;}
.drop-down-list .responsive-drop-down-menu > ul > li > ul > li:last-child{border: none;border-radius: 0px 0px 10px 10px;}
.drop-down-list .responsive-drop-down-menu > ul > li > ul > li> a{color: #000;font-size: 1.1rem;width: 100%;font-weight: bold;text-align: center;padding: 11px 10px;}
.drop-down-list .responsive-drop-down-menu > ul > li > ul > li:hover > a{color: #e6ffbb;}
.drop-down-list .responsive-drop-down-menu ul li ul li:hover > ul > li:first-child {border-top-right-radius: 10px;}
.drop-down-list .responsive-drop-down-menu ul li ul li:hover > ul > li:last-child {border-bottom-right-radius: 10px;}
.drop-down-list .responsive-drop-down-menu > ul > li:hover > ul > li:hover {background: #1597DD !important;}
.drop-down-list .responsive-drop-down-menu ul li ul li:hover > ul > li{background: #fff !important;border-left: 1px solid #e3e3e3;}
.drop-down-list .responsive-drop-down-menu ul li ul li:hover > ul > li a{font-size: 1.1rem;font-weight: bold;}
.drop-down-list .responsive-drop-down-menu ul li ul li:hover > ul > li:hover a{color: #e6ffbe !important;}
.drop-down-list .responsive-drop-down-menu ul li ul li > ul > li{color: #000000 !important;}
@media (max-width: 1199px) and (min-width: 991px){
.drop-down-list .responsive-drop-down-menu>ul>li>a{font-size: 0.95rem;padding: .5rem .25rem !important;}
}

/*form*/
section.group_table .container>h2{display:none;}
.contac_form .form-row{background: #ffffff;padding:0 5%;max-width:900px;margin:0 auto;}
.contac_form .form-row:nth-of-type(2){padding-top:5%}
.contac_form .form-row:nth-of-type(4){padding-bottom:5%}
.contact h4 .note{display:none}
.contact .trip_title{max-width: 900px;margin: 0 auto;letter-spacing: 1.2px;border-bottom: none;}
.contact #form_customForm .trip_title{letter-spacing:1.2px;margin:0;border-bottom:none;max-width: 900px;margin: 0 auto;background: url(https://materials.fillo.com.tw/materials/sunlee/images/b7f39a06-6a6c-405c-8863-fa734e020d34.png) #454a52d9;background: url(https://materials.fillo.com.tw/materials/cowelltrip/images/8c69b72d-97ab-4f10-a87d-1494a1169217.png) #3f4a59c7;}
.contact .contac_form .form-row h3{font-size: 1.0rem;color: #efefef;margin: 0;}
.contact .contac_form .form-row #field_20 h3{font-size:2rem;font-weight:400;text-align:center;border-bottom:1px solid #dcdcdc;padding-bottom:30px}
.contact .contac_form .form-row label{font-size:1rem;color: #555;display: block;}
.contact .contac_form .form-row label:hover:before {border: 1px solid #04abf2;background-color: #ffffff;}
section.contact #form_customForm .btn-group-lg>.btn,section.contact #form_customForm .btn-lg{color:#fff;background-color:#343a40;border-color:#343a40;font-size:1rem;font-weight:400;border-radius: 5px;padding:.75rem 3rem;background-color: #1597dd !important;border-color: #1597dd !important;}
section.contact #form_customForm .btn-group-lg>.btn,section.contact #form_customForm .btn-lg:hover {background-color: #1597dd !important;border-color: #1597dd !important;}
.form_title{padding:0 20px;text-align: center;}
.form_title h2 {color: #fff;font-weight: 400;padding-top: 6.0rem;padding-bottom: 1rem;margin-bottom: 0 !important;line-height: 1.2;color: #FFFFFF;font-family: 'Pathway Gothic One',sans-serif !important;text-align: center;line-height: 1;font-size: 1.8rem;margin-top: 1.0rem;margin-bottom: 0.25rem;}
section.group_table .container h4 {font-size: .9rem;text-align: center;color: #a8a8a8;padding: 0;border-bottom: none;}
.contact .trip_title p {font-size: .9rem;color: #a8a8a8;}
.main_text {padding: 0 40px;}
@media (max-width:767px) {
.main_text {padding: 20px 40px;}
.main_text .main_text {padding: 20px 20px;}
.main_text hr {display: none;}
}
textarea.form-control {border-radius: 0;min-height: 150px;}
.form-group select.form-control  {border-radius: 0;height: 50px !important;}
.form-check.radio_style, .form-group .form-check {display: inline-block;}
.form-group .form-check {padding-left: 24px;margin: 10px 15px;}
.form-group .form-check .checkmark:hover {border: 1px solid #ffffff;background-color: #04abf2;}
.form-group .form-check .customcheck:hover input ~ .checkmark {/* background-color: #fff; */border: 1px solid #04abf2;}
.contact .contac_form .form-row [data-type="TTL"] h3{text-align:center;border:1px solid #d2d2d2;padding:15px;margin-bottom:30px;margin-top:30px;background:#979ba2}
.contact .contac_form .form-row > [class*="col-"]:nth-child(1) {padding-left: 15px !important;}
.D_customformfront_main section.group_table .container{padding-top: 120px;}

.day_style_1 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_1 img {width:100%;}
.day_style_2 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_2 img {width: 100%;}
.day_style_3 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_3 img {width:100%; height: 253px;}
.day_style_4 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_4 img {width:100%; height: 187px;}
.day_style_5 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_5 img {width:100%;height: 253px;height: 260px !important;}
@media (max-width: 1600px) {.day_style_5 img {width:100%;height: 253px;height: 260px !important;}}
@media (max-width: 1400px) {.day_style_5 img {width:100%;height: 253px;height: 260px !important;}}
@media (max-width: 1200px) {.day_style_5 img {width:100%;height: 253px;height: 140px !important;}}
@media (max-width: 991px) {.day_style_5 img {width:100%;height: 253px;height: 140px !important;}}
@media (max-width: 768px) {.day_style_5 img {width:100%;height: 253px;height: auto !important;}}
.day_style_6 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_6 img {width:100%; height: 187px;}
.day_style_7 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_7 img {width:100%; height: 253px;}
.day_style_8 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_8 img {width:100%; height: 187px;}
.day_style_9 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_9 img {width:100%;}
.day_style_10 {width: 100%; display: table; margin-bottom: 20px; position: relative;}
.day_style_10 img {width:100%;}
.day_style_10 .item_text {position: absolute;bottom: 10%;left: 15px;z-index: 10;/* margin: 0px 15px; */padding: 0;max-width: calc(100% - 30px);}
.day_style_10 .item_text p {margin: 0;background: rgba(0, 0, 0, 0.6);color: #FFF;padding:50px;}
.day_style_11 {width: 100%; display: block; margin-bottom: 20px; padding: 0;}
.day_style_11 .tp_group {width:100%;/*border: 1px solid #ddd;*/ padding: 0; display: inline-block;}
.day_style_11 .tp_group p {margin: 10px 0 0;}
.day_style_11 .tp_group img {width:100%;}
.day_style_12 {width: 100%;display: block;margin-bottom: 20px;/* padding: 0 10px; */}
.day_style_12 .tp_group {width:100%;/* border: 1px solid #ddd; *//* padding: 10px 0; */display: inline-block;}
.day_style_12 .tp_group img {width:100%;}
.day_style_13 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_13 img {width:100%; height: 187px;}
.day_style_13 p {background: rgba(0, 0, 0, 0.7); color: #FFF; text-align: center;}
.day_style_14 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_14 iframe {width: 100%; height: 383px;}
.day_style_15 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_15 iframe {width: 100%; height: 383px;}
.day_style_17 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_17 img {width:100%; /*height: 253px;*/;aspect-ratio: 2 / 3;}
.day_style_1, .day_style_2, .day_style_3, .day_style_4, .day_style_5, .day_style_6, .day_style_7, .day_style_8, .day_style_9, .day_style_10, .day_style_11, .day_style_12, .day_style_13, .day_style_14, .day_style_15, .day_style_16, .day_style_17 {display: flex;flex-wrap: wrap;}
.day_style_1 img, .day_style_2 img, .day_style_3 img, .day_style_4 img, .day_style_5 img, .day_style_6 img, .day_style_7 img, .day_style_8 img, .day_style_9 img, .day_style_10 img, .day_style_11 img, .day_style_12 img, .day_style_13 img, .day_style_14 img, .day_style_15 img, .day_style_16 img {width: 100%;height: auto !important;}
/*.day_con .info img {height:auto !important}*/

.footer{background:#e2e2e2;margin-top:4rem}
.footer_info .footer-wrap .footer_nav li a{padding:15px 20px;font-size:1.1rem;font-weight:700}
.footer_info .footer-wrap{background:#eeebe9;background:0 0;background-size:cover;border-top:1px solid #fff}
.footer_info .footer-wrap .footer_center{background:0 0}
.footer_info .footer-wrap .fnav_wrap{display:none}
.footer_info .footer-wrap .footer_center{width:100%;padding-bottom:0}
.footer_info .footer-wrap .info_box h3{font-size:1.5em;letter-spacing:.1rem;position:relative;margin:15px 0 8px 0;font-weight:400;color: #1597DD;}
.footer_info .footer-wrap .info_box p{font-size:1rem;letter-spacing:.1rem;margin-bottom:.5rem;font-family:'Noto Sans TC',serif!important}
.footer_info .company-info .info-text p:nth-child(2),.footer_info .company-info .info-text p:nth-child(3){display:inline-block;position:relative;padding-right:20px}
.footer_info .footer-wrap .contact-box h4{line-height:28px;font-size:1.1rem;padding-left:0;color:#565656;letter-spacing:.1rem;padding-bottom:29px;border-bottom:2px solid #b9b9b9;margin-bottom:10px}
.footer_info .fb-info{margin-top:0!important;position:relative;background:rgb(255 255 255 / 3%);padding-top:4em;padding-right:8.333333%;padding-left:6rem;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;display:none}
.footer-wrap .footer_sbox{display:none}
.footer_info .fb-info:before{content:'';position:absolute;width:100%}
.footer_info .company-info{padding-bottom: 0em;margin-top: 3rem!important;-ms-flex:0 0 16.666667%;/* display:none; */-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 0;}
.footer-wrap .contact-info{padding-bottom:0;padding-top: 1rem!important;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin:0 -40px}
.footer_info .footer-wrap .icon_wrap{padding:10px;background:0 0;display:flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;display:none}
.footer_info .footer-wrap .icon_wrap p{font-size:1rem;display:flex;align-items:center}
.footer_info .footer-wrap .icon_wrap ul.footer_bticon{margin:0;-ms-flex:0 0 25%;display:inline-block;position:revert}
.footer_info .footer-wrap .footer_bticon li a img{width:auto;padding:10px 5px}
.footer_info .footer-wrap .footer_bticon li a:hover img{opacity:.7}
.footer_info .footer-wrap .contact-box h2{font-size:1.15em;letter-spacing:.15rem;font-family:'Playfair Display',sans-serif!important;position:relative;margin-bottom:5px}
.footer_info .footer-wrap .contact-box p{margin:0 0 5px}
.footer_info .footer-wrap .contact-box p a{border:none;transition:unset;display:initial;height:auto;padding:0 10px 0 36px;font-size:1.15rem;font-weight:600;color:#666;line-height:2rem;letter-spacing:2px}
.footer_info .footer-wrap .contact-box p a svg{width:24px;height:24px;fill:#1597dd!important}
.footer_info .footer-wrap .contact-box p a:hover{font-size:1.15rem;color:#333!important;background:0 0!important;}
.footer_info .footer-wrap .contact-box:nth-child(3) p:nth-child(2) a:hover{border-bottom:3px solid #00000000}
.footer_info .footer-wrap .contact-box p a::after{display:none}
.footer_info .footer-wrap .contact-box p img{width:20px}
.footer_info .footer-wrap .contact-box{padding:0 30px}
@media(min-width:1200px){
/*.footer_info .footer-wrap .contact-box:nth-child(1),.footer_info .footer-wrap .contact-box:nth-child(2){-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}
.footer_info .footer-wrap .contact-box:nth-child(3){-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}*/
}
.footer_info .footer-wrap .fb-box a{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;margin-bottom:.5rem;padding:10px}
.footer_info .footer-wrap .fb-box a .tooltiptext{visibility:initial;margin:0;bottom:unset;left:unset;position:relative;background:no-repeat}
.footer_info .footer-wrap .fb-box a .tooltiptext::after{display:none}
.footer_info .footer-wrap .fb-box a img{max-width:50px;display:none}
.footer_info .footer-wrap .footer_sbox a img{height:auto}
.footer-wrap .info_box a img{margin-bottom:1.5rem}
@media(max-width:1200px){.footer_info .company-info .info-text{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media (min-width:992px) and (max-width:1199px){.footer_info .company-info{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-left:0}
}
@media(max-width:991px){.footer_info .company-info{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-top:0!important;text-align:left!important}
.footer_info .company-info .info-text{text-align:center}
.footer_info .footer-wrap .contact-info{-ms-flex:0 0 100%!important;flex:0 0 100%!important;max-width:100%!important;margin-top:0!important;margin-bottom:0!important;flex-direction:column;margin: 0;}
.footer-wrap .contact-box{-ms-flex:0 0 100%!important;max-width:100%!important;margin-top:0!important}
.footer-wrap .contact-box:nth-child(1){padding:0}
.footer-wrap .contact-box:nth-child(2){padding:0;}
.footer_info .footer-wrap .contact-box{margin-bottom: .5rem !important;border-bottom: 2px solid #b9b9b9;}
.footer-wrap .contact-box:nth-child(2) p{/* text-align:center; *//* width:auto; */}
.footer-wrap .contact-box:nth-child(2) h4{/* padding:0; *//* padding-left:10px; */}
.footer-wrap .contact-box:nth-child(3){padding:0}
.footer-wrap .contact-box:nth-child(3) p:nth-child(2){width:100%;text-decoration:none}
.footer_info .footer-wrap .footer_sbox{margin-bottom:10px;margin-top:10px}
.footer_info .footer-wrap .footer_center{padding-bottom:0}
.footer_info .footer-wrap .info_box p{font-size:1rem}
.footer_info .footer-wrap .info_box h3{font-size:1rem;letter-spacing:.1rem}
.footer_info .footer-wrap .contact-box h4{font-size:1rem;letter-spacing:.1rem;border-bottom: none;padding-bottom: 0px;}
.footer_info .footer-wrap .contact-box:nth-child(1) h4{/* padding-left:36px; *//* word-break:break-all; */}
.footer_info .footer-wrap .contact-box p{margin:6px 0 6px;width: auto;}
.footer_info .footer-wrap .fb-box a{-ms-flex:0 0 50px!important;flex:0 0 50px!important;max-width:50px!important;margin-bottom:.5rem}
.footer_info .fb-info{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-top:0!important}
.footer_info .fb-info .row{margin:0 auto;width:100%;margin:0 auto;text-align:center;max-width:150px}
}
@media(max-width:767px){.footer_info .footer-wrap .contact-box h2{margin-bottom:.5rem;margin-top:1.5rem;display:none}
.footer_info .footer-wrap .footer_center{margin-top:.5rem}
.footer_info .footer-wrap .fnav_wrap .footer_nav{display:none}
.footer_info .footer-wrap .footer_nav li a{padding:5px 5px}
.footer-wrap .info_box a{margin:0 auto;text-align:center!important}
.footer-wrap .info_box a img{width:186px}
.footer_info .footer-wrap .contact-box p a{font-size: 1rem !important;letter-spacing:0;padding:0 10px 0 30px}
.footer_info .footer-wrap .contact-box:nth-child(1) p:nth-child(2) a{padding:4px 20px 4px 30px}
.footer_info .footer-wrap .icon_wrap p{font-size:.9rem;color:#8e8e8e!important;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.footer_info .footer-wrap .icon_wrap{display:flex;flex-direction:column;padding: 0px;}
.footer_info .footer-wrap .icon_wrap ul.footer_bticon{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-top:10px;display:none}
.footer_info .contact-info .contact-box:nth-child(2) h2{display:none}
.footer_info .footer-wrap .footer_sbox{margin:0}
.footer_info .footer-wrap .contact-box h4{border-bottom: none;padding-bottom: 0px;}
.footer_info .footer-wrap .fnav_wrap{border:none}
.footer-wrap .contact-box:nth-child(2){display:flex;flex-direction:column}
.footer_info .footer-wrap .contact-box{margin-bottom: .5rem !important;border-bottom: 2px solid #b9b9b9;}
.footer_info .company-info{display:none}
.footer_info .fb-info{display:none}
.footer_info .footer-wrap .contact-info{padding-bottom:0;margin: 0;padding-top: 1rem !important;}
}

.footer_logo p{display:table;background:#000;margin:0 auto;background:#fff;border-radius:0 0 100px 100px;padding:0 15px 20px 15px;margin-top:-80px;position: relative;}
.footer_logo p:after{content:'';position:absolute;width:40px;height:40px;background-size:100%;top: 80px;right:-2.5rem;background-repeat:no-repeat!important;background-image:url(https://materials.fillo.com.tw/materials/unitop1/images/ef116fa0-afdf-403b-9d20-3e646872d3cb.svg);background-position:center}
.footer_logo p:before{content:'';position:absolute;width:40px;height:40px;background-size:100%;top: 80px;left: -2.5rem;background-repeat:no-repeat!important;background-image:url(https://materials.fillo.com.tw/materials/unitop1/images/ef116fa0-afdf-403b-9d20-3e646872d3cb.svg);background-position:center;rotate: 90deg;}

.footer_icon .grid-item{padding-right:10px;padding-left:10px;}
.footer_icon .grid-item img {box-shadow: 0px 5px 8px #cacaca;border-radius: 100%;}
.footer_icon .falls-container .grid{padding-bottom:10px}
.footer .copyright{margin-top:4rem;letter-spacing:2px}
.footer .copyright p{margin-bottom: 1rem;}
@media(max-width:991px){.footer .copyright{margin-top: 0rem;padding: 0 30px;}}
@media(max-width:767px){
.footer .copyright p{font-size: .85rem;color: #8a8a8a;}
}

.r_fixed .side_box{bottom: 60px;}
.r_fixed .side_bar{background:0 0;box-shadow:none;padding:0;width: 100%;}
.r_fixed .main .module-wrapper .actGotop>a{box-shadow:1px 1px 15px #c3c3c3;background:#ffffffb8!important;border-radius:50px;backdrop-filter:blur(5px);border:1px solid #fff!important;width: 56px;height: 56px;}
.r_fixed .side_bar li a{width: 56px;}
.r_fixed .actGotop a .fa-angle-up:before{content:'';background:url(https://materials.fillo.com.tw/materials/unitop1/images/ad4e1d97-63f6-4696-afb5-de01fefb2886.svg);position:absolute;width: 33px;height: 32px;top: 10px;right: 16px;margin:0;margin-top:0;background-repeat:no-repeat!important;background-position:center}
.r_fixed .actGotop{width: 56px;height: 56px;bottom: 15px;}
@media(max-width:767px){
.r_fixed .side_bar img,.r_fixed .actGotop,
.r_fixed .main .module-wrapper .actGotop>a,
.actGotop a i {width: 44px;height: 44px;}
.r_fixed .main .module-wrapper .actGotop{bottom: 60px;}
.r_fixed .side_box{bottom: 100px;right: 8px !important;}
.r_fixed .actGotop a .fa-angle-up:before{width: 24px;height: 22px;top: 11px;right: 27px;background-size: contain;}
}
.WinChrome .r_fixed .side_bar{display:none !important;}


.go-to-top{display:none !important;}

.hide-all {display: none !important;}

.D_products_group_search section.search_banner .search-area .search-box .select-goal .select,
.D_products_group_search section.search_banner .search-area .search-box .select-goal select,
.D_products_group_search section.search_banner .search-area .search-box .select-place .select,
.D_products_group_search section.search_banner .search-area .search-box .select-place select {background: #FFF;}
.D_products_group_search .ab_search section.group_banner .search-area .search-box .select-date .select input {width: calc(42%) !important; padding: 0 10px !important;}
.D_products_group_search .ab_search section.group_banner.search_banner {height: 640px !important; background: url(https://materials.fillo.com.tw/materials/jingtour/images/a77b5db1-c423-4226-999f-1bb64a096e38.jpg) center center no-repeat; background-size: cover;}
.D_products_group_search .ab_search section.group_banner .search-area .search-box .select-status {display: block !important; bottom: -15px; padding-right: 20px;}
.WinChrome.D_products_group_search .ab_search section.group_banner.search_banner::after {background: transparent !important;}
.D_products_group_search .group_banner.search_banner .search-area > .container {/* padding-bottom: 30px; */}
.WinChrome.D_products_group_search .ab_search section.group_banner .search-area .form-check label {color: #153075 !important;}
.WinChrome.D_products_group_search .ab_search section.group_banner .search-area {bottom: calc(8% - (110px/2));}
.WinChrome.D_products_group_search .ab_search section.group_banner .search-area:before {content: "出發日期"; width: 100%; font-size: 30px; text-align: center; display: table; color: #FFF; font-weight: bold; letter-spacing: 10px; line-height: 200px;}
.WinChrome.D_products_group_search .search-area .search-box .select-date .select .divide {margin: 12.5px 10px 0px 10px;}
@media (max-width: 1199.98px) {
.WinChrome.D_products_group_search .ab_search section.group_banner .search-area:before {line-height: 145px;}
.D_products_group_search .ab_search section.group_banner .search-area .search-box .select-date .select input {width: calc(40%) !important;}
}
@media (max-width: 767px) {
.WinChrome.D_products_group_search .ab_search section.group_banner .search-area:before {line-height: 0px;}
}
@media (max-width: 1200px) and (min-width: 768px) {
.D_products_group_search .header_box .mega-menu .menu-links {height: 70px;}
.D_products_group_search .header_box .mega-menu .menu-links>li>a {line-height: 58px; font-size: 1em;}
}

@media (max-width: 1200px) {
.D_products_group_search [data-position="center"] .group_banner{margin-top: 50px !important;}
}

/*公版內容遮擋調整*/
.D_commprod_product_list [data-position="center"]{margin-top: 70px !important;}/*通用*/
.D_products_domestic_search [data-position="center"]{margin-top: 30px !important;}/*國內*/
@media (max-width: 767px) {
.D_commprod_product_list [data-position="center"]{margin-top: 50px !important;}/*通用*/
.D_products_domestic_search [data-position="center"]{margin-top: 50px !important;}/*國內*/
}

@media (min-width: 1200px) {
.WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner {height: 318px;}
.WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area {bottom: calc(50% - (300px / 2));}
}

/*search_default*/
.ab_search {margin-top: -12vw;z-index: 1;}
.ab_search .module-container{z-index: 1;max-width: 1440px;margin: 0 auto;background: #ffffff7a;border-radius: 50px;backdrop-filter: blur(5px);border: 1px solid #fff !important;box-shadow: 0 0 20px #ccc;/* margin-top: -12vw; */margin-bottom: 0;/* height: -webkit-fill-available; */}
.ab_search section.group_banner .search-area .search-box .select-date .select input{background: #0000 !important;}
.group_banner.search_banner .search-area > .container {/* max-width: 100% !important; */background: #ffffff00 !important;border: none !important;}
.ab_search section.group_banner .search-area .search-box .search-btn {/* display: block !important; */border-radius: 5px;height: 50px !important;line-height: 50px !important;background: none;color: #04abf2;}
.ab_search .search-area .search-box .search-btn h5 {/* width: initial !important; *//* font-size: 0 !important; */font-family: "Noto Sans TC","微軟正黑體", "Microsoft JhengHei", sans-serif !important;font-size: 1.15rem;position: relative;}
.ab_search .search-area .search-box .search-btn i{display: none !important;}
.ab_search section.group_banner .search-area .search-box {margin: 0 !important;align-items: center;padding: 0px 50px !important;}
.ab_search section.group_banner .search-area .search-box .select-status {display: none !important;}
.ab_search section.group_banner .search-area .search-box .select-place,
.ab_search section.group_banner .search-area .search-box .select-goal,
.ab_search section.group_banner .search-area .search-box .select-date {background: transparent !important;padding: 0 !important;display: flex;height: auto !important;}
.ab_search section.group_banner .search-area .search-box .select-place .select, .ab_search section.group_banner .search-area .search-box .select-goal .select{min-width: auto;background-color: #0000;border-bottom: 1px solid #000;width: 100%;}
.ab_search section.group_banner .search-area .search-box .select-place .select select, .ab_search section.group_banner .search-area .search-box .select-goal .select select{background-color: #ffffff00;}
.ab_search section.group_banner .search-area .search-box .select-goal .select select {padding: 0 20px 0 0px;/* color: #393939; *//* border-bottom: 1px solid #393939; */background-color: #0000;}
.ab_search section.group_banner .search-area .search-box .title i{display: none !important;}
.ab_search section.group_banner .search-area .search-box .select-goal .title,
.ab_search section.group_banner .search-area .search-box .select-place .title,
.ab_search section.group_banner .search-area .search-box .select-date .title,
.ab_search section.group_banner .search-area .search-box .select-date .title {height: 30px !important;line-height: 30px;min-width: max-content;margin-right: 10px;}
.ab_search section.group_banner .search-area .search-box .select-goal .title h6,
.ab_search section.group_banner .search-area .search-box .select-place .title h6,
.ab_search section.group_banner .search-area .search-box .select-date .title h6,
.ab_search section.group_banner .search-area .search-box .select-date .title h6 {margin: 0 !important;color: #000000 !important;font-size: 1rem !important;/* font-weight: bold; */}
.ab_search section.group_banner .search-area .search-box .select-input {padding: 0px !important;/* height: 70px !important; */border: none !important;display: flex;}
.ab_search section.group_banner .search-area .search-box .select-input:before {content: "關鍵字";font-size: 1rem !important;color: #000000;font-weight: bold;height: 30px;line-height: 30px;min-width: fit-content;margin-right: 10px;}
.ab_search section.group_banner .search-area .search-box .select-input .data-icon-search {display: none !important;}
.ab_search section.group_banner .search-area .search-box .select-date .select {/* background: #FFF; */width: 100%;/* border: 1px solid #d6d6d6; */border-bottom: 1px solid #393939 !important;}
.ab_search section.group_banner .search-area .search-box .select-date .select input {width: calc(50% - 20px)!important;padding: 0 0px !important;/* letter-spacing: 1px !important; */color: #393939;/* border: 1px solid #d6d6d6 !important; *//* border-bottom: 1px solid #393939 !important; */min-width: 86px;}
.ab_search section.group_banner .search-area .search-box .select-input > input {height: 30px !important;color: #393939;font-size: 1rem !important;padding: 0 0 0 8px !important;border-bottom: 1px solid #000000 !important;background: none;}
.ab_search section.group_banner .search-area .search-box .select-input > input::placeholder {color: #9f9f9f;}
.ab_search section.group_banner .search-area .search-box .select-input > input::-webkit-input-placeholder {color: #9f9f9f;}
.ab_search section.group_banner .search-area .search-box .select-input > input:-ms-input-placeholder {color: #9f9f9f;}
.ab_search section.group_banner .search-area .search-box .select-input > input::-moz-placeholder {color: #9f9f9f; opacity: 1;}
.ab_search section.group_banner .search-area .search-box .select-input .mic_icon {bottom: -18px;}
.ab_search section.group_banner .search-area .search-box div:nth-last-child(3){-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.ab_search section.group_banner .search-area .search-box .col{-ms-flex: 0 0 12%;flex: 0 0 12%;max-width: 12%;}
.ab_search section.group_banner .search-area .search-box .select-place .title h6{position:relative}
.ab_search section.group_banner .search-area .search-box .select-place .title h6:before{content:'';position:absolute;width: 24px;height: 24px;top: -2px;left: -27px;margin:0;margin-top:0;background-repeat:no-repeat!important;background: url(https://materials.fillo.com.tw/materials/unitop1/images/c05b96b1-171b-4dd9-ade3-93184674f373.svg);background-position:center;}
.ab_search section.group_banner .search-area .search-box .search-btn h5:after{content:'';position:absolute;width: 24px;height: 24px;top: 0px;right: -8px;margin:0;margin-top:0;background-repeat:no-repeat!important;background: url(https://materials.fillo.com.tw/materials/unitop1/images/69b6ce08-af05-4395-ad7e-6326d28db8fa.svg);background-position:center;}
@media (max-width: 1440px) {
.ab_search{margin-top: -8vw;/* max-width: calc(100% - 30px); */}
}
@media (max-width: 1200px){
.ab_search section.group_banner .search-area .search-box .select-place .title h6:before{display:none}
.ab_search section.group_banner .search-area .search-box {padding: 15px !important;}
}
@media (min-width: 1400px){
.ab_search section.group_banner .search-area .search-box div{}
.ab_search section.group_banner .search-area .search-box>div:nth-child(1), .ab_search section.group_banner .search-area .search-box>div:nth-child(2){-ms-flex: 0 0 19%;flex: 0 0 19%;max-width: 19%;}
.ab_search section.group_banner .search-area .search-box>div:nth-child(4){-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
}
@media (min-width: 1200px){
.ab_search section.group_banner .search-area .search-box div{}
.ab_search section.group_banner .search-area .search-box>div:nth-child(1), .ab_search section.group_banner .search-area .search-box>div:nth-child(2){-ms-flex: 0 0 17%;flex: 0 0 17%;max-width: 17%;}
.ab_search section.group_banner .search-area .search-box>div:nth-child(4){-ms-flex: 0 0 28%;flex: 0 0 28%;max-width: 28%;}
.ab_search section.group_banner .search-area .search-box div:nth-last-child(3){-ms-flex: 0 0 26%;flex: 0 0 26%;max-width: 26%;}
.ab_search section.group_banner .search-area .search-box .col{-ms-flex: 0 0 10%;flex: 0 0 10%;max-width: 10%;} 
}
@media (max-width: 991px){
.ab_search section.group_banner .search-area .search-box div:nth-last-child(3){-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.ab_search section.group_banner .search-area .search-box div:nth-last-child(3),.ab_search section.group_banner .search-area .search-box .col{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.ab_search section.group_banner .search-area .search-box .col{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
.ab_search section.group_banner .search-area .search-box .select-goal .title,
.ab_search section.group_banner .search-area .search-box .select-place .title,
.ab_search section.group_banner .search-area .search-box .select-date .title,
.ab_search section.group_banner .search-area .search-box .select-date .title{width: 90px;}
.ab_search section.group_banner .search-area .search-box .select-input:before{width: 90px;}
}
@media (max-width: 767px) {
.ab_search{border-radius: 30px;margin-top: 2.0rem;margin-bottom: 2rem;}
.ab_search .module-container{border-radius: 30px;}
.ab_search section.search_banner{width: 100%;}
.ab_search section.group_banner .search-area .search-box div:nth-last-child(3){-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;}
.ab_search section.group_banner .search-area .search-box .col{-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;}
.ab_search section.group_banner .search-area .search-box .select-input .mic_icon{bottom: 2px;right: 0px;}
.ab_search section.group_banner .search-area .search-box .select-input i{padding: 6px 10px 5px;background: #fff;}
.ab_search section.group_banner .search-area .search-box .search-btn h5:after{right: 5px;}
.ab_search section.group_banner .search-area .search-box .select-goal .title,
.ab_search section.group_banner .search-area .search-box .select-place .title,
.ab_search section.group_banner .search-area .search-box .select-date .title,
.ab_search section.group_banner .search-area .search-box .select-date .title{width: 90px;}
.ab_search section.group_banner .search-area .search-box .select-input:before{width: 90px;}
.ab_search section.group_banner .search-area .search-box {padding: 20px 20px 10px 20px !important;}
.ab_search section.group_banner .search-area .search-box .select-date .select input {width: calc(44%) !important;}
}
@media (max-width: 500px) {
.ab_search section.group_banner .search-area .search-box {padding: 20px 10px 5px 10px !important;}
.ab_search section.group_banner .search-area .search-box .select-date .select input {width: calc(40%) !important;letter-spacing: 0px !important;}
.ab_search section.group_banner .search-area .search-box .select-goal .title h6, .ab_search section.group_banner .search-area .search-box .select-place .title h6, .ab_search section.group_banner .search-area .search-box .select-date .title h6, .ab_search section.group_banner .search-area .search-box .select-date .title h6{font-size: .85rem !important;}
.ab_search section.group_banner .search-area .search-box .select-input:before{font-size: .85rem !important;/* width: 120px; */}
.ab_search section.group_banner .search-area .search-box div:nth-last-child(3){-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.ab_search section.group_banner .search-area .search-box .col{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.ab_search section.group_banner .search-area .search-box .search-btn{height: 40px !important;line-height: 40px !important;}
.ab_search .search-area .search-box .search-btn h5{text-align: right;padding-right: 40px;}
}    

/*search_style*/
.search_box > .module-container {display:none}
.search_box.open > .module-container {display:block}
.search_box {position: inherit;}
.search_box .ab_search section.group_banner.search_banner{width: 100%;}
.search_box>.module-container>.main{max-width:680px;margin:0 auto;border-radius: 10px;overflow: hidden;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
.search_box.open:before{content:'';display:block;left:0;right:0;top:0;position:absolute;bottom:0;background:#000;z-index:0;height:100%;width:100%}
.index_search .header-title {text-align: center;font-size: 1.25rem;margin: 1.25rem;}
.index_search .ab_search section.group_banner .search-area .search-box{height:auto}
.index_search .ab_search section.group_banner .search-area .search-box .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.index_search .search-area .search-box .search-btn i{display:none}
.search_box .ab_search section.group_banner .search-area .search-box .select-status{position:relative;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;bottom:unset;right:0;display:flex;justify-content:flex-end;padding-left:.5rem;padding-right:.5rem}
.search_close div.link-list ul li{display:flex!important;justify-content:flex-end}
.search_close div.link-list ul li span{display:flex;align-items:center;flex-direction:row-reverse}
.search_close div.link-list ul li span i{margin-left:5px}

.main_slider .bs-carousel{display:flex;flex-direction:column}
.main_slider .carousel-indicators{/* position:relative; */order:12;z-index:10;padding: 10px 10px;margin:0;bottom: 16rem;}
.main_slider .carousel-indicators li{width: 15px;height: 15px;border-radius: 20px;overflow:hidden;opacity:1;margin:1px;background-color: #ffffffb3;border:10px solid transparent}
.main_slider .carousel-indicators li.active{background-color: #ffffff;width: 60px;}
.main_slider .carousel-control-next-icon{background-image:url(https://materials.fillo.com.tw/materials/bigeagle/images/68e04996-2c59-46de-a14b-eeabe33c0c9a.svg)}
.main_slider .carousel-control-prev-icon{background-image:url(https://materials.fillo.com.tw/materials/bigeagle/images/642faeb1-e3ea-4b3b-b67f-a5df4a860c06.svg)}
.main_slider .carousel-control-next-icon,.main_slider .carousel-control-prev-icon{width:35px;height:35px}
.main_slider .carousel-inner picture::before {content: "";position: absolute;background: linear-gradient(0deg, #ffffff 0%, #ffffffb3 20%, #ffffff00 30%);width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
.main_slider .bs-carousel .carousel-caption{top: 30%;z-index: 10000;}
.main_slider .bs-carousel .carousel-caption .text{padding: 10px 20px;z-index: 10000;}
.main_slider .bs-carousel .carousel-caption .text:before{/*position:absolute;content:'';border: 1px solid #8c783c;width: calc(100%);height: calc(100%);top: 6px;left: 6px;z-index: 1;*/}
.main_slider .bs-carousel .carousel-caption p{margin: 0;}
.main_slider .bs-carousel .carousel-item h2{text-shadow: none;font-size: 3.6rem;font-family: 'Noto Serif TC',serif !important;letter-spacing: .75rem;margin-bottom: 1.5rem;font-weight: 500;text-align: left;}
.main_slider .bs-carousel .carousel-item h6{text-shadow: none;margin-bottom: 1.5rem;letter-spacing: 1.2px;font-weight: 400;font-size: 1.25rem;text-align: left;font-style: italic;}
.main_slider .bs-carousel .carousel-item h4{font-size: 1.3rem;text-align: left;letter-spacing: 3px;}
.main_slider .bs-carousel .carousel-item .go{text-align:left;background:#fff;width:fit-content;padding:.75rem 1.75rem;border-radius:50px;margin-top:3rem;font-size:1.25rem}
@media (max-width: 1600px){.main_slider .carousel-indicators{bottom: 12rem;}}
@media (max-width: 1440px){
.main_slider .carousel-indicators{bottom: 8rem;}
.main_slider .bs-carousel .carousel-item h2{font-size: 2.4rem;margin-bottom: 1.0rem;}
.main_slider .bs-carousel .carousel-item h6,.main_slider .bs-carousel .carousel-item h4{font-size: 1.0rem;margin-bottom: .5rem;}  
}
@media (max-width:1199px) and (min-width:991px){
.main_slider .carousel-indicators{bottom: 6rem;}
.main_slider .bs-carousel .carousel-item .go{padding: .5rem 1.5rem;margin-top: 2rem;font-size: 1.0rem;}
.main_slider .bs-carousel .carousel-item h2{font-size: 2.4rem;margin-bottom: 1.0rem;}
.main_slider .bs-carousel .carousel-item h6,.main_slider .bs-carousel .carousel-item h4{font-size: 1.0rem;margin-bottom: .5rem;}  
}
@media (max-width: 991px){
.main_slider .carousel-indicators{bottom: 5rem;}
.main_slider .bs-carousel .carousel-caption{top: 20%;}
.main_slider .bs-carousel .carousel-item h2{font-size: 1.75rem;letter-spacing: .1rem;margin-bottom: .35rem;}
.main_slider .bs-carousel .carousel-item h6,.main_slider .bs-carousel .carousel-item h4{font-size: 1.1rem;margin-bottom: .5rem;} 
.main_slider .bs-carousel .carousel-item .go{padding: .25rem 1.0rem;margin-top: 1rem;font-size: 1.0rem;}

}
@media (max-width: 767px){
.main_slider .bs-carousel .carousel-caption{display: block !important;top: 40%;}
.main_slider .carousel-indicators {bottom: 0%;}
.main_slider .bs-carousel .carousel-item .go{padding: .25rem 1.0rem;margin-top: 1rem;font-size: 1.0rem;}
.main_slider .carousel-indicators li{width: 12px;height: 12px;margin:1px;border: 5px solid transparent;background-color: #e3e3e3;}
.main_slider .carousel-indicators li.active{background-color: #e3e3e3;;width: 30px;}
.main_slider .carousel-inner picture::before{background: linear-gradient(0deg, #ffffff 0%, #ffffffb3 10%, #ffffff00 20%);}
}
@media (max-width: 500px){
.main_slider .carousel-indicators{padding:0 10px 10px 10px}
.main_slider .bs-carousel .carousel-caption{display: block !important;/* top: 5%; */}
.main_slider .bs-carousel .carousel-caption .text{padding: 10px 20px;}
.main_slider .bs-carousel .carousel-item h2{font-size: 1.3rem;}
.main_slider .bs-carousel .carousel-item h6,.main_slider .bs-carousel .carousel-item h4{font-size: 1.0rem;}
}

.menu_box > .module-container {display:none}
.menu_box.open > .module-container {display:block;background: none;}
.menu_box.open{z-index: 1000;background: linear-gradient(to right, rgb(41 137 216 / 85%) 0%, rgb(41 137 216 / 85%) 40%, rgb(255 255 255 / 85%) 99%, rgb(255 255 255 / 85%) 100%);height: 100vh;position: fixed;padding: 6vw 6vw 0vw 6vw;backdrop-filter: blur(5px);}
.menu_close {position: absolute;top: 15px;right: 45px;cursor: pointer;width: initial;}
@media (min-width: 991px){.menu_close :hover{opacity:0.9}}
.menu_close img {padding: 10px;}
.menu-b{position: absolute;bottom: 0;left: 0;}
@media (max-width: 767px){
.menu_box.open{padding: 3rem 1rem 1rem 1rem;background: linear-gradient(to bottom, rgb(41 137 216 / 85%) 0%, rgb(41 137 216 / 85%) 40%, rgb(255 255 255 / 85%) 99%, rgb(255 255 255 / 85%) 100%);rgb(255 255 255 / 85%) 100%);height: 100vh;overflow-y: auto;z-index: 1000000;}
.menu_close{top: 0px;right: 0px;}
.menu_close img{width: 48px;padding: 15px;background: #fff;}
}

.main_tab{margin:3rem auto;}
.main_tab>.module-container>.main{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-end;align-items:flex-end}
.main_tab .header-title{display:block;width:initial;/* padding: 0px 15px; */}
.main_tab h2{font-size:4.2rem;letter-spacing:9px;font-weight:400;}
.main_tab p{font-size:1.75rem;margin:0;font-weight: 500;}
.main_tab .blk-tabs{width:initial;margin-left:2rem}
.main_tab .nav>.nav-item+.nav-item{padding-left:20px}
.main_tab .nav-pills .nav-link{padding:0 1rem 0 1rem;border-radius:0;color:#212529;letter-spacing:.02rem;font-size:1.5rem;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;border-radius:30px;border:1px solid #0000}
.main_tab .nav-pills .nav-link.active,.main_tab .nav-pills .show>.nav-link{color:#000;position:relative;background:0 0;border:1px solid #000;padding:0 2rem 0 1rem;margin: 0 2rem 0 0rem;}
.main_tab .nav-pills .nav-link:hover{color:#000;position:relative;background:0 0;border:1px solid #000;/* padding:0 1rem 0 1rem; */}
.main_tab .nav-pills .nav-link.active,.main_tab .nav-pills .show>.nav-link{padding:0 1rem 0 1rem}
.main_tab .nav-pills .nav-link.active:after{content:'';position:absolute;width:38px;height:38px;top:0;right: -2.3rem;margin:0;margin-top:0;background-repeat:no-repeat!important;background: url(https://materials.fillo.com.tw/materials/unitop1/images/b461fe7e-eb5e-44b4-bee7-5e4cd1df7dbb.svg);background-position:center;border:1px solid #000;border-radius:30px}
.main_tab .nav-pills .nav-link.active:before{content:'';position:absolute;width: 6px;height: 10px;top: 13px;right: -4px;margin:0;margin-top:0;background-repeat:no-repeat!important;background: #ffffff;z-index: 1;}
@media (max-width:991px){
.main_tab h2{font-size:2.4rem;}
.main_tab>.module-container>.main{flex-direction: column;}
.main_tab .header-title{margin: 0 auto;text-align: center;}
.main_tab .blk-tabs{width: 100%;}
}
@media (max-width:767px){
.main_tab{margin: 2rem auto 1rem auto;}
.main_tab h2 br{display:none}
.main_tab .nav-pills .nav-link{/* padding:.5rem .5rem .5rem 1.25rem; */margin-bottom: .5rem;}
.main_tab .nav-pills .nav-link.active:after{/* top:15px; *//* left:2px; */width: 32px;height: 32px;right: -32px;}
.main_tab .blk-tabs{/* padding:0 30px; */margin: 1rem auto 0rem auto;/* border-bottom:2px solid #e3dfdf; */}
.main_tab .nav {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-flow:row nowrap;place-content:stretch flex-start;overflow-x:auto;margin:0;flex-wrap: nowrap;justify-content: flex-start !important;padding: 0 10px;}
.main_tab .nav li{min-width:fit-content;margin: 0 .25rem;}
.main_tab .nav>.nav-item+.nav-item{padding-left:0}
.main_tab .nav-pills .nav-link{font-size: 1.25rem;}
.main_tab .nav-pills .nav-link.active,.main_tab .nav-pills .show>.nav-link{margin: 0 2.5rem 0 0rem;}
.main_tab .nav-pills .nav-link.active:before{width: 6px;height: 6px;top: 13px;right: -3px;}
.main_tab h2{font-size:1.5rem;}
.main_tab p{font-size:1.25rem;}
}
@media (min-width:991px) and (max-width:1200px){.main_tab h2{font-size: 3.0rem;}}

.ex_slider{margin-bottom:5rem;z-index:1;background:#fff;}
.ex_slider .swiper-slide-style{box-shadow:none;border-radius:0;margin-top:0;height:auto;margin-bottom:0;display:flex;flex-direction:row-reverse;padding-left:20px}
.ex_slider .swiper-slide .swiper-img{margin:0;border-radius:20px;overflow:hidden;-ms-flex:0 0 58.333333%;/* flex:0 0 58.333333%; *//* max-width:58.333333%; */}
.ex_slider .swiper-slide .swiper-img img{border-radius:0}
.ex_slider .swiper-slide .swiper-content{padding:2rem;margin-top:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;min-width: 300px;background:#f8f8f8;background:url(https://materials.fillo.com.tw/materials/unitop1/images/5f3732d6-040e-4eed-b676-1112c782d620.png) bottom left no-repeat;border-radius:20px 0 0 20px;box-shadow: 0 0 30px #cccccc;background-size: auto 100%;justify-content: space-between;}
.ex_slider .swiper-slide .swiper-content .title{margin-bottom:10px;border-bottom:1px solid #000}
.ex_slider .swiper-slide .swiper-content h3{font-size:1.5rem;font-weight:500;position:relative;color:#000;letter-spacing:2px}
.ex_slider .swiper-slide .swiper-content h5{font-size: 1.25rem;position:relative;color:#000;letter-spacing: 1px;}
.ex_slider .swiper-slide .swiper-content p,.ex_slider .swiper-slide .swiper-content span{margin:0;line-height:1.5;font-size:1rem;letter-spacing:.1rem;color:#828282;font-family:'Noto Sans TC',sans-serif!important}
.ex_slider .swiper-slide .swiper-content .date{display:flex;/* position:absolute; */bottom:3.5rem;/* left:3.5rem; */align-content: flex-end;}
.ex_slider .swiper-slide .swiper-content .date .col-12{display:flex;/* padding: 0; */}
.ex_slider .swiper-slide .swiper-content .date .m{width:55px;padding-right:10px;border-right:2px solid #000;}
.ex_slider .swiper-slide .swiper-content .date .d{padding-left:10px}
.ex_slider .swiper-slide .swiper-title{padding:.5rem 1.5rem;border-radius:5rem;text-align:left;font-style:italic;color:#3a3a3a;font-size:1.2rem;line-height:23px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;letter-spacing:1px;position:absolute;left:38%;bottom:3.5rem;margin:0;background:#e7ffbd}
.ex_slider .swiper-slide .swiper-title:after{content:'';position:absolute;width:39px;height:39px;top:0;right:-2.3rem;border-radius:100%;margin:0;margin-top:0;background-repeat:no-repeat!important;background:url(https://materials.fillo.com.tw/materials/unitop1/images/b461fe7e-eb5e-44b4-bee7-5e4cd1df7dbb.svg);background-position:center;background-color:#e7ffbd}
.ex_slider .swiper-pagination{position:absolute;right:0;bottom:0;list-style:none;display:block;text-align:center;padding:0;margin:15px 0;height:30px;background:#fff;display:none}
.ex_slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;opacity:.5;transition:opacity .6s ease;width:10px;height:10px;border-radius:100%;overflow:hidden;opacity:1;padding:0;background-color:#9a9a9a;border:10px solid #ffffff00;line-height:12px;font-size:3px}
.ex_slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#8c783c}
.ex_slider .swiper-button-next,.ex_slider .swiper-button-prev{bottom:0;height:60px;width:60px;line-height:0;font-size:0;cursor:pointer;background:#fff;border-radius:100%;opacity:1;color:#331919;box-shadow:1px 1px 10px #bcb5b9;display: none;}
.ex_slider .swiper-button-disabled{display:none}
.ex_slider .swiper-button-next:after,.ex_slider .swiper-button-prev:after{padding:0;font-size:1rem;font-weight:600;color:#9a9a9a}
.ex_slider .swiper-slide .swiper-content .tour_btn{text-align:right;margin-top:1rem;position:absolute;right:60px;bottom:15px}
.ex_slider .swiper-slide .swiper-content .tour_btn i{transition:.5s;margin:40px 0 20px 0;padding:14px 75px 14px 25px;text-align:right;font-weight:400;box-shadow:none;background:#f1f5f5;color:#2841be;border:none;border-radius:12px;letter-spacing:1px;position:relative;width:150px;justify-content:flex-end;font-style:normal}
.ex_slider .swiper-slide .swiper-content .tour_btn i:after{content:'';position:absolute;width:11px;height:40px;bottom:5px;right:20px;margin:0;margin-top:0;transition:.5s;background-repeat:no-repeat!important;background:url(https://materials.fillo.com.tw/materials/union/images/9e14d956-d017-4137-81b4-7a67815a4179.png);background-position:center}
@media (min-width:767px){.ex_slider .swiper-slide .swiper-content .tour_btn i:hover:after{right:16px}
.ex_slider .swiper-slide .swiper-content .tour_btn i:hover{transition:.2s;-webkit-filter:invert(5%);filter:invert(5%)}
.ex_slider .swiper-button-next:hover,.ex_slider .swiper-button-prev:hover{box-shadow:1px 1px 10px #968e93}
.ex_slider .swiper-button-next:hover:after{padding-left:2px;background:#9a9a9a}
.ex_slider .swiper-button-prev:hover:after{padding-right:2px}
}
@media (max-width: 1600px) {
.ex_slider .swiper-slide .swiper-content .text p:not(:nth-child(1)) {display: none;}
}
@media (max-width:1440px){
.ex_slider .swiper-slide .swiper-content{display:flex;flex-direction:row;-ms-flex:0 0 100%%;flex:0 0 100%;max-width:100%;min-width:auto;padding:6rem 1rem 2rem 1rem;margin-top:-5rem;margin-bottom:2.5rem;border-radius:20px;align-content:flex-start;align-items:flex-start;justify-content:space-evenly;background-size: cover;}
.ex_slider .swiper-slide-style{display:inline-block}
.ex_slider .swiper-slide .swiper-img{padding:0 3rem;}
.ex_slider .swiper-slide .swiper-img img{border-radius:20px}
.ex_slider .swiper-slide .swiper-top{padding: 0 10px;}
.ex_slider .swiper-slide .swiper-content .title{border: none;}
.ex_slider .swiper-slide .swiper-content .date{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%;padding: 0 10px;min-width: 130px;}
.ex_slider .swiper-slide .swiper-title{left:unset;right:9%;top: 50%;bottom: unset;}
.ex_slider .swiper-slide .swiper-content .date .d,.ex_slider .swiper-slide .swiper-content .date .m{font-size:.85rem;width:40px}
}
@media (max-width:1440px) and (min-width:1200px){
.ex_slider .swiper-slide .swiper-title{left:unset;right: 10%;top: 29vw;bottom: unset;}
}
@media (max-width:1200px){
.ex_slider .swiper-slide .swiper-title{left:unset;right:9%;top: 28vw;bottom: unset;}
}
@media (max-width: 1023px) and (min-width: 992px){
.ex_slider .swiper-slide .swiper-title{left:unset;right: 10%;top: 47vw;bottom: unset;}
}
@media (max-width:991px){
.ex_slider .swiper-slide .swiper-title{left:unset;right:9%;top: 47vw;bottom: unset;}
}
@media (max-width:767px){
.ex_slider{padding:0 15px 0 15px;margin-bottom:0}
.ex_slider .swiper-slide-style{margin-top:0;padding: 0 16px;}
.ex_slider .swiper-slide .swiper-img{padding: 0 2rem;}
.ex_slider .swiper-slide .swiper-img img{aspect-ratio: 1 / 1;width: 360px; /* 也可以換成任何你想要的寬度 */object-fit: cover;object-position: center;}
.ex_slider .swiper-slide .swiper-content h3,.ex_slider .swiper-slide .swiper-content h5{/* margin:.5rem 0 1rem 0; */font-size: 1.15rem;font-weight: normal;}
.ex_slider .swiper-slide .swiper-content p,.ex_slider .swiper-slide .swiper-content span{line-height:initial;font-size: .9rem;margin:0!important}
.ex_slider .swiper-slide .swiper-content .tour_btn{text-align:right;margin-top:1.5rem;position:relative;right:unset;bottom:unset;margin-bottom:1rem}
.ex_slider .swiper-button-next,.ex_slider .swiper-button-prev{top:50vw;height:36px;width:36px;background:0 0;box-shadow:none}
.ex_slider .swiper-slide .swiper-title{font-size: 1.0rem;padding: .25rem 1.0rem;top: 300px;right: 17%;}
.ex_slider .swiper-slide .swiper-title:after{width: 30px;height: 30px;right: -1.8rem;}
.ex_slider .swiper-slide .swiper-content .title{-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
}
@media (max-width:550px){
.ex_slider .swiper-slide .swiper-img img{width: 240px; /* 也可以換成任何你想要的寬度 */}
.ex_slider .swiper-slide .swiper-title{top: 200px;right: 17%;}
}

.th_title{margin-top:3rem;margin-bottom:3rem}
.th_title h1{font-size:3.6rem;letter-spacing:9px;font-weight:400}
.th_title h2{letter-spacing:3px}
@media (min-width:991px) and (max-width:1200px){
.th_title h1{font-size: 3.0rem;}
.th_title h2{font-size: 1.75rem;letter-spacing: 1px;}
}
@media (max-width: 991px) {
.th_title h1{font-size:2.4rem;}
.th_title h2{font-size: 1.75rem;letter-spacing: 1px;}
}
@media (max-width: 767px) {
.th_title h1{font-size:1.5rem;}
.th_title h2{font-size: 1.25rem;l}
}



.th_slider{margin-bottom:5rem;z-index:1;background:#fff;/* padding-left: 2vw; */}
.th_slider .swiper-slide-style{box-shadow:none;border-radius:0;margin-top:0;height:auto;margin-bottom:0;display:flex;padding-left: 15px;}
.th_slider .swiper-slide .swiper-img{margin:0 0 20px;border-radius:15px;overflow:hidden;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;position:relative}
.th_slider .swiper-slide .swiper-img img{border-radius:0;/* overflow:hidden; *//* background-size:cover; *//* -webkit-mask:url(https://materials.fillo.com.tw/materials/unitop1/images/ffe44116-eb26-4a35-bb5a-93f67cfab9c8.png) no-repeat center center; *//* mask:url(https://materials.fillo.com.tw/materials/unitop1/images/ffe44116-eb26-4a35-bb5a-93f67cfab9c8.png) no-repeat center center; *//* -webkit-mask-size:contain; *//* mask-size:contain; */width: 100%;height: 100%;object-fit: cover;object-position: center;}
.th_slider .swiper-slide .swiper-img:after{content:'';position:absolute;width: 30%;height: 30%;bottom: -1px;right: -1px;/* border-radius:100%; */margin:0;margin-top:0;background-size: 100% !important;background-repeat:no-repeat!important;background: url(https://materials.fillo.com.tw/materials/unitop1/images/a4358764-a34c-4a54-b4e6-75ee5df73cbd.svg);background-position: bottom right;/* background-color:#ffc03f; */}
.th_slider .swiper-slide .swiper-content{padding:1.5rem 1.5rem;-webkit-line-clamp:6;margin-bottom:20px;padding-right:30px;padding-left:30px;display:flex;flex-direction:column;justify-content:center;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;align-items:center}
.th_slider .swiper-slide .swiper-content h3{font-size:1.75rem;margin:2.5rem 0 2.5rem 0;font-weight:500;position:relative;letter-spacing:.5rem;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;text-align:center;color:#333}
.th_slider .swiper-slide .swiper-content h5{font-size:1rem;position:relative;margin:2rem 0;font-weight:700}
.th_slider .swiper-slide .swiper-content p,.th_slider .swiper-slide .swiper-content span{margin:.5rem 0;line-height:1.5;font-size:1.15rem;letter-spacing:.1rem;color:#333;font-family:'Noto Sans TC',sans-serif!important}
.th_slider .swiper-slide .swiper-title{padding:0 1.5rem;text-align:left;color:#3a3a3a;font-size:1.2rem;line-height:23px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;letter-spacing:1px;position:relative}
.th_slider .swiper-pagination{position:absolute;right:0;bottom:0;list-style:none;display:block;text-align:center;padding:0;margin:15px 0;height:30px;background:#fff;display:none}
.th_slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;opacity:.5;transition:opacity .6s ease;width:10px;height:10px;border-radius:100%;overflow:hidden;opacity:1;padding:0;background-color:#9a9a9a;border:10px solid #ffffff00;line-height:12px;font-size:3px}
.th_slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#8c783c}
.th_slider .swiper-button-next,.th_slider .swiper-button-prev{bottom:0;height:60px;width:60px;line-height:0;font-size:0;cursor:pointer;background:#fff;border-radius:100%;opacity:1;color:#331919;box-shadow:1px 1px 10px #bcb5b9;display: none;}
.th_slider .swiper-button-disabled{display:none}
.th_slider .swiper-button-next:after,.th_slider .swiper-button-prev:after{padding:0;font-size:1rem;font-weight:600;color:#9a9a9a}
.th_slider .swiper-slide .swiper-content .tour_btn{text-align:right;margin-top:1rem;position:absolute;right:60px;bottom:15px}
.th_slider .swiper-slide .swiper-content .tour_btn i{transition:.5s;margin:40px 0 20px 0;padding:14px 75px 14px 25px;text-align:right;font-weight:400;box-shadow:none;background:#f1f5f5;color:#2841be;border:none;border-radius:12px;letter-spacing:1px;position:relative;width:150px;justify-content:flex-end;font-style:normal}
.th_slider .swiper-slide .swiper-content .tour_btn i:after{content:'';position:absolute;width:11px;height:40px;bottom:5px;right:20px;margin:0;margin-top:0;transition:.5s;background-repeat:no-repeat!important;background:url(https://materials.fillo.com.tw/materials/union/images/9e14d956-d017-4137-81b4-7a67815a4179.png);background-position:center}
@media (min-width:767px){.th_slider .swiper-slide .swiper-content .tour_btn i:hover:after{right:16px}
.th_slider .swiper-slide .swiper-content .tour_btn i:hover{transition:.2s;-webkit-filter:invert(5%);filter:invert(5%)}
.th_slider .swiper-button-next:hover,.th_slider .swiper-button-prev:hover{box-shadow:1px 1px 10px #968e93}
.th_slider .swiper-button-next:hover:after{padding-left:2px;background:#9a9a9a}
.th_slider .swiper-button-prev:hover:after{padding-right:2px}
}
@media (max-width:1440px){
.th_slider .swiper-slide-style{display: inline-block;flex-direction: column;}
.th_slider .swiper-slide .swiper-content{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;display:flex;flex-direction: row;padding:0}
.th_slider .swiper-slide .swiper-img{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;display:flex;flex-direction:column;padding:0}
.th_slider .swiper-slide .swiper-content h3{padding-right: 3rem;}
}
@media (max-width:767px){.th_slider{padding:0 15px 0 15px;margin-bottom: 2rem;}
.th_slider .swiper-slide-style{margin-top:0;display:flex;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;/* padding:0 40px; */}
.th_slider .swiper-slide .swiper-content,.th_slider .swiper-slide .swiper-img{-ms-flex:0 0 100%;/* flex:0 0 100%; *//* max-width:100%; *//* display:flex; *//* flex-direction:column; *//* padding:0; */}
.th_slider .swiper-slide .swiper-content h3{margin:.5rem 0 1rem 0;font-size:1.25rem;padding-right: 2rem;}
.th_slider .swiper-slide .swiper-content p,.th_slider .swiper-slide .swiper-content span{line-height:initial;font-size:1rem;margin:0!important}
.th_slider .swiper-slide .swiper-content .tour_btn{text-align:right;margin-top:1.5rem;position:relative;right:unset;bottom:unset;margin-bottom:1rem}
.th_slider .swiper-button-next,.th_slider .swiper-button-prev{top:50vw;height:36px;width:36px;background:0 0;box-shadow:none}
}


.slogan h5 {font-weight: 400;letter-spacing: 3px;}
@media(max-width:767px){.slogan h5 {font-size: 1.0rem;letter-spacing: 1px;}}

.wd_tour{margin-top: 6rem;margin-bottom:3rem;padding: 0 30px;}
.wd_tour .hover-wall .row{/* padding-left:60px; *//* margin-left: 0px; *//* margin-right: -20px; */}
.wd_tour .hover-wall .htpro_tit{margin-bottom:2em;display: none;}
.wd_tour .hover-wall .row .col-sm-12:nth-child(2){/* position:relative; *//* left:-45px; *//* top: -60px; */}
.wd_tour .hover-wall .row :nth-child(2) .icon_info{box-shadow:none;padding: 0;}
.wd_tour .hover-wall .row :nth-child(2) img{display:none}
.wd_tour .hover-wall .row :nth-child(2) h3{font-size:3.6em;padding:0;width:150px;font-weight:400}
.wd_tour .hover-wall .row :nth-child(2) h4{font-size:2rem;padding:0;color:#000!important}
.wd_tour .hover-wall .row :nth-child(2) .icon_info p.animate-text{margin-top: 3rem;padding: 0;font-size: 1.5rem;}
.wd_tour .hover-wall .icon_info{border-radius:0;box-shadow:none;height:100%;box-shadow: 0 0 30px #cccccc;border-radius:20px;padding:20px;}
.wd_tour .hover-wall .icon_info a{margin:0;display:flex;flex-direction:column}
.wd_tour .hover-wall .icon_info figure{order:2;border-radius:20px;margin:0}
.wd_tour .hover-wall .icon_info figure .b_img{border-radius:20px;margin-top:20px;overflow:hidden}
.wd_tour .hover-wall .icon_info h3{font-size: 1.5rem;margin-top:1rem;margin-bottom:.5rem;order:0;font-weight:500;padding:0 15px}
.wd_tour .hover-wall .icon_info h4{font-style:initial;color:#b2b2a8;letter-spacing:.1rem;margin-top:1rem;padding:0 15px}
.wd_tour .hover-wall .icon_info a p.animate-text{margin-bottom:2rem;color:#5b5b5b;font-size:1em;font-family:'Noto Sans TC',sans-serif;letter-spacing:.2rem;line-height:2;margin-top:.5rem;margin-bottom:1rem}
.wd_tour .hover-wall .icon_info:hover figure .b_img{-webkot-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.wd_tour .hover-wall .icon_info figure .overlay{background:0 0;display:none}
.wd_tour .hover-wall .icon_info:hover figure .overlay i{display:none}
@media (min-width:991px) and (max-width:1200px){
.wd_tour .hover-wall .row :nth-child(2) h3{font-size:3.0em;padding:0;width:150px;font-weight:400}
.wd_tour .hover-wall .row :nth-child(2) h4{font-size: 1.75rem;}
.wd_tour .hover-wall .row :nth-child(2) .icon_info p.animate-text{margin-top: 1.5rem;padding: 0;font-size: 1.25rem;}
}
@media(max-width:991px){.wd_tour{margin-bottom:3rem}
.wd_tour .hover-wall .row :nth-child(2) h3{font-size:2.4em;width: initial;}
.wd_tour .hover-wall .row :nth-child(2) h4{font-size: 1.5rem;}
.wd_tour .hover-wall .row :nth-child(2) .icon_info p.animate-text{margin-top: 3rem;font-size: 1.25rem;}
}
@media(max-width:767px){
.wd_tour{margin-bottom:1rem;margin-top: 1rem;}
.wd_tour .hover-wall .htpro_tit{margin-bottom:0}
.wd_tour .hover-wall .row :nth-child(2) h3{text-align: center !important;font-size: 1.5rem;}
.wd_tour .hover-wall .row :nth-child(2) h4{text-align: center !important;font-size: 1.25rem;}
.wd_tour .hover-wall .row :nth-child(2) .icon_info p.animate-text{margin-top: .5rem;text-align: center !important;font-size: 1.25rem;}
}

.ship_1 .cycle-slide img{background-size:cover;border-radius:30px;aspect-ratio: 2 / 1.25;}
.ship_1 .pic-content{margin-top: 0;}
.ship_1 .editor-content{position:absolute;top:0;left:0;display:table;width:auto}
.ship_1 .editor-content h1{background:#fff;margin:0;border-radius:0 0 30px 0;font-size:3.6rem;letter-spacing:9px;font-weight:400;padding:0 4rem 1rem 1rem;width:fit-content;position:relative}
.ship_1 .editor-content h2{background:#fff;border-radius:0 0 30px 0;letter-spacing:3px;padding:1.5rem 2rem 1.5rem 1rem;font-size:1.5rem;width:fit-content;position:relative}
.ship_1 .editor-content h1:after,
.ship_1 .editor-content h2:after,
.ship_1 .editor-content h2:before{content:'';position:absolute;width:40px;height:40px;background-size:100%;background-repeat:no-repeat!important;background-image:url(https://materials.fillo.com.tw/materials/unitop1/images/ef116fa0-afdf-403b-9d20-3e646872d3cb.svg);background-position:center}
.ship_1 .editor-content h1:after{top:0;right:-2.5rem;}
.ship_1 .editor-content h2:after{top:0;right:-2.5rem;}
.ship_1 .editor-content h2:before{bottom:-40px;left:.95rem;}
@media (min-width:991px) and (max-width:1200px){
.ship_1 .editor-content h1{font-size: 3.0rem;}
.ship_1 .editor-content h2{padding: 1.25rem 2rem 1.5rem 1rem;font-size: 1.25rem;}
}
@media(max-width:991px){
.ship_1 .editor-content h1{font-size: 2.4rem;letter-spacing: 9px;border-radius: 0 0 20px 0;}
.ship_1 .editor-content h2{letter-spacing: 1px;padding: 1.0rem 1.5rem 1.0rem 1rem;border-radius: 0 0 20px 0;}
.ship_1 .editor-content h1:after,.ship_1 .editor-content h2:after,.ship_1 .editor-content h2:before{width:20px;height:20px;}
.ship_1 .editor-content h1:after{top:0;right: -20px;}
.ship_1 .editor-content h2:after{top: -1px;right: -20px;}
.ship_1 .editor-content h2:before{bottom: -20px;left: 15px;}
}
@media(max-width:767px){
.ship_1 .editor-content h1{font-size: 1.75rem;letter-spacing: 9px;padding: 0 2.5rem 1rem 1rem;}
.ship_1 .editor-content h2{font-size: .85rem;letter-spacing: 1px;padding: 0rem 1.5rem 1.0rem 1rem;}
.ship_1 .editor-content{display:none}
}

.ship_2 .mix-wrapper .row{box-shadow: 0 0 30px #cccccc;border-radius:30px}
.ship_2 .mix-wrapper .row:not(:last-child){margin-bottom:30px}
.ship_2 .pic-content{margin-top:0;margin-bottom:20px;padding-right:20px;padding-left:20px}
.ship_2 .editor-content{padding-right:20px;padding-left:20px;margin-top:20px;order: -1;}
.ship_2 .pic-content img{border-radius:15px}
.ship_2 .mix-wrapper .row h4{font-size:1.5rem}
.ship_2 .mix-wrapper .row p{margin:0;color:#9f9f9f}
@media(max-width:991px){.ship_2{padding: 0 30px;}}

.title_style{margin-top: 4rem;margin-bottom: 1rem;}
.title_style [data-unicode]{display: flex;flex-direction: column;align-items: center;}
.title_style h2{margin-bottom:1rem;letter-spacing: .25rem;padding: 0px 20px 0px 20px;font-size: 1.5rem;font-family:'Noto Sans TC',sans-serif!important;background:#e6ffbb;width: fit-content;margin-left: -40px;border-radius:50px;border:1px solid #000;/* padding: 0 2.0rem 0 1rem; */position: relative;height: 44px;line-height: 40px;display: flex;justify-content: center;}
.title_style h2:after{content:'';position:absolute;width: 44px;height: 44px;top:0;right: -43px;margin:0;margin-top:0;background-repeat:no-repeat!important;background: url(https://materials.fillo.com.tw/materials/unitop1/images/b461fe7e-eb5e-44b4-bee7-5e4cd1df7dbb.svg);background-position:center;border:1px solid #000;border-radius:30px;background-color: #e6ffbb;transform: rotate(90deg);}
.title_style h2:before{content:'';position:absolute;width: 6px;height: 13px;top: 15px;right: -3px;margin:0;margin-top:0;background-repeat:no-repeat!important;background: #e6ffbb;z-index: 1;}
.title_style p{margin-bottom:1rem;letter-spacing:.1rem;font-size:1.15rem}
@media (max-width: 991px) {
.title_style {margin-top: 2rem;margin-bottom: 1rem;}
}
@media (max-width:767px){
.title_style{margin-top: 2rem;margin-bottom: 1rem;}
.title_style h2{font-size:1.25rem;letter-spacing:.25rem}
.title_style p{font-size:1rem;margin-top:.5rem;margin-bottom:1rem;letter-spacing:.02rem}
}

.main_bgfixed .bgfixed>div.baloon_icon{position:relative}
.baloon_icon{position:absolute;transform:translate(-50%,70%);bottom:50%;left: calc(50% - 65px);}
.baloon_icon p{-webkit-animation:baloon_1 3s infinite;-moz-animation:baloon_1 3s infinite;-ms-animation:baloon_1 3s infinite;-o-animation:baloon_1 3s infinite;animation:baloon_1 3s infinite;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;-ms-animation-direction:alternate;-o-animation-direction:alternate;animation-direction:alternate}
.baloon_icon p img{position:absolute}
.baloon_icon p img:nth-child(1){animation-delay:0s;z-index:2;animation:fadeMove 10s infinite}
.baloon_icon p img:nth-child(2){animation-delay:1.5s;z-index:1}
@media (max-width:767px){
.baloon_icon{left: calc(50% - 50px);bottom: 40%;}
.baloon_icon p img{width: 100px;}
}
@-webkit-keyframes baloon_1{0%{transform:translateY(20px)}
50%{transform:translateY(50px)}
100%{transform:translateY(20px)}
}
@-moz-keyframes baloon_1{0%{transform:translateY(20px)}
50%{transform:translateY(50px)}
100%{transform:translateY(20px)}
}
@-ms-keyframes baloon_1{0%{transform:translateY(20px)}
50%{transform:translateY(50px)}
100%{transform:translateY(20px)}
}
@-o-keyframes baloon_1{0%{transform:translateY(20px)}
50%{transform:translateY(50px)}
100%{transform:translateY(20px)}
}
@keyframes baloon_1{0%{transform:translateY(20px)}
50%{transform:translateY(50px)}
100%{transform:translateY(20px)}
}
@keyframes fadeMove{0%{opacity:0}
33%{opacity:1}
66%{opacity:0}
100%{opacity:1}
}
@media (max-width:991px){.main_bgfixed .bgfixed  {min-height: 60vh !important;}}
@media (max-width:767px){.main_bgfixed .bgfixed  {/*min-height: 35vh !important;*/}}

.main_page{position:absolute;top:80px;z-index:2}
.main_page div.link-list{background:hsl(210deg 87% 30% / 25%)!important;text-align:center}
.main_page div.link-list ul li{padding:15px 40px}
.main_page div.link-list ul li span,.main_page div.link-list ul li a{padding: 6px 6px 6px 20px;font-weight: 400;border: 1px solid #ffffff00;position: relative;}
.main_page div.link-list ul li:hover span,.main_page div.link-list ul li:hover a{border: 1px solid #e6ffbb;border-radius: 50px 0px 0 50px;border-right: none;position:relative;padding-right: 5px;height: 42px;padding: 6px 6px 6px 20px;font-weight: 500;}
.main_page div.link-list ul li:hover span:before,.main_page div.link-list ul li:hover a:before{content:'';position:absolute;width: 66px;height: 44px;top: -2px;right: -65px;margin:0;margin-top:0;background-repeat:no-repeat!important;background: url(https://materials.fillo.com.tw/materials/unitop1/images/4b3a4a07-6e79-4603-b6fd-d66e45b2863a.svg);background-position:center;}
@media (max-width:991px){
.main_page{top: 60px;}
.main_page div.link-list ul li{padding: 7px 20px;}
.main_page div.link-list ul li span, .main_page div.link-list ul li a{font-size: 1.15rem !important;height: 42px !important;padding: 5px 5px 5px 26px !important;}
.main_page div.link-list ul li:hover span:before,.main_page div.link-list ul li:hover a:before{width: 66px;height: 42px;top: -1px;right: -65px;background-size: cover;}
}
@media (max-width:767px){
.main_page div.link-list ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;flex-flow:row nowrap;place-content:stretch flex-start;overflow-x:auto;margin:0}
.main_page div.link-list ul li{min-width: fit-content;padding: 7px 10px;}
.main_page div.link-list ul li span, .main_page div.link-list ul li a{font-size: 1.0rem !important;height: 42px !important;padding: 5px !important;border-radius: 50px !important;border: 1px solid #e6ffbb !important;}
.main_page div.link-list ul li:hover span:before,.main_page div.link-list ul li:hover a:before{display: none;}
}


.anchor {position:absolute;top:-80px}

.main_nav{margin:5rem auto 6rem auto}
.main_nav div.link-list{text-align:center}
.main_nav div.link-list ul li{padding:0 1.5rem}
.main_nav div.link-list ul li a,.main_nav div.link-list ul li span{width:fit-content;border-radius:50px;border:1px solid #000;padding:5px 15px;letter-spacing:.1rem;margin-top: 0.5rem;margin-bottom: 0.5rem;}
.main_nav div.link-list ul li a:hover,.main_nav div.link-list ul li span:hover{background:#e6ffbb}
.main_nav.light div.link-list ul li a,.main_nav.light div.link-list ul li span{border: 1px solid #fff;}
.main_nav.light div.link-list ul li a:hover,.main_nav.light div.link-list ul li span:hover{background:#00000014}
@media (max-width:991px){
.main_nav{margin: 3rem auto 3rem auto;max-width: 80%;}
.main_nav div.link-list ul li{padding: 0 0.5rem;}
.main_nav div.link-list ul li a,.main_nav div.link-list ul li span{padding:5px 15px;margin-bottom: 1.0rem;}
}
@media (max-width:767px){
.main_nav{margin: 3rem auto 3rem auto;max-width: 95%;}
.main_nav div.link-list ul li{padding: 0 0.25rem;}
.main_nav div.link-list ul li a,.main_nav div.link-list ul li span{padding: 3px 5px;margin-bottom: 1.0rem;font-size: 1.0rem !important;}
}

.no-control .carousel-indicators,.carousel-control-next, .carousel-control-prev {display: none;}

.view_btn{margin:2rem auto 1rem auto}
.view_btn .nav-pills li.nav-item{padding:5px}
.view_btn .nav-pills li.nav-item .nav-link{border:1px solid #acd369;border-radius:2.5rem;color:#000;font-size:1.15rem;padding:.25rem 1rem}
.view_btn .nav-pills li.nav-item .nav-link.active{background-color:#e7ffbd;border:1px solid #e7ffbd}
.view_btn .nav-pills li.nav-item .nav-link:hover{background-color:#e7ffbd}

.view_slider .slide1 a{border:none}
.view_slider .rslides{margin: 0;}
.view_slider .slider{display:flex;flex-direction:column}
.view_slider .slider ul.thumb{text-align:center;margin: 10px auto 20px auto;display:flex;justify-content:center;order:-1}
.view_slider .slider ul.thumb li{width:auto!important;padding:0 5px}
.view_slider .slider ul.thumb li span{width:100%;border:1px solid #ffcc62!important;border-radius:30px;padding:0 15px;color:#000}
.view_slider .slider ul.thumb li.active span{color:#db9d1b!important}
.view_slider .slider ul.thumb li.active:after{display:none}
.view_slider .slider ul.thumb li+li:before{display:none}
@media (max-width:991px){.view_slider .slider{margin-bottom: 30px;}}
@media (max-width:767px){
.view_slider{padding-right: 30px;padding-left: 30px;}
.view_slider .slider{margin-bottom: 15px;}
.view_slider .slider ul.thumb{display: flex;flex-wrap: wrap;justify-content: center;margin-top: 0px;padding-left: 1rem;padding-right: 1rem;}
}

.main_point{/* padding:20px; */}
.main_point .theme_info{display:none}
.main_point .thicon_info:hover figure .b_img{transform:scale(1)!important}
.main_point .wall-wrapper .thicon_info h3{right: 0px;bottom: 14% !important;background: #ffffffcf;/* bottom: unset !important; */padding: 1rem 1.5rem 1rem 2rem !important;border-radius: 15px 0 0 15px;backdrop-filter: blur(5px);font-size: 1.5rem !important;text-shadow: none !important;letter-spacing: 0.25rem;}
.main_point.style_1 .wall-wrapper .thicon_info h3{bottom: 28% !important;padding: 1.5rem 2.5rem !important;}
.main_point .wall-wrapper .thicon_info{position: initial;}
.main_point .wall-wrapper .thicon_info span{right: 1px;width: 80%;left: unset;font-size: 1.10rem;top: 75%;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease;}
.main_point .wall-wrapper .thicon_info span{/* display:none; */opacity: 0;}
.main_point .wall-wrapper .thicon_info:hover span{opacity: 1;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease;}
.main_point.style_1 .wall-wrapper .thicon_info span{width: 100%;text-align: right;bottom: 23%;}
.main_point.style_1,.main_point.style_1>.module-container{height:80vh;overflow:hidden;border-radius: 0 40px 40px 0;}
.main_point.style_1 .wall-wrapper .wall-row{display:flex;flex-direction:row;flex-wrap:nowrap}
.main_point.style_1 .thpro_tit{-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;display:flex;justify-content:center;margin:0}
.main_point.style_1 .thpro_tit h1,.main_point.style_1 .thpro_tit h2{-webkit-writing-mode:vertical-lr;margin:0}
.main_point.style_1 .thpro_tit h1{font-size:2.5rem;font-weight:700;border: none;}
.main_point.style_1 .thpro_tit h1 span{position:relative}
.main_point.style_1 .thpro_tit h1 span:before{content:'';position:absolute;width:2px;height:50px;background:#6f6f6f;transform:translate(-50%,0);top:-50%;left:50%}
.main_point.style_1 .thpro_tit h1 span:after{content:'';position:absolute;width:2px;height:50px;background:#6f6f6f;transform:translate(-50%,0);bottom:-50%;left:50%}
.main_point.style_1 .thpro_tit h2{font-size:1.5rem;font-weight:700;letter-spacing:.5rem}
.main_point.style_1 .col-lg-12{-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease;}
.main_point.style_1:hover .thpro_tit{-ms-flex:0 0 0%;flex: 0 0 20%;max-width: 20%;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;padding:0;/* opacity:0; */}
.main_point.style_1:hover .col-lg-12{-ms-flex: 0 0 80%;flex: 0 0 80%;max-width: 80%;position: relative;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease;}
.main_point.style_1 figure{left:33.33%;transform:translate(-50%,0)}
.main_point.style_1:hover figure{left:50%;transform:translate(-50%,0)}
.main_point.style_1 figure .b_img{height:auto;width:fit-content;}
.main_point.style_2{height:80vh;overflow:hidden;border-radius: 40px 0 0 40px;overflow: hidden;}
.main_point.style_2 .col-lg-12,.main_point.style_2 .col-lg-12 .thicon_info{height:40vh;overflow:hidden;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;border-radius: 40px 0 0 40px;}
.main_point.style_2 .col-lg-12:nth-child(1){margin-bottom: 7px;}
.main_point.style_2 .col-lg-12:nth-child(2){margin-top: 7px;}
@media (min-width:767px){
.main_point.style_2 .wall-wrapper .thicon_info:hover h3{bottom: 35% !important;}
.main_point.style_2.hover-2 .col-lg-12:nth-child(1){height: 42vh;}
.main_point.style_2.hover-2 .col-lg-12:nth-child(2){height: 38vh;}
.main_point.style_2.hover-3 .col-lg-12:nth-child(1){height:38vh}
.main_point.style_2.hover-3 .col-lg-12:nth-child(2){height:42vh}
}
.main_point.style_2 figure .b_img{height:auto;width: fit-content;top:50%;left:50%;transform: translate(0,-5%);object-fit: scale-down;object-fit: cover;object-position: center;}
@media (max-width:767px){
.main_point.style_1{/* height:auto; */}
.main_point.style_1,.main_point.style_1>.module-container{height: 76vh;height: auto;/* padding:0; *//* border-radius:0; */margin-bottom:5px;overflow: inherit;}
.main_point.style_1 .wall-wrapper .wall-row{flex-direction:column;}
.main_point.style_1 .col-lg-12,.main_point.style_1 .thpro_tit,.main_point.style_1:hover .col-lg-12,.main_point.style_1:hover .thpro_tit{-ms-flex:0 0 100%!important;flex:0 0 100%!important;max-width:100%!important;height: 100vh;overflow: hidden;}
.main_point.style_1 .thpro_tit{margin-bottom:30px}
.main_point.style_1 figure{border-radius:40px 0 0 40px;overflow:hidden!important;left: unset!important;transform:unset!important;}
.main_point.style_1 figure .b_img{height: 40vh;width: max-content;border-radius:40px 0 0 40px;overflow:hidden;object-fit: cover;object-position: center;}
.main_point .wall-wrapper .thicon_info h3,.main_point.style_1 .wall-wrapper .thicon_info h3{bottom: 27%!important;padding: 0.75rem 1.25rem!important;font-size: 1.25rem !important;}
.main_point.style_1{padding-left: 25px;}
.main_point.style_2{padding-left:25px;height: auto;}
.main_point .wall-wrapper .thicon_info span{opacity:1;width:100%;text-align:left!important;padding:0 20px;}
.main_point.style_1 .wall-wrapper .thicon_info span{bottom: 10%;}
}
/*迷你客制樣式*/
.tp_tour{margin-top:3rem;margin-bottom:3rem;padding:0 30px}
.tp_tour .ads-wrapper .item_box{border-radius:0;box-shadow:none;height:100%;box-shadow:0 0 30px #ccc;border-radius:20px;padding:20px}
.tp_tour .ads-wrapper .item_box a{margin:0;display:flex;flex-direction:column;align-items:flex-end}
.tp_tour .ads-wrapper .item_box figure{order:3;border-radius:20px;margin-bottom:0;margin-top:.5rem}
.tp_tour .ads-wrapper .item_box .item_more_txt h3{font-size:1.5rem;margin-top:1rem;margin-bottom:.5rem;order:0;font-weight:500;padding:0 15px;line-height: 2.0rem;}
.tp_tour .ads-wrapper .item_box .item_more_txt:nth-child(2) span{font-style:initial;color:#b2b2a8;letter-spacing:.1rem;margin-top:1rem;padding:0;display:block;margin:0;padding:3px 15px;font-size:1rem}
.tp_tour .ads-wrapper .item_box h4{text-align:right;order:2;margin-right:10px;font-size:1rem;font-weight:400}
.tp_tour .ads-wrapper .item_box span.item_btn,.tp_tour .ads-wrapper .item_box span.item_btn_hover{order:1;padding:5px 15px;border-radius:20px;margin-right:10px;margin-top:0;font-size:1rem;letter-spacing:2px}
.tp_tour .ads-wrapper .item_box span.item_btn{display:block;width:fit-content;float:none;text-align:right}
.tp_tour .ads-wrapper .item_box span.item_btn_hover{width:fit-content;background:#35b8ff!important;float:none;font-weight:700}
@media(max-width:991px){.tp_tour{margin-bottom:3rem}
}
@media(max-width:767px){.tp_tour{margin-bottom:1rem;margin-top:1rem}
}
.theme_card{margin-top:5rem;}
.theme_card .module-container .main .hover-wall .icon_info{background: rgba(255, 82, 39, 0.7);box-shadow: none;overflow: unset;padding-top: 1rem;height: 100%;backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px); border-radius: 20px; 
 }
.theme_card .module-container .main .hover-wall .icon_info:hover{padding-top: 120px;}
.theme_card .module-container .main .hover-wall .icon_info figure{transition: .5s; border-radius: 100px; top: -100px; left: calc(50% - 100px); position: absolute; width: 200px; height: 200px; transform: scale(0);}
.theme_card .module-container .main .hover-wall .icon_info:hover figure { transition: .5s; transform: scale(1);}
.theme_card .module-container .main .hover-wall .icon_info figure img{height:100%;}
.theme_card .module-container .main .hover-wall figure .overlay{display: none;}
.theme_card .module-container .main .hover-wall .icon_info h3{margin: 0rem 0px 1.5rem; padding: 0px 20px;font-size:1.35rem;}
.theme_card .module-container .main .hover-wall .icon_info p{font-size:1rem; padding: 0px 20px;}
.theme_fourbox .module-container .main .wall-wrapper{background:none;}





/*聯絡我們*/
/*大圖輪播*/
.M-002.main-slider .carousel-caption {top: 50%; right: inherit;  bottom: inherit; left: 50%; transform: translate(-50%, -50%);}
.M-002.main-slider .bs-carousel .carousel-item h5,.M-002.main-slider .bs-carousel .carousel-item p {  text-shadow: 0px 0px 4px #000;font-weight: 400; letter-spacing: 0.07rem; }
.M-002.main-slider .bs-carousel .carousel-item h5{  font-size: 2.2rem;   line-height: 3.2rem; }
.M-002.main-slider .bs-carousel .carousel-item .slider-btn {  display: table; margin: 0 auto;  padding: 5px 15px; border: 1px solid rgb(255 255 255 / 0.5); -webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease; }
.M-002.main-slider .bs-carousel .carousel-item .slider-btn:hover {  background: #fff; color: #545454;}
.M-002.main-slider .carousel-control-next,.M-002.main-slider .carousel-control-prev{  opacity: 0.5;  width: 10%; top: 40%; bottom: 40%; }
.M-002.main-slider .carousel-control-next:hover,.M-002.main-slider .carousel-control-prev:hover{  opacity: 0.8;  }
.M-002.main-slider .carousel-control-next-icon,.M-002.main-slider .carousel-control-prev-icon {  width: 68px;  height: 120px;  background: no-repeat 50%/100% 100%;}
.M-002.main-slider .carousel-control-prev-icon,.M-002.main-slider .carousel-control-next-icon{ background-image: url('https://materials.fillo.com.tw/materials/design/images/31232e89-ea8a-442e-ba0b-e2f0bc891af9.svg'); }
.M-002.main-slider .carousel-control-next-icon{ transform: rotate(180deg); }
/*search 搜尋 start*/
.M-002.search .search-area{ background:#f5f5f5; min-height: 120px; display: flex; align-items: center;}
.M-002.search .search-area  .search-box {padding: 0px 10px;}
.web-page-frame .M-002.search.widget-item .search-area form.container{ width: 100%;}
.M-002.search .search-area form.container{ max-width: 1560px;  padding-left: 0; padding-right: 0; }
.M-002.search .search-area .search-box .select-goal,.M-002.search .search-area .search-box .select-place,.M-002.search .search-area .search-box .select-date,.M-002.search .search-area .search-box .select-keywords{background: #f5f5f5;  padding: 5px 10px;}
.M-002.search .select-keywords{ position:relative; }
.M-002.search .search-area .search-box .select-keywords .title,.M-002.search .search-area .search-box .select-goal .title,
.M-002.search .search-area .search-box .select-date .title,.M-002.search .search-area .search-box .select-place .title { color:#4e9466;}
.M-002.search .search-area .search-box .select-date .select { width: 100%;}
.M-002.search .search-area .search-box .select-date .select input { width: calc(46%);}
.M-002.search .search-area .search-box .select-goal .select select,.M-002.search .search-area .search-box .select-place .select select{background-image:url('https://materials.fillo.com.tw/materials/design/images/746e8d07-f6d8-460b-8b38-11c47e35c13a.svg');  }
.M-002.search .search-area .search-box .select-goal .select select,.M-002.search .search-area .search-box .select-place .select select,
.M-002.search .search-area .search-box .select-date .select input,.M-002.search .search-area .search-box .select-keywords .select input {height: 48px; padding:5px; border: none;  background-color: rgba(255,255,255,100); border:1px solid #d5dcd7; }
.M-002.search .search-area .search-box .select-goal .title h6,.M-002.search .search-area .search-box .select-place .title h6,.M-002.search .search-area .search-box .select-date .title h6{ margin:0;  padding-left: 5px;}
.M-002.search .search-area .search-box .select-date .select .divide{margin: 25px 10px 0px 10px; background: white;}
.M-002.search .search-area .search-box .search-btn{ background: #4e9466;   width: 92%; height: 45px; margin-top: 35px; float: right; display: flex; padding: 0; justify-items: center;  align-items: center;     border-radius: 0; -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.M-002.search .search-area .search-box .search-btn:hover{ background: #36734b;}
.M-002.search .search-area .search-box .search-btn h5 {position: relative;  display: table;  margin: 0 auto;  padding-right: 25px;  width: 120px; height: 30px;  font-size: 1rem;  line-height: 2rem;}
.M-002.search .search-area .search-box .search-btn h5::after{ content: ""; position: absolute; background-image: url(https://materials.fillo.com.tw/materials/design/images/c8f23e49-ddf0-4ad3-ba6b-0e060e9642c8.svg); background-repeat: no-repeat; background-size: 18px; width: 20px; height: 20px; right: 10px;  top: 6px; }
.M-002.search .search-area .search-box .search-btn i{ display: none;}
.M-002.search .search-area .search-box .select-goal .title i,.M-002.search .search-area .search-box .select-place .title i,.M-002.search .search-area .search-box .select-date .title i,.M-002.search .search-area .search-box .select-keywords .title i { color:#4e9466;}
/*搜尋月曆*/
.datepicker.dropdown-menu{  border: 1px solid #4e9466; z-index:999;}
.datepicker.datepicker-dropdown:before{  border-bottom-color:#4e9466;}
.datepicker.datepicker-dropdown.datepicker-orient-top:before{ border-top: 7px solid #4e9466;}
.datepicker td, .datepicker th {  width: 30px;height: 30px;}
.datepicker table tr td.active.active{background:#4e9466;}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background:#e4da88;}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:hover{background-color: #4e9466;}
.datepicker .datepicker-switch,.datepicker .next, .datepicker .prev { color: #4e9466;}
.datepicker table tr td span.active.active{ background:#4e9466;}
/*首頁style1*/
.M-002.main-style1{ padding-bottom:40px;}
.M-002.main-style1>.module-container>.main::before{ content: ""; position: absolute;  background: #4e9466;  width: 100%;   height: 350px;  bottom:0; }
.M-002.main-style1 .swiper-slide-style{ height: 530px;  box-shadow: 0 0 black;  border-radius: 0; -webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease;}
.M-002.main-style1 .swiper-slide-style:hover{ margin-top:35px; margin-bottom:25px;}
.M-002.main-style1 .swiper-slide .swiper-img img{  border-top-left-radius: 0; border-top-right-radius: 0;}
.M-002.main-style1 .swiper-button-prev,.M-002.main-style1 .swiper-button-next {display: none;}
.M-002.main-style1 .swiper-pagination-bullet{ width: 10px; height: 10px; background: rgb(255 255 255 / 50%);}
.M-002.main-style1 .swiper-pagination-bullet-active{ color: #fff;  background: #ffffff; width: 15px; height: 15px;}
.M-002.main-style1 .swiper-pagination{ display: flex;  height: 20px; align-items: center; justify-content: center;}
.M-002.main-style1 .swiper-slide .swiper-title{ color: #4e9466; font-size: 1.4rem; font-weight: 600; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; text-align: center; text-overflow: ellipsis;  overflow: hidden;}
.M-002.main-style1 .swiper-slide .swiper-img{ margin: 0 0 2rem;}
.M-002.main-style1 .swiper-slide .swiper-content{ color: #545454;  font-size: 0.95rem;  letter-spacing: 0em; margin-bottom: 30px; line-height: 1.8rem; }
.M-002.main-style1 .swiper-slide .swiper-content article{ display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis;  overflow: hidden; }
.M-002.main-style1 .swiper-slide .swiper-content span {  display: table;  margin: 8px auto;  padding: 2px 10px;  background: #e4da88;  color: #333333;  letter-spacing: 0.05rem; }
/*首頁style2*/
.M-002.main-style2 .swiper-slide-style{ margin-bottom: 0px; background:#58605b; box-shadow: 0 0 black;  border-radius: 0;  color: #ffffff;-webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease; }
.M-002.main-style2 .swiper-slide-style:hover{  background: #4e9466;}
.M-002.main-style2 .swiper-slide .swiper-title{ position: absolute;  top: 40%; left: 50%; width: 100%; font-size: 1.6rem; letter-spacing: 0.1rem;  transform: translate(-50%, -50%); z-index: 2; }
.M-002.main-style2 .swiper-slide-style:hover .swiper-title{ top: 10%;}
.M-002.main-style2 .swiper-slide .swiper-img{ position:relative; margin: 0 0 25px;}
.M-002.main-style2 .swiper-slide .swiper-content { margin-bottom: 25px; padding: 0 40px; color: #ced0cf;  font-size: 0.95rem; min-height: 55px; -webkit-line-clamp: 2; letter-spacing: 0.02em;  line-height: 1.6rem; text-align:center;}
.M-002.main-style2 .swiper-slide .swiper-img::before {  position: absolute;  content: "";  background:rgb(27 49 35 / 0.6);  width: 100%;  height: 100%;   left: 0;  top: 0; opacity: 1;  z-index: 1; -webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease;}
.M-002.main-style2 .swiper-slide-style:hover .swiper-img::before { opacity: 0;}
.M-002.main-style2 .swiper-slide .swiper-img img{ border-radius:0}
.M-002.main-style2 [class*='swiper-button-'] {opacity: 0.7;}
.M-002.main-style2 [class*='swiper-button-']:hover {opacity: 1;}
.M-002.main-style2 [class*='swiper-button-']:after{ background: transparent;}
/*首頁style3*/
.M-002.main-style3 .pic-content,.M-002.main-style3 .editor-content{ margin:0; padding:0;}
.M-002.main-style3 .editor-content { position: absolute;  right: 0; top: 0;  width: 45%; bottom: 0; 	display: flex;  flex-direction: column;  justify-content: center; padding: 10px 40px; background: #4e9466;  color: #ffffff; }
.M-002.main-style3 .editor-content h3{ margin-bottom: 0.7rem; font-size: 1.6rem; }
.M-002.main-style3 .editor-content article{ font-size: 0.95rem;  line-height: 1.6;  color: #e5eee8;}
.M-002.main-style3 .mix-wrapper>div.row{ position:relative;}
/*首頁style4*/
.M-002.main-style4 {margin-bottom: 50px;}
.M-002.main-style4 .thicon_info {  border: 1px solid #ffffff;}
.M-002.main-style4 .thicon_info:hover .theme_info{  background: rgb(33 64 44 / 0.8) !important;}
.M-002.main-style4 .widget-item .module-container .main { padding: 0 15px;}
.M-002.main-style4 .thicon_info h3{ padding: 10px; background: rgb(78 148 102 / 1);  position: relative;  margin: 0; font-weight: 400; font-size: 1.4em;bottom: 0px; text-shadow: 0 0 black;  text-align: center;}
/****index end****/
/****主題頁theme1 start****/
/*大圖輪播*/
.M-002.theme1-banner .carousel-caption {top: 50%; right: inherit;  bottom: inherit; left: 50%; transform: translate(-50%, -50%);}
.M-002.theme1-banner .bs-carousel .carousel-item h2,.M-002.theme1-banner .bs-carousel .carousel-item p {  text-shadow: 0px 0px 4px #000;font-weight: 700; letter-spacing: 0.07rem; }
.M-002.theme1-banner .bs-carousel .carousel-item h2{  font-size: 3.2rem;   line-height: 3.2rem; }
.M-002.theme1-banner .bs-carousel .carousel-item .slider-btn {  display: table; margin: 0 auto;  padding: 5px 15px; border: 1px solid rgb(255 255 255 / 0.5); -webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease; }
.M-002.theme1-banner .bs-carousel .carousel-item .slider-btn:hover {  background: #fff; color: #545454;}
.M-002.theme1-banner .carousel-control-next,.M-002.theme1-banner .carousel-control-prev{  opacity: 0.5;  width: 10%; top: 40%; bottom: 40%; }
.M-002.theme1-banner .carousel-control-next:hover,.M-002.theme1-banner .carousel-control-prev:hover{  opacity: 0.8;  }
.M-002.theme1-banner .carousel-control-next-icon,.M-002.theme1-banner .carousel-control-prev-icon {  width: 68px;  height: 120px;  background: no-repeat 50%/100% 100%;}
.M-002.theme1-banner .carousel-control-prev-icon,.M-002.theme1-banner .carousel-control-next-icon{ background-image: url('https://materials.fillo.com.tw/materials/design/images/31232e89-ea8a-442e-ba0b-e2f0bc891af9.svg'); }
.M-002.theme1-banner .carousel-control-next-icon{ transform: rotate(180deg); }
/*style1*/
.web-page-frame .M-002.theme1-style1 .widget-item.lg-img >.module-container { background: #4E9466;  border-radius:0;height: 100%;}
.M-002.theme1-style1 .lg-img .hover-wall .htpro_tit{  display: none;}
.M-002.theme1-style1 .lg-img .hover-wall .mb-4{ margin-bottom: 0rem!important;}
.M-002.theme1-style1 .lg-img .hover-wall .icon_info{  background: #4E9466;  border-radius: 0;  box-shadow: none;}
.M-002.theme1-style1 .lg-img .hover-wall .icon_info:hover{ box-shadow: none;}
.M-002.theme1-style1 .lg-img .hover-wall .icon_info h4{ display: table;  margin: 0 auto; padding: 0 10px;   margin-bottom: 0.6rem;  color: #e6d33c;  font-style: initial; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden; }
.M-002.theme1-style1 .lg-img .hover-wall .icon_info h3{color:#ffffff !important;   font-size: 1.6em; margin-bottom: 0.8rem;  padding-top: 1rem;   text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;}
.M-002.theme1-style1 .lg-img .hover-wall .icon_info:hover h3{color:#e4da88 !important}
.M-002.theme1-style1 .lg-img .hover-wall .icon_info p.animate-text {  max-width: 600px;  margin: 0 auto 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden;   font-size: 0.95rem;  letter-spacing: 0.03rem;}
.M-002.theme1-style1 .lg-img .hover-wall .icon_info:hover figure .overlay i{ display:none; }
.M-002.theme1-style1 .md-img .row.wall-row>div+div{  margin-top: 30px;}
.M-002.theme1-style1 .md-img .thicon_info figure{ max-height:300px}
.M-002.theme1-style1 .md-img .wall-wrapper .theme_info { width: 40%; right: 0; top:0;    background: rgba(255, 255, 255, 0.88) !important;}
.M-002.theme1-style1 .md-img .wall-wrapper .wall-row>div:last-child .theme_info { left: 0;}
.M-002.theme1-style1 .md-img .wall-wrapper .wall-row>div:last-child .thicon_info span{ left:5px}
.M-002.theme1-style1 .md-img .wall-wrapper .thicon_info h3{ top: 50px;  right: 18px; text-shadow: none; bottom: initial; background: rgb(255 255 255 / 0.8);  padding: 5px;  font-size: 1.5em; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;  overflow: hidden;}
.M-002.theme1-style1 .md-img .wall-wrapper .wall-row>div:last-child .thicon_info h3{  left:15px; right: inherit;}
.M-002.theme1-style1 .md-img .wall-wrapper .theme_info p.theme-text{ opacity: 1; color: #545454 !important; font-size: 0.95rem;  letter-spacing: 0.05px; padding-top: 6em; line-height: 26px;  text-overflow: ellipsis;   display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical; overflow: hidden;}
.M-002.theme1-style1 .md-img .wall-wrapper .thicon_info span{  right: 5px;  top: 20px; font-size: 1.1rem; text-shadow: none;}
/*style2*/
.theme1-style2-block .widget-item .header-title { margin: 10px 10px 20px; padding: 8px 10px;  background: #eee; color: #4e9466;   font-size: 1.2rem;  font-weight: 600;  text-align: center; letter-spacing: 0.5rem; }
.theme1-style2-block .widget-item .ads-wrapper .item_box figure{ border-radius: 0;}
.theme1-style2-block .widget-item .ads-wrapper .item_box{ height: 100%; }
.theme1-style2-block .widget-item .ads-wrapper .item_box:hover figure img{opacity: 1;}
.theme1-style2-block .ads-wrapper .item_box a{ position:relative; padding-bottom: 50px;  height: 100%; background: #e9f2ec; border: 2px solid #ffffff;   -moz-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.theme1-style2-block .ads-wrapper .item_box:hover a{ background: #ffffff; border: 2px solid #4e9466;}
.theme1-style2-block .ads-wrapper .item_box .item_more_txt h3 { font-size: 1.2rem; line-height: 1.8rem; margin-bottom: 0.5em; text-align: justify;}
.theme1-style2-block .ads-wrapper .item_box .item_more_txt,.theme1-style2-block .ads-wrapper .item_box h4{ padding: 0 20px;}
.theme1-style2-block .ads-wrapper .item_box span.item_btn,.theme1-style2-block .ads-wrapper .item_box span.item_btn_hover,.theme1-style2-block .ads-wrapper .item_box:hover span.item_btn_hover{ display:none;}
.theme1-style2-block .ads-wrapper .item_box h4{ position: absolute;  bottom: 10px; right: 5px; padding-right: 33px; }
.theme1-style2-block .widget-item .ads-wrapper .item_box h4::before{ content: "起"; position: absolute; right: 15px; bottom: 2px; font-size: 0.9rem; }
.theme1-style2-block .ads-wrapper .item_box .item_more_txt span.item_tag { padding: 2px 5px;}
.theme1-style2-block .ads-wrapper .item_morebox a{ padding: 6px 35px; font-size: 1.3rem;  border-radius: 0; -moz-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.theme1-style2-block .ads-wrapper .item_morebox a:hover{ background:#3f8156 !important;}
.theme1-style2-block .ads-wrapper .item_morebox a i{ margin-right: 5px; font-size: 1em; opacity: 0.8;}
/****主題頁theme1 end****/
/****主題頁theme2 start****/
/*主圖*/
.M-002.theme2-banner .carousel-caption {top: 50%; right: inherit;  bottom: inherit; left: 50%; transform: translate(-50%, -50%);}
.M-002.theme2-banner .bs-carousel .carousel-item h5,.M-002.theme2-banner .bs-carousel .carousel-item p {  text-shadow: 0px 0px 4px #000;font-weight: 400; letter-spacing: 0.05rem; }
.M-002.theme2-banner .bs-carousel .carousel-item h5{  font-size: 2.2rem;   line-height: 3.2rem; }
.M-002.theme2-banner .carousel-control-next,.M-002.theme2-banner .carousel-control-prev,.M-002.theme2-banner .carousel-indicators{ display:none;}
/*style1*/
.theme2-style1{ margin-top:80px; }
.theme2-style1 .wall-wrapper .thicon_info{ padding:5px; }
.theme2-style1 .wall-wrapper .thicon_info h3 { bottom: 0;  margin: 0;  padding: 5px 10px;  width: auto;  height: 42px;   background: rgb(78 148 102/1);  font-size: 1.3em;  letter-spacing: 0.08rem; line-height: 2rem; text-align: center;  text-shadow: 0 0 black;   overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;   white-space: normal; }
.theme2-style1 .wall-wrapper .thicon_info:hover h3 { background: rgb(78 148 102/1);}
.theme2-style1 .thicon_info .theme_info{ background: transparent !important;}
.theme2-style1 .thicon_info .theme_info p.theme-text{ top: 50%;  left: 50%;  background: rgb(255 255 255 / 0.7); color:#4e9466 !important; width: 70px;  height: 70px;  border-radius: 40px;  font-size:1.3rem; text-align:center;  transform: translate(-50%, -50%); display: block;  position: absolute;  padding: 22px 0 0;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;  white-space: normal; }
/*style2*/
.M-002.theme2-style2 .widget-item .hover-wall .mb-4{ margin-bottom: 1rem!important;}
.M-002.theme2-style2 .widget-item .hover-wall .icon_info{ padding-bottom: 45px; background:#e9f2ec;  border-radius: 0;  box-shadow: none; height: 100%; }
.M-002.theme2-style2 .widget-item .hover-wall .icon_info:hover{ box-shadow: none;}
.M-002.theme2-style2 .hover-wall .htpro_tit h1{ border-bottom: 1px solid #b6d2bf; margin: 0 auto; width: 100%;}
.M-002.theme2-style2 .widget-item .hover-wall .icon_info h4{ position: absolute; display: table; top: 0;  left: 0; padding: 10px 15px; font-weight: 600;  font-size: 1.6rem;  color: #ffffff;  z-index: 11; }
.M-002.theme2-style2 .widget-item .hover-wall .icon_info h4::before {  content: ""; position: absolute; top: 0; left: 0;  border-style: solid;  width: 0; height: 0;  border-width: 40px; border-color: #e2857e transparent transparent #e2857e;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;     z-index: -1; }
.M-002.theme2-style2 .widget-item .hover-wall .icon_info h3{ margin-top: 1.2rem; margin-bottom: 0.7rem;  font-size: 1.2em; line-height: 1.6rem; letter-spacing: 0.02rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden; }
.M-002.theme2-style2 .widget-item .hover-wall .icon_info p.animate-text { position: absolute; width: 100%;  text-align: right; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow: hidden; font-size: 1.2rem;  letter-spacing: 0rem; font-weight: 600; right: 0; bottom: 0;}
.M-002.theme2-style2 .widget-item .hover-wall .icon_info p.animate-text::after { content: "起";font-size: 0.9rem; padding-left: 3px;}
.M-002.theme2-style2 .widget-item .hover-wall .icon_info figure .overlay i,.M-002.theme2-style2 .widget-item .hover-wall .icon_info:hover figure .overlay i{ display:none; }
.M-002.theme2-style2 .btn-green div.link-list ul li {  background: #4E9466;  display: table !important; margin: 0 auto; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  }
.M-002.theme2-style2 .btn-green div.link-list ul li:hover{ background:#36734b;}
.M-002.theme2-style2 .btn-green div.link-list ul li a,.M-002.theme2-style2 .btn-green div.link-list ul li span{ padding: 6px 35px;}
/****主題頁theme2 end****/
/****主題頁theme3 start****/
/*主圖*/
.M-002.theme3-banner .carousel-caption {  width: 100%;  height: 100%;  top: 50%;  right: inherit;  bottom: inherit; left: 0;  background: rgb(0 0 0 / 0.3); transform: translate(0%, -50%); }
.M-002.theme3-banner .bs-carousel .carousel-item h5,.M-002.theme3-banner .bs-carousel .carousel-item p{ text-shadow: 0 0 black; font-weight: 400; letter-spacing: 0.05rem; }
.M-002.theme3-banner .bs-carousel .carousel-item h5 {  position: absolute;   font-size: 2.4rem;  line-height: 3.2rem;  top: 50%;  letter-spacing: 0.4rem; right: inherit;  bottom: inherit; left: 50%;  color: #ffffff;     transform: translate(-50%, -50%);  text-shadow: 2px 2px 4px rgb(0 0 0 / 0.5); }
.M-002.theme3-banner .carousel-control-next,.M-002.theme3-banner .carousel-control-prev,.M-002.theme3-banner .carousel-indicators{ display:none;}
.M-002.theme3-banner .carousel-inner a.carousel-item{ cursor:default;}
/*style1*/
.M-002 .theme3-style1 .side-menu ul{ box-shadow: 0 0 black; background: transparent;}
.M-002 .theme3-style1 .side-menu>ul>li{border-bottom: 1px dotted #4e9466;}
.M-002 .theme3-style1 .side-menu ul li label{ position:relative;  background: #4e9466;  /* 改為你要的綠色 */;  color: #ffffff;  /* 文字改白色 */; font-size: 1.1rem; text-shadow: 0 0 black; border-top: 0; border-bottom: 0;  cursor: pointer; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; }
.M-002 .theme3-style1 .side-menu ul li label:hover { background: #E6FFBB;}
.M-002 .theme3-style1 .side-menu ul li label::after { content: "+";  position: absolute;   right: 13px; font-size: 1.58rem; top: 2px;  color: #ccc;}
.M-002 .theme3-style1 .side-menu ul li input[type='checkbox']:checked ~ label{ position: relative; border-top: 0; border-bottom:0; background: #E6FFBB; color: #FFC03F;}
.M-002 .theme3-style1 .side-menu ul li input[type='checkbox']:checked ~ label::after{ content: "-";  position: absolute; top: 0;  right: 15px; font-size: 2rem; color: #FFC03F;}
.M-002 .theme3-style1 .side-menu ul li i{  display: inline-block; margin-right: 5px;  font-size: 19px;  vertical-align: baseline; color: #4e9466; }
.M-002 .theme3-style1 .side-menu ul ul li a{ padding-left: 60px; color:#333333; font-size: 1.1rem; }
.M-002 .theme3-style1 .side-menu ul ul li:hover a{ color:#333333; }
.M-002 .theme3-style1 .side-menu ul ul.options li i{ color: #f0c100; text-indent: -25px; margin: 0;}
/*style2*/
.theme3-style2{ padding: 25px;}
.theme3-style2 div.link-list ul {  display: flex !important;}
.theme3-style2 div.link-list { background: transparent;}
.theme3-style2 div.link-list ul li{  flex: 1;   text-align: center; margin: 10px;} 
.theme3-style2 div.link-list ul li a,.theme3-style2 div.link-list ul li span{ padding:30px; width:100%; height:100%; background: #e9f2ec; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; }
.theme3-style2 div.link-list ul li:hover a,.theme3-style2 div.link-list ul li:hover span{ background: #4E9466; color:#ffffff; }
.theme3-style2 section.text-link h2 { padding-left: 28px;}
.theme3-style2  section.text-link h2.text-left::before{ position: absolute; content: "";  border: 0;  top: 21px; left: 18px;  background-image: url(https://materials.fillo.com.tw/materials/design/images/746e8d07-f6d8-460b-8b38-11c47e35c13a.svg);  width: 20px; height: 20px; background-position: center; background-repeat: no-repeat;     background-size: 18px; transform: rotate(270deg);  opacity: 0.8;}
/*style3*/
.theme3-style3 { margin-bottom: 1rem; color: #545454; line-height: 1.8rem; }
.theme3-style3 .header-title{ margin-top: 10px;  margin-bottom: 10px; color: #4e9466;  font-size: 1.2rem; font-weight: 600;  }
/****主題頁theme3 end****/
/****公司簡介 start****/
.M-002.about-content1 .header-title{ position: relative; display: table;  width: auto; margin: 40px auto 30px;  color: #4e9466; font-size: 2rem; }
.M-002.about-content1{ text-align: center; font-size: 1.1rem; color:#545454; }
.M-002.about-content1 p{ margin-bottom: 0.8rem;}
.M-002.about-content2 .mix-wrapper>div.row{ position: relative;  min-height: 300px;}
.M-002.about-content2 .pic-content{ margin: 0; padding: 0; display: flex;   top: 0; right: 0;  bottom: 0;  flex-direction: column;  justify-content: center; }
.M-002.about-content2 .pic-content .img-box{ margin: 0 auto; text-align: center;}
.M-002.about-content2 .pic-content .img-fluid { width: 300px; max-height: 260px; }
.M-002.about-content2 .editor-content{ display: flex;  top: 0;  right: 0; bottom: 0; padding: 10px 80px;  width: 65%;  flex-direction: column; justify-content: center;}
.M-002.about-content2 .editor-content h3{ margin-bottom: 1rem; font-size: 2rem;  color: #4e9466; }
.M-002.about-content2 .editor-content p{ color: #545454; font-size: 1.1rem;   line-height: 2rem;}
.M-002.about-content3 { padding: 30px 0;}
.M-002.about-content3>.module-container>.main { margin: 0;}
.M-002.about-content3 .header-title{ font-size: 2rem; color: #ffffff; text-align:center;}
.M-002.about-content3 .swiper-slide-style{ box-shadow: 0 0 black; background: transparent; }
.M-002.about-content3 .swiper-slide .swiper-title{  position: absolute; width: 100%;  font-weight: 600;  color: #4e9466;  top: 0;  padding: 12px 8px; text-shadow: 2px 2px 6px rgb(255 254 254 / 100%);     background: rgb(255 255 255 / 0.7);}
.M-002.about-content3 .swiper-slide .swiper-img{ margin-bottom:0; }
.M-002.about-content3 .swiper-slide .swiper-img img{ border-radius:0;}
.M-002.about-content3 .swiper-slide .swiper-content{ margin-bottom: 0;  padding: 15px 5px 0; color: #ffffff; text-align: center; }
.M-002.about-content3 [class*='swiper-button-'] { width: 30px; opacity: 1; top: 50%; transform: translate(0, -50%);}
.M-002.about-content3 [class*='swiper-button-']:after{ background: rgba(0,0,0,0.7); padding: 5px 15px; border-radius: 50px;  font-size: 1.2rem;}
/****公司簡介 end****/
/****關於我們 start****/
.M-002.contactus-tab>.module-container,.M-002.contactus-tab>.module-container>.main { border-radius: 20px;  /* 加入圓角，數值可自行調整 */;}
.M-002.contactus-tab .header-title.dp-tbl { display: none;}
.M-002.contactus-tab .nav-pills .nav-link { padding: 1.6rem 1rem; font-size: 1.4rem; letter-spacing: 0.05rem; border-bottom: 2px solid #ffffff; ; border-radius: 0 /* 左上30 右上0 右下30 左下30 */; }
.M-002.contactus-tab .nav-pills .nav-link.active,.M-002.contactus-tab .nav-pills .show>.nav-link { color: #7B480D; background-color: #FFC03F; border-radius: 20px 0 20px 20px; font-weight: bold;}/****調整顏色****/
.M-002.contactus-tab .nav-item a.nav-link{ position:relative; color: #DA9302;}/****調整顏色****/
.M-002.contactus-tab .nav-item a.nav-link.active::before{  content: "";  position: absolute;  width: 0;  height: 0; top: 0; left: 99.7%; border-style: solid; border-width: 15px 15px 0 0; border-color: #FFC03F transparent transparent transparent; }
.M-002.contactus-block .widget-item>.module-container>.main { margin: 0 20px;}
.M-002.contactus-block section.link.text-link{ padding: 20px;  background: #1597DD;  /* 淡綠背景，跟你網站風格統一 */; border-left: 4px solid #0A4D8F; border-radius: 20px;  /* 加入圓角 */}
.M-002.contactus-block div.link-list ul li a,.contactus-block div.link-list ul li span { padding: 3px 10px 3px 0;;}
.M-002.contactus-block section.text-link h2 { padding-left: 0;}
/****關於我們 end****/
/****網站地圖 start****/
.sitemap .headline .link-list a,.sitemap .headline .link-list ul li span{ width: 100%; border:1px solid #ffffff; border-bottom: 1px solid #4e9466; background:#ffffff;  font-weight: 600; -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.sitemap .headline .link-list a:hover{ border: 1px solid #4e9466;}
.sitemap.subtitle-col,.sitemap .headline-col{ -ms-flex: 0 0 22.2222%; flex: 0 0 22.2222%;  max-width: 22.2222%;}
.headline-col+.headline-col .module-container .main,.sitemap.subtitle-col+.subtitle-col .subtitle .module-container .main { margin-left: 0px;}
.sitemap .subtitle .link-list a,.sitemap .subtitle .link-list ul li span{ width: 100%;  margin-top:15px;  margin-bottom: 5px; background: #e9f2ec; font-weight: 600; letter-spacing: 0.08rem;   line-height: 26px; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out}
.sitemap .subtitle .link-list a:hover,.sitemap .subtitle .link-list ul li span:hover{background: #4e9466;  color: #ffffff !important; }
.sitemap .item div.link-list ul li a,.sitemap .item div.link-list ul li span{ width:100%; padding: 6px 10px 6px 30px;}
.sitemap.subtitle-col+.subtitle-col .item .link-list ul li a,.sitemap.subtitle-col+.subtitle-col .item .link-list ul li span{padding: 6px 10px 6px 40px;}
/****網站地圖 end****/











/* 關於我們*/
/* 動畫初始狀態 */
.fade-up {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s ease;
}

.fade-up.active {
  opacity: 1;
  transform: translateY(0);
}

li:nth-of-type(1) {
  transition-delay: 0s;
}
li:nth-of-type(2) {
  transition-delay: 0.2s;
}
li:nth-of-type(3) {
  transition-delay: 0.4s;
}
li:nth-of-type(4) {
  transition-delay: 0.6s;
}
li:nth-of-type(5) {
  transition-delay: 0.8s;
}
li:nth-of-type(6) {
  transition-delay: 1s;
}

/* 可能預設樣式 */
.profile_title {
  font-weight: bold;
  margin-right: 8px;
}

/* 區塊右滑入動畫 */
.fade-right {
  opacity: 0;
  transform: translateX(50px);
  transition: all 1.2s ease;
}

.fade-right.active {
  opacity: 1;
  transform: translateX(0);
}

/* 每個段落淡入動畫 */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1.2s ease;
}

.fade-in.active {
  opacity: 1;
  transform: translateY(0);
}

/* 內文格式設定 */
#company-intro {
  line-height: 1.8em;
  letter-spacing: 0.1em;
  margin: 1%;
}
.company_profile {background: #ffffff;}
.company_profile ul {
    padding-bottom: 1.0em;
    list-style: none;
    margin-top: 2.0em;
}
.company_profile ul li {
    line-height: 1.8;
    border-bottom: 1px solid #544b48;
    padding-bottom: 1.0em;
    margin-bottom: 1.0em;
    display: flex;
}
.company_profile ul li span.profile_title {width: 20%;float: left;}
.company_profile ul li span {width: 80%;float: left;}
.company_text p {line-height: 2.0;margin-bottom: 1.5rem;}



/*關於我們滾動式差*/
}
.about-container {
  color: #FFFFFF;
  min-height: 52vh;
}
[data-module-code="5ae12c42-3612-4326-9e0b-0276415acf10"] [data-unicode="mdu_3RGqfadyFUSydHdYDOH8ow"] .bgfixed > div {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}