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. :) */
/*公版*/
.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{width: 100%; display: flex;flex-wrap:wrap; margin-bottom: 20px;}
.day_style_1 img {width:100%; height: 380px;}
.day_style_2 img {width:100%; height: 380px;}
.day_style_3 img {width:100%; height: 250px;}
.day_style_4 img {width:100%; height: 180px;}
.day_style_5 img {width:100%; height: 250px;}
.day_style_6 img {width:100%; height: 180px;}
.day_style_7 img {width:100%; height: 250px;}
.day_style_8 img {width:100%; height: 180px;}

#tripFeatures .day_style_1 img,
#tripFeatures .day_style_2 img,
#tripFeatures .day_style_3 img,
#tripFeatures .day_style_4 img,
#tripFeatures .day_style_5 img,
#tripFeatures .day_style_6 img,
#tripFeatures .day_style_7 img,
#tripFeatures .day_style_8 img,
#tripFeatures .day_style_9 img,
#tripFeatures .day_style_10 img,
#tripFeatures .day_style_11 img,
#tripFeatures .day_style_12 img,
#tripFeatures .day_style_13 img,
#tripFeatures .day_style_14 img,
#tripFeatures .day_style_15 img,
#tripFeatures .day_style_16 img{height:auto;}

.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%; z-index: 10; padding: 0px 15px;}
.day_style_10 .item_text p {margin: 0; background: rgba(0, 0, 0, 0.6); color: #FFF; padding:50px;}
@media (max-width:767px){
.day_style_10 .item_text{position:unset;}
.day_style_10 .item_text p{padding:15px;}
}
.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;}
.day_style_11 .tp_group p {margin: 10px 0 0;}
.day_style_11 .tp_group img {width:100%;}
.day_style_12 {width: 100%; 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%; 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%; margin-bottom: 20px;}
.day_style_14 iframe {width: 100%; height: 383px;}
.day_style_15 {width: 100%; margin-bottom: 20px;}
.day_style_15 iframe {width: 100%; height: 383px;}
.day_style_16 {width: 100%; margin-bottom: 20px;}

#tripFeatures div img, #dayTrip div img{height:auto !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;}

.Day_menu .swiper-wrapper{justify-content: center;}
.D_products_group_molddetail .Detail .InfoTag span.Guaranteed{background-color: #28a745;}

/*行程特色小標題隱藏*/
.title_s{display:none;}

/*長泛的團*/
@media (max-width:767px){
section.group_table .container--small, section.group_table .container--small .editorArticleBlock{width: 100%
!important;}
.text_gary2 .itineraryTablePic .row > div{width: 100% !important;flex: 0 0 100% !important; max-width: 100% !important;}
.text_gary2 .itineraryTablePic .row > div > table.itineraryTablePic__Table{width: 100% !important; max-width: 100%
!important;}
.text_gary2 > .container{width: 92% !important; max-width: 100% !important;}
.text_gary2 > .container > ul.itineraryTagList{width: 100% !important;}
#collapseSix table.table, #tripFeatures .container--small table{width: 100% !important;display: flex; flex-wrap: wrap;}
#collapseSix table.table > thead{width: 47% !important;}
.itineraryTab.active{padding:0 !important;margin:0 !important;}
.day_con p{word-break: break-all;}
}



* {font-family: 'PT Sans', '微軟正黑體', sans-serif;}
.footer-sample .logo-part .logo {width: auto; height: auto;}

.header[data-position="header"] {background: #fff;}
.header-part {opacity: 0.9;}
.header-part .navbar-brand {padding: 5px !important;}
.header-part .navbar-nav .nav-link {text-align: center; padding: 5px 15px !important;}

.top-row div.link-list ul {padding-right: 30px;}
.main-menu .navbar-nav .nav-link {font-size: 17px !important; padding-left: 30px;}

/* 搜尋引擎 start */
.search-block .search-box .select-goal .title i, .search-block .search-box .select-place .title i, .search-block
.search-box .select-date .title i {
color: #FFA667 !important;
}
.search-block .search-box .search-btn {
background: #FFA667 !important;;
}
/* 搜尋引擎 end */

/*header_member*/
/*.header_member .header-part a.navbar-brand{display:none;} 20220315公版上方logo被隱藏*/
.header_member .header-part .navbar-nav .nav-link{font-size: 13px;padding: 0 15px !important;}
.header_member .header-part .navbar-nav .nav-link i{font-size: 15px;}
.header_member .header-part .navbar-nav .nav-item:nth-child(2) .nav-link > i{display:none;}
.showName {display: flex;flex-wrap: wrap;padding: 0px 10px; align-items: center;}
.showName .member-name {font-size: 13px;}
.showName .member-name i {margin-right: 0px; font-size: 14px;}
.showName .icon i{font-size: 20px;color: #fff000;}
.header_member .header-part .navbar-nav .showName .SignOut{line-height: 22px; font-size: 13px; background: rgba(0, 0, 0,
0.4); padding: 1px 8px 3px;}
.header_member .header-part .navbar-nav .nav-link{position: relative;}
.header_member .header-part .navbar-nav .top-cart{padding: 5px 15px;}
.widget-item.header_member .top-cart:hover .top-cart-down{right: 0;left: unset;transform: unset;}
.widget-item.header_member .top-cart .top-cart-down::before{right: 15px;left: unset;}
.widget-item.header_member .top-cart .top-cart-down::after{right: 16px;left: unset;}
.widget-item.header_member .top-cart .icon .count{background: #994435;top: -2px;right: 0px;}
.widget-item.header_member div.module .header-part .navbar-nav .top-cart-down .shoppingcart-wrap.has_product li
a.delete-item:hover { border-radius: 4px;}
.widget-item.header_member div.module .header-part .navbar-nav .top-cart-down .shoppingcart-wrap.has_product li
a.delete-item:hover::before { margin-left: 6px; line-height: 21px;}
.main-menu{z-index:1;}
.top_bar2022{z-index:98;}
.top_bar2022 .mega-menu{z-index:10;}
.top_bar2022 .mega-menu .menu-links > li > a{font-size:1em;}
.top_bar2022 .mega-menu .menu-links li .list_onlyimg{margin: 0; max-width: calc(20% - 30px);}
@media (min-width:768px) {
    .top_bar2022 .mega-menu .menu-links li .list_box{max-width:100px;}
}
@media (max-width:1299px) {
    .top_bar2022 .mega-menu .menu-links li .list_onlyimg{max-width: calc(25% - 40px);}
}
@media (max-width:1024px) {
    .top_bar2022 .mega-menu .menu-links li .list_onlyimg{max-width: calc(33% - 50px);}
}
@media (max-width:991px){
.header_member .header-part .navbar-toggler{display:none !important;}
.header_member .navbar-collapse{display:flex !important;}
.header_member .navbar-collapse ul.navbar-nav{flex-direction: row;}
.top_bar2022 .mega-menu .menu-links li .list_onlyimg{margin: 0;width: calc(33% - 50px);max-width: calc(33% - 50px);}
}
@media (max-width:767px){
.top_bar2022 .mega-menu .menu-logo > li > a{min-height:50px;}
.top_bar2022 .mega-menu .menu-links li .list_onlyimg{width: calc(33%);max-width: calc(33%);}
}
@media (max-width:460px){
.showName{padding:0;}
.showName .icon{margin-left:5px;}
.header_member .header-part .navbar-nav .showName .SignOut{margin-left:10px;}
.header_member .header-part .navbar-nav .nav-link{font-size: 13px;padding: 0 5px !important;letter-spacing: 0;}
.top_bar2022 .mega-menu .menu-links li .list_onlyimg{width: 50%;max-width: 50%;}
}
@media (max-width:375px){
    .top_bar2022 .mega-menu .menu-links li .list_onlyimg{width: 100%;max-width: 100%;}
}

/* 滾動視差 start */
.out-recomend {
position: relative;
font-family: "PT Sans", 微軟正黑體, sans-serif;
text-align: center;
word-wrap: break-word;
writing-mode: horizontal-tb;
-ms-direction: rtl;
-ms-writing-mode: tb;
overflow: hidden;
}
.out-recomend>.icon h3 {
text-align: center;
color: #b4a582;
font-size: 1.063em;
}
.out-recomend p {
padding: 15px 0 50px 0;
}
.index .out-recomend>.icon img {
margin-bottom: 15px;
}

.mainpic a {
display: block;
width: 100%;
height: 100vh;
text-align: center;
word-wrap: break-word;
writing-mode: horizontal-tb;
}
.mainpic a .info {
opacity: 1;
width: 25vw;
position: absolute;
top: 0;
right: 0;
height: 100%;
text-align: right;
border-left: #fff 1px solid;
background-color: rgba(120, 125, 123, .4);
word-wrap: break-word;
writing-mode: horizontal-tb;
-ms-direction: rtl;
-ms-writing-mode: tb;
}
.mainpic a .info>.num {
color: #b0c2c4;
margin: 13% 32% 0 0;
width: auto;
float: right;
}
.mainpic a .info>.tit {
margin: 30px 32% 0 0;
float: right;
width: 60px;
position: relative;
}
.mainpic a .info>.tit h4 {
line-height: 102%;
letter-spacing: .2em;
width: 20px;
display: inline-block;
height: 160px;
word-wrap: break-word;
writing-mode: horizontal-tb;
font-size: 1.5em;
color: #fff;
float: right;
}
.mainpic a .info>.tit>p {
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
padding: 0;
margin: 0;
color: #dac9a6;
font-weight: 300;
font-style: italic;
font-size: 1.125em;
position: absolute;
left: -55px;
top: 60px;
text-align: left;
width: 150px;
}
.mainpic a .info>.note {
margin: 30px 44% 0 0;
float: right;
}
.mainpic a .info>.note>p {
line-height: 102%;
letter-spacing: .2em;
width: 20px;
display: inline-block;
height: 120px;
word-wrap: break-word;
writing-mode: horizontal-tb;
color: #fff;
float: right;
font-weight: 300;
font-size: 1em;
padding: 0;
margin-left: 8px;
}
.mainpic a .info>.more {
position: absolute;
right: 32%;
bottom: 60px;
color: #fff;
}

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

}
@media screen and (max-width:1400px) {
.mainpic a .info {width: 32vw;}
.mainpic a .info>.more {bottom: 40px;}
}

@media screen and (max-width:1250px) {
.mainpic a .info {width: 430px;}
}

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

}

@media screen and (max-width:1024px) {
.mainpic a .info {
right: 0;
opacity: 1;
}
}

@media screen and (max-width:768px) {
.mainpic a .info {width: 350px;}
}

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

}

@media screen and (max-width:490px) {
.mainpic a .info {
width: 100%;
border-left: none;
}
.mainpic a .info>.tit>p {
font-size: .85em;
}
}
/* 滾動視差 end */

/*粉絲團貼文寬度*/
iframe[allow=encrypted-media]{max-width:100%;}

/*導覽頁*/
.Dadaocheng_slider::before {
content: '';
display: block;
background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/c4cdff26-ef56-489f-8f59-96779215dfc2.png);
width: 25%;
position: absolute;
z-index: 9;
background-repeat: no-repeat;
left: 5%;
top: 5%;
bottom: 5%;
background-position: center;
background-size: 100%;}
.National-Palace-Museum_slider::before {
content: '';
display: block;
background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/5b0130b9-80d0-4489-866e-ede7c5a2fee6.png);
width: 25%;
position: absolute;
z-index: 9;
background-repeat: no-repeat;
left: 5%;
top: 5%;
bottom: 5%;
background-position: center;
background-size: 100%;}
.click_Btn{font-weight: bold;}
@media (min-width:992px){
.click_Btn{position: absolute; z-index: 9; bottom: 20%; left: 28%;border-radius: 10px; overflow: hidden; width: 130px;
max-width:130px; border-bottom: 4px solid #e25400 !important;}
}
.Lukang-Old-Street_slider::before {
content: '';
display: block;
background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/cd11796e-df93-4e42-bd02-ac510b17a1b5.png);
width: 25%;
position: absolute;
z-index: 9;
background-repeat: no-repeat;
left: 5%;
top: 5%;
bottom: 5%;
background-position: center;
background-size: 100%;}


.National-Palace-Museum_slider::before {
content: '';
display: block;
background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/5b0130b9-80d0-4489-866e-ede7c5a2fee6.png);
width: 25%;
position: absolute;
z-index: 9;
background-repeat: no-repeat;
left: 5%;
top: 5%;
bottom: 5%;
background-position: center;
background-size: 100%;}

.Tamsui-Old-Street_slider::before {
content: '';
display: block;
background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/6cf1b91f-387f-4b6e-9e5d-f3417feac59c.png);
width: 25%;
position: absolute;
z-index: 9;
background-repeat: no-repeat;
left: 5%;
top: 5%;
bottom: 5%;
background-position: center;
background-size: 100%;}

.click_Btn:hover{border-bottom: 0px solid #e25400 !important;}
.click_Btn i{font-size: 23px; float: right; margin: 0 0 0 5px; line-height: 30px;}
.click_Btn.active i{transform:rotate(180deg);}

.DadaochengI_info, .National-Palace-Museum_info, .Lukang-Old-Street_info, .Tamsui-Old-Street_info, .Ximending_info,
.Beitou_info{height:0;transition:1s;}
.DadaochengI_info.show, .National-Palace-Museum_info.show, .Lukang-Old-Street_info.show, .Tamsui-Old-Street_info.show,
.Ximending_info.show, .Beitou_info.show{height:auto;transition:1s;}

/*立榮假期_uniair*/
.web-page-frame #efhData .uni-title img{margin:0 auto;}
.web-page-frame #efhData .uni-tag{
margin-top: 0;
margin-left: 0;}

/*旅遊資訊*/
.info_tabs .module-container .main.row ul.nav-pills li{margin-top: 1.5em;}
.info_tabs .module-container .main.row ul.nav-pills li a{padding: 15px 30px;font-size: 18px;border-radius:
10px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;color:#000;}
.info_tabs .module-container .main.row ul.nav-pills li a.nav-link.active, .info_tabs .module-container main.row
ul.nav-pills .show>.nav-link{color: #50a2ab;background-color: #ffffff;font-weight: bold;}
.pg_japan .module-container .main.row{justify-content:center;}
@media (max-width:991px){
.info_tabs .module-container .main.row .blk-tabs{overflow: scroll; display: block; padding: 0px 15px; height: 57px;
margin-top: 1.5rem;}
.info_tabs .module-container .main.row .blk-tabs ul{width: max-content; display: flex; z-index: 99; float: none;
min-width: 100%;}
.info_tabs .module-container .main.row ul.nav-pills li{margin-top: 0;}
}

/*模組調整*/
.promo_wrapper .caroufredsel_wrapper .promo .promo_inner div.txt1,
.promo_wrapper .caroufredsel_wrapper .promo .promo_inner div.txt2,
.promo_wrapper .caroufredsel_wrapper .promo .promo_inner div.txt1 span{height:auto;}
.promo_wrapper .caroufredsel_wrapper .promo .promo_inner div.txt1 p{margin-bottom:0;}

/*** mini tour ***/
/*index*/
.mini_width{
    max-width: 1430px;
    flex: 0 0 1430px;
}
.mini_titwrap .main.row::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 43px;
    background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/044b7d04-9396-4c64-a031-b59fbfd2a740.svg);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: auto 100%;
    z-index: 1;
}
.mini_titbox .bgfixed.full-height{
    height: calc(100vh - 130px) !important;
    min-height: calc(100vh - 130px) !important;
    position: relative;
}
.mini_titbox .bgfixed.full-height > div{
    position: relative;
    z-index: 1;
}
.mini_titbox .bgfixed::before{
    content: '';
    display: block;
    width: 285px;
    height: 285px;
    border-radius: 200px;
    background: #e50012;
    mix-blend-mode: multiply;
    position: absolute;
    top: 15vh;
    left: -70px;
}
.mini_titbox .bgfixed::after{
    content: '';
    display: block;
    width: 650px;
    height: 650px;
    background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/9285b431-d723-462e-ac6e-edc1ba11fde5.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .3;
    position: absolute;
    bottom: -200px;
    right: -325px;
}
.mini_titbox .bgfixed section{
    max-width: 1410px;
    margin: 0 auto 8rem;
    padding: 0 0 0 3rem;
}
.mini_titbox .bgfixed section h2{
    font-size: 85px;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 2rem;
    font-family: "Noto Serif TC", serif !important;
    font-weight: 600;
}
.mini_titbox .bgfixed section h3{
    font-size: 34px;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 2rem;
    letter-spacing: 0.5px;
    font-family: "Noto Serif TC", serif !important;
    font-weight: 500;
}
.mini_titbox .bgfixed section h4{
    display: table;
    padding: 10px;
    min-width: 650px;
    text-align: center;
    font-size: 25px;
    color: #333;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    letter-spacing: 2px;
    margin-bottom: 0;
    font-family: "Noto Serif TC", arial, serif !important;
    font-weight: 600;
}
.mini_titbtn{
    position: absolute;
    max-width: 1410px;
    bottom: 21vh;
    left: 50%;
    transform: translate(-50%, 0px);
    z-index: 2;
}
.mini_titbtn div.link-list{
    background: none;
    padding-left: 3rem;
}
.mini_titbtn div.link-list ul li a, 
.mini_titbtn div.link-list ul li span{
    font-family: "Noto Serif TC", arial, serif !important;
    letter-spacing: 1.5px;
    background: #0d2a4b;
    padding: 5px 25px;
    border-radius: 50px;
    margin-right: 2rem;
    box-shadow: 0 0 10px rgba(135, 135, 135, 0.5);
}
.mini_tabbtn {
    margin-top: 4rem;
    margin-bottom: 3.5rem;
}
.mini_tabbtn .main.row{
    align-items: center;
}
.mini_tabbtn .header-title{
    width: 250px;
    font-family: serif !important;
    font-size: 48px;
    font-weight: 600;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 1;
}
.mini_tabbtn .header-title::before{
    content: '';
    display: block;
    width: 58px;
    height: 58px;
    background-color: #f27f88;
    position: absolute;
    top: -15px;
    left: -15px;
    z-index: -1;
    border-radius: 50px;
}
.mini_tabbtn .blk-tabs{
    width: calc(100% - 250px);
    border-top: 1px solid rgba(59, 95, 213, 0.5);
    border-bottom: 1px solid rgba(59, 95, 213, 0.5);
}
.mini_tabbtn .blk-tabs ul.nav-pills{
    width: 100%;
    display: flex;
    align-items: center;
}
.mini_tabbtn .blk-tabs .nav-pills .nav-link{
    border-radius: 0;
    font-size: 24px;
    font-weight: bold;
    color: #0d2a4b;
    letter-spacing: 1px;
    padding: 13px 39px;
}
.mini_tabbtn .blk-tabs .nav-pills .nav-link:hover{
    color: rgba(59, 95, 213, 1);
    background: #e6f3fa;
}
.mini_tabbtn .nav-pills .nav-link.active, 
.mini_tabbtn .nav-pills .show>.nav-link{
    color: #fff;
    background: rgba(59, 95, 213, 1);
}
.mini_tabbox {
    margin-bottom: 5rem;
}
.mini_product{
    max-height: 1850px;
    overflow: auto;
}
.mini_product::-webkit-scrollbar {
    width: 8px;
    height: 11px;
}

.mini_product::-webkit-scrollbar-button {
    width: 8px;
    height: 8px;
}

.mini_product::-webkit-scrollbar-track {
    background: transparent;
}

.mini_product::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.mini_product::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
}
.mini_product .hover-wall .htpro_tit{
    display: none;
}
.mini_product .hover-wall .row > div:nth-child(n+2){
    margin-bottom: 30px !important;
}
.mini_product .hover-wall .icon_info{
    height: 100%;
    box-shadow: none;
    border: 1px solid #eee;
    border-radius: 16px;
}
.mini_product .hover-wall .icon_info:hover{
    box-shadow: none;
    bottom: 0;
    border-color: #3b5fd5;
}
.mini_product .hover-wall .icon_info a{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.mini_product .hover-wall .icon_info figure{
    display: block;
    aspect-ratio: 4 / 3;
}
.mini_product .hover-wall figure .overlay{
    display: none;
}
.mini_product .hover-wall figure .b_img{
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.mini_product .hover-wall .icon_info h3{
    font-weight: normal;
    font-size: 22px;
    line-height: 1.4;
    padding: 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    max-height: 65px;
}
.mini_product .hover-wall .icon_info h4{
    order: 1;
    margin: 0 auto 20px;
    font-size: 18px;
    font-style: unset;
    background: #e6f3fa;
    padding: 10px 35px 10px 15px;
    border-radius: 6px;
    position: relative;
    line-height: 1;
}
.mini_product .hover-wall .icon_info h4::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #3B5FD5;
    border-right: 2px solid #3b5fd5;
    transform: rotate(45deg);
    position: absolute;
    right: 18px;
    top: 14px;
}
.mini_product .hover-wall .icon_info:hover h4{
    color: #fff !important;
    background-color: #3B5FD5;
}
.mini_product .hover-wall .icon_info:hover h4::after{
    border-color: #fff;
}
.mini_product .hover-wall .icon_info p.animate-text{
    font-size: 16px;
    padding: 20px 20px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.4;
    letter-spacing: 0.5px;
    position: relative;
    max-height: 90px;
}
.mini_product .hover-wall .icon_info p.animate-text::before {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 0;
    height: 1px;
    border-bottom: 1px dashed rgba(59, 95, 213, 0.3);
    z-index: 1;
}
.mini_servicebox .bs-carousel ol.carousel-indicators{
    display: none;
}
.mini_servicebox .carousel-fade .carousel-item{
    cursor: default;
    text-decoration: none;
    min-height: 780px;
}
.mini_servicebox .carousel-fade .carousel-item:nth-child(1)::after {
    content: '';
    display: block;
    width: 30%;
    height: 55%;
    background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/6eef5b68-92f9-41c7-870a-ec4aa8c3ee4b.png);
    position: absolute;
    right: 0;
    bottom: 5rem;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.mini_servicebox .carousel-fade .carousel-item:nth-child(2)::before {
    content: '';
    display: block !important;
    width: 22%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/b1e96f52-cf69-445b-a734-3d6ac60062fe.png);
    background-size: auto 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
}
.mini_servicebox .carousel-fade .carousel-item:nth-child(2)::after {
    content: '';
    display: block;
    width: 29%;
    height: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/e1a3e681-7e2e-46ec-86f2-ad1119013886.png);
    background-size: auto 100%;
    background-position: left bottom;
    background-repeat: no-repeat;
}
.mini_servicebox .carousel-fade .carousel-item:nth-child(3)::before{
    content: '';
    display: block !important;
    width: 16%;
    height: 54%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/d6d2dc3a-5e9d-41c9-a824-d83b110c27bf.png);
    background-size: auto 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
}
.mini_servicebox .carousel-fade .carousel-item:nth-child(3)::after{
    content: '';
    display: block;
    width: 21%;
    height: 51%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/b31586de-097d-40e1-af73-03ce84b43405.png);
    background-size: auto 100%;
    background-position: left bottom;
    background-repeat: no-repeat;
}
.mini_servicebox .carousel-fade .carousel-item picture{
    display: none;
}
.mini_servicebox .carousel-inner .carousel-caption{
    text-align: left;
    color: #0d2a4b;
    padding-top: 10px;
    width: 1410px;
    position: relative;
    margin: auto;
    padding-bottom: 10rem;
    z-index: 1;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
}
.mini_servicebox .carousel-fade .carousel-item:nth-child(2) .carousel-caption{
    width: 1100px;
}
.mini_servicebox .carousel-fade .carousel-item:nth-child(3) .carousel-caption{
    width: 1200px;
}
.mini_servicebox .carousel-inner .carousel-caption h5{
    display: table;
    margin: 3rem auto 4rem;
    position: relative;
    font-size: 44px;
    font-family: "Noto Serif TC", serif !important;
    font-weight: 650;
    letter-spacing: 3px;
    z-index: 1;
    color: #000;
    text-shadow: none;
}
.mini_servicebox .carousel-inner .carousel-caption h5::before{
    content: '';
    display: block;
    width: 58px;
    height: 58px;
    background-color: #f27f88;
    position: absolute;
    top: -15px;
    left: -30px;
    z-index: -1;
    border-radius: 50px;
}
.mini_servicebox .carousel-inner .carousel-caption h3{
    font-size: 24px;
    padding-left: 1rem;
    border-left: 5px solid #ff6600;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
    line-height: 1.5;
}
.mini_servicebox .bs-carousel .carousel-item p{
    font-size: 20px;
    text-shadow: none;
    font-weight: normal;
    margin-bottom: 24px;
    line-height: 1.6;
    letter-spacing: 0.5px;
}
.mini_servicebox .bs-carousel .carousel-item ol, 
.mini_servicebox .bs-carousel .carousel-item ul{
    margin: 0;
    padding-left: 20px;
}
.mini_servicebox .bs-carousel .carousel-item li{
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    letter-spacing: 0.5px;
}
.mini_servicebox .carousel-control-next, 
.mini_servicebox .carousel-control-prev{
    top: unset;
    bottom: 7rem;
    width: 30px;
    height: 30px;
    border-top: 4px solid #afb8c3;
    opacity: 1;
}
.mini_servicebox .carousel-control-prev{
    left: calc(50% - 6rem);
    border-left: 4px solid #afb8c3;
    transform: rotate(-45deg);
}
.mini_servicebox .carousel-control-prev::before {
    content: '';
    display: block;
    width: 45px;
    height: 4px;
    background: #afb8c3;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 1px);
}
.mini_servicebox .carousel-control-next {
    right: calc(50% - 6rem);
    border-right: 4px solid #afb8c3;
    transform: rotate(45deg);
}
.mini_servicebox .carousel-control-next::before {
    content: '';
    display: block;
    width: 45px;
    height: 4px;
    background: #afb8c3;
    transform: rotate(-45deg);
    position: absolute;
    top: calc(50% - 2px);
}
.mini_servicebox .carousel-control-next:hover, 
.mini_servicebox .carousel-control-prev:hover{
    border-color: #3B5FD5;
}
.mini_servicebox .carousel-control-next:hover::before, 
.mini_servicebox .carousel-control-prev:hover::before{
    background-color: #3B5FD5;
}
.mini_title .header-title{
    display: table;
    margin: 5rem auto 0;
    position: relative;
    font-size: 44px;
    font-family: "Noto Serif TC", serif !important;
    font-weight: 650;
    letter-spacing: 3px;
    text-align: center;
    z-index: 1;
}
.mini_title .header-title::before {
    content: '';
    display: block;
    width: 58px;
    height: 58px;
    background-color: #f27f88;
    position: absolute;
    top: -15px;
    left: -30px;
    z-index: -1;
    border-radius: 50px;
}
.mini_carswrap .main.row::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -43px;
    height: 43px;
    background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/044b7d04-9396-4c64-a031-b59fbfd2a740.svg);
    background-repeat: repeat-x;
    background-position: bottom left;
    background-size: auto 100%;
    z-index: 1;
}
.mini_carswrap .main.row::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 240px;
    background: #e2e7f9;
}
.mini_carstit h4{
    font-family: "Noto Serif TC", serif !important;
    color: #666;
    font-size: 26px;
    letter-spacing: 2.5px;
    margin-top: 1.5rem;
    margin-bottom: 3rem;
}
.mini_carsbox {
    margin-bottom: 1rem;
}
.mini_carsbox .swiper-slide-style{
    box-shadow: none;
    border-radius: 0;
    background: none;
}
.mini_carsbox .swiper-slide .swiper-title{
    font-size: 26px;
    color: #072a4a;
    font-weight: bold;
    font-family: arial !important;
    position: relative;
    z-index: 1;
    display: table;
    margin: 0 auto 1rem;
    padding: 0;
}
.mini_carsbox .swiper-slide .swiper-title::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    top: 50%;
    background: #fff;
    z-index: -1;
}
.mini_carsbox .swiper-slide .swiper-content{
    padding: 0 15px;
    text-align: center;
    color: #000;
    font-size: 21px;
}
.mini_carsbox .swiper-button-prev.swiper-button-white, 
.mini_carsbox .swiper-button-next.swiper-button-white, 
.mini_carsbox .swiper-container-horizontal > .swiper-pagination-bullets{
    display: none;
}
.mini_carsinfo .main.row{
    position: relative;
    overflow: hidden;
}
.mini_carsinfo .main.row::before{
    content: '';
    display: block;
    width: 650px;
    height: 650px;
    background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/4c2fff1b-3848-4743-b2c8-32ad58165318.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -300px;
    right: -300px;
}
.mini_carsinfo .main.row::after{
    content: '';
    display: block;
    width: 650px;
    height: 650px;
    background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/4c2fff1b-3848-4743-b2c8-32ad58165318.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: -340px;
    left: -150px;
}
.mini_cardifference{
    z-index: 1;
}
.mini_cardifference .hover-wall .row{
    margin-top: 4rem;
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #072a4a;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 6rem;
    background: #f8f8f9;
}
.mini_cardifference .hover-wall .row > div{
    padding: 30px 0;
    margin-bottom: 0 !important;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
}
.mini_cardifference .hover-wall .row > div:nth-child(3n) {
    max-width: 41.66666%;
    flex: 0 0 41.66666%;
}
.mini_cardifference .hover-wall .row > div:nth-child(3n+1) {
    max-width: 41.66666%;
    flex: 0 0 41.66666%;
}
.mini_cardifference .hover-wall .row > div:nth-child(3n+2) {
    max-width: 16.66666%;
    flex: 0 0 16.66666%;
}
.mini_cardifference .hover-wall .row > div:nth-child(6n+5), 
.mini_cardifference .hover-wall .row > div:nth-child(6n+6), 
.mini_cardifference .hover-wall .row > div:nth-child(6n+7) {
    background: #fff;
}
.mini_cardifference .hover-wall .row > div.htpro_tit{
    display: none;
}
.mini_cardifference .hover-wall .row > div:nth-child(2), 
.mini_cardifference .hover-wall .row > div:nth-child(3), 
.mini_cardifference .hover-wall .row > div:nth-child(4){
    background: #072a4a;
    padding: 18px 0;
}
.mini_cardifference .hover-wall .icon_info, 
.mini_cardifference .hover-wall .icon_info:hover{
    border-radius: 0;
    box-shadow: none;
    bottom: 0;
    background: none;
}
.mini_cardifference .hover-wall .icon_info figure{
    display: none;
}
.mini_cardifference .hover-wall .row > div:nth-child(6) .icon_info figure, 
.mini_cardifference .hover-wall .row > div:nth-child(7) .icon_info figure{
    display: block;
    margin-top: 5px;
}
.mini_cardifference .hover-wall .row > div:nth-child(6) .icon_info figure img, 
.mini_cardifference .hover-wall .row > div:nth-child(7) .icon_info figure img{
    width: auto;
    height: 120px;
    margin: auto;
    display: table;
}
.mini_cardifference .hover-wall .icon_info h3{
    margin: 0;
    line-height: 1.4;
    font-size: 24px;
    padding: 0 15px;
}
.mini_cardifference .hover-wall .row > div:nth-child(2) .icon_info h3, 
.mini_cardifference .hover-wall .row > div:nth-child(3) .icon_info h3, 
.mini_cardifference .hover-wall .row > div:nth-child(4) .icon_info h3{
    color: #fff !important;
}
@media (max-height:800px) {
    .mini_titbtn{
        bottom: 16vh;
    }
}
@media (max-height:600px) {
    .mini_titbtn{
        bottom: 10vh;
    }
}
@media (max-width:1680px) {
    .mini_servicebox .carousel-fade .carousel-item:nth-child(3) .carousel-caption{
        width: 1050px;
    }
}
@media (max-width:1440px) {
    .mini_width {
        max-width: 1200px;
        flex: 0 0 1200px;
    }
    .mini_titbox .bgfixed section{
        max-width: 1200px;
    }
    .mini_titbtn{
        max-width: 1200px;
        flex: 0 0 1200px;
    }
    .mini_tabbtn .blk-tabs .nav-pills .nav-link{
        font-size: 23px;
        letter-spacing: 0px;
        padding: 13px 28px;
    }
    .mini_product{
        max-height: 1680px;
    }
    .mini_servicebox .carousel-inner .carousel-caption{
        width: 1190px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(1)::after{
        width: 25%;
        height: 36%;
        bottom: 11rem;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2) .carousel-caption {
        width: 900px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::before{
        width: 23%;
        height: 40%;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::after{
        height: 39%;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(3) .carousel-caption {
        width: 850px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(3)::before{
        width: 18%;
        height: 41%;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(3)::after{
        width: 22%;
        height: 38%;
    }
}
@media (max-width:1280px) {
    .mini_width {
        max-width: 990px;
        flex: 0 0 990px;
    }
    .mini_titbox .bgfixed::before{
        width: 250px;
        height: 250px;
        top: 10vh;
    }
    .mini_titbox .bgfixed::after{
        width: 500px;
        height: 500px;
        bottom: -125px;
        right: -250px;
    }
    .mini_titbox .bgfixed section {
        max-width: 990px;
    }
    .mini_titbox .bgfixed section h2{
        font-size: 70px;
        margin-bottom: 30px;
    }
    .mini_titbox .bgfixed section h3{
        font-size: 30px;
    }
    .mini_titbox .bgfixed section h4{
        min-width: 580px;
        font-size: 22px;
    }
    .mini_titbtn{
        max-width: 990px;
        flex: 0 0 990px;
    }
    .mini_titbtn div.link-list ul li a, 
    .mini_titbtn div.link-list ul li span{
        letter-spacing: 1px;
        padding: 5px 20px;
        margin-right: 1.5rem;
        font-size: 19px !important;
    }
    .mini_tabbtn .header-title{
        width: 210px;
        font-size: 40px;
    }
    .mini_tabbtn .blk-tabs{
        width: calc(100% - 210px);
    }
    .mini_tabbtn .blk-tabs .nav-pills .nav-link {
        font-size: 22px;
        padding: 13px 20px;
    }
    .mini_product {
        max-height: 1470px;
    }
    .mini_product .hover-wall .icon_info h3{
        font-size: 20px;
        margin-bottom: 15px;
        max-height: 55px;
    }
    .mini_product .hover-wall .icon_info h4{
        font-size: 16px;
    }
    .mini_product .hover-wall .icon_info h4::after{
        width: 9px;
        height: 9px;
        top: 13px;
    }
    .mini_product .hover-wall .icon_info p.animate-text{
        font-size: 15px;
        max-height: 85px;
    }
    .mini_servicebox .carousel-fade .carousel-item{
        min-height: 720px;
    }
    .mini_servicebox .carousel-inner .carousel-caption {
        width: 990px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(1)::after {
        width: 22%;
        height: 37%;
        bottom: 8rem;
    }
    .mini_servicebox .carousel-inner .carousel-caption h5{
        font-size: 40px;
        letter-spacing: 2px;
    }
    .mini_servicebox .carousel-inner .carousel-caption h3{
        font-size: 22px;
    }
    .mini_servicebox .bs-carousel .carousel-item p{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .mini_servicebox .bs-carousel .carousel-item li {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2) .carousel-caption {
        width: 850px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::before {
        width: 22%;
        height: 37%;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::after {
        height: 37%;
        width: 28%;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(3) .carousel-caption {
        width: 780px;
    }
    .mini_title .header-title{
        font-size: 40px;
        letter-spacing: 2px;
    }
    .mini_carstit h4{
        font-size: 22px;
        letter-spacing: 2px;
    }
    .mini_carsbox .swiper-slide .swiper-title{
        font-size: 24px;
    }
    .mini_carsbox .swiper-slide .swiper-content{
        padding: 0 10px;
        font-size: 19px;
    }
    .mini_cardifference .hover-wall .icon_info h3{
        font-size: 22px;
        letter-spacing: 0.5px;
    }
    .mini_cardifference .hover-wall .row > div:nth-child(6) .icon_info figure img, 
    .mini_cardifference .hover-wall .row > div:nth-child(7) .icon_info figure img{
        height: 105px;
    }
}
@media (max-width:1024px) {
    .mini_servicebox .carousel-fade .carousel-item:nth-child(1)::after {
        width: 25%;
        height: 26%;
        bottom: 0rem;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::before {
        width: 24%;
        height: 31%;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::after {
        height: 30%;
        width: 29%;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(3)::before {
        width: 16%;
        height: 28%;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(3)::after {
        width: 20%;
        height: 27%;
    }
}
@media (max-width:991px) {
    .mini_width {
        max-width: 750px;
        flex: 0 0 750px;
    }
    .mini_titbox .bgfixed::before {
        width: 200px;
        height: 200px;
        top: 6vh;
    }
    .mini_titbox .bgfixed::after {
        width: 400px;
        height: 400px;
        bottom: -100px;
        right: -200px;
    }
    .mini_titbox .bgfixed section {
        max-width: 750px;
    }
    .mini_titbox .bgfixed section h2 {
        font-size: 58px;
        margin-bottom: 20px;
    }
    .mini_titbox .bgfixed section h3 {
        font-size: 26px;
        margin-bottom: 24px;
    }
    .mini_titbox .bgfixed section h4 {
        min-width: 500px;
        font-size: 20px;
    }
    .mini_titbtn {
        max-width: 750px;
        flex: 0 0 750px;
    }
    .mini_titbtn div.link-list ul li a, 
    .mini_titbtn div.link-list ul li span {
        padding: 4px 16px;
        margin-right: 20px;
        font-size: 18px !important;
    }
    .mini_tabbtn {
        margin-top: 3rem;
        margin-bottom: 2.5rem;
    }
    .mini_tabbtn .main.row{
        justify-content: center;
    }
    .mini_tabbtn .header-title {
        width: 170px;
        font-size: 35px;
        margin-bottom: 1.5rem;
        padding-right: 0;
    }
    .mini_tabbtn .header-title::before{
        width: 50px;
        height: 50px;
    }
    .mini_tabbtn .blk-tabs{
        width: 100%;
    }
    .mini_tabbtn .blk-tabs .nav-pills .nav-link {
        font-size: 20px;
        padding: 10px 20px;
    }
    .mini_product {
        max-height: 1630px;
    }
    .mini_servicebox .carousel-fade .carousel-item {
        min-height: 640px;
    }
    .mini_servicebox .carousel-inner .carousel-caption, 
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2) .carousel-caption, 
    .mini_servicebox .carousel-fade .carousel-item:nth-child(3) .carousel-caption{
        width: 90%;
    }
    .mini_servicebox .carousel-inner .carousel-caption{
        padding-bottom: 11rem;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::before, 
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::after{
        height: 33%;
    }
    .mini_servicebox .carousel-inner .carousel-caption h5 {
        font-size: 35px;
        margin: 2.5rem auto 2.5rem;
    }
    .mini_servicebox .carousel-inner .carousel-caption h5::before{
        width: 50px;
        height: 50px;
    }
    .mini_servicebox .carousel-inner .carousel-caption h3 {
        font-size: 20px;
        letter-spacing: 0;
        margin-bottom: 24px;
    }
    .mini_servicebox .bs-carousel .carousel-item p {
        font-size: 17px;
        margin-bottom: 18px;
    }
    .mini_servicebox .bs-carousel .carousel-item li {
        font-size: 17px;
        margin-bottom: 18px;
    }
    .mini_servicebox .carousel-control-next, 
    .mini_servicebox .carousel-control-prev{
        bottom: 5rem;
    }
    .mini_title .header-title{
        font-size: 35px;
        margin-top: 4rem;
    }
    .mini_title .header-title::before{
        width: 50px;
        height: 50px;
    }
    .mini_carswrap .main.row::after{
        height: 185px;
    }
    .mini_carstit{
        margin-top: -1rem;
    }
    .mini_carstit h4 {
        font-size: 20px;
        margin-top: 1rem;
        margin-bottom: 2rem;
    }
    .mini_carsbox{
        margin-bottom: 0;
    }
    .mini_carsbox .swiper-slide .swiper-title {
        font-size: 20px;
    }
    .mini_carsbox .swiper-slide .swiper-content {
        padding: 0;
        font-size: 16px;
    }
    .mini_cardifference .hover-wall .row{
        margin-top: 2.5rem;
    }
    .mini_cardifference .hover-wall .row > div:nth-child(6) .icon_info figure img, 
    .mini_cardifference .hover-wall .row > div:nth-child(7) .icon_info figure img {
        height: 90px;
    }
    .mini_cardifference .hover-wall .icon_info h3 {
        font-size: 20px;
        letter-spacing: 0;
    }
}
@media (max-width:767px) {
    .mini_width {
        max-width: calc(100% - 40px);
        flex: 0 0 calc(100% - 40px);
    }
    .mini_titwrap .main.row::before{
        height: 35px;
    }
    .mini_titbox .bgfixed::before {
        width: 150px;
        height: 150px;
        top: 2rem;
        left: -50px;
    }
    .mini_titbox .bgfixed::after {
        width: 250px;
        height: 250px;
        bottom: -80px;
        right: -50px;
    }
    .mini_titbox .bgfixed section {
        max-width: 100%;
    }
    .mini_titbox .bgfixed section h2 {
        font-size: 48px;
        margin-bottom: 16px;
    }
    .mini_titbox .bgfixed section h3 {
        font-size: 24px;
        margin-bottom: 16px;
    }
    .mini_titbox .bgfixed section h4 {
        min-width: max-content;
        font-size: 18px;
        padding: 10px 2rem;
    }
    .mini_titbtn {
        max-width: 100%;
        flex: 0 0 100%;
        bottom: 6.5rem;
    }
    .mini_titbtn div.link-list ul li a, 
    .mini_titbtn div.link-list ul li span {
        padding: 3px 15px;
        margin-right: 10px;
        margin-bottom: 10px;
        font-size: 17px !important;
    }
    .mini_tabbtn .header-title{
        margin-bottom: 1rem;
    }
    .mini_tabbtn .blk-tabs{
        display: block;
    }
    .mini_tabbtn .blk-tabs ul.nav-pills {
        width: 100%;
        align-items: center;
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        margin: 0;
    }
    .mini_tabbtn .blk-tabs ul.nav-pills > li {
        display: inline-block;
    }
    .mini_servicebox .carousel-inner .carousel-caption{
        display: block !important;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(1)::after {
        width: 250px;
        height: 200px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::before{
        width: 220px;
        height: 200px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::after{
        width: 265px;
        height: 195px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(3)::before{
        width: 180px;
        height: 200px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(3)::after {
        width: 200px;
        height: 190px;
    }
    .mini_carswrap .main.row::before{
        top: -34px;
        height: 35px;
    }
    .mini_carsbox .swiper-slide .swiper-content{
        margin-bottom: 0;
    }
    .mini_carsbox .swiper-container-horizontal > .swiper-pagination-bullets {
        display: block;
        margin-bottom: 2.5rem;
    }
    .mini_carsbox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px;
        width: 16px;
        height: 16px;
        background: rgba(7, 42, 74, .2);
    }
    .mini_carsbox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
        background: #072a4a;
    }
    .mini_cardifference .hover-wall .icon_info h3{
        font-size: 18px;
    }
}
@media (max-width:575px) {
    .mini_titbox .bgfixed section h2{
        font-size: 40px;
        margin-bottom: 10px;
    }
    .mini_titbox .bgfixed section h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .mini_titbox .bgfixed section h4 {
        font-size: 17px;
        padding: 8px 1rem;
        letter-spacing: 1px;
    }
    .mini_tabbtn .header-title{
        width: 165px;
        font-size: 32px;
        text-align: center;
    }
    .mini_tabbtn .header-title::before{
        width: 40px;
        height: 40px;
        top: -10px;
        left: -10px;
    }
    .mini_tabbtn .blk-tabs .nav-pills .nav-link {
        font-size: 18px;
        padding: 8px 16px;
    }
    .mini_tabbox {
        margin-bottom: 3.5rem;
    }
    .mini_product .hover-wall .icon_info h3{
        padding: 0 15px;
    }
    .mini_product .hover-wall .icon_info p.animate-text{
        padding: 15px 15px 0;
    }
    .mini_product .hover-wall .icon_info p.animate-text::before{
        left: 15px;
        right: 15px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::before {
        width: 200px;
        height: 185px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::after {
        width: 235px;
        height: 180px;
    }
    .mini_servicebox .carousel-inner .carousel-caption h5 {
        font-size: 32px;
        margin: 2rem auto 2rem;
    }
    .mini_servicebox .carousel-inner .carousel-caption h5::before {
        width: 40px;
        height: 40px;
        top: -10px;
        left: -20px;
    }
    .mini_servicebox .bs-carousel .carousel-item p, 
    .mini_servicebox .bs-carousel .carousel-item li{
        font-size: 16px;
    }
    .mini_servicebox .carousel-control-next, 
    .mini_servicebox .carousel-control-prev{
        width: 24px;
        height: 24px;
    }
    .mini_servicebox .carousel-control-prev{
        left: calc(50% - 3rem);
    }
    .mini_servicebox .carousel-control-prev::before{
        width: 35px;
        top: calc(50% - 1px);
    }
    .mini_servicebox .carousel-control-next{
        right: calc(50% - 3rem);
    }
    .mini_servicebox .carousel-control-next::before{
        width: 35px;
        top: calc(50% - 2px);
    }
    .mini_title .header-title {
        font-size: 32px;
        margin-top: 3rem;
        letter-spacing: 1px;
    }
    .mini_title .header-title::before{
        width: 40px;
        height: 40px;
        top: -10px;
        left: -20px;

    }
    .mini_carswrap .main.row::after {
        height: 33%;
    }
    .mini_cardifference .hover-wall .row > div:nth-child(6) .icon_info figure img, 
    .mini_cardifference .hover-wall .row > div:nth-child(7) .icon_info figure img{
        height: 70px;
    }
}
@media (max-width:430px) {
    .mini_titbox .bgfixed.full-height{
        height: max-content !important;
        min-height: max-content !important;
    }
    .mini_titbox .bgfixed section{
        margin-top: 3rem;
        margin-bottom: 13rem;
        padding: 0 20px 0 20px;
    }
    .mini_titbtn{
        bottom: 5rem;
    }
    .mini_titbtn div.link-list{
        padding-left: 20px;
    }
    .mini_product .hover-wall .row > div:nth-child(n+2){
        padding: 0 10px;
    }
    .mini_product {
        max-height: 1700px;
    }
    .mini_servicebox .carousel-fade .carousel-item{
        min-height: max-content;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(1)::after {
        width: 185px;
        height: 160px;
        bottom: 2rem;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::before {
        width: 165px;
        height: 160px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::after {
        width: 185px;
        height: 155px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(3)::before {
        width: 140px;
        height: 195px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(3)::after {
        width: 155px;
        height: 170px;
    }
    .mini_carstit h4{
        margin-bottom: 1rem;
        padding: 0 15px;
    }
    .mini_carsbox .swiper-slide .swiper-img{
        margin-bottom: 0.5rem;
    }
    .mini_cardifference .hover-wall .row {
        margin-top: 1.5rem;
    }
    .mini_cardifference .hover-wall .container-fluid{
        padding: 0;
    }
    .mini_cardifference .hover-wall .row > div{
        padding: 15px 0;
    }
    .mini_cardifference .hover-wall .row > div:nth-child(2), 
    .mini_cardifference .hover-wall .row > div:nth-child(3), 
    .mini_cardifference .hover-wall .row > div:nth-child(4){
        padding: 15px 0;
    }
    .mini_cardifference .hover-wall .row > div:nth-child(2) h3, 
    .mini_cardifference .hover-wall .row > div:nth-child(3) h3, 
    .mini_cardifference .hover-wall .row > div:nth-child(4) h3 {
        font-size: 16px;
    }
    .mini_cardifference .hover-wall .row > div:nth-child(6) .icon_info figure, 
    .mini_cardifference .hover-wall .row > div:nth-child(7) .icon_info figure{
        padding: 0 10px;
    }
    .mini_cardifference .hover-wall .row > div:nth-child(6) .icon_info figure img, 
    .mini_cardifference .hover-wall .row > div:nth-child(7) .icon_info figure img{
        height: auto;
        width: 100%;
    }
    .mini_cardifference .hover-wall .icon_info h3{
        padding: 0 10px;
    }
    .mini_cardifference .hover-wall .row > div:nth-child(3n+2) h3 {
        font-weight: normal;
        line-height: 1.2;
        font-size: 16px;
    }
}
@media (max-width:375px) {
    .mini_servicebox .carousel-fade .carousel-item:nth-child(1)::after {
        width: 160px;
        height: 140px;
        bottom: 3rem;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::before {
        width: 145px;
        height: 140px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(2)::after {
        width: 160px;
        height: 135px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(3)::before {
        width: 125px;
        height: 175px;
    }
    .mini_servicebox .carousel-fade .carousel-item:nth-child(3)::after {
        width: 140px;
        height: 155px;
    }
}
.mini_sidebarR .side_box{
    bottom: 0;
}
.mini_sidebarR .side_box .side_bar{
    width: auto;
    display: flex;
    border-radius: 0;
    box-shadow: none;
    background: none;
    position: relative;
    margin: 0;
    padding: 0 15px 10px 35px;
}
.mini_sidebarR .side_box .side_bar::before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 42px;
    background: #072a4a;
    z-index: -1;
    border-top-left-radius: 50px;
    opacity: .8;
}
.mini_sidebarR .side_box .side_bar li{
    padding: 0 10px;
    border: none;
}
.mini_sidebarR .side_box .side_bar li .img-fluid{
    max-height: 75px;
}
.mini_sidebarR .side_box .side_bar li p{
    font-size: 16px;
    color: #fff;
    margin: 11px 0 0;
}
.mini_sidebarR .side_box .side_bar li a:hover p{
    color: #9dafea;
}
.mini_sidebarR .actGotop{
    bottom: 180px;
}
.mini_sidebarR .actGotop a, 
.mini_sidebarR .actGotop a:link{
    background: rgba(59, 95, 213, 0.8) !important;
    color: #fff;
}
@media (max-width:767px) {
    /*.mini_sidebarR .side_box .side_bar{
        padding: 0 10px 8px 30px;
    }
    .mini_sidebarR .side_box .side_bar::before{
        top: 30px;
        border-top-left-radius: 35px;
    }
    .mini_sidebarR .side_box .side_bar li{
        padding: 0 7px;
    }
    .mini_sidebarR .side_box .side_bar li .img-fluid{
        max-height: 55px;
    }
    .mini_sidebarR .side_box .side_bar li p {
        font-size: 15px;
        margin: 8px 0 0;
    }*/
    .mini_sidebarR .actGotop{
        right: 0;
        width: 50px;
        height: 50px;
        bottom: 150px;
    }
    .mini_sidebarR .actGotop a, 
    .mini_sidebarR .actGotop a:link{
        width: 50px;
        height: 50px;
        line-height: 65px;
        font-size: 15px;
    }
    .mini_sidebarR .actGotop a i {
        width: 50px;
        font-size: 30px;
        line-height: 29px;
    }
}
@media (max-width:430px) {
    .mini_sidebarR .side_box .side_bar {
        padding: 0 5px 5px 20px;
    }
    .mini_sidebarR .side_box .side_bar li {
        padding: 0 6px;
    }
    .mini_sidebarR .side_box .side_bar li .img-fluid {
        max-height: 50px;
    }
    .mini_sidebarR .side_box .side_bar li p {
        font-size: 14px;
        margin: 6px 0 0;
    }
}

/*product*/
.mini_product_breadcrumb{
    position: absolute;
    top: 1rem;
    left: 0;
    right: 0;
    z-index: 1;
}
.mini_product_breadcrumb .module-container .main > nav{
    display: flex;
    justify-content: center;
}
.mini_product_breadcrumb nav ol.breadcrumb {
    background: none;
}
.mini_product_breadcrumb .breadcrumb-item a{
    font-size: 16px;
    color: #cfcfcf;
}
.mini_product_breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    color: #fff;
}
.mini_product_breadcrumb .breadcrumb-item.active{
    font-size: 16px;
    color: #fff;
}
.mini_producttit .header-title{
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: calc(50% - 90px);
    color: #fff;
    background: #3b5fd5;
    border-radius: 50px;
    z-index: 5;
    padding: 6px 28px;
    transform: translate(-50%, 0px);
}
.mini_producttit .module-container .main .bgfixed::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}
.mini_producttit .module-container .main .bgfixed > div{
    position: relative;
}
.mini_producttit .module-container .main .bgfixed section{
    text-align: center;
    padding: 4.5rem 1.5rem 2rem;
}
.mini_producttit .module-container .main .bgfixed section h2{
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 0;
    line-height: 1.4;
}
.mini_featurewrap {
    border-radius: 16px;
    overflow: hidden;
    margin-top: -5rem;
    margin-bottom: 5rem;
}
.mini_featurewrap .main.row{
    padding: 50px 60px 70px;
}
.pro_title {
    margin-top: 3.5rem;
    margin-bottom: 1.5rem;
}
.pro_title .main{
    position: relative;
}
.pro_title .main::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 25%;
    height: 1px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.pro_title .main::after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 25%;
    height: 1px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.mini_tourwrap .main.row{
    padding-bottom: 5rem;
}
.mini_tourbox{
    padding: 0 2rem;
    border-right: 1px solid #ccc !important;
}
.mini_tourbox:nth-last-child(1){
    border-right: 0px solid #ccc !important;
}
.mini_tourbox .header-title{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-weight: bold;
    color: #010101;
}
.mini_tourbox .header-title img{
    order: -1;
    margin-right: 10px;
}
.mini_tourbox .hover-wall .htpro_tit{
    margin-bottom: 1.5rem;
}
.mini_tourbox .hover-wall .htpro_tit h1{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 1.4;
}
.mini_tourbox .hover-wall .htpro_tit h2{
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 1.5;
}
.mini_tourbox .hover-wall .htpro_tit{
    margin-bottom: 1.5rem;
}
.mini_tourbox .hover-wall .icon_info{
    border-radius: 10px;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.1);
}
.mini_tourbox .hover-wall .icon_info a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px;
}
.mini_tourbox .hover-wall .icon_info figure{
    display: none;
}
.mini_tourbox .hover-wall .icon_info h3{
    font-size: 80px;
    margin-bottom: 0;
    padding: 0 15px 0 5px;
    border-right: 1px solid #bfbfbf;
    font-family: arial;
    line-height: 1;
    letter-spacing: -3px;
}
.mini_tourbox .hover-wall .icon_info h3::after{
    content: '人同行';
    font-size: 24px;
    letter-spacing: 0;
    margin-left: 5px;
}
.mini_tourbox .hover-wall .icon_info h4{
    margin-bottom: 0;
    padding: 10px 8px 10px 15px;
    font-size: 50px;
    font-style: unset;
    font-family: arial;
    font-weight: bold;
}
.mini_tourbox .hover-wall .icon_info h4::after {
    content: '起/每位(2人1室)';
    font-weight: normal;
    font-size: 22px;
    margin-left: 5px;
    filter: brightness(0.6);
    display: inline-block;
}
.mini_airtitle p{
    margin: 0;
}
.mini_airportwrap .main.row{
    padding-bottom: 2.5rem;
}
.mini_airportbox .header-title{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    position: relative;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.mini_airportbox .header-title::after {
    content: '※ 航班時間若有變動請依航空公司公佈為準';
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;
    color: #ff0000;
    position: absolute;
    right: 0;
    bottom: 0;
}
.mini_airportbox .header-title figure{
    height: 37px;
    order: -1;
    margin-bottom: 0;
    margin-right: 1.5rem;
    display: inline-flex;
}
.mini_airportbox .header-title figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.mini_airportbox .expand-graphics .item_box a{
    display: flex;
    flex-wrap: wrap;
}
.mini_airportbox .expand-graphics .item_box .item_more_txt{
    order: 1;
}
.mini_airportbox .expand-graphics .item_box a h3{
    width: 20%;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    background: rgba(59, 95, 213, 0.8);
    padding: 15px;
    margin-bottom: 5px;
    margin-top: 0px;
    line-height: 1;
}
.mini_airportbox .expand-graphics .item_box a h4{
    width: 40%;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    background: rgba(59, 95, 213, 0.8);
    padding: 15px;
    margin-bottom: 5px;
    margin-top: 0px;
    line-height: 1;
}
.mini_airportbox .expand-graphics .item_box a h4 span{
    width: 50%;
    display: inline-block;
    float: left;
    font-size: 22px;
    font-weight: bold;
}
.mini_airportbox .expand-graphics .item_box span.item_btn{
    width: 20%;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    background: rgba(59, 95, 213, 0.8);
    padding: 15px;
    margin-bottom: 5px;
    margin-top: 0px;
    border-radius: 0;
    display: block !important;
    line-height: 1;
}
.mini_airportbox .expand-graphics .item_box span.item_btn_hover{
    display: block !important;
    width: 20%;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    background: rgba(59, 95, 213, 0.8);
    padding: 15px;
    margin-bottom: 5px;
    margin-top: 0px;
    border-radius: 0;
    line-height: 1;
}
.mini_airportbox .expand-graphics .item_box .item_more_txt span.item_tag{
    padding: 15px;
    margin: 0px 0 5px;
    width: 20%;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
}
.mini_airportbox .expand-graphics .item_box .item_more_txt span.item_tag:nth-last-child(1){
    width: 100%;
}
.mini_airportbox .expand-graphics > div:nth-last-child(1){
    display: none;
}
.mini_product_infowrap .main.row{
    padding-bottom: 5rem;
}
.mini_product_info {
    margin: 5rem 0 0;
}
.mini_product_info .main > div:nth-last-child(1){
    border-radius: 16px;
    border: 1px solid #98aed1;
    padding: 2.5rem 3rem 2rem 4rem;
}
.mini_product_info h3{
    display: table;
    margin: 0;
    position: absolute;
    padding: 0px 15px;
    background: #fff;
    top: -1rem;
    left: 2rem;
}
.mini_product_info ul, 
.mini_product_info ol{
    margin-bottom: 0;
}
.mini_product_info li{
    line-height: 1.4;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}
.mini_productDtitW{
    margin-bottom: -1rem;
}
.mini_product_Dtit .bgfixed > div{
    background: rgba(31, 51, 114, 0.6);
}
.mini_product_Dtit .bgfixed > div h3{
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    max-width: 75%;
    margin: 0 auto 5rem;
    position: relative;
}
.mini_product_Dtit .bgfixed > div h3::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 25%;
    height: 1px;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.mini_product_Dtit .bgfixed > div h3::after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 25%;
    height: 1px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.mini_daywrap{
    border-radius: 16px;
    overflow: hidden;
    margin-top: -4rem;
}
.mini_daywrap .main.row {
    padding: 50px 60px 70px;
}
.mini_day_tit{
    margin-bottom: 15px;
}
.mini_day_tit .main{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.mini_day_tit .header-title{
    margin-right: 2rem;
    font-size: 36px;
    font-weight: bold;
    color: #3b5fd5;
    font-family: arial;
}
.mini_day_tit p{
    margin-bottom: 0;
}
.mini_day_tit .main > div:nth-last-child(1){
    max-width: calc(100% - 150px);
    line-height: 1.3;
}
.mini_day_HM {
    background: #f5f5f5;
}
.mini_day_HM .link.text-link{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.mini_day_HM.day_meal .link.text-link{
    padding: 12px 10px 6px;
}
.mini_day_HM.day_hotel .link.text-link{
    padding: 6px 10px 12px;
}
.mini_day_HM.day_tickets .link.text-link{
    padding: 0 10px 12px;
    align-items: baseline;
}
.mini_day_HM section.text-link h2{
    margin-bottom: 0;
    position: relative;
    line-height: 1.5;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.mini_day_HM.day_tickets section.text-link h2{
    padding-right: 0;
    border: none;
}
.mini_day_HM.day_tickets div.link-list{
    width: calc(100% - 155px);
    border: none;
}
.mini_day_HM.day_meal section.text-link h2::before{
    content: '';
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/2ceefef5-95b9-4da4-a6c5-b1e02ed5899d.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
}
.mini_day_HM.day_hotel section.text-link h2::before{
    content: '';
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/66e555b0-9d6d-4f44-8657-1f999bb3ceb2.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
}
.mini_day_HM div.link-list{
    min-height: unset;
    width: calc(100% - 100px);
    border-left: 1px solid #ff6600;
}
.mini_day_HM div.link-list ul li{
    padding: 0 15px;
    line-height: normal;
}
.day_meal div.link-list ul li::before {    
    font-size: 18px;
    color: #000;
}
.day_meal div.link-list ul li:nth-child(1):before{
    content: '早餐：';
}
.day_meal div.link-list ul li:nth-child(2):before{
    content: '午餐：';
}
.day_meal div.link-list ul li:nth-child(3):before{
    content: '晚餐：';
}
.mini_day_HM.day_tickets div.link-list ul li{
    padding: 0;
}
.mini_day_HM div.link-list ul li a, 
.mini_day_HM div.link-list ul li span{
    padding: 0;
    line-height: normal;
}
.mini_day_HM div.link-list ul li i{
    display: none;
}
.mini_day_box .hover-wall .row{
    margin-top: 35px;
}
.mini_day_box .hover-wall .htpro_tit{
    display: none;
}
.mini_day_box .hover-wall .row > div:nth-child(n+2){
    margin-bottom: 0.5rem !important;
}
.mini_day_box .hover-wall .icon_info{
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #c9c9c9;
    display: block;
    overflow: unset;
    position: unset;
    pointer-events: unset !important;
}
.mini_day_box .hover-wall .icon_info:hover{
    box-shadow: none;
}
.mini_day_box .hover-wall .icon_info figure{
    aspect-ratio: 3 / 2;
    display: block;
}
.mini_day_box .hover-wall figure .overlay{
    display: none;
}
.mini_day_box .hover-wall .icon_info figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.mini_day_box .hover-wall .icon_info:hover figure .b_img{
    transition: 0s;
    transform: scale(1);
}
.mini_day_box .hover-wall .icon_info a{
    max-height: 150px;
    overflow: auto;
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}
.mini_day_box .hover-wall .icon_info a::-webkit-scrollbar {
    width: 8px;
    height: 11px;
}
.mini_day_box .hover-wall .icon_info a::-webkit-scrollbar-button {
    width: 8px;
    height: 8px;
}
.mini_day_box .hover-wall .icon_info a::-webkit-scrollbar-track {
    background: transparent;
}
.mini_day_box .hover-wall .icon_info a::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}
.mini_day_box .hover-wall .icon_info a::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
}
.mini_day_box .hover-wall .icon_info h3{
    padding: 0 16px;
}
.mini_day_box .hover-wall .icon_info p.animate-text{
    padding: 0 16px;
}
.mini_day_box .hover-wall .row > div.col-lg-12.mb-4 .icon_info{
    display: flex;
}
.mini_day_box .hover-wall .row > div.col-lg-12.mb-4 .icon_info figure{
    width: 50%;
    margin-bottom: 0;
    aspect-ratio: unset;
    height: 400px;
}
.mini_day_box .hover-wall .row > div.col-lg-12.mb-4 .icon_info a{
    width: 50%;
    max-height: 400px;
    padding-top: 1rem;
}
.mini_pro_otherinfoW{
    margin-top: 4.5rem;
}
.mini_pro_otherinfo {
    margin-bottom: 3rem;
}
.mini_pro_otherinfo .header-title{
    background: #012e78;
    display: table;
    color: #fff;
    font-size: 24px;
    padding: 8px 25px;
    border-radius: 100px;
    line-height: 1.4;
    margin-bottom: -1.5rem;
    position: relative;
    margin-left: 2rem;
}
.mini_pro_otherinfo .module-container .main > div:nth-child(2){
    color: #333;
    border-radius: 16px;
    border: 1px solid #98aed1;
    padding: 2.5rem 3rem 2rem 4rem;
    overflow: hidden;
}
.mini_pro_otherinfo ol, 
.mini_pro_otherinfo ul{
    padding-left: 0;
    margin-bottom: 0;
}
.mini_pro_otherinfo li{
    line-height: 1.4;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}
.mini_pro_otherinfo .module-container .main > span{
    width: 48px;
    height: 48px;
    display: flex;
    border: 1px solid #98aed1;
    border-radius: 50px;
    font-size: 0;
    position: absolute;
    top: 3px;
    right: 2rem;
    background: #fff;
    cursor: pointer;
    transition: .2s;
}
.mini_pro_otherinfo .module-container .main > span:hover{
    background: #98aed1;
    transition: .2s;
}
.mini_pro_otherinfo .module-container .main > span::before{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border-top: 2px solid #98aed1;
    border-right: 2px solid #98aed1;
    transform: rotate(-45deg);
    position: absolute;
    top: 19px;
    left: calc(50% - 9px);
}
.mini_pro_otherinfo .module-container .main > span:hover::before{
    border-color: #ffffff;
}
.mini_pro_otherinfo .module-container .main.info_close > div:nth-child(2){
    height: 0;
    padding: 1.5rem 3rem 1.5rem 4rem;
}
.mini_pro_otherinfo .module-container .main.info_close > div:nth-child(2) *{
    opacity: 0;
}
.mini_pro_otherinfo .module-container .main.info_close > span{
    transform: rotate(180deg);
}
.mini_return_btn{
    margin-bottom: 5rem;
}
.mini_return_btn .function-row li{
    max-width: unset;
    flex: unset;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 1rem 0;
}
.mini_return_btn .function-row li a{
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
    flex-wrap: wrap;
    padding: 12px 2.5rem 15px 2rem;
    box-shadow: 0 8px 0 rgba(59, 95, 213, 0.2);
    position: relative;
    bottom: 0;
    transition: .2s;
}
.mini_return_btn .function-row li a:hover{
    transition: .2s;
    bottom: -8px;
    box-shadow: 0 0px 0 rgba(59, 95, 213, 0.2);
}
.mini_return_btn .function-row li a img{
    width: 45px;
}
.mini_return_btn .function-row li a:hover img{
    opacity: 0.7;
}
.mini_return_btn .function-row li a h3{
    font-size: 30px;
    margin-top: 0;
    margin-left: 8px;
}
.mini_return_btn .function-row li a:hover h3{
    opacity: 0.7;
}
.mini_community_side{
    position: fixed;
    right: 0;
    bottom: 0;
    max-width: 335px;
    z-index: 99;
}
.mini_community_side .function-row .row-content{
    position: relative;
    padding: 0 15px 10px 35px;
    display: flex;
    flex-flow: row;
}
.mini_community_side .function-row .row-content::before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 42px;
    background: #072a4a;
    z-index: -1;
    border-top-left-radius: 50px;
    opacity: .8;
}
.mini_community_side .function-row li{
    max-width: unset;
    flex: unset;
    padding: 0 10px;
    margin-bottom: 0;
}
.mini_community_side .function-row li a{
    padding: 0;
    border-radius: 0;
}
.mini_community_side .function-row li a img{
    width: auto;
    max-height: 75px;
}
.mini_community_side .function-row li a h3{
    font-size: 16px;
    margin: 11px 0 0;
    font-weight: normal;
}
.mini_community_side .function-row li a:hover h3{
    color: #9dafea;
}
.mini_product_tag .side_box{
    bottom: 300px;
}
.mini_product_tag .side_box .side_bar{
    background: rgba(1, 46, 120, 0.8);
    width: auto;
    border-radius: 0;
    box-shadow: none;
    padding: 5px 12px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.mini_product_tag .side_box .side_bar li{
    border-color: rgba(255, 255, 255, 0.3);
    padding: 8px 0;
}
.mini_product_tag .side_box .side_bar li p{
    font-size: 18px;
    color: #fff;
    margin-top: 3px;
}
.mini_product_tag .side_box .side_bar a:hover p{
    color: #9dafea;
}
.mini_product_tag .actGotop{
    bottom: 180px;
}
.mini_return_sbtn{
    max-width: 96px;
    flex: 0 0 96px;
    position: fixed;
    right: 0;
    bottom: 256px;
    z-index: 99;
}
.mini_return_sbtn div.link-list{
    min-height: unset;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.mini_return_sbtn div.link-list:hover{
    background: #5771c5 !important;
}
.mini_return_sbtn div.link-list ul li a, 
.mini_return_sbtn div.link-list ul li span{
    padding: 9px 10px 9px 6px;
    letter-spacing: 0;
    font-weight: bold;
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 1;
}
.mini_return_sbtn div.link-list ul li i{
    margin: 0;
    width: 24px;
    height: 24px;
    background-image: url(https://materials.fillo.com.tw/materials/mtttour/images/90ca6746-758d-4bd4-bf25-f35ee389d773.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 2px;
}
.mini_return_sbtn div.link-list ul li i::before{
    display: none;
}
@media (max-width:1680px) {
    .mini_tourbox .hover-wall .icon_info h3{
        font-size: 75px;
    }
    .mini_tourbox .hover-wall .icon_info h3::after{
        font-size: 22px;
    }
    .mini_tourbox .hover-wall .icon_info h4{
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        flex-flow: column;
    }
}
@media (max-width:1366px) {
    .mini_tourbox .hover-wall .icon_info h3{
        font-size: 65px;
        padding-left: 0px;
    }
    .mini_tourbox .hover-wall .icon_info h3::after{
        font-size: 20px;
    }
    .mini_tourbox .hover-wall .icon_info h4{
        padding: 5px 0px 5px 10px;
        font-size: 45px;
    }
    .mini_tourbox .hover-wall .icon_info h4::after{
        font-size: 20px;
    }
}
@media (max-width:1210px) {
    .mini_tourbox .hover-wall .icon_info h3{
        font-size: 60px;
    }
    .mini_tourbox .hover-wall .icon_info h4{
        font-size: 40px;
    }
}
@media (max-width:1199px) {
    .mini_producttit .header-title{
        font-size: 22px;
    }
    .mini_producttit .module-container .main .bgfixed section h2{
        font-size: 30px;
    }
    .mini_featurewrap .main.row{
        padding: 35px 45px 50px;
    }
    .pro_title{
        margin-top: 2rem;
    }
    .pro_title span{
        font-size: 30px !important;
    }
    .pro_title h5 span{
        font-size: 22px !important;
    }
    .mini_tourwrap .main.row {
        padding-bottom: 1.5rem;
    }
    .mini_tourbox{
        max-width: 100%;
        flex: 0 0 100%;
        border: none !important;
        margin-bottom: 2rem;
    }
    .mini_tourbox .hover-wall .row > div:nth-child(n+2){
        max-width: 50%;
        flex: 0 0 50%;
    }
    .mini_tourbox .hover-wall .icon_info h4{
        flex-flow: nowrap;
    }
    .mini_airportbox .header-title{
        font-size: 24px;
    }
    .mini_airportbox .header-title::after{
        font-size: 16px;
    }
    .mini_airportbox .header-title figure{
        height: 32px;
        margin-right: 1rem;
    }
    .mini_airportbox .expand-graphics .item_box a h3, 
    .mini_airportbox .expand-graphics .item_box a h4, 
    .mini_airportbox .expand-graphics .item_box span.item_btn, 
    .mini_airportbox .expand-graphics .item_box span.item_btn_hover{
        font-size: 20px;
        padding: 12px 10px;
    }
    .mini_airportbox .expand-graphics .item_box a h4 span{
        font-size: 20px;
    }
    .mini_airportbox .expand-graphics .item_box .item_more_txt span.item_tag{
        padding: 10px;
        font-size: 18px;
        letter-spacing: 0px;
    }
    .mini_product_infowrap .main.row {
        padding-bottom: 3rem;
    }
    .mini_product_info{
        margin-top: 4rem;
    }
    .mini_product_info .main > div:nth-last-child(1){
        padding: 2rem 2rem 1.5rem 3rem;
    }
    .mini_product_info .main > div:nth-last-child(1) span {
        font-size: 18px !important;
    }
    .mini_product_info .main > div:nth-last-child(1) h3 span {
        font-size: 26px !important;
    }
    .mini_product_info li{
        margin-bottom: 5px;
    }
    .mini_product_Dtit .bgfixed > div h3{
        font-size: 30px;
    }
    .mini_productDtitW {
        margin-bottom: -3rem;
    }
    .mini_daywrap{
        margin-top: -2.5rem;
    }
    .mini_daywrap .main.row{
        padding: 35px 45px 50px;
    }
    .mini_day_tit .header-title{
        font-size: 32px;
    }
    .mini_day_tit .main > div:nth-last-child(1) {
        max-width: calc(100% - 140px);
    }
    .mini_day_tit .main > div:nth-last-child(1) span{
        font-size: 24px !important;
    }
    .mini_day_box .hover-wall .icon_info h3{
        font-size: 22px;
    }
    .mini_day_box .hover-wall .icon_info p.animate-text{
        font-size: 16px;
        letter-spacing: 0.5px;
    }
    .mini_day_box .hover-wall .row > div.col-lg-12.mb-4 .icon_info figure{
        height: 320px;
    }
    .mini_day_box .hover-wall .row > div.col-lg-12.mb-4 .icon_info a{
        max-height: 320px;
    }
    .mini_pro_otherinfo {
        margin-bottom: 2rem;
    }
    .mini_pro_otherinfo .header-title{
        font-size: 22px;
    }
    .mini_pro_otherinfo .module-container .main > span{
        width: 44px;
        height: 44px;
    }
    .mini_pro_otherinfo .module-container .main > span::before{
        width: 16px;
        height: 16px;
        top: 17px;
        left: calc(50% - 8px);
    }
    .mini_pro_otherinfo .module-container .main > div:nth-child(2){
        padding: 2.5rem 2rem 1.5rem 3rem;
    }
    .mini_return_btn .function-row li a img{
        width: 35px;
    }
    .mini_return_btn .function-row li a h3{
        font-size: 24px;
    }
}
@media (max-width:991px) {
    .pro_title .main::before, 
    .pro_title .main::after{
        width: 15%;
    }
    .mini_tourbox .header-title{
        font-size: 28px;
    }
    .mini_tourbox .hover-wall .htpro_tit {
        margin-bottom: 1rem;
    }
    .mini_tourbox .hover-wall .htpro_tit h1{
        font-size: 20px;
        padding: 10px;
    }
    .mini_tourbox .hover-wall .htpro_tit h2{
        font-size: 16px;
        letter-spacing: 0;
    }
    .mini_tourbox .hover-wall .row > div:nth-child(n+2){
        max-width: 100%;
        flex: 0 0 100%;
    }
    .mini_airportbox .expand-graphics .item-box{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .mini_airportbox .header-title{
        font-size: 22px;
    }
    .mini_airportbox .header-title::after {
        font-size: 15px;
    }
    .mini_airportbox .header-title figure{
        height: 28px;
    }
    .mini_airportbox .expand-graphics .item_box a h3, 
    .mini_airportbox .expand-graphics .item_box a h4, 
    .mini_airportbox .expand-graphics .item_box span.item_btn, 
    .mini_airportbox .expand-graphics .item_box span.item_btn_hover {
        font-size: 18px;
        padding: 10px 8px;
    }
    .mini_airportbox .expand-graphics .item_box a h4 span {
        font-size: 18px;
    }
    .mini_airportbox .expand-graphics .item_box .item_more_txt span.item_tag {
        padding: 6px 8px;
        font-size: 16px;
        letter-spacing: 0px;
    }
    .mini_product_Dtit .bgfixed > div h3::before, 
    .mini_product_Dtit .bgfixed > div h3::after{
        width: 15%;
    }
    .mini_day_tit .header-title {
        font-size: 28px;
    }
    .mini_day_tit .main > div:nth-last-child(1) {
        max-width: calc(100% - 125px);
    }
    .mini_day_tit .main > div:nth-last-child(1) span{
        font-size: 22px !important;
    }
    .mini_day_HM section.text-link h2{
        font-size: 16px !important;
    }
    .mini_day_HM.day_meal section.text-link h2::before, 
    .mini_day_HM.day_hotel section.text-link h2::before{
        width: 22px;
        height: 22px;
        margin-right: 5px;
    }
    .mini_day_HM div.link-list ul li a, 
    .mini_day_HM div.link-list ul li span{
        font-size: 16px !important;
    }
    .day_meal div.link-list ul li::before{
        font-size: 16px;
    }
    .mini_day_box .hover-wall .row > div.col-lg-12.mb-4{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .mini_day_box .hover-wall .row > div.col-lg-12.mb-4 .icon_info figure{
        height: 260px;
    }
    .mini_day_box .hover-wall .row > div.col-lg-12.mb-4 .icon_info a {
        max-height: 260px;
    }
    .mini_day_box .hover-wall .icon_info h3 {
        font-size: 20px;
        letter-spacing: 0;
    }
    .mini_day_box .hover-wall .icon_info p.animate-text{
        letter-spacing: 0;
        line-height: 1.4;
    }
    .mini_pro_otherinfo .header-title {
        font-size: 20px;
    }
    .mini_pro_otherinfo li{
        margin-bottom: 8px;
    }
    .mini_pro_otherinfo .module-container .main > div:nth-child(2) span{
        font-size: 16px !important;
    }
}
@media (max-width:767px) {
    .mini_product_breadcrumb{
        top: 0;
    }
    .mini_product_breadcrumb .breadcrumb-item a, 
    .mini_product_breadcrumb .breadcrumb-item.active{
        font-size: 14px;
    }
    .mini_producttit .header-title {
        font-size: 20px;
        padding: 4px 24px;
        top: calc(50% - 120px);
    }
    .mini_producttit .module-container .main .bgfixed{
        min-height: 450px !important;
    }
    .mini_producttit .module-container .main .bgfixed section h2 {
        font-size: 24px;
    }
    .mini_featurewrap{
        margin-bottom: 3rem;
    }
    .mini_featurewrap .main.row {
        padding: 20px 15px 30px;
    }
    .pro_title {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .pro_title span {
        font-size: 24px !important;
    }
    .pro_title h5 span {
        font-size: 18px !important;
    }
    .mini_tourtitle .module-container .main > div:nth-child(2){
        width: 65%;
        margin: auto;
    }
    .mini_tourwrap .main.row {
        padding-bottom: 0.5rem;
    }
    .mini_tourbox{
        padding: 0 20px;
    }
    .mini_tourbox .header-title {
        font-size: 22px;
    }
    .mini_tourbox .header-title img{
        width: 24px;
    }
    .mini_tourbox .hover-wall .htpro_tit h1{
        font-size: 18px;
        letter-spacing: 0;
    }
    .mini_tourbox .hover-wall .htpro_tit h2{
        font-size: 15px;
    }
    .mini_tourbox .hover-wall .row > div:nth-child(n+2){
        margin-bottom: 10px !important;
    }
    .mini_tourbox .hover-wall .icon_info a{
        padding: 8px 10px;
    }
    .mini_tourbox .hover-wall .icon_info h3{
        font-size: 30px;
        padding-right: 10px;
    }
    .mini_tourbox .hover-wall .icon_info h3::after{
        font-size: 18px;
        font-weight: normal;
    }
    .mini_tourbox .hover-wall .icon_info h4{
        font-size: 26px;
        padding-left: 8px;
    }
    .mini_tourbox .hover-wall .icon_info h4::after{
        font-size: 16px;
        margin-left: 3px;
    }
    .mini_airportwrap .main.row {
        padding-bottom: 0.5rem;
    }
    .mini_airtitle .module-container .main > div:nth-child(2){
        max-width: 65%;
        margin: auto;
    }
    .mini_airportbox .header-title{
        font-size: 20px;
        padding-bottom: 30px;
        margin-top: 0;
    }
    .mini_airportbox .header-title figure {
        height: 25px;
        margin-right: 10px;
    }
    .mini_airportbox .header-title::after{
        left: 0;
    }
    .mini_airportbox .expand-graphics .item-box{
        padding: 0;
    }
    .mini_airportbox .expand-graphics .item_box a h3, 
    .mini_airportbox .expand-graphics .item_box a h4, 
    .mini_airportbox .expand-graphics .item_box span.item_btn, 
    .mini_airportbox .expand-graphics .item_box span.item_btn_hover {
        font-size: 16px;
        padding: 8px 5px;
        line-height: 1.3;
    }
    .mini_airportbox .expand-graphics .item_box a h4 span {
        font-size: 16px;
    }
    .mini_airportbox .expand-graphics .item_box .item_more_txt{
        display: flex;
        flex-wrap: wrap;
    }
    .mini_airportbox .expand-graphics .item_box .item_more_txt span.item_tag {
        padding: 6px 5px;
        font-size: 15px;
        line-height: 1.35;
    }
    .mini_product_infowrap .main.row {
        padding-bottom: 1.5rem;
    }
    .mini_product_info {
        margin-top: 3rem;
    }
    .mini_product_info .main > div:nth-last-child(1) {
        padding: 1.5rem 1rem 1rem 2rem;
    }
    .mini_product_info h3{
        left: 1rem;
    }
    .mini_product_info .main > div:nth-last-child(1) h3 span {
        font-size: 24px !important;
    }
    .mini_product_info .main > div:nth-last-child(1) span {
        font-size: 16px !important;
    }
    .mini_productDtitW {
        margin-bottom: -4rem;
    }
    .mini_daywrap {
        margin-top: -1.5rem;
    }
    .mini_daywrap .main.row {
        padding: 20px 15px 30px;
    }
    .mini_product_Dtit .bgfixed > div h3{
        font-size: 24px;
    }
    .mini_day_tit .header-title {
        width: 100%;
        margin: 0;
    }
    .mini_day_tit .main > div:nth-last-child(1){
        max-width: 100%;        
    }
    .mini_day_tit .main > div:nth-last-child(1) span {
        font-size: 20px !important;
    }
    .mini_day_HM section.text-link h2{
        font-size: 0 !important;
        padding: 0 10px 0 2px;
    }
    .mini_day_HM.day_meal section.text-link h2::before, 
    .mini_day_HM.day_hotel section.text-link h2::before{
        margin-right: 0;
    }
    .mini_day_HM div.link-list{
        width: calc(100% - 35px);
    }
    .mini_day_HM div.link-list ul{
        display: flex;
        flex-wrap: wrap;
    }
    .mini_day_HM div.link-list ul li{
        padding: 0 10px;
        margin: 2px 0;
        width: 100%;
        line-height: 1.2;
    }
    .day_meal div.link-list ul li::before{
        font-size: 15px;
    }
    .mini_day_HM div.link-list ul li a, 
    .mini_day_HM div.link-list ul li span {
        font-size: 15px !important;
        letter-spacing: 0;
    }
    .mini_day_HM.day_tickets section.text-link h2{
        font-size: 15px !important;
        width: 100%;
    }
    .mini_day_HM.day_tickets div.link-list{
        width: 100%;
    }
    .mini_day_HM.day_tickets div.link-list ul li{
        width: auto;
    }
    .mini_day_box .hover-wall .row {
        margin-top: 20px;
    }
    .mini_day_box{
        padding: 0;
    }
    .mini_day_box .hover-wall .row > div.col-lg-12.mb-4 .icon_info{
        flex-wrap: wrap;
    }
    .mini_day_box .hover-wall .row > div.col-lg-12.mb-4 .icon_info figure{
        width: 100%;
        aspect-ratio: 3 / 2;
        display: block;
        height: unset;
        margin-bottom: 10px;
    }
    .mini_day_box .hover-wall .row > div.col-lg-12.mb-4 .icon_info a {
        max-height: 150px;
        width: 100%;
        padding-top: 0;
    }
    .mini_pro_otherinfo .header-title{
        margin-left: 1rem;
        padding: 5px 20px;
        margin-bottom: -1.2rem;
        font-size: 18px;
    }
    .mini_pro_otherinfo .module-container .main > span {
        width: 35px;
        height: 35px;
        top: 1px;
    }
    .mini_pro_otherinfo .module-container .main > span::before {
        width: 13px;
        height: 13px;
        top: 13px;
        left: calc(50% - 7px);
    }
    .mini_pro_otherinfo .module-container .main > div:nth-child(2){
        padding: 2rem 1rem 1rem 2.5rem;
    }
    .mini_pro_otherinfo .module-container .main.info_close > div:nth-child(2){
        padding: 1rem;
    }
    .mini_return_btn {
        margin-bottom: 3rem;
    }
    .mini_return_btn .function-row li{
        margin: 0;
    }
    .mini_return_btn .function-row li a{
        padding: 8px 1.5rem 10px 1rem;
    }
    .mini_return_btn .function-row li a img {
        width: 28px;
    }
    .mini_return_btn .function-row li a h3 {
        font-size: 20px;
    }
    .mini_community_side{
        max-width: 257px;
        display: none !important;
    }
    .mini_community_side .function-row .row-content{
        padding: 0 10px 8px 30px;
    }
    .mini_community_side .function-row .row-content::before{
        top: 30px;
        border-top-left-radius: 35px;
    }
    .mini_community_side .function-row li{
        padding: 0 7px;
    }
    .mini_community_side .function-row li a img{
        max-height: 55px;
    }
    .mini_community_side .function-row li a h3{
        font-size: 14px;
        margin: 8px 0 0;
    }
    .mini_product_tag{
        display: none !important;
    }
    .mini_product_tag .side_box {
        bottom: 270px;
    }
    .mini_product_tag .side_box .side_bar{
        padding: 5px 8px;
        width: 50px;
        margin-bottom: 0;
    }
    .mini_product_tag .side_box .side_bar li{
        padding: 3px 0;
    }
    .mini_product_tag .side_box .side_bar li p{
        font-size: 14px;
        line-height: 1.2;
    }
    .mini_product_tag .actGotop {
        width: 50px;
        height: 50px;
        right: 0;
        bottom: 150px;
    }
    .mini_product_tag .actGotop a, 
    .mini_product_tag .actGotop a:link{
        width: 50px;
        height: 50px;
        line-height: 65px;
        font-size: 15px;
    }
    .mini_product_tag .actGotop a i {
        width: 50px;
        font-size: 28px;
    }
    .mini_return_sbtn{
        max-width: 50px;
        flex: 0 0 50px;
        bottom: 210px;
        display: none !important;
    }
    .mini_return_sbtn div.link-list ul li a, 
    .mini_return_sbtn div.link-list ul li span{
        padding: 4px 4px 8px 4px;
        flex-wrap: wrap;
        flex-direction: column;
        font-size: 14px !important;
        font-weight: normal;
    }
    .mini_return_sbtn div.link-list ul li i{
        width: 22px;
        height: 22px;
        margin-right: 0;
    }
}

/*保證出發*/
.slider_full .slider-container{
    max-width: 100%;
}
.page_module_style .main_nav .nav-pills .nav-item a.active:after, 
.page_module_style .main_nav .nav-pills .nav-item:hover a:after{
    display: none !important;
}
.page_module_style .navbar-expand.main_nav{
    display: none;
}
@media (max-width:1366px) {
    .page_module_style .has-parallax{
        aspect-ratio: 13 / 5;
        display: block;
        height: 350px !important;
        margin-bottom: 1rem;
    }
    .page_module_style .has-parallax .bg-holder{
        background-size: 100%;
        will-change: unset;
        backface-visibility: unset;
        background-attachment: scroll;
    }
}
@media (max-width:768px) {
    .page_module_style .has-parallax{
        aspect-ratio: 13 / 6.5;
        height: 230px !important;
    }
    .page_module_style .has-parallax .bg-holder {
        background-size: cover;
    }
}
@media (max-width:430px) {
    .page_module_style .has-parallax{
        height: 200px !important;
    }
}