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;
}
/******** spunktour style ********/
/******** 共用 ********/
.spun_width{ max-width: 1360px; -ms-flex: 0 0 100%; flex: 0 0 100%; }
.block-item.spun_title>.module-container>.main>.header-title,.widget-item.spun_title .header-title { position: relative; line-height: 28px; padding-left: 18px; color: #58136f; font-size: 28px; font-weight: 600; letter-spacing: 2px; }
.block-item.spun_title>.module-container>.main>.header-title::before,.widget-item.spun_title .header-title::before { content: ""; position: absolute; left: 0; top: 0; background: #bf96cd; width: 8px; height: 100%; }
.mt_65{ margin-top: 65px;}
.hide{ display: none !important;}

@media (max-width: 1440px){
    .spun_width{ max-width:calc(100% - 80px); flex: 0 0  calc(100% - 80px); }

}
@media (max-width: 991px){
    .block-item.spun_title>.module-container>.main>.header-title,.widget-item.spun_title .header-title { font-size: 20px; line-height: 20px;}
}

@media (max-width: 767px){
    .row.header + .row { padding-top: 95px; }
    .spun_width { max-width: calc(100% - 30px); flex: 0 0 calc(100% - 30px); }
    .mt_65{ margin-top: 50px;}
}

/******** header 上標 ********/
.header_logo{ background-color: #ffffff;}
.header_logo .web-header{ max-width: 100%; padding:15px 18px;}
.header_logo .web-header .logobar{ height: 57px; display: flex; flex-wrap: wrap; align-items: center;}
.header_logo .web-header .logo{ width: 242px;}
.header_logo.th30 .web-header .logo{ width: 325px;}
.header_logo .web-header .logo a img { width: 242px; height: 57px; top: 0; transform: translate(0, 0);}
.header_logo.th30 .web-header .logo a img { width: 325px;}
.header_logo .headerAdBox{ line-height: 47px; width: auto; display: table; padding-left: 22px;}
.header_logo .headerAdBox>div>img{ height: 47px; }
.header_logo .headerAdBox>div>img+img { margin-left: 3px; }
.header_logo .hnav{ display: none;}
.header_logo.b2b .web-header{ padding: 12px 18px 12px 12px;}
.header_logo.b2b .web-header .logobar{ height: 66px;}
.header_logo.th30.b2b .web-header .logo{ width: 450px;}
.header_logo.th30.b2b .web-header .logo a img { width: 450px; height: 66px;}


.header_nav.hide_nav1 .mega-menu .menu-links > li:nth-child(1),
.header_nav.hide_nav2 .mega-menu .menu-links > li:nth-child(2),
.header_nav.hide_nav3 .mega-menu .menu-links > li:nth-child(3),
.header_nav.hide_nav4 .mega-menu .menu-links > li:nth-child(4),
.header_nav.hide_nav5 .mega-menu .menu-links > li:nth-child(5),
.header_nav.hide_nav6 .mega-menu .menu-links > li:nth-child(6),
.header_nav.hide_nav7 .mega-menu .menu-links > li:nth-child(7),
.header_nav.hide_nav8 .mega-menu .menu-links > li:nth-child(8),
.header_nav.hide_nav9 .mega-menu .menu-links > li:nth-child(9),
.header_nav.hide_nav10 .mega-menu .menu-links > li:nth-child(10),
.header_nav.hide_nav11 .mega-menu .menu-links > li:nth-child(11),
.header_nav.hide_nav12 .mega-menu .menu-links > li:nth-child(12),
.header_nav.hide_nav13 .mega-menu .menu-links > li:nth-child(13),
.header_nav.hide_nav14 .mega-menu .menu-links > li:nth-child(14),
.header_nav.hide_nav15 .mega-menu .menu-links > li:nth-child(15),
.header_nav.hide_nav16 .mega-menu .menu-links > li:nth-child(16){ display: none; }

.header_nav_block{ z-index:1049;}
.header.gizle .header_nav { position: fixed; top: 0;}
.header_nav .mega-menu .menu-links { max-width: 1360px; float: initial; margin: 0 auto; }
.header_nav .mega-menu .menu-links li div.mg-drop-down.col-12{ left: initial; padding: 10px;}
.header_nav .mega-menu .menu-links li .list_box{ margin: 0; padding: 0; }
.header_nav .mega-menu .menu-links > li > a { font-size: 21px;  line-height: 55px;  padding: 0px 18px; text-align: center; }
.header_nav .mega-menu .menu-links > li:hover>a{ color: #58136F !important;}
.header_nav .mega-menu .menu-links li .list_box a p { font-size: 15px; }
.header_nav .mega-menu .menu-links > li .list_box li:hover a p { color: #58136F !important;}
.header_nav .mega-menu .menu-logo>li>a{ display: none;}


.header_bar_block{ position: absolute; background-color: #ffffff; top: 0; right: 18px; width: auto; z-index: 1050;}
.header_bar_block>.module-container>.main.row { align-items: baseline; }

.header_fb { width: auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: initial; } 

.header_bar {width: auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: initial; } 
.header_bar .bar_block { display: flex; align-items: center; margin-top: 30px; margin-left: 5px;}
.header_bar .bar_block>div+div{ margin-left: 14px;}
.header_bar .bar_block>div.bar_link{ background-color: #f5f5f5; padding: 7px 17px; border-radius: 20px;}
.header_bar .bar_block>div.bar_line{background-color: transparent !important;}
.header_bar .bar_block>div:last-child { display: flex; align-items: center; }
.header_bar .bar_block a { font-size: 15px; font-weight: 600; padding-left: 20px; text-decoration: none;}
.header_bar .bar_block>div>span{ position: relative; }
.header_bar .bar_block span+span{ margin-left: 22px;}
.header_bar .bar_block div:last-child span:last-child a{ padding-left: 0;}
.header_bar.b2b .bar_block div:last-child span:last-child>a{ padding-left:20px;}
.header_bar.b2b .bar_block>div:last-child>span:last-child> a::before{ background-color: transparent;}
.header_bar .bar_block>div:last-child>span:last-child> a::before{ content: ""; background: #333; width: 1px; height: 100%; position: absolute; left: -12px; top: 2px; }
.header_bar .bar_block>div.bar_link a{ color:#58136F;}
.header_bar .bar_block>div.bar_link a:hover{ color:#bf96cd;}
.header_bar .bar_block div:last-child a{ color: #333333;}
.header_bar .bar_block div:last-child a:hover{color: #58136F; }
.header_bar .bar_block div.bar_link span:first-child a::before{ content: ""; position: absolute; width: 18px; height: 18px; left: 0; top: 2px; 
    background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/47559188-54b0-40a0-b805-f3edcf719115.svg); background-repeat: no-repeat; background-position: center;
}
.header_bar .bar_block div.bar_link span:last-child a::before{ content: ""; position: absolute; width: 18px; height: 18px; left: 0; top: 2px; 
    background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/4ee63cae-c1b3-4b56-94c9-369122979ffb.svg); background-repeat: no-repeat; background-position: center;
}
.header_bar .bar_block>div:last-child>span:first-child>a::before{ content: ""; position: absolute; width: 18px; height: 18px; left: 0; top: 2px; 
    background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/69d47cd9-4acc-4477-9536-c12f3f741747.svg); background-repeat: no-repeat; background-position: center;
}

.header_bar .bar_block>div:last-child .showName .member-name,.header_bar .bar_block>div:last-child .showName a.SignOut{ display: inline-block; }
.header_bar .bar_block>div>span .showName { display: inline-block; flex-wrap: wrap; padding: 0; }
.showName .member-name .greet { margin-left: 0; }
.header_bar .bar_block>div:last-child .showName a.SignOut { margin-left:0; padding: 0 2px; font-size: 15px; background: #ffffff; color: #58136F; border: 1px solid #ccc;}
.header_bar .showName .member-name i{ display: none;}
.header_bar .bar_block>.bar_line>span { width: 37px; height: 37px; background: #00c300; display: block; border-radius: 50%; padding: 5px; text-align: center }
.header_bar .bar_block>.bar_line>span img{ width: 22px; display: inline-block;}
.header_bar .bar_block>div.bar_line a { padding-left: 0; }
@media (min-width: 1200px){
.header_logo .headerAdBox>div>img{ display: inline !important;}
}
@media (min-width: 768px){
    .header_nav .mega-menu .menu-links { width: calc(100% - 50px); display: -ms-flexbox; display: flex !important; justify-content: space-between; }
    .header_nav .mega-menu .menu-links li div.mg-drop-down{ width: auto; min-width: 180px;}
    .header_nav .mega-menu .menu-links > li { position: relative; }
    .header_nav .mega-menu .menu-links > li:nth-last-child(1),.header_nav .mega-menu .menu-links > li:nth-last-child(2) { display: none; }
    .header_nav .mega-menu .menu-links > li > a i.fa.fa-indicator{ display: none !important;}
    .header_nav .mega-menu .menu-links > li:nth-last-child(4)>div.mg-drop-down.col-12{ right: 0; }
}
@media (max-width: 1440px){
    .header_logo .headerAdBox { line-height: 35px; padding-left: 15px; }
    .header_logo .headerAdBox>div>img { height: 35px; }
    .header_logo.th30 .web-header .logo { width: 260px; }
    .header_logo.th30 .web-header .logo a { display: flex; align-items: center; }
    .header_logo.th30 .web-header .logo a img { width: 260px; height: 46px; }
    .header_logo.th30.b2b .web-header .logo{ width: 353px;}
    .header_logo.th30.b2b .web-header .logo a img { width: 353px; height: 54px;}
}
@media (max-width: 1199px){
    .header_nav .mega-menu .menu-links > li > a{ font-size: 18px;}
}
@media (max-width: 991px){
    .header_bar_block { right: 10px; }
    .header_nav .mega-menu .menu-links { width: 100% ;}
    .header_nav .mega-menu .menu-links > li > a { font-size: 16px; padding: 0px 10px; }
    .header_logo .web-header { padding: 5px 10px; }
    .header_logo.b2b .web-header { padding: 3px 10px; }
    .header_logo .web-header .logo{ margin-left: 0;}
    .header_fb { -ms-flex: 0 0 100%; flex: 0 0 100%; display: flex !important; justify-content: flex-end; margin-top: 10px; }
    .header_bar { -ms-flex: 0 0 100%; flex: 0 0 100%; display: flex !important; justify-content: flex-end; }
    .header_bar .bar_block { margin-top: 5px; margin-left: 0px; } 
    .header_bar .bar_block>div:first-child,.header_bar .bar_block>div.bar_link{ padding: 3px 17px; }
}
@media (max-width: 991px) and (min-width: 768px){
    .header_logo .headerAdBox>div>img{ display: inline !important;}
    .header_bar_block { right: 0; position: relative; padding: 0 30px; }
    .header_fb { -ms-flex: 1; flex: 1; justify-content: flex-start; }
    .header_bar { -ms-flex: 0 0 500px; flex: 0 0 500px; }
}
@media screen and (max-width: 930px){
    .header_logo .nav_sw { display: none; }
    .header_logo .web-header .logobar .search-panel { margin-right: 0; }
}
@media screen and (max-width: 767px){
    .header_logo .web-header { padding: 5px; }
    .header_logo .web-header .logobar{ height: 40px;}
    .header_logo.th30 .web-header .logo { width: 187px; }
    .header_logo.th30 .web-header .logo a img { width: 187px; height: auto; }
    .header_logo.b2b .web-header .logobar{ height: 46px;}
    .header_logo.th30.b2b .web-header .logo { width: 301px; }
    .header_logo.th30.b2b .web-header .logo a img { width: 301px; height: 46px; }
    .header_fb,.header_bar .bar_block>div:first-child,.header_bar .bar_block>div.bar_link{ display: none !important;}
    .header_logo .headerAdBox { padding-left: 10px; }
    .header_bar{ padding-top: 5px;}
    .header_bar_block { position: fixed; z-index: 1050; right: initial; left: 0; top: 48px; }
    .header_bar .bar_block div+div { margin-left: 10px; }
    .header_nav_block{  position: fixed; z-index: 1049; background: #ffffff;  box-shadow: 0px 2px 2px rgb(0 0 0 / 20%);}
    .header .header_nav { margin-top: 45px; }
    .header.gizle .header_nav { position: inherit; top: 0; }
    .header .header_nav .mega-menu{ min-height: auto;}
    .header .header_nav .mega-menu .menu-links > li:hover{ background: #ffffff; }
    .header_nav .mega-menu .menu-links { width: 100%; height: 100vh; max-height: initial !important; padding-bottom: 200px; }
    .header_nav .mega-menu .menu-links > li > a { font-size: 15px; padding: 0px 15px; }
    .header_nav .mega-menu .menu-links li div.mg-drop-down.col-12 { padding: 0px 15px; background-color: #f4f4f4 !important; }
    .header_nav .mega-menu .menu-links li .list_box ul li{ padding: 5px 0;}
    .header .header_nav .mega-menu .menu-mobile-collapse-trigger { position: absolute; top: -45px; right: 10px; width: 40px; height: 40px; background:transparent; }
    .header .header_nav .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; }
    .header .header_nav .mega-menu .menu-mobile-collapse-trigger:before,
    .header .header_nav .mega-menu .menu-mobile-collapse-trigger:after,
    .header .header_nav .mega-menu .menu-mobile-collapse-trigger span { height: 2px; width: 30px; background: #58136f; top: 8px; }
    .header .header_nav .mega-menu .menu-mobile-collapse-trigger span { top: 18px; }
    .header .header_nav .mega-menu .menu-mobile-collapse-trigger:after { top: 28px; }
    .header .header_nav .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); }
    .header .header_nav .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); }
}
@media screen and (max-width: 575px){
    .header_logo.b2b .headerAdBox{ display: none;}
}
@media screen and (max-width: 400px){
.header_logo.th30 .web-header .logo { width: 160px; }
.header_logo.th30 .web-header .logo a img { width: 160px; }
}
/******** 首頁 ********/
/* 首頁大圖輪播 */
.main_slider .carousel-caption { width: 822px; max-width: 100%; right: initial; bottom: 0; left: 0; z-index: 10; 
 padding: 20px 30px 20px 175px; color: #fff; text-align:left;   width:43%;  height: 193px; max-width: 100%; display: flex !important; flex-flow: column; justify-content: center;}
.main_slider .bs-carousel .carousel-item h5{ margin-bottom: 20px; font-size: 38px; text-shadow:none; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.main_slider .carousel-caption>h5::before { content: ""; background: rgb(0 0 0 / 60%); width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: -1; }
.main_slider .bs-carousel .carousel-item p{ font-size: 26px; margin: 0; font-weight: normal; text-shadow: none;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.main_slider .carousel-control-next,.main_slider .carousel-control-prev{ opacity: 0.8; z-index: 1;}
.main_slider .carousel-control-prev { left: 35px; top: initial; bottom: 60px; width: 33px; }
.main_slider .carousel-control-next { right: initial; left: 110px; top: initial; bottom: 63px; width: 33px; }
.main_slider .carousel-control-next-icon,.main_slider .carousel-control-prev-icon { width: 40px; height: 62px; background-size: 70px;}
.main_slider .carousel-control-prev-icon,
.main_slider .carousel-control-next-icon{ background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/07c60ae6-5dd0-463f-91e1-a7384a2f0406.svg);}
.main_slider .carousel-control-prev-icon{ transform: rotate(180deg);}
.main_slider .carousel-indicators { justify-content:end; margin: 0 30px 10px; }
.main_slider .carousel-indicators li{ width: 29px;}
.main_slider .carousel-indicators li.active{ width: 45px;}
@media (max-width: 1440px){ 
    .main_slider .carousel-caption{ width: 50%; }
}
@media (max-width: 1199px){ 
    .main_slider .carousel-caption{ width: 100%; height: 140px; padding: 10px 30px 30px 175px;}
    .main_slider .bs-carousel .carousel-item h5 { margin-bottom: 10px; font-size: 32px;}
    .main_slider .bs-carousel .carousel-item p{ font-size: 20px;}
    .main_slider .carousel-indicators { justify-content:end; margin: 0 30px; }
    .main_slider .carousel-control-prev{  bottom: 40px;}
    .main_slider .carousel-control-next{ bottom: 43px;}
}
@media (max-width: 991px){ 
    .main_slider .bs-carousel .carousel-item h5{ font-size: 24px; }
    .main_slider .bs-carousel .carousel-item p{ font-size: 18px; line-height:22px;}
}
@media (max-width: 767px){ 
    .main_slider .carousel-caption{ padding: 10px 45px 30px 45px; }
    .main_slider .carousel-control-prev { bottom: 40px; left: 5px; }
    .main_slider .carousel-control-next { bottom: 43px; left: initial; right: 5px; }
    .main_slider .carousel-control-next-icon, .main_slider .carousel-control-prev-icon { width: 33px; background-size: 50px; }
    .main_slider .carousel-indicators{ display: none;}
}
@media (max-width:575px){ 
    .main_slider .carousel-caption{ height: 120px;padding: 5px 45px 5px 45px;}
    .main_slider .bs-carousel .carousel-item h5{ -webkit-line-clamp: 2; font-size: 20px;}
    .main_slider .bs-carousel .carousel-item p{ font-size: 15px;}
    .main_slider .carousel-control-prev{  bottom: 35px;}
    .main_slider .carousel-control-next{ bottom: 38px;}
}

/* 首頁搜尋頁籤 */
.main_search_tab { margin-top: 40px; }
.main_search_tab.b2b{ margin-top: 80px;}
.main_search_tab .blk-tabs { border-bottom: 2px solid #58136f; }
.main_search_tab li.nav-item+.nav-item { margin-left: 1px; }
.main_search_tab .nav-link { padding: 9px 42px; background: #decbe4; font-size: 18px; color: #58136f; }
.main_search_tab .nav-link.active{ background-color: #58136f; color: #ffffff;}

@media (max-width: 575px){ 
    .main_search_tab.b2b { margin-top: 40px; }
    .main_search_tab .nav-item { width: calc(50% - 0.5px); }
    .main_search_tab .nav-link { font-size: 15px; text-align: center;}
    .D_products_group_mold section.group_banner { margin-top: 0; }
}

/* 首頁搜尋團體 */
.main_search_g { margin-bottom: 174px; }
.main_search_g.b2b{ margin-bottom: 134px;}
.main_search_g .group_banner.search_banner .search-area > .container { background: #f4f4f4; border: 1px solid #d7d7d7; border-top: 0; }
.main_search_g section.group_banner .search-area .search-box{ margin: 29px 0; height: 74px;}
.main_search_g section.group_banner .search-area .search-box>div:nth-child(1),
.main_search_g section.group_banner .search-area .search-box>div:nth-child(2),
.main_search_g section.group_banner .search-area .search-box>div:nth-child(4) { -ms-flex: 0 0 19%; flex: 0 0 19%; max-width: 19%; padding: 0 6px !important; }
.main_search_g section.group_banner .search-area .search-box>div:nth-child(5) { -ms-flex: 1; flex: 1; max-width: initial; padding-top: 0 !important; padding-bottom: 0 !important;}
.main_search_g section.search_banner .search-area .search-box .select-goal,
.main_search_g section.search_banner .search-area .search-box .select-place,
.main_search_g section.group_banner .search-area .search-box .select-date { padding: 0; background: transparent; }
.main_search_g .search-area .search-box .select-place .title i,.main_search_g .search-area .search-box .select-goal .title i,
.main_search_g .search-area .search-box .select-date .title i{ display: none;}
.main_search_g section.group_banner .search-area .search-box .select-goal .title,
.main_search_g section.group_banner .search-area .search-box .select-place .title,
.main_search_g section.group_banner .search-area .search-box .select-date .title{ height: 28px;}
.main_search_g section.group_banner .search-area .search-box .select-goal .title h6,
.main_search_g section.group_banner .search-area .search-box .select-place .title h6,
.main_search_g section.group_banner .search-area .search-box .select-date .title h6{ font-size: 15px; margin: 0; font-weight: 600; color: #000000;}
.main_search_g section.group_banner .search-area .search-box .select-date > input,
.main_search_g section.group_banner .search-area .search-box .select-input > input{ height: 47px; border: 1px solid #b6b6b6;}
.main_search_g .search-area .search-box .select-place .select select,
.main_search_g .search-area .search-box .select-goal .select select{ height: 47px; padding: 10px; font-size: 15px; border: 1px solid #b6b6b6; background-color: #fff; color: #555;}
.main_search_g .search-area .search-box .select-date .select{ background-color: #ffffff;  border: 1px solid #b6b6b6;}
.main_search_g section.group_banner .search-area .search-box .select-input {  padding-top: 28px;  position: relative;}
.main_search_g section.group_banner .search-area .search-box .select-input::before { content: "關鍵字"; font-size: 15px; font-weight: 600; color: #000000; position: absolute; letter-spacing: 1px; top: 0; left: 0; }
.main_search_g section.search_banner .search-area .search-box .select-input .data-icon-search{display: none;}
.main_search_g section.search_banner .search-area .search-box .select-input input{ padding-left: 10px; padding-right: 10px;}
.main_search_g section.group_banner .search-area .search-box .select-date .select input{  width: calc(50% - 11px); height: 45px; line-height: 24px;  font-size: 15px; text-align: center;}
.main_search_g .search-area .search-box .select-date .select .divide { height: 1px; width: 10px; margin: 22px 6px 0px 6px; }
.main_search_g section.group_banner .search-area .search-box .select-status{ position: initial; flex: 0 0 106px; justify-content: center; align-items: flex-end; padding-bottom: 13px; }
.main_search_g section.group_banner .form-check span.checkmark {  border: 1px solid #58136f;}
.main_search_g section.group_banner .form-check .customcheck input:checked ~ .checkmark{ background-color: #58136f;  border: 1px solid #58136f;}
.main_search_g section.group_banner .form-check label{ font-size: 15px;}
.main_search_g section.group_banner .form-check .checkmark:after{ border-width: 0 1px 1px 0;}
.main_search_g section.group_banner .form-check{ margin: 0;}
.main_search_g section.group_banner .search-area .search-box .select-status>div:last-child{ display: none;}
.main_search_g section.group_banner .search-area .search-box>div:last-child { flex: 0 0 146px; align-items: flex-end; display: flex; padding: 0 I !important;}
.main_search_g section.group_banner .search-area .search-box .search-btn { height: 45px; line-height: 45px; background-color: #545454; outline: none;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.main_search_g section.group_banner .search-area .search-box .search-btn:hover{ background-color: #58136F;}
.main_search_g .search-area .search-box .search-btn h5 { position: relative; font-size: 15px; padding-right: 18px; width: auto; }
.main_search_g .search-area .search-box .search-btn h5.small::after { content: ""; background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/1461dfa8-3930-46b0-9696-91f023c31d24.svg); background-position: center; background-repeat: no-repeat; background-size: 16px; position: absolute; width: 20px; height: 18px; right: 0px; top: 0; }
.main_search_g .search-area .search-box .search-btn i{ display: none;}
.main_search_g .search-area .mic_icon{ top: initial; bottom: 1px; height: 50px;}
/* 自由行eweb搜尋iframe */
.main_search_p .iframe-container iframe { height: 300px !important; }
.main_search_p.b2b .iframe-container iframe{ height: 260px !important;}
@media (min-width: 576px){
    .main_search_g .group_banner.search_banner .search-area > .container{max-width: 100%;}
}
@media (min-width: 992px){
    .main_search_g .group_banner.search_banner .search-area > .container{padding: 0 5px;}
    .main_search_g section.group_banner .search-area .search-box>div:last-child{ flex: 0 0 110px;}
    .main_search_g section.group_banner .search-area .search-box .select-status { flex: 0 0 80px; padding: 0 0 13px; }
} 
@media (max-width: 991px){ 
    .main_search_g{ margin-bottom: 85px;}
    .main_search_g.b2b{ margin-bottom: 85px;}
    .main_search_g section.group_banner .search-area .search-box { margin: 10px 0; height: auto; }
    .main_search_g section.group_banner .search-area .search-box>div:nth-child(1), 
    .main_search_g section.group_banner .search-area .search-box>div:nth-child(2),
    .main_search_g section.group_banner .search-area .search-box>div:nth-child(4) { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
    .main_search_g section.group_banner .search-area .search-box>div:nth-child(5){ margin-top: 10px; }
    .main_search_p .iframe-container iframe { height: 260px !important; }
}
@media (max-width: 767.98px){ 
    .main_search_g { margin-bottom: 40px; }
    .main_search_g.b2b { margin-bottom: 40px; }
    .main_search_g section.group_banner.search_banner{width: auto;}
    .main_search_g section.group_banner .search-area .search-box { justify-content: space-between; }
    .main_search_g section.group_banner .search-area .search-box>div:nth-child(1), 
    .main_search_g section.group_banner .search-area .search-box>div:nth-child(2),
    .main_search_g section.group_banner .search-area .search-box>div:nth-child(4),
    .main_search_g section.group_banner .search-area .search-box>div:nth-child(5){ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;  }
    .main_search_g section.group_banner .search-area .search-box>div:nth-child(4){ margin-top: 10px;}
    .main_search_g section.group_banner .search-area .search-box .select-status{ justify-content: flex-start;}
    .main_search_g section.group_banner .search-area .search-box>div:last-child{ margin-top: 10px;}
}
@media (max-width: 575px){ 
    .main_search_g{ margin-bottom: 7px;}
    .main_search_g.b2b{ margin-bottom: 7px;}
    .main_search_p .iframe-container iframe { height: 314px !important; }
    .main_search_p.b2b .iframe-container iframe { height: 314px !important; }
    .main_search_g section.group_banner .search-area .search-box>div:nth-child(4),
    .main_search_g section.group_banner .search-area .search-box>div:nth-child(5) { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .main_search_g .search-area .search-box .select-date .select { width: 100%; }
    .main_search_g .search-area .search-box .select-place .select select,
    .main_search_g .search-area .search-box .select-goal .select select { height: 42px; padding: 5px; font-size: 14px; }
    .main_search_g section.group_banner .search-area .search-box .select-date .select input { height: 40px; font-size: 14px; text-align: center; }
    .main_search_g section.group_banner .search-area .search-box .select-date > input,
    .main_search_g section.group_banner .search-area .search-box .select-input > input { height: 40px; background: #ffffff;  color: #333333;}
    .main_search_g section.search_banner .search-area .search-box .select-input input { padding-left: 5px; padding-right: 5px; }
    .main_search_g section.group_banner .search-area .search-box>div:nth-child(5) { padding: 0 6px !important; }
    .main_search_g section.group_banner .search-area .search-box>div:last-child{  padding: 5px 6px !important;}
    .main_search_g .search-area .mic_icon{ height: 40px;}
}


/* 首頁限時搶購(可展開更多的圖文廣告模組) */
.main_flashsale_block{ margin-top: -110px;}
.main_flashsale_block.b2b{ display: none !important; }
.main_flashsale>.module-container>.main>.header-title { margin-bottom: 30px; }
.main_flashsale .ads-wrapper {justify-content: space-between; }
.main_flashsale .ads-wrapper .item-box { flex: 0 0 calc(25% - 15px); max-width: calc(25% - 15px); border: 1px solid #d7d7d7; position: relative; padding: 0; }
.main_flashsale .ads-wrapper .item_box .item_more_txt { padding-bottom: 45px; }
.main_flashsale .ads-wrapper .item_box figure{ border-radius: 0;}
.main_flashsale .ads-wrapper .item_box figure img { max-width: 100%; aspect-ratio: 4/2.85; object-fit: cover; object-position: center center; width: 100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; }
.main_flashsale .ads-wrapper .item_box:hover figure img{ opacity: 1; -webkit-transform: scale(1.2) rotate(0deg); -ms-transform: scale(1.2) rotate(0deg); transform: scale(1.2) rotate(0deg); }
.main_flashsale .ads-wrapper .item_box .item_more_txt h3 { padding: 0 18px; font-size: 16px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; }
.main_flashsale .ads-wrapper .item_box h4 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: right; margin-bottom: 15px; padding: 0 18px; letter-spacing: 0.5px; }
.main_flashsale .ads-wrapper .item_box h4::after{  content: "元起"; padding-left: 5px; font-size: 13px; color: #333333;}
.main_flashsale .ads-wrapper .item_box .item_more_txt span.item_tag { font-size: 15px; margin: 5px 0; margin-top: 5px; margin-bottom: 5px; padding: 0 18px; display: block; }
.main_flashsale .ads-wrapper .item_box span.item_btn,.main_flashsale .ads-wrapper .item_box:hover span.item_btn_hover{ display: none;} 
.main_flashsale .ads-wrapper .item_morebox{ display: none;}

.main_flashsale .expand-graphics {justify-content: space-between; }
.main_flashsale .expand-graphics .item-box { flex: 0 0 calc(25% - 15px); max-width: calc(25% - 15px); border: 1px solid #d7d7d7; position: relative; padding: 0; }
.main_flashsale .expand-graphics .item_box .item_more_txt { padding-bottom: 45px; }
.main_flashsale .expand-graphics .item_box figure{ border-radius: 0;}
.main_flashsale .expand-graphics .item_box figure img { max-width: 100%; aspect-ratio: 4/2.85; object-fit: cover; object-position: center center; width: 100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; }
.main_flashsale .expand-graphics .item_box:hover figure img{ opacity: 1; -webkit-transform: scale(1.2) rotate(0deg); -ms-transform: scale(1.2) rotate(0deg); transform: scale(1.2) rotate(0deg); }
.main_flashsale .expand-graphics .item_box .item_more_txt h3 { padding: 0 18px; font-size: 16px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; }
.main_flashsale .expand-graphics .item_box h4 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: right; margin-bottom: 15px; padding: 0 18px; letter-spacing: 0.5px; }
.main_flashsale .expand-graphics .item_box h4::after{  content: "元起"; padding-left: 5px; font-size: 13px; color: #333333;}
.main_flashsale .expand-graphics .item_box .item_more_txt span.item_tag { font-size: 15px; margin: 5px 0; margin-top: 5px; margin-bottom: 5px; padding: 0 18px; display: block; }
.main_flashsale .expand-graphics .item_box span.item_btn,.main_flashsale .expand-graphics .item_box:hover span.item_btn_hover{ display: none;} 
.main_flashsale .expand-graphics .item_morebox{ display: none;}


@media (max-width: 991px){
    .main_flashsale .ads-wrapper .item-box{ flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); margin-bottom: 30px; }
    .main_flashsale .expand-graphics .item-box{ flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); margin-bottom: 30px; }
    .main_flashsale_block{ margin-top: -40px; }
}
@media (max-width: 767px){
    .main_flashsale_block{ margin-top: 40px;}
}
@media (max-width: 575px){
    .main_flashsale_block{ margin-top: 30px;}
    .main_flashsale .ads-wrapper .item-box{ flex: 0 0 100%; max-width: 100%; margin-bottom: 10px;}
    .main_flashsale .ads-wrapper .item_box figure img {aspect-ratio: 4/2.3;}
    .main_flashsale .expand-graphics .item-box{ flex: 0 0 100%; max-width: 100%; margin-bottom: 10px;}
    .main_flashsale .expand-graphics .item_box figure img {aspect-ratio: 4/2.3;}
}



/* 首頁限時搶購(自動上架)*/
.main_sale>.module-container>.main>.header-title { margin-bottom: 30px; }
.main_sale>.module-container>.main>div>section,.main_sale>.module-container>.main>div>section .product_all{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.main_sale>.module-container>.main>div>section>.product_box { flex: 0 0 calc(25% - 15px); max-width: calc(25% - 15px); border: 1px solid #d7d7d7; position: relative; padding-bottom: 50px;}
.main_sale>.module-container>.main>div>section>.product_box:not(:nth-child(n+1):nth-child(-n+4)) { display: none; }
.main_sale .product_box .product_img{ overflow: hidden;}
.main_sale .product_box img { max-width: 100%; aspect-ratio: 4/2.85; object-fit: cover; object-position: center center; width: 100%;  -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.main_sale .product_box:hover img{-webkit-transform: scale(1.2) rotate(0deg); -ms-transform: scale(1.2) rotate(0deg); transform: scale(1.2) rotate(0deg);}
.main_sale .product_box .product_name { margin-top: 16px; padding: 0 18px; font-size: 16px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; }
.main_sale .product_box .product_name a { color: #333333; text-decoration: none; }
.main_sale .product_box .departure_date { font-size: 14px; margin-top: 15px; margin-bottom: 15px; padding: 0 18px;}
.main_sale .product_box .departure_date>s{ text-decoration: line-through;}
.main_sale .product_box .departure_date a { color: #333333; font-size: 15px; text-decoration: none; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.main_sale .product_box .departure_date a:hover{ color:#eb7127;}
.main_sale .product_box .departure_date a:hover::before{ color: #333333;}
.main_sale .product_box .product_description { margin-top: 3px; padding: 0 18px; font-size: 15px; color: #008842; }
.main_sale .product_box .product_price{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: right; margin-bottom: 15px; padding: 0 18px; letter-spacing: 0.5px; }
.main_sale .product_box .product_price span { color: #eb7127; font-size: 20px; font-weight: 600; }
@media (max-width: 1199px){
    .main_sale .product_box .product_name,.main_sale .product_box .departure_date,.main_sale .product_box .product_price{padding: 0 10px; }
    .main_sale .product_box .product_name{margin-top: 10px;}
    .main_sale .product_box .product_price{ margin-bottom: 10px;}
}
@media (max-width: 991px){
    .main_sale>.module-container>.main>div>section>.product_box { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); margin-bottom: 30px; }
}
@media (max-width: 575px){
    .main_sale>.module-container>.main>div>section>.product_box { flex: 0 0 100%; max-width: 100%; margin-bottom: 10px;}
    .main_sale .product_box img{aspect-ratio: 4/2.3;}
}

/* 首頁新品上市區塊頁籤 */
.push_tab ul { position: absolute; z-index: 2; }
.push_tab .nav-item+.nav-item{ margin-left: 7px;}
.push_tab .nav-item .nav-link { position: relative; border: 1px solid #b6b6b6; background: #ffffff; color: #545454; padding: 8px 36px; font-weight: 600; text-align: center;}
.push_tab .nav-item .nav-link:hover{ border-color: #58136f;}
.push_tab .nav-item .nav-link.active{ border-color: #58136f;  color: #58136f;}
.push_tab .nav-item .nav-link.active::before{ content: ""; position: absolute; background-color: #58136f; width: 100%; height: 3px; bottom: 0; left: 0;}
.push_tab .nav-item .nav-link.active::after{ content: ""; position: absolute; left: 50%; bottom: -9px; transform: translate(-50%, 0);  width: 0; height: 0; border-style: solid; border-width: 9px 7px 0 7px; border-color: #58136f transparent transparent transparent; }

/* 首頁新品上市區塊樣式 */
.push_style1 .swiper-container,.push_style2 .swiper-container{ padding-top: 45px; }
.push_style1 .swiper-slide-style{ box-shadow: none; border-radius: 0; border: 1px solid #d7d7d7; margin-top: 18px;  margin-bottom: 0;}
.push_style2 .swiper-slide-style{ box-shadow: none; border-radius: 0; border: 1px solid #ffffff; margin-top: 18px;  margin-bottom: 0;}
.push_style1 .swiper-slide .swiper-img img { border-top-left-radius: 0; border-top-right-radius: 0; aspect-ratio: 4/2.85; object-fit: cover; object-position: center center; }
.push_style2 .swiper-slide .swiper-img img { border-top-left-radius: 0; border-top-right-radius: 0; aspect-ratio: 4/3.35; object-fit: cover; object-position: center center; }
.push_style1 .swiper-slide .swiper-title { padding: 0 18px; font-size: 16px; text-align: left; color: #333333; font-weight: 600;     display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.push_style1 .swiper-slide .swiper-content{ color: #333333; font-size: 15px; letter-spacing: 0; text-align: left;margin-bottom: 15px;  padding: 0px 18px;}
.push_style1 .swiper-slide .swiper-content .area{ position: absolute; top: 8px; left: 8px; padding: 3px 12px 3px 22px; background-color: rgb(255 255 255 / 80%); border-radius: 20px; letter-spacing: 0.5px; min-width: 70px; text-align: center; font-size: 14px; }
.push_style1 .swiper-slide .swiper-content .area::before{ content: ""; background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/8c7838fb-8464-4415-82f3-01e668774203.svg); background-position: center; background-repeat: no-repeat; background-size: 14px; left: 9px; top: 5px; position: absolute; width: 14px; height: 16px; }
.push_style1 .swiper-slide .swiper-content .price { position: absolute; right: 10px; bottom: 10px; text-align: right; color: #eb7127; font-size: 20px; font-weight: 600; letter-spacing: 0.5px; line-height: 20px; margin-top: 10px;}
.push_style1 .swiper-slide .swiper-content .price::before{ content: "$"; padding-right: 5px; font-weight: 400; font-size: 18px;}
.push_style1 .swiper-slide .swiper-content .price::after{ content: "元起"; padding-left: 5px; font-size: 13px; color: #333333;}
.push_style1 .swiper-slide .swiper-content .date{ height: 45px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.push_style1 .swiper-slide .swiper-content .text{height: 45px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; }

.push_style1 .swiper-button-prev.swiper-button-disabled,.push_style1 .swiper-button-next.swiper-button-disabled,
.push_style2 .swiper-button-prev.swiper-button-disabled,.push_style2 .swiper-button-next.swiper-button-disabled{ display: none;}
.push_style1 .swiper-button-next.swiper-button-white,.push_style2 .swiper-button-next.swiper-button-white { top: 0; right: 0; width: 45px; height: 45px; margin-top: 0; opacity: 1; color: #545454; }
.push_style1 .swiper-button-prev.swiper-button-white,.push_style2 .swiper-button-prev.swiper-button-white { right: 46px; top: 0; left: initial; opacity: 1; width: 45px; height: 45px; margin-top: 0; color: #545454; }
.push_style1 [class*='swiper-button-']:after,.push_style2 [class*='swiper-button-']:after { background: #f4f4f4; padding: 5px 10px; font-size: 14px; line-height: 34px; width: 45px; height: 45px; text-align: center; }
.push_style1 .swiper-button-next.swiper-button-white:hover,.push_style1 .swiper-button-prev.swiper-button-white:hover,
.push_style2 .swiper-button-next.swiper-button-white:hover,.push_style2 .swiper-button-prev.swiper-button-white:hover{ color: #58136f;}
.push_style1 .swiper-button-next.swiper-button-white.swiper-button-disabled+.swiper-button-prev.swiper-button-white,
.push_style2 .swiper-button-next.swiper-button-white.swiper-button-disabled+.swiper-button-prev.swiper-button-white{ right: 0; }


.push_style2 .swiper-slide .swiper-title{ display: none;}
.push_style2 .swiper-slide .swiper-img{ margin: 0;}
.push_style2 .swiper-slide .swiper-content{ position: absolute; bottom: -100%; left: 0; width: 100%; background: rgb(88 19 111 / 90%); margin: 0; padding: 19px 22px; color: #ffffff; font-size: 18px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.push_style2 .swiper-slide:hover .swiper-content{bottom: 0;}
.push_style2 .swiper-slide .swiper-content>h5 { font-size: 16px; margin-bottom: 0; margin-top: 5px; }

@media (max-width: 1440px){
    .push_style1 .swiper-slide .swiper-img img{ aspect-ratio: 4/2.6;}
}
@media (max-width: 1199px){
    .push_style1 .swiper-slide .swiper-title,.push_style1 .swiper-slide .swiper-content{ padding: 0 10px; }
    .push_style1 .swiper-slide .swiper-content{ margin-bottom: 10px;}
    .push_style1 .swiper-slide .swiper-img { margin-bottom: 10px; }
    .push_style2 .swiper-slide .swiper-img img{ aspect-ratio: 4/3.4;}
}
@media (max-width: 991px){
    .push_style2 .swiper-slide .swiper-content{ position: relative; padding: 10px; font-size: 15px;}
    .push_style2 .swiper-slide .swiper-content>h5{ font-size: 15px;}
}
@media (max-width: 767px){
    .push_tab .nav-item .nav-link{ padding: 8px 10px;}
    .push_style1 .swiper-slide .swiper-img img { aspect-ratio: 4/3.3; }
}
@media (max-width: 575px){
    .push_style1 .swiper-button-prev,.push_style1 .swiper-button-next,
    .push_style2 .swiper-button-prev,.push_style2 .swiper-button-next{ display: none;}
    .push_tab ul{ width: 100%;}
    .push_tab ul>li.nav-item { flex: 1; }
    .push_tab .nav-item .nav-link { padding: 8px 3px; font-size: 15px; }
}

/* 首頁客製化旅遊 */
.main_customized .module-container .main{ background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/75b873e5-ac80-44fd-b209-674a3b97a153.jpg); background-position: left top; background-repeat: no-repeat;}
.main_customized .module-container .main>div { display: flex; width: 100%; justify-content: flex-end; }
.main_customized section { position: relative; padding-top: 39px;  padding-bottom: 80px; width: 820px; }
.main_customized section h3{ position: relative; color: #58136f; font-size: 28px; font-weight: 600; letter-spacing: 4px;}
.main_customized section h3::after { content: ""; background: #58136f; width: calc(100% - 270px); right: 0; top: 15px; height: 1px; position: absolute; }
.main_customized section article { margin-top: 30px; display: flex; flex-wrap: wrap; width: 100%; }
.main_customized section article>div { flex: 1; padding-left: 20px;}
.main_customized section article h4 { color: #333333; position: relative; font-size: 20px; font-weight: 600; line-height: 20px; margin-bottom: 18px;}
.main_customized section article h4::before { content: ""; position: absolute; left: -18px; top: 0; background: #bf96cd; width: 8px; height: 100%; }
.main_customized section article p { margin-bottom: 6px; color: #545454; }
.main_customized section .custom_btn>div+div{ margin-left: 1px;}
.main_customized section .custom_btn{ position: absolute; right: 0; bottom: 0; display: flex; justify-content: flex-end; width: 100%;}
.main_customized section .custom_btn>div{ flex: 0 0 150px;}
.main_customized section .custom_btn>div>a { position: relative; display: block;  font-size: 15px; color: #ffffff; padding-right: 25px; text-decoration: none; }
.main_customized section .custom_btn>div:first-child>a{ background: #545454; padding:11px 22px 11px 28px;}
.main_customized section .custom_btn>div:last-child>a { background: #58136f; padding:11px 22px 11px 34px;}
.main_customized section .custom_btn>div:first-child>a::after,
.main_customized section .custom_btn>div:last-child>a::after{ content: ""; position: absolute; width: 24px; height: 24px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.main_customized section .custom_btn>div:first-child>a::after{background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/03168d63-4bb6-4ced-bae9-47aafa680fb1.svg); background-repeat: no-repeat; background-position: center; background-size: 16px;}
.main_customized section .custom_btn>div:last-child>a::after{ background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/3071fcda-a014-4640-8e96-12ec68eac7e2.svg); background-repeat: no-repeat; background-position: center; background-size: 18px; }
.main_customized section .custom_btn>div:first-child>a:hover::after,.main_customized section .custom_btn>div:last-child>a:hover::after{ width: 32px;}
@media (max-width: 1440px){
    .main_customized section { width: 700px; }
}
@media (max-width: 1199px){
    .main_customized section { width: 500px; }
}
@media (max-width: 991px){
    .main_customized .module-container .main { background-position: -80px top; }
    .main_customized section{ width: 400px;}
}
@media (max-width: 767px){
    .main_customized .module-container .main{ background-position: right top; }
    .main_customized section { width: 100%; padding: 30px 20px 65px; }
    .main_customized section h3{ font-size: 20px;}
    .main_customized section h3::after { width: calc(100% - 200px); top: 12px; }
    .main_customized section article{ margin-top: 25px;}
    .main_customized section article h4 { font-size: 16px; line-height: 16px; margin-bottom: 10px; }
    .main_customized section article p { margin-bottom: 3px; font-size: 14px; }
    .main_customized section .custom_btn>div{ flex:0 0 120px;}
    .main_customized section .custom_btn>div>a{ font-size: 14px;}
    .main_customized section .custom_btn>div:first-child>a{ padding: 7px 18px;}
    .main_customized section .custom_btn>div:last-child>a{ padding:7px 18px 7px 24px;}
    .main_customized section .custom_btn>div:first-child>a::after, .main_customized section .custom_btn>div:last-child>a::after{ width: 20px; height: 22px;}
}


/* 首頁異業合作 */
.main_cooperation{ flex: 0 0 33.33333%; max-width: 33.33333%; }
.main_cooperation .module-container,.main_cooperation .main,.main_cooperation .text-container,.main_cooperation .text-container .module,
.main_cooperation .text-container section,.main_cooperation .text-container .link-list{height: 100%;}
.main_cooperation .text-container { padding-top: 26px;  height: calc(100% - 36px);}
.main_cooperation .text-container .link-list { margin-right: 37px; padding:8px 28px 28px 28px;}
.main_cooperation .text-container .link-list li a{position:relative; width: 100%; padding:10px 10px 2px 20px; border-bottom: 1px solid rgb(0 0 0 / 20%);}
.main_cooperation .text-container .link-list li a::before{ content: ""; width: 6px; height: 6px; background-color: #008842; border-radius: 50%; position: absolute; left: 10px; top: 21px;}
@media (max-width: 991px){
    .main_cooperation .text-container .link-list { margin-right: 20px; padding: 8px 10px 28px 10px; }
}
@media (max-width: 767px){
    .main_cooperation{ flex: 0 0 100%; max-width: 100%; margin-bottom: 50px;}
    .main_cooperation .text-container { padding-top: 20px; height: auto; }
    .main_cooperation .text-container .link-list { margin-right: 0; padding: 5px 10px 5px 20px; }
    .main_cooperation .text-container .link-list li:last-child a{ border-bottom: 0;}
}
/* 首頁信用卡專區 */
.main_bank { flex: 0 0 66.66666%; max-width: 66.66666%; }
.main_bank .btn-container{ padding-top: 26px;}
.main_bank .btn-container .function-row li{ -ms-flex: 0 0 14.2844444%; flex: 0 0 14.2844444%; max-width: 14.2844444%;}
.main_bank .btn-container .function-row li a{display: flex; flex-flow: column; align-items: center; padding: 9px; border: 1px solid #d7d7d7; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.main_bank .btn-container .function-row li a:hover{ border: 1px solid #545454;}
.main_bank .btn-container .function-row li a h3{font-size: 15px; font-weight: 400; margin-top: 8px; width: 100%;}
.main_bank .btn-container .function-row li a h3 span { display: block; padding-top: 14px; position: relative;  word-break: break-all;}
.main_bank .btn-container .function-row li a h3 span::before { content: ""; width: 100%; height: 1px; position: absolute; top: 7px; left: 0; background-image: linear-gradient(to right, #ccc 0%, #ccc 50%, transparent 50%); background-size: 3px 1px; background-repeat: repeat-x; }
@media (max-width: 1199px){
    .main_bank .btn-container .function-row li a{ padding: 6px;}
    .main_bank .btn-container .function-row li a h3 span{ font-size: 14px;}
}
@media (max-width: 767px){
    .main_bank { flex: 0 0 100%; max-width: 100%; }
    .main_bank .btn-container { padding-top: 20px; }
}
@media (max-width: 575px){
    .main_bank .btn-container .function-row li { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}


/* 首頁玩家帶路 */
.main_player{ margin-bottom: 68px;}
.main_player>.module-container>.main{ border-top: 2px solid #58136f; border-bottom: 2px solid #58136f; display: flex; flex-wrap: wrap;}
.main_player>.module-container>.main .header-title { position: relative; flex: 0 0 297px; background-color: #53c0b8; background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/2c17c069-b992-403b-8c23-86ec6d03b409.jpg); background-size: 297px; background-repeat: no-repeat; background-position: left top;
 color: #ffffff; padding-top: 40px; font-weight: 600; font-size: 28px; letter-spacing: 2px; display: flex; justify-content: center; align-items: center;}
 .main_player>.module-container>.main .header-title::before { content: ""; width: 75px; height: 1px; position: absolute; background: #ffffff; right: 0; }
 .main_player .hover-wall{ flex: 1;}
.main_player .hover-wall .row { padding: 20px 15px 0; }
.main_player .hover-wall .icon_info{ box-shadow: none; min-height: 55px;}
.main_player .hover-wall .icon_info:hover{ bottom: 0; box-shadow: none;}
.main_player .hover-wall .icon_info figure { position: absolute; width: 55px; height: 55px;  border-radius: 50%; margin-bottom: 0;}
.main_player .hover-wall figure .b_img{  aspect-ratio: 1; object-fit: cover;  object-position: center center;}
.main_player .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); }
.main_player .hover-wall figure .overlay,.main_player .hover-wall .htpro_tit{ display: none;}
.main_player .hover-wall .icon_info h3 { padding: 0px 0 0 70px; font-size: 18px; }
.main_player .hover-wall .icon_info p.animate-text { padding: 0px 0 0 70px; font-size: 15px; letter-spacing: 0.02em; margin-bottom: 0; }
@media (max-width: 1199px){
    .main_player .hover-wall .row>div { flex: 0 0 50%; max-width: 50%; }
}
@media (max-width: 991px){
    .main_player>.module-container>.main .header-title{ font-size: 20px;}
    .main_player>.module-container>.main .header-title::before{width: 45px;}
    .main_player .hover-wall .row>div { padding: 0 10px; }
}
@media (max-width: 767px){
    .main_player>.module-container>.main .header-title { flex: 0 0 100%; height: 100px; background-size: cover; background-position: left -130px; padding-top: 0px; font-size: 20px; }
    .main_player>.module-container>.main .header-title::before{ display: none;}
    .main_player .hover-wall .row { padding: 20px 0 0 0; }
}
@media (max-width: 575px){
    .main_player .hover-wall .row>div { flex: 0 0 100%; max-width: 100%; margin-bottom: 15px !important; padding: 0; }
    .main_player .hover-wall .icon_info { min-height: 50px; }
    .main_player .hover-wall .icon_info figure{ width: 50px; height: 50px;}
    .main_player .hover-wall .icon_info h3 { margin-bottom: 5px; padding: 0px 0 0 60px; font-size: 16px; letter-spacing: 0; }
    .main_player .hover-wall .icon_info p.animate-text { padding: 0px 0 0 60px; font-size: 15px; letter-spacing: 0; margin-bottom: 0; }
}


/******** 分館 ********/
.main_sale.area.subtitle>.module-container>.main>.header-title { position: relative; line-height: 28px; padding-bottom: 10px; color: #008842; font-size: 20px; font-weight: 600; letter-spacing: 1px; margin: 20px 0 20px; background: #ffffff; border-bottom: 1px solid #008842; }
.area_top .bgfixed>div{ position: relative;}
.area_top .bgfixed>div::before { content: ""; position: absolute; left: 0; top: 0; width: 711px; height: 100%; opacity: 0.6;
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 40%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 40%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 40%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}
.area_top .bgfixed>div section{ position: relative; z-index: 1; padding-left: 134px; font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif !important;}
.area_top .bgfixed>div section h1 { font-size: 50px; margin-bottom: 18px; letter-spacing: 8px; font-weight: 400;}
.area_top .bgfixed>div section h2 { font-size: 30px; letter-spacing: 3px; position: relative; font-weight: 500;}
.area_top .bgfixed>div section h2::before { position: absolute; content: ""; background: #ffffff; width: 115px; height: 1px; left: -134px; top: 18px; }

.push_style1.area { margin-top: 53px;  display: none !important;}
.widget-item.spun_title.push_style1.area .header-title{ position: absolute; margin-top: 5px;}
.push_style1.area .swiper-slide-style { border: 1px solid #67327b;    box-shadow: 0px 2px 6px rgb(0 0 0 / 20%); margin-bottom: 10px;}
.push_style1.area .swiper-slide .swiper-content { position: absolute; font-size: 15px; letter-spacing: 0; text-align: left; margin-bottom: 0; padding: 10px; min-height: 122px; left: 0; bottom: 0; z-index: 1; background: rgb(247 243 248 / 90%); width: 100%; }
.push_style1.area .swiper-slide .swiper-content h3{ padding:0; font-size: 16px; text-align: left; color: #333333; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; }
.push_style1.area .swiper-slide .swiper-img{ margin: 0;}
.push_style1.area .swiper-slide .swiper-img img { aspect-ratio: 4/3.3;}
.push_style1.area .swiper-slide .swiper-content .date{ position: relative; height: auto; padding-left: 18px;}
.push_style1.area .swiper-slide .swiper-content .date::before { content: ""; width: 14px; height: 16px; position: absolute; top: 3px; left: 0;
    background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/789e4ca9-099e-4651-bbf0-1943185e5d5b.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.area_tab div.link-list ul { display: block; overflow-x: scroll; white-space: nowrap; padding-bottom: 10px;}
.area_tab div.link-list ul li+li { margin-left: 7px; }
.area_tab div.link-list ul li a{ position: relative; padding: 4px 25px; color: #545454;  background-color: #ffffff; border: 1px solid #b6b6b6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.area_tab div.link-list ul li:hover a{ background-color: #58136f; border: 1px solid #58136f; color: #ffffff; }
.area_tab.area_tab01 div.link-list ul li:nth-child(1) a,
.area_tab.area_tab02 div.link-list ul li:nth-child(2) a,
.area_tab.area_tab03 div.link-list ul li:nth-child(3) a,
.area_tab.area_tab04 div.link-list ul li:nth-child(4) a,
.area_tab.area_tab05 div.link-list ul li:nth-child(5) a,
.area_tab.area_tab06 div.link-list ul li:nth-child(6) a,
.area_tab.area_tab07 div.link-list ul li:nth-child(7) a,
.area_tab.area_tab08 div.link-list ul li:nth-child(8) a,
.area_tab.area_tab09 div.link-list ul li:nth-child(9) a,
.area_tab.area_tab10 div.link-list ul li:nth-child(10) a,
.area_tab.area_tab11 div.link-list ul li:nth-child(11) a,
.area_tab.area_tab12 div.link-list ul li:nth-child(12) a,
.area_tab.area_tab13 div.link-list ul li:nth-child(13) a,
.area_tab.area_tab14 div.link-list ul li:nth-child(14) a,
.area_tab.area_tab15 div.link-list ul li:nth-child(15) a{background-color: #58136f; border: 1px solid #58136f;color: #ffffff; }
.area_tab.area_tab01 div.link-list ul li:nth-child(1) a::after,
.area_tab.area_tab02 div.link-list ul li:nth-child(2) a::after,
.area_tab.area_tab03 div.link-list ul li:nth-child(3) a::after,
.area_tab.area_tab04 div.link-list ul li:nth-child(4) a::after,
.area_tab.area_tab05 div.link-list ul li:nth-child(5) a::after,
.area_tab.area_tab06 div.link-list ul li:nth-child(6) a::after,
.area_tab.area_tab07 div.link-list ul li:nth-child(7) a::after,
.area_tab.area_tab08 div.link-list ul li:nth-child(8) a::after,
.area_tab.area_tab09 div.link-list ul li:nth-child(9) a::after,
.area_tab.area_tab010 div.link-list ul li:nth-child(10) a::after,
.area_tab.area_tab011 div.link-list ul li:nth-child(11) a::after,
.area_tab.area_tab012 div.link-list ul li:nth-child(12) a::after,
.area_tab.area_tab013 div.link-list ul li:nth-child(13) a::after,
.area_tab.area_tab014 div.link-list ul li:nth-child(14) a::after,
.area_tab.area_tab015 div.link-list ul li:nth-child(15) a::after{ content: ""; width: 0; height: 0; border-style: solid; border-width: 9px 7px 0 7px; border-color: #58136f transparent transparent transparent; position: absolute; bottom: -8px; left: 50%; transform: translate(-50%, 0); }
.area_tab div.link-list ul li a i{ display: block;}
.main_sale.area>.module-container>.main>.header-title { margin-bottom: 0; }
.main_sale.area>.module-container>.main>div>section .metropolis{ width: 100%;}
.main_sale.area>.module-container>.main>div>section .product_box { flex: 0 0 calc(25% - 15px); max-width: calc(25% - 15px); border: 1px solid #d7d7d7; position: relative; padding-bottom: 50px;}
.main_sale.area>.module-container>.main>div>section { padding-bottom: 65px; margin: 0 -7.5px;}
.main_sale.area>.module-container>.main>div>section .product_box { flex: 0 0 calc(33.33333% - 15px); max-width: calc(33.33333% - 15px); margin: 0 7.5px 20px; }
.main_sale.area>.module-container>.main>div>section .product_box:not(:nth-child(n+1):nth-child(-n+4)) { display:block; }
.main_sale.area>.module-container>.main>div>section .title_box img{ display: none; }
.main_sale.area>.module-container>.main>div>section .title_box h1 { position: relative; line-height: 28px; padding-bottom: 10px; color: #008842; font-size: 20px; font-weight: 600; letter-spacing: 1px; margin: 20px 10px 20px; background: #ffffff; border-bottom: 1px solid #008842;}
/* .main_sale.area>.module-container>.main>div>section .title_box h1::before{ content: ""; position: absolute; left: 0; top: 0; background: #bf96cd; width: 8px; height: 100%; } */

.area_swipe_tab { margin-bottom: 10px; }
.widget-item.spun_title.area_swipe_tab .header-title{ position: absolute; margin-top: 5px;}
.area_swipe_tab .swiper-container{ padding-top: 55px; }
.area_swipe_tab .swiper-wrapper{ padding-bottom: 10px;}
.area_swipe_tab.area_tab01 .swiper-wrapper>a:hover,
.area_swipe_tab.area_tab01 .swiper-wrapper>a:nth-child(1),
.area_swipe_tab.area_tab02 .swiper-wrapper>a:nth-child(2),
.area_swipe_tab.area_tab03 .swiper-wrapper>a:nth-child(3),
.area_swipe_tab.area_tab04 .swiper-wrapper>a:nth-child(4),
.area_swipe_tab.area_tab05 .swiper-wrapper>a:nth-child(5),
.area_swipe_tab.area_tab06 .swiper-wrapper>a:nth-child(6),
.area_swipe_tab.area_tab07 .swiper-wrapper>a:nth-child(7),
.area_swipe_tab.area_tab08 .swiper-wrapper>a:nth-child(8),
.area_swipe_tab.area_tab09 .swiper-wrapper>a:nth-child(9),
.area_swipe_tab.area_tab10 .swiper-wrapper>a:nth-child(10),
.area_swipe_tab.area_tab11 .swiper-wrapper>a:nth-child(11),
.area_swipe_tab.area_tab12 .swiper-wrapper>a:nth-child(12),
.area_swipe_tab.area_tab13 .swiper-wrapper>a:nth-child(13),
.area_swipe_tab.area_tab14 .swiper-wrapper>a:nth-child(14),
.area_swipe_tab.area_tab15 .swiper-wrapper>a:nth-child(15){ background-color: #58136f; border: 1px solid #58136f;color: #ffffff; }
.area_swipe_tab.area_tab01 .swiper-wrapper>a:nth-child(1)::before,
.area_swipe_tab.area_tab02 .swiper-wrapper>a:nth-child(2)::before,
.area_swipe_tab.area_tab03 .swiper-wrapper>a:nth-child(3)::before,
.area_swipe_tab.area_tab04 .swiper-wrapper>a:nth-child(4)::before,
.area_swipe_tab.area_tab05 .swiper-wrapper>a:nth-child(5)::before,
.area_swipe_tab.area_tab06 .swiper-wrapper>a:nth-child(6)::before,
.area_swipe_tab.area_tab07 .swiper-wrapper>a:nth-child(7)::before,
.area_swipe_tab.area_tab08 .swiper-wrapper>a:nth-child(8)::before,
.area_swipe_tab.area_tab09 .swiper-wrapper>a:nth-child(9)::before,
.area_swipe_tab.area_tab10 .swiper-wrapper>a:nth-child(10)::before,
.area_swipe_tab.area_tab11 .swiper-wrapper>a:nth-child(11)::before,
.area_swipe_tab.area_tab12 .swiper-wrapper>a:nth-child(12)::before,
.area_swipe_tab.area_tab13 .swiper-wrapper>a:nth-child(13)::before,
.area_swipe_tab.area_tab14 .swiper-wrapper>a:nth-child(14)::before,
.area_swipe_tab.area_tab15 .swiper-wrapper>a:nth-child(15)::before{ content: ""; width: 0; height: 0; border-style: solid; border-width: 9px 7px 0 7px; border-color: #58136f transparent transparent transparent; position: absolute; bottom: -8px; left: 50%; transform: translate(-50%, 0); }
.area_swipe_tab .swiper-slide-style { height: auto; vertical-align: middle; display: flex; align-items: center; box-shadow: none; border-radius: 0; margin-top: 0px; margin-bottom: 0px; position: relative; padding: 10px 5px; color: #545454; background-color: #ffffff; border: 1px solid #b6b6b6; }
.area_swipe_tab .swiper-slide .swiper-title { padding: 0; font-size: 18px; margin-bottom: 0;line-height: 20px; text-align: center; display: block; width: 100%; }
.area_swipe_tab .swiper-slide .swiper-img,.area_swipe_tab .swiper-button-prev.swiper-button-disabled,.area_swipe_tab .swiper-button-next.swiper-button-disabled { display: none;}
.area_swipe_tab .swiper-button-next.swiper-button-white{ top: 0; right: 0; width: 45px; height: 45px; margin-top: 0; opacity: 1; color: #545454; }
.area_swipe_tab .swiper-button-prev.swiper-button-white{ right: 46px; top: 0; left: initial; opacity: 1; width: 45px; height: 45px; margin-top: 0; color: #545454; }
.area_swipe_tab [class*='swiper-button-']:after{ background: #f4f4f4; padding: 5px 10px; font-size: 14px; line-height: 34px; width: 45px; height: 45px; text-align: center; }
.area_swipe_tab .swiper-button-next.swiper-button-white:hover,.area_swipe_tab .swiper-button-prev.swiper-button-white:hover{ color: #58136f;}
.area_swipe_tab .swiper-button-next.swiper-button-white.swiper-button-disabled+.swiper-button-prev.swiper-button-white { right: 0; }

.area_route .expand-graphics .item-box { flex: 0 0 calc(33.33333% - 15px);  max-width: calc(33.33333% - 15px);  margin: 0 7.5px 20px; border: 1px solid #d7d7d7; position: relative; padding: 0; }
.area_route .expand-graphics .item_box .item_more_txt { padding-bottom: 45px; }
.area_route .expand-graphics .item_box figure{ border-radius: 0;}
.area_route .expand-graphics .item_box figure img { max-width: 100%; aspect-ratio: 4/2.85; object-fit: cover; object-position: center center; width: 100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; }
.area_route .expand-graphics .item_box:hover figure img{ opacity: 1; -webkit-transform: scale(1.2) rotate(0deg); -ms-transform: scale(1.2) rotate(0deg); transform: scale(1.2) rotate(0deg); }
.area_route .expand-graphics .item_box .item_more_txt h3 { padding: 0 18px; font-size: 16px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; }
.area_route .expand-graphics .item_box h4 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: right; margin-bottom: 15px; padding: 0 18px; letter-spacing: 0.5px; }
.area_route .expand-graphics .item_box h4::after{  content: "元起"; padding-left: 5px; font-size: 13px; color: #333333;}
.area_route .expand-graphics .item_box .item_more_txt span.item_tag { font-size: 15px; margin: 5px 0; margin-top: 5px; margin-bottom: 5px; padding: 0 18px; display: block; }
.area_route .expand-graphics .item_box span.item_btn,.area_route .expand-graphics .item_box:hover span.item_btn_hover{ display: none;} 
.area_route .expand-graphics .item_morebox{ display: none;}

@media (max-width: 1440px){
    .area_tab div.link-list{ position: relative; padding-right: 30px;}
    .area_tab div.link-list::after { content: ""; background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/54bfd522-a957-4500-a98e-bac731715704.svg); width: 26px; height: 26px; position: absolute; right: 0; top: 7px; }
}

@media (max-width: 1199px){
    .push_style1.area .swiper-slide .swiper-img img { aspect-ratio: 4/3.4;}
}
@media (max-width: 1023px){
    .main_sale.area>.module-container>.main>div>section { padding-bottom: 65px; margin: 0 -5px;}
    .main_sale.area>.module-container>.main>div>section .product_box { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); margin: 0 5px 20px;}
    .area_route .ads-wrapper .item-box{ flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); margin: 0 5px 20px;}
    .area_route .expand-graphics .item-box{ flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); margin: 0 5px 20px;}
}
@media (max-width: 991px){
    .main_sale.area>.module-container>.main>div>section .title_box h1{ margin: 20px 0; font-size: 20px; line-height: 20px;}
}
@media (max-width: 767px){
    .area_top .bgfixed,.area_top .bgfixed>div{ min-height: 200px !important;}
    .area_top .bgfixed>div::before{ width: 70%;}
    .area_top .bgfixed>div section{ padding-left: 80px;}
    .area_top .bgfixed>div section h1 { font-size: 36px; margin-bottom: 14px; letter-spacing: 5px; }
    .area_top .bgfixed>div section h2 { font-size: 22px;  }
    .area_top .bgfixed>div section h2::before{ width: 70px; top:15px; left: -80px;}
    .push_style1.area{ margin-top: 30px;}
    .push_style1.area .swiper-slide .swiper-content{ position: relative;}
    .push_style1.area .swiper-slide .swiper-img img { aspect-ratio: 4/2.6; }
    .push_style1.area .swiper-slide .swiper-content h3 { line-height: 18px; height: 40px; border-bottom: 1px dotted #c6aad0; }

    .area_tab div.link-list ul li a{  padding: 4px 20px; font-size: 16px !important;}

    .area_swipe_tab .swiper-slide-style { padding: 7px 5px; }
    .area_swipe_tab .swiper-slide .swiper-title{ font-size: 15px;}
}

@media (max-width: 575px){
    .push_style1.area .swiper-container { padding-top: 26px; }

    .area_tab div.link-list ul li a{  padding: 4px 10px;}

    .main_sale.area>.module-container>.main>div>section { margin: 0;}
    .main_sale.area>.module-container>.main>div>section .product_box { flex: 0 0 100%; max-width:100%; margin: 0 0 20px;}

    .area_swipe_tab .swiper-container{ padding-top: 40px;}
    .area_swipe_tab .swiper-button-next.swiper-button-white,.area_swipe_tab .swiper-button-prev.swiper-button-white{ display: none;}

    .area_route .ads-wrapper .item-box{ flex: 0 0 100%; max-width: 100%; margin: 0 0 20px;}
    .area_route .ads-wrapper .item_box figure img {aspect-ratio: 4/2.3;}
    .area_route .expand-graphics .item-box{ flex: 0 0 100%; max-width: 100%; margin: 0 0 20px;}
    .area_route .expand-graphics .item_box figure img {aspect-ratio: 4/2.3;}
}

/******** 關於世邦 ********/
.about_top section { text-align: center; }
.about_top section h1 { font-size: 60px; letter-spacing: 6px; font-weight: 300; margin-bottom: 15px; }
.about_top section>span{ position: relative; font-size: 32px; font-weight: 300; letter-spacing: 4px; text-align: center; }
.about_top section>span+span { margin-left: 40px; }
.about_top section>span+span:before { content: ""; background: #bf96cd; width: 9px; height: 9px; position: absolute; border-radius: 50%; top: 16px; left: -25px; }

.about_tab div.link-list ul { display: flex; white-space: nowrap; padding-bottom: 10px;}
.about_tab div.link-list ul li{ flex: 1; position: relative;}
.about_tab div.link-list ul li a { position: relative; padding: 10px 25px; color: #884c9c; background-color: #f7f7f7; text-align: center; display: block; border: 1px solid #f7f7f7; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.about_tab div.link-list ul li+li a::before{content: ""; position: absolute; background-color: #bf96cd; width: 1px; height: calc(100% + 2px); left: -1px; top: -1px; }
.about_tab div.link-list ul li:hover a{ background-color: #58136f; border: 1px solid #58136f; color: #ffffff; }
.about_tab.about_tab01 div.link-list ul li:nth-child(1) a,
.about_tab.about_tab02 div.link-list ul li:nth-child(2) a,
.about_tab.about_tab03 div.link-list ul li:nth-child(3) a,
.about_tab.about_tab04 div.link-list ul li:nth-child(4) a{background-color: #58136f; border: 1px solid #58136f;color: #ffffff; }
.about_tab.about_tab01 div.link-list ul li:nth-child(1) a::after,
.about_tab.about_tab02 div.link-list ul li:nth-child(2) a::after,
.about_tab.about_tab03 div.link-list ul li:nth-child(3) a::after,
.about_tab.about_tab04 div.link-list ul li:nth-child(4) a::after{ content: ""; width: 0; height: 0; border-style: solid; border-width: 9px 7px 0 7px; border-color: #58136f transparent transparent transparent; position: absolute; bottom: -8px; left: 50%; transform: translate(-50%, 0); }
.about_tab div.link-list ul li a i{ display: block;}

.about_storycontent1 .mix-wrapper{ padding: 15px; }
.about_storycontent1 .pic-content{ margin: 0;   padding: 0;}
.about_storycontent1 .editor-content { margin: 0;  padding: 0 6%; display: -ms-flexbox; display: flex; flex-flow: column; justify-content: center;}
.about_storycontent1 .pic-content { flex: 0 0 600px;   max-width: 600px;}
.about_storycontent1 .editor-content h2{  position: relative; line-height: 28px;  margin-bottom: 30px; padding-left: 18px; color: #58136f; font-size: 28px; font-weight: 600; letter-spacing: 2px;}
.about_storycontent1 .editor-content h2::before{ content: ""; position: absolute; left: 0; top: 0; background: #bf96cd; width: 8px; height: 100%;}
.about_storycontent1 .editor-content article { font-size: 16px; line-height: 32px;color: #333333; }
.about_storycontent1 .editor-content article span{ color: #58136f;}

.about_storycontent2 .mix-wrapper { padding: 15px 15px 180px; }
.about_storycontent2 .pic-content { margin: 0; padding: 0; position: absolute; top:70px; right: 0; flex: 0 0 600px; max-width: 600px; z-index: 1; }
.about_storycontent2 .editor-content { margin: 0; padding: 0 0 0 70px; display: -ms-flexbox; display: flex; align-items: center; background: #f3ebf5; height: 367px; flex: calc(100% - 200px); max-width: calc(100% - 200px); }
.about_storycontent2 .editor-content article { position: relative; flex: calc(100% - 465px); max-width: calc(100% - 465px); width: calc(100% - 460px); font-size: 16px; line-height: 32px; color: #333333; padding-left: 23px; }
.about_storycontent2 .editor-content article::before { content: ""; background: #58136f; width: 3px; height: 100%; position: absolute; left: 0; top: 0; }
.about_storycontent2 .editor-content article p{ margin: 0;}
.about_storycontent2 .editor-content article span{ color: #58136f;}

.about_video { max-width: 1040px; }
.about_video .video-container{ margin-top: 30px;}
.about_story_video2 .spun_title { margin-top: 65px; }
.about_story_video2 .about_video { padding-bottom: 90px; }

.about_timeline .list-wrapper { margin-top: 37px;  padding-left: 25px; max-width: 1000px; }
.about_timeline .list-wrapper>.row{ position: relative;}
.about_timeline .list-wrapper>.row:not(:last-child)::before{ content: ""; position: absolute; width: 1px; height: 100%; background: #bf96cd; top: 8px; left: 4px; z-index: 1; }
.about_timeline .list-wrapper .name-block,.about_timeline .list-wrapper .price-block{ font-size: 16px; padding: 0 0 25px;}
.about_timeline .list-wrapper .name-block{ -ms-flex: 0 0 84px; flex: 0 0 84px; max-width: 84px;;}
.about_timeline .list-wrapper .name-block a{ padding-left: 17px;  position: relative;  cursor:default}
.about_timeline .list-wrapper .name-block a::before { content: ""; width: 9px; height: 9px; position: absolute; background: #bf96cd; border-radius: 50%; left: 0; top: 7px; }
.about_timeline .list-wrapper .price-block{ -ms-flex:1; flex: 1; text-align: left; color: #333333; max-width: 100%; }

.spun_title.glorious { padding: 50px; }
.about_glorious>.module-container>.main { display: flex; }
.about_glorious .header-title { flex: 0 0 323px; max-width: 323px; min-height: 250px; padding-top: 62px; text-align: center; font-size: 28px; font-weight: 300; letter-spacing: 2px; color: #ffffff;}
.about_glorious .header-title::before { content: ""; width: 120px; height: 1px; background: #ffffff; position: absolute; top: 120px; }
.about_glorious.tourism .header-title::before{ width: 85px;}
.about_glorious .falls-container{ background-color: #ffffff;}
.about_glorious .falls-container .grid { height: auto !important; padding: 25px 10px 25px 80px; }
.about_glorious .falls-container .grid .grid-item { position: relative !important; transform: initial !important; background: #ffffff; margin: 0; padding: 25px 10px 25px 40px; 
   left: initial !important; top: initial !important; cursor: default;}
.about_glorious .falls-container .grid .grid-item h3 { color: #58136f; position: relative;}
.about_glorious .falls-container .grid .grid-item h3::before { content: ""; position: absolute; left: -40px; top: 12px; background: #58136f; width: 27px; height: 1px; }
.about_glorious .falls-container .grid .grid-item p{ line-height: 24px; margin: 0;}

.about_award .swiper-container { padding: 100px 0px 40px;}
.about_award.tourism .swiper-container { padding: 20px 0 40px; }
.about_award .swiper-slide-style { background: transparent; box-shadow: none; cursor: default;}
.about_award .swiper-slide .swiper-title{font-size: 16px; padding: 0; color: #333333;}
.about_award .swiper-button-next.swiper-button-white { top: 36px; right: 20px; width: 45px; height: 45px; margin-top: 0; opacity: 1; color: #58136f; }
.about_award .swiper-button-prev.swiper-button-white { top: 36px; right: 66px;  left: initial; opacity: 1; width: 45px; height: 45px; margin-top: 0; color: #58136f; }
.about_award [class*='swiper-button-']:after{ background: #f0e7f3; padding: 5px 10px; font-size: 14px; line-height: 34px; width: 45px; height: 45px; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.about_award .swiper-button-next.swiper-button-white:hover,.about_award .swiper-button-prev.swiper-button-white:hover{ color: #ffffff;}
.about_award [class*='swiper-button-']:hover:after{background-color: #58136f; }
.about_award.tourism .swiper-button-next.swiper-button-white,.about_award.tourism .swiper-button-prev.swiper-button-white{ display: none; }

.profile_list_block { margin-top: 50px; }
.profile_list_block>.module-container>.main.row { justify-content: center; }
.profile_list { flex: 0 0 680px; max-width: 680px; padding-bottom: 20px;}
.profile_list.widget-item.spun_title .header-title { margin-top: 50px; }
.profile_list .list-wrapper { margin-top: 50px;  padding-left: 25px; max-width: 1000px; }
.profile_list.right .list-wrapper { margin-top: 130px; border-left: 1px solid #bf96cd;}
.profile_list.right .list-wrapper>.row:not(:first-child) .name-block a::before{ display: none;}
.profile_list .list-wrapper .name-block,.profile_list .list-wrapper .price-block{ font-size: 16px; padding: 0 0 25px;}
.profile_list .list-wrapper .name-block{ -ms-flex: 0 0 94px; flex: 0 0 94px; max-width: 94px;;}
.profile_list .list-wrapper .name-block a{ padding-left: 17px;  position: relative;  cursor:default; font-weight: 600;}
.profile_list .list-wrapper .name-block a::before { content: ""; width: 9px; height: 9px; position: absolute; background: #bf96cd; border-radius: 50%; left: 0; top: 7px; }
.profile_list .list-wrapper .price-block{ -ms-flex:1; flex: 1; text-align: left; color: #333333; max-width: 100%; } 
.profile_list .list-wrapper .price-block a{ color: #333333;}
.profile_list .list-wrapper .row:last-child .name-block, .profile_list .list-wrapper .row:last-child .price-block { padding-bottom: 0; }

.about_award.profile .header-title { margin-top: 40px; }
.about_award.profile .swiper-container { padding: 65px 0px 40px; }
.about_award.profile .swiper-button-prev.swiper-button-white,.about_award.profile .swiper-button-next.swiper-button-white{ top:20px;}
.about_award.profile .swiper-button-prev.swiper-button-white{ right: 46px;}
.about_award.profile .swiper-button-next.swiper-button-white{ right: 0;}

.organization_block>.module-container>.row>.header-title{ margin-bottom: 30px; }
.organization_left { flex: 0 0 260px; max-width: 260px; }
.organization_left>.module-container, .organization_left>.module-container>.main{ height: 100%;}
.organization_left>.module-container>.main>.header-title { background: #ffffff; color: #58136f; font-size: 20px; text-align: center; border: 1px solid #58136f; padding: 15px 50px; border-radius: 6px; }
.organization_left>.module-container>.main>.header-title::before { content: ""; position: absolute; width: 80px; height: 1px; right: 0; top: 50%; transform: translate(0, -50%); background: #58136f; z-index: -1; }
.organization_left>.module-container>.main { display: flex; align-items: center; }
.organization_left>.module-container>.main>.header-title{font-weight: 600; line-height: 26px;}
.organization_right { max-width: 1100px; flex: 0 0 1100px; }
.organization_right .list-wrapper .row{position: relative; color: #58136f; font-size: 20px; border: 1px solid #58136f; padding:15px 20px 15px 40px; border-radius: 6px; }
.organization_right .list-wrapper .row:before { content: ""; position: absolute; width: 47px; height: 1px; background: #58136f; left: -47px; top: 50%; transform: translate(0, -50%); }
.organization_right .list-wrapper .row+.row{margin-top: 20px;}
.organization_right .list-wrapper{padding-left: 47px; position: relative;}
.organization_right .list-wrapper::before { content: ""; position: absolute; width: 1px; height: calc(100% - 57px); background: #58136f; left: 1px; top: 50%; transform: translate(0, -50%); }
.organization_right .list-wrapper .name-block,.organization_right .list-wrapper .note-block{ padding: 0;}
.organization_right .list-wrapper .name-block{ flex: 0 0 180px; max-width: 180px;}
.organization_right .list-wrapper .note-block{ flex: 1; max-width: 100%;  border-left: 1px solid #58136f;}
.organization_right .list-wrapper .name-block a { font-weight: 600; line-height: 26px;}
.organization_right .list-wrapper .note-block>span { font-size: 20px; color: #333333; padding-left: 50px; position: relative; line-height: 26px;}
.organization_right .list-wrapper .note-block>span::before { content: ""; width: 9px; height: 9px; position: absolute; background: #bf96cd; border-radius: 50%; left: 32px; top: 7px; }
.organization_right .price-block { display: none; }

.philosophy_profile { margin-top: 50px; }
.philosophy_profile .mix-wrapper { padding: 0 15px; }
.philosophy_profile .pic-content { margin-bottom: 0; }
.philosophy_profile .editor-content { margin: 0; padding: 0; display: -ms-flexbox; display: flex; flex-flow: column; justify-content: center; }
.philosophy_profile .editor-content h2 { position: relative; line-height: 28px; margin-bottom: 30px; padding-left: 18px; color: #58136f; font-size: 28px; font-weight: 600; letter-spacing: 2px; }
.philosophy_profile .editor-content h2::before { content: ""; position: absolute; left: 0; top: 0; background: #bf96cd; width: 8px; height: 100%; }
.philosophy_profile .img-box{text-align: center; }
.philosophy_profile article{color: #333333;}
.philosophy_profile article>div { position: relative; padding-left: 90px; }
.philosophy_profile article h3 { position: absolute; font-size: 16px; top:0; left: 20px; line-height: 20px; font-weight: 600; color: #58136f; }
.philosophy_profile article p { font-size: 16px; line-height: 20px; }
.about_experience_block>.module-container>.main { padding-top: 40px; padding-bottom: 20px; }
.philosophy_experience { padding: 0 42px; }
.philosophy_experience .header-title { font-size: 20px; color: #58136f; border-bottom: 1px solid #58136f; margin-bottom: 10px; padding-bottom: 12px; padding-left: 15px; font-weight: 600;}
.philosophy_experience .mix-wrapper { padding: 0 15px; display: -ms-flexbox; display: flex; flex-wrap: wrap;}
.philosophy_experience .mix-wrapper>.row { flex: 0 0 50%; max-width: 50%; margin: 0; }
.philosophy_experience .mix-wrapper .pic-content { display: none; }
.philosophy_experience .editor-content { padding: 0 50px 0 0; }
.philosophy_experience .editor-content li { padding-bottom: 10px; }

.philosophy-business .hover-wall{margin-top: 30px;}
.philosophy-business .hover-wall .htpro_tit{ display: none;}
.philosophy-business .hover-wall .icon_info{ box-shadow: none;}
.philosophy-business .hover-wall .icon_info:hover{box-shadow: none; bottom: 0;}
.philosophy-business .hover-wall .icon_info figure { display: none; }
.philosophy-business .icon_info a{ width: 266px; height:auto; display: block; margin: 0 auto; }
.philosophy-business .hover-wall .icon_info a::before { content: ""; width: 266px; height: 266px;  border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); z-index: 0; }
.philosophy-business .hover-wall>div>.row>div:nth-child(2) .icon_info a::before{background: #8a48a0; }
.philosophy-business .hover-wall>div>.row>div:nth-child(3) .icon_info a::before{background: #cd6fbc; }
.philosophy-business .hover-wall>div>.row>div:nth-child(4) .icon_info a::before{background: #2ba39f; }
.philosophy-business .hover-wall>div>.row>div:nth-child(5) .icon_info a::before{background: #279f61; }
.philosophy-business .hover-wall .icon_info h3,.philosophy-business .hover-wall .icon_info h4,.philosophy-business .hover-wall .icon_info p.animate-text{ position: relative; z-index: 1;}
.philosophy-business .hover-wall .icon_info p.animate-text { letter-spacing: 0; font-size: 16px; margin: 0; padding: 0; line-height: 28px;}
.philosophy-business .hover-wall .icon_info h3, .philosophy-business .hover-wall .icon_info h4{ font-size: 24px;}
.philosophy-business .hover-wall .icon_info h3 { padding: 80px 0 20px; margin: 0 30px; border-bottom: 1px solid rgb(240 231 243 / 50%); letter-spacing: 0.2em; }
.philosophy-business .hover-wall .icon_info h4 { font-family: 'Roboto', sans-serif; letter-spacing: 0.8px; font-weight: 400; margin: 0; padding: 20px 0 110px; }

body .philosophy_word{ border: 1px solid #bf96cd; padding: 40px 45px; margin: 55px 0 80px; }
.philosophy_word .widget-item.spun_title .header-title{ margin-bottom: 20px;}
.philosophy_word article { font-family: '微軟正黑體', Arial; font-size: 16px; line-height: 28px; }
.philosophy_word article p:last-child { float: right; margin-bottom: 0;}

@media (max-width: 1440px){
    .about_video{max-width: calc(100% - 80px);flex: 0 0 calc(100% - 80px); }

    .profile_list { flex: 0 0 calc(50% - 40px); max-width: calc(50% - 40px); }

    .organization_right { max-width: calc(100% - 260px); flex: 0 0 calc(100% - 260px); }
}
@media (max-width: 1199px){
    .about_storycontent1 .editor-content{ padding: 20px; }

    .about_storycontent2 .mix-wrapper { padding: 15px 15px 160px; }
    .about_storycontent2 .editor-content { flex: calc(100% - 100px); max-width: calc(100% - 100px); }
    .about_storycontent2 .pic-content { top: 100px; flex: 0 0 500px; max-width: 500px; }

    .about_glorious .falls-container .grid{ padding: 25px 10px;}

    .organization_right .list-wrapper .row{ padding: 15px;}
    .organization_right .list-wrapper .name-block { flex: 0 0 120px; max-width: 120px; }
    .organization_right .list-wrapper .note-block>span{ padding-left: 30px;}
    .organization_right .list-wrapper .note-block>span::before{ left: 15px;}

    .philosophy-business .icon_info a{ width: 200px; }
    .philosophy-business .hover-wall .icon_info a::before { width: 200px; height: 200px; }
    .philosophy-business .hover-wall .icon_info h3{ padding: 45px 0 20px;}
    .philosophy-business .hover-wall .icon_info h4{padding: 20px 0 70px; }
}
@media (max-width: 991px){
    .about_storycontent1 .pic-content { flex: 0 0 45%;  max-width: 45%; }
    .about_storycontent1 .editor-content{ padding: 20px; }
    .about_storycontent1 .editor-content h2{ font-size: 20px; line-height: 20px; margin-bottom: 14px;}
    .about_storycontent1 .editor-content article { font-size: 15px; line-height: 28px; }

    .about_storycontent2 .mix-wrapper { padding: 15px 15px 160px; }
    .about_storycontent2 .editor-content {flex: calc(100% - 40px); max-width: calc(100% - 40px); padding: 0 0 0 40px;}
    .about_storycontent2 .pic-content { top: 100px; flex: 0 0 350px; max-width: 350px; }
    .about_storycontent2 .editor-content article { flex: calc(100% - 380px); max-width: calc(100% - 380px); width: calc(100% - 380px); font-size: 15px; line-height: 28px;}

    .about_timeline .list-wrapper .name-block, .about_timeline .list-wrapper .price-block { font-size: 15px; padding: 0 0 16px; }

    .about_glorious .header-title { flex: 0 0 250px; max-width: 250px; font-size: 20px;}
    .about_glorious .header-title::before{ top:110px; width: 85px;}
    .about_glorious.tourism .header-title::before{ width: 63px;}

    .about_award .swiper-slide .swiper-title{ font-size: 14px;}

    .organization_left { flex: 0 0 130px; max-width: 130px; }
    .organization_left>.module-container>.main>.header-title{ padding: 15px;}
    .organization_right { max-width: calc(100% - 130px); flex: 0 0 calc(100% - 130px); }
    .organization_right .list-wrapper { padding-left: 30px; }
    .organization_right .list-wrapper .row:before{ left: -30px; width: 30px;}
    .organization_left>.module-container>.main>.header-title,.organization_right .list-wrapper .name-block a{ font-size: 18px;}
    .organization_right .list-wrapper .name-block { flex: 0 0 100px; max-width: 100px; }
    .organization_right .list-wrapper .note-block>span { font-size: 16px; padding-left: 26px;}
    .organization_right .list-wrapper .note-block>span::before{ left: 12px; top: 4px;}

    .philosophy_profile .editor-content h2{ font-size: 20px; line-height: 20px;}

    .philosophy_experience { padding: 0 15px; }
    .philosophy_experience .mix-wrapper { padding: 0;}
    .philosophy_experience .editor-content { padding: 0 20px 0 0; }
}
@media (max-width: 767px){
    .about_top .bgfixed, .about_top .bgfixed>div { min-height: 200px !important; }
    .about_top section h1{ font-size: 36px;}
    .about_top section>span { font-size: 22px; }
    .about_top section>span+span { margin-left: 30px; }
    .about_top section>span+span:before { width: 7px; height: 7px; top: 11px; left: -20px; }

    .about_tab div.link-list ul li a { padding: 4px 10px; font-size: 15px !important; }

    .about_storycontent1 .pic-content { flex: 0 0 100%; max-width: 100%; padding: 20px;}
    .about_storycontent1 .img-mode .img-box{ text-align: center;}

    .about_story_block2.mt_65{ margin-top: 20px; }
    .about_storycontent2 .mix-wrapper { padding: 15px; }
    .about_storycontent2 .pic-content { top: initial; flex: 100%; max-width: 100%; position: relative; text-align: center; margin-bottom: 20px; }
    .about_storycontent2 .editor-content { flex: 100%; max-width: 100%; padding: 20px 20px 20px 40px; height: auto; }
    .about_storycontent2 .editor-content article { flex: 0 0 100%; max-width: 100%; width: 100%; }

    .about_video{max-width: calc(100% - 30px);flex: 0 0 calc(100% - 30px); }

    .about_award .swiper-container { padding: 60px 0px 20px; }
    .about_award.tourism .swiper-container { padding: 20px 0; }
    .about_award .swiper-button-next.swiper-button-white { top: 20px; right: 0px; width: 45px; height: 45px; margin-top: 0; opacity: 1; color: #58136f; }
    .about_award .swiper-button-prev.swiper-button-white { top: 20px; right: 46px; left: initial; opacity: 1; width: 45px; height: 45px; margin-top: 0; color: #58136f; }

    .profile_list { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }
    .profile_list .list-wrapper{ padding-left: 15px; margin-top: 30px;}
    .profile_list.right .list-wrapper { margin-top: 100px;}
    .profile_list .list-wrapper .name-block, .profile_list .list-wrapper .price-block { font-size: 15px; padding: 0 0 15px; }

    .organization_block>.module-container>.row>.header-title{ margin-bottom: 10px;}
    .organization_left { flex: 0 0 100px; max-width: 100px; }
    .organization_left>.module-container>.main>.header-title, .organization_right .list-wrapper .name-block a { font-size: 16px; }
    .organization_left>.module-container>.main>.header-title { padding: 10px;}
    .organization_right { max-width: calc(100% - 100px); flex: 0 0 calc(100% - 100px); }
    .organization_right .list-wrapper { padding-left: 20px; }
    .organization_right .list-wrapper::before { height: calc(100% - 83px); }
    .organization_right .list-wrapper .row{ flex-flow: column; padding: 10px;}
    .organization_right .list-wrapper .row:before { left: -20px; width: 20px; }
    .organization_right .list-wrapper .name-block { flex: 1; max-width: 100%; }
    .organization_right .list-wrapper .row+.row { margin-top: 10px; }
    .organization_right .list-wrapper .note-block { margin-top: 10px; }
    .organization_right .list-wrapper .note-block{ border-left: 0;}
    .organization_right .list-wrapper .note-block>span { padding-left: 13px; padding-right: 12px; }
    .organization_right .list-wrapper .note-block>span::before{ left: 0;}

    .about_experience_block>.module-container>.main { padding-top: 20px;}
    .philosophy_experience .mix-wrapper>.row { flex: 0 0 100%; max-width: 100%; margin: 0; }
    .philosophy_experience .header-title{ margin-bottom: 20px; font-size: 18px;}
    .philosophy_experience .editor-content { margin: 0; padding: 0 15px; font-size: 15px; }
    .philosophy_experience .editor-content ol{ margin: 0; padding-inline-start: 20px; }
    .philosophy_experience+.philosophy_experience { margin-top: 20px; }
}
@media (max-width: 767px) and (min-width:576px){
    .philosophy-business .hover-wall>div>div>div { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
}
@media (max-width: 575px){
    .about_tab div.link-list ul li a { padding: 4px 5px; }

    .about_storycontent1 .pic-content {padding: 0px;}

    .about_story_video2 .about_video { padding-bottom: 60px; }
    .about_story_video2 .spun_title { margin-top: 30px; }
    .about_storycontent2 .editor-content { padding: 20px; }

    .spun_title.glorious { padding: 30px; }
    .about_glorious_block>.module-container>.main{ background-position: left -150px !important; background-size: 150px !important;} 
    .web-page-frame .about_glorious>.module-container>.main { display: flex; flex-flow: column;}
    .about_glorious .header-title { flex: 0 0 100%; max-width: 100%; padding: 20px 20px 20px 150px; text-align: right; min-height: initial; }
    .about_glorious .header-title::before{ display: none;}
    .about_glorious .falls-container .grid .grid-item{ padding: 0px 10px 25px 40px;}

    .profile_list_block { margin-top: 30px; }
    .profile_list.widget-item.spun_title .header-title { margin-top: 30px; }
    .profile_list { flex: 0 0 100%; max-width: 100%; padding: 0 30px;}
    .profile_list.right.widget-item.spun_title .header-title { margin-top: 0; }
    .profile_list.right .list-wrapper{margin-top: 0; border-left: 0;}
    .about_award.profile .header-title { margin-top: 30px; position: absolute; }

    .organization_right .list-wrapper::before { height: 365px; top: 55px; transform: translate(0, 0); }
    .organization_right .list-wrapper .note-block>span { font-size: 15px; padding-left: 26px; display: block; }
    .organization_right .list-wrapper .note-block>span::before { top: 8px; }

    .philosophy_profile { margin-top: 20px; }
    .philosophy_profile .pic-content img{ aspect-ratio: 5/5; object-fit: cover; object-position: center top; width: 100%; max-width: 70%; }
    .philosophy_profile .editor-content { margin-bottom: 20px; border-top: 1px solid #ccc; padding-top: 20px;}
    .philosophy_profile .editor-content h2{ margin-bottom: 20px;}
    .philosophy_profile article h3,.philosophy_profile article p{ font-size: 15px;}

    .philosophy-business .hover-wall .icon_info h3,.philosophy-business .hover-wall .icon_info h4{ font-size: 20px}
    .philosophy-business .hover-wall .icon_info h3{ margin: 0 60px;}
    .philosophy-business .hover-wall .icon_info h4 { padding: 20px 0 60px; }
    .philosophy-business .hover-wall .icon_info p.animate-text{ font-size: 15px; line-height: 26px; }
    .philosophy-business .icon_info a { width: 260px; }
    .philosophy-business .hover-wall .icon_info a::before { width: 180px; height: 180px; }

    body .philosophy_word { margin: 30px 0 80px; padding: 30px 40px; }
    .philosophy_word article { font-size: 15px; line-height: 26px; }
}

/******** 企業專區 ********/
.B2E_top .bgfixed {background-position: center 70%;}
.B2E_top section { text-align: center; }
.B2E_top section h1 { font-size: 60px; letter-spacing: 6px; font-weight: 300; margin-bottom: 15px; }
.B2E_top section>span{ position: relative; font-size: 32px; font-weight: 300; letter-spacing: 4px; text-align: center; }
.B2E_top section>span+span { margin-left: 40px; }
.B2E_top section>span+span:before { content: ""; background: #bf96cd; width: 9px; height: 9px; position: absolute; border-radius: 50%; top: 16px; left: -25px; }
.B2E_top section>span::after { content: ""; background-color: #008742; width: 48px; height: 5px; position: absolute; bottom: -20px; left: 50%; transform: translate(-50%, 0); }

.B2E_tab  div.link-list ul { display: flex; white-space: nowrap; padding-bottom: 10px;}
.B2E_tab  div.link-list ul li{ flex: 1; position: relative;}
.B2E_tab  div.link-list ul li a { width: 100%; position: relative; padding: 10px 25px; color: #884c9c; background-color: #f7f7f7; text-align: center; display: block; border: 1px solid #f7f7f7; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.B2E_tab  div.link-list ul li+li a::before{content: ""; position: absolute; background-color: #bf96cd; width: 1px; height: calc(100% + 2px); left: -1px; top: -1px; }
.B2E_tab  div.link-list ul li:hover a{ background-color: #58136f; border: 1px solid #58136f; color: #ffffff; }
.B2E_tab.B2E_tab01 div.link-list ul li:nth-child(1) a,
.B2E_tab.B2E_tab02 div.link-list ul li:nth-child(2) a,
.B2E_tab.B2E_tab03 div.link-list ul li:nth-child(3) a,
.B2E_tab.B2E_tab04 div.link-list ul li:nth-child(4) a{background-color: #58136f; border: 1px solid #58136f;color: #ffffff; }
.B2E_tab.B2E_tab01 div.link-list ul li:nth-child(1) a::after,
.B2E_tab.B2E_tab02 div.link-list ul li:nth-child(2) a::after,
.B2E_tab.B2E_tab03 div.link-list ul li:nth-child(3) a::after,
.B2E_tab.B2E_tab04 div.link-list ul li:nth-child(4) a::after{ content: ""; width: 0; height: 0; border-style: solid; border-width: 9px 7px 0 7px; border-color: #58136f transparent transparent transparent; position: absolute; bottom: -8px; left: 50%; transform: translate(-50%, 0); }
.B2E_tab div.link-list ul li a i{ display: block;}

@media (max-width: 767px){
    .B2E_tab div.link-list ul li a{ padding: 4px 10px; font-size: 15px !important;}
    .B2E_top section h1{font-size: 26px;}
    .B2E_top section>span{ font-size: 22px;}
    .B2E_top .bgfixed,.B2E_top .bgfixed>div { min-height: 200px !important; }
    .B2E_top section>span::after { width: 36px; height: 3px; }
}
@media (max-width: 575px){
    .B2E_tab div.link-list ul li a{ padding: 4px 5px;}
}

.B2E_incentive_block {margin-top: 50px;}

.B2E_incentive_content .mix-wrapper {padding: 15px;}
.B2E_incentive_content .mix-wrapper > div {position: relative;}
.B2E_incentive_content .pic-content {margin: 0; padding: 0; flex: 0 0 915px; max-width: 915px;}
.B2E_incentive_content .pic-content img {width: 100%;}
.B2E_incentive_content .editor-content { margin: 3.83% 0;  padding: 5% 10%; display: -ms-flexbox; display: flex; flex-flow: column; justify-content: center; position: absolute; flex: 0 0 940px; max-width: 940px; right: 0; background: rgba(247,247,247,1); border-top: 1px solid #58136f; border-bottom: 1px solid #58136f;}
.B2E_incentive_content .editor-content h2{  position: relative; line-height: 28px;  margin-bottom: 30px; padding-left: 18px; color: #58136f; font-size: 28px; font-weight: 600; letter-spacing: 2px;}
.B2E_incentive_content .editor-content h2::before{ content: ""; position: absolute; left: 0; top: 0; background: #bf96cd; width: 8px; height: 100%;}
.B2E_incentive_content .editor-content article { font-size: 16px; line-height: 32px;color: #333333; }
.B2E_incentive_content .editor-content article span{ color: #58136f;}

.B2E_incentive_item {margin-top: 50px;}
.B2E_incentive_item .expand-graphics {margin: 45px -15px 0; justify-content: space-between;}
.B2E_incentive_item .expand-graphics .item-box {flex: 0 0 calc(30% - 15px); max-width: calc(30% - 15px); margin-bottom: 60px !important; counter-increment: my;}
.B2E_incentive_item .expand-graphics .item-box:before {content: counter(my); color: #FFF; position: absolute; z-index: 10; left: 35px; font-size: 40px; font-style: italic;}
.B2E_incentive_item .expand-graphics .item-box a {position: relative; background: #f7f7f7; display: block; border: 1px solid #545454; box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);}
.B2E_incentive_item .expand-graphics .item-box a:before {content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 100px 100px 0 0; border-color: #58136f transparent transparent transparent;}
.B2E_incentive_item .expand-graphics .item-box a > span,
.B2E_incentive_item .expand-graphics .item_box:hover a > span {display: none !important;}
.B2E_incentive_item .expand-graphics .item_box figure {border-radius: 0;}
.B2E_incentive_item .expand-graphics .item_box .item_more_txt h3 {font-size: 26px; line-height: 50px; font-weight: bold; text-align: center; margin: 10px 0 28px; letter-spacing: 1px;}

@media (max-width: 991px){
    .B2E_incentive_content .pic-content { flex: 0 0 100%; max-width: 100%; }
    .B2E_incentive_content .editor-content{ position: relative; flex: 0 0 100%; max-width: 100%; margin: 0;}
    .B2E_incentive_content .editor-content h2{ line-height: 20px; font-size: 20px; margin-bottom: 10px;}
}

@media (max-width: 767px){
    .B2E_incentive_content .editor-content { margin: 0; padding:20px;}
    .B2E_incentive_item .expand-graphics .item-box { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px);}
}
@media (max-width: 575px){
    .B2E_incentive_block {margin-top: 20px;}
    .B2E_incentive_item .expand-graphics .item-box { flex: 0 0 50%; max-width: 50%; margin-bottom: 10px !important; }
    .B2E_incentive_item .expand-graphics .item_box .item_more_txt h3 { font-size: 20px; line-height: 30px; }
    .B2E_incentive_item .expand-graphics .item-box a:before{ border-width: 70px 70px 0 0;}
    .B2E_incentive_item .expand-graphics .item-box:before { left: 30px; font-size: 28px; }
}

.B2E_employee_block {margin-top: 50px;}

.B2E_employee_content .mix-wrapper {padding: 15px;}
.B2E_employee_content .mix-wrapper > div {position: relative; border-top: 1px solid #58136f; border-bottom: 1px solid #58136f;}
.B2E_employee_content .pic-content {margin: 0; padding: 0; flex: 0 0 100%; max-width: 100%;}
.B2E_employee_content .pic-content img {width: 100%;}
.B2E_employee_content .editor-content {margin: 0;  padding: 10.65% 7%; display: -ms-flexbox; display: flex; flex-flow: column; justify-content: center; position: absolute; flex: 0 0 675px; max-width: 675px; left: 0; background: rgba(247,247,247,0.8); z-index: 1;}
.B2E_employee_content .editor-content h2{position: relative; line-height: 28px;  margin-bottom: 30px; padding-left: 18px; color: #58136f; font-size: 28px; font-weight: 600; letter-spacing: 2px;}
.B2E_employee_content .editor-content h2::before{ content: ""; position: absolute; left: 0; top: 0; background: #bf96cd; width: 8px; height: 100%;}
.B2E_employee_content .editor-content article { font-size: 16px; line-height: 32px;color: #333333; }
.B2E_employee_content .editor-content article span{ color: #58136f;}

@media (max-width: 991px){
    .B2E_employee_content .editor-content h2{ line-height: 20px; font-size: 20px; margin-bottom: 10px;}
    .B2E_employee_content .editor-content { padding: 20px; height: 100%; flex: 0 0 70%; max-width: 70%; left: 0; }
}
@media (max-width: 767px){
    .B2E_employee_content .editor-content{ padding: 20px; flex: 0 0 100%; max-width: 100%; position: relative;}
    .B2E_employee_content .pic-content{ display: none;}
}
@media (max-width: 575px){
    .B2E_employee_block { margin-top: 20px; }
}

.B2E_employee_item {margin-top: 50px;}
.B2E_employee_item .expand-graphics {margin: 45px -15px 0; justify-content: space-between;}
.B2E_employee_item .expand-graphics .item-box {flex: 0 0 calc(30% - 15px); max-width: calc(30% - 15px); margin-bottom: 60px !important; counter-increment: my;}
.B2E_employee_item .expand-graphics .item-box:before {content: counter(my); color: #FFF; position: absolute; z-index: 10; left: 35px; font-size: 40px; font-style: italic;}
.B2E_employee_item .expand-graphics .item-box a {position: relative; background: #f7f7f7; display: block; border: 1px solid #545454; box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);}
.B2E_employee_item .expand-graphics .item-box a:before {content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 100px 100px 0 0; border-color: #58136f transparent transparent transparent;}
.B2E_employee_item .expand-graphics .item-box a > span,
.B2E_employee_item .expand-graphics .item_box:hover a > span {display: none !important;}
.B2E_employee_item .expand-graphics .item_box figure {border-radius: 0;}
.B2E_employee_item .expand-graphics .item_box .item_more_txt h3 {font-size: 26px; line-height: 50px; font-weight: bold; text-align: center; margin: 10px 0 28px; letter-spacing: 1px;}

@media (max-width: 767px){
    .B2E_employee_item .expand-graphics .item-box { flex: 0 0 33.33333%; max-width: 33.33333%; margin-bottom: 30px !important;}
}

@media (max-width: 575px){
    .B2E_incentive_block {margin-top: 20px;}
    .B2E_employee_item .expand-graphics .item-box { flex: 0 0 100%; max-width: 100%; margin-bottom: 10px !important; }
    .B2E_employee_item .expand-graphics .item_box .item_more_txt h3 { font-size: 20px; line-height: 30px; }
    .B2E_employee_item .expand-graphics .item-box a:before{ border-width: 70px 70px 0 0;}
    .B2E_employee_item .expand-graphics .item-box:before { left: 30px; font-size: 28px; }
}


.B2E_service_block {margin-top: 50px;}

.B2E_service_process .mix-wrapper {padding: 15px 0;}
.B2E_service_process .mix-wrapper .row {align-items: center; position: relative;}
.B2E_service_process .mix-wrapper .img-mode img {width: 100%;}
.B2E_service_process .mix-wrapper .editor-content {position: absolute; color: #FFF; z-index: 1;}
.B2E_service_process .mix-wrapper .editor-content article {display: flex; justify-content: space-evenly;}
.B2E_service_process .mix-wrapper .editor-content article .row {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.B2E_service_process .mix-wrapper .editor-content .process_title h2 {position: relative; text-align: center; padding-left: 150px; margin: 0; padding-top: 20px;}
.B2E_service_process .mix-wrapper .editor-content .process_title h2:before {content: ''; width: 230px; height: 1px; background: #FFF; position: absolute; top: 42px; left: -15px;}
.B2E_service_process .mix-wrapper .editor-content .process_items {display: flex; flex-wrap: wrap; letter-spacing: 3px; height: 426px; padding: 20px;}
.B2E_service_process .mix-wrapper .editor-content .process_items .process_item_content {flex: 0 0 50%; max-width: 50%; padding: 40px 0 0 20px; position: relative; counter-increment: my;}
.B2E_service_process .mix-wrapper .editor-content .process_items .process_item_content:before {content: counter(my)'.'; font-style: italic; position: absolute; left: 30px; top: 36px; font-size: 26px; font-weight: bold;}
.B2E_service_process .mix-wrapper .editor-content .process_items .process_item_content h3 {font-size: 26px; font-weight: bold; padding-left: 50px;}
.B2E_service_process .mix-wrapper .editor-content .process_items .process_item_content p {font-size: 18px; padding-left: 50px;}
.B2E_service_process .mix-wrapper .editor-content .process_items .process_item_content:first-child {border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; margin-bottom: -1px;}
.B2E_service_process .mix-wrapper .editor-content .process_items .process_item_content:last-child {border-left: 1px solid #FFF; border-top: 1px solid #FFF; margin-left: -1px;}

.B2E_service_valueadded {margin-top: 50px;}
.B2E_service_valueadded .function-row {display: flex; flex-wrap: wrap;}
.B2E_service_valueadded .function-row h2.row-title {order: 2; font-size: 26px; font-weight: bold; margin: 15px auto; position: relative;}
.B2E_service_valueadded .function-row h2.row-title:before {content: ''; width: 88px; background: #58136f; height: 1px; display: table; position: absolute; left: -100px; top: 50%;}
.B2E_service_valueadded .function-row h2.row-title:after {content: ''; width: 88px; background: #58136f; height: 1px; display: table; position: absolute; right: -100px; top: 50%;}
.B2E_service_valueadded .function-row .row-content {order: 1; display: flex; justify-content: space-between; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 65px 0 50px;}
.B2E_service_valueadded .function-row .row-content li {-ms-flex: 0 0 283px; flex: 0 0 283px; max-width: 283px;}
.B2E_service_valueadded .function-row .row-content li a {width: 283px; height: 283px; border-radius: 50%; display: flex; justify-content: center; flex-direction: column; align-items: center; cursor: auto;}
.B2E_service_valueadded .function-row .row-content li a img {width: initial;}
.B2E_service_valueadded .function-row .row-content li a h3 {font-size: 26px; font-weight: bold;}


.B2E_service_area {margin-top: 50px;}
.B2E_service_area .mix-wrapper {padding: 15px;}
.B2E_service_area .pic-content {margin: 0; padding: 0; flex: 0 0 100%; max-width: 100%;}
.B2E_service_area .pic-content img {width: 100%;}
.B2E_service_area .editor-content {margin: 0;  padding: 5% 6%; display: -ms-flexbox; display: flex; flex-flow: column; justify-content: center; position: absolute; flex: 0 0 100%; max-width: 100%; z-index: 1;}
.B2E_service_area .editor-content h2{position: relative; line-height: 28px;  margin-bottom: 50px; padding-left: 18px; color: #FFF; font-size: 28px; font-weight: 600; letter-spacing: 2px;}
.B2E_service_area .editor-content h2::before{ content: ""; position: absolute; left: 0; top: 0; background: #bf96cd; width: 8px; height: 100%;}
.B2E_service_area .editor-content article ul {display: flex; align-items: center; flex-wrap: wrap; text-align: center; justify-content: space-between; list-style: none; margin: 0;}
.B2E_service_area .editor-content article ul li {flex: 0 0 calc(50% - 10px); max-width:calc(50% - 10px); font-size: 26px; color: #58136f; font-weight: bold; padding: 20px 0; border: 1px solid #58136f; background: #FFF; line-height: 50px; display: flex; align-content: center; justify-content: center; align-items: center;}
.B2E_service_area .editor-content article ul li:nth-child(1),
.B2E_service_area .editor-content article ul li:nth-child(2) {background: #decbe4; margin-bottom: 25px;}
.B2E_service_area .editor-content article ul li:nth-child(3),
.B2E_service_area .editor-content article ul li:nth-child(4) {flex: 0 0 calc(25% - 15px); max-width: calc(25% - 15px);}
.B2E_service_area .editor-content article ul li img {margin-right: 5px;}
.B2E_service_area .editor-content article ul li span{font-size: 36px; font-weight: bold; margin-left: 25px;}
.B2E_service_area .editor-content article ul li a{  color: #58136f; }

.B2E_VIP_business_bpecialist {margin-top: 50px; margin-bottom: 80px;}
.B2E_VIP_business_bpecialist .expand-graphics {margin: 10px -15px;}
.B2E_VIP_business_bpecialist .expand-graphics .item_morebox {margin: 15px 0 35px;}
.B2E_VIP_business_bpecialist .expand-graphics .item_morebox a {display: block !important; font-size: 26px; font-weight: bold; color: #333; border: none !important; text-align: left; padding: 0 18px; cursor: auto;}
.B2E_VIP_business_bpecialist .expand-graphics .item_morebox a:focus {outline: 0; box-shadow: none;}
.B2E_VIP_business_bpecialist .expand-graphics .item_morebox a i {margin: 0;}
.B2E_VIP_business_bpecialist .expand-graphics > div:last-child {order: 1;}
.B2E_VIP_business_bpecialist .expand-graphics > div:first-child {order: 2;}
.B2E_VIP_business_bpecialist .expand-graphics > div:nth-child(2) {order: 3;}
.B2E_VIP_business_bpecialist .expand-graphics > div:nth-child(3) {order: 4;}
.B2E_VIP_business_bpecialist .expand-graphics .item-box {padding: 0 15px;}
.B2E_VIP_business_bpecialist .expand-graphics .item-box .item_box {height: 578px; border: 1px solid #b7b7b7; padding: 0; background: #f5f5f5;}
.B2E_VIP_business_bpecialist .expand-graphics .item-box a {cursor: auto;}
.B2E_VIP_business_bpecialist .expand-graphics .item_box a figure {padding: 35px 25px; background: #FFF; margin: 0; border-radius: 0; height: 150px; display: flex; align-items: center;}
.B2E_VIP_business_bpecialist .expand-graphics .item_box:hover a figure img {opacity: 1;}
.B2E_VIP_business_bpecialist .expand-graphics .item_box a .item_more_txt {padding: 25px 25px 10px;}
.B2E_VIP_business_bpecialist .expand-graphics .item_box a .item_more_txt h3 {width: 100%; font-size: 20px; color: #58136f; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #58136f; margin-bottom: 20px;}
.B2E_VIP_business_bpecialist .expand-graphics .item_box a .item_more_txt span.item_tag {width: 100%; font-size: 18px !important; color: #333 !important; margin: 0 !important; display: table; padding: 0 0 5px 0;}
.B2E_VIP_business_bpecialist .expand-graphics .item_box a .item_more_txt span.item_tag:nth-child(3n+2) {font-size: 20px !important; font-weight: bold;}
.B2E_VIP_business_bpecialist .expand-graphics .item_box a .item_more_txt span.item_tag:nth-child(3n+4) { padding: 0 0 15px 0;}
.B2E_VIP_business_bpecialist .expand-graphics .item_box a > h4,
.B2E_VIP_business_bpecialist .expand-graphics .item_box a > span {display: none !important;}
@media (max-width: 1400px){
    .B2E_service_process .mix-wrapper .editor-content .process_title{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
    .B2E_service_process .mix-wrapper .editor-content .process_items{ -ms-flex: 0 0 66.666666%; flex: 0 0 66.666666%; max-width: 66.666666%; }
    .B2E_service_valueadded .function-row .row-content li { -ms-flex: 0 0 calc(25% - 10px); flex: 0 0 calc(25% - 10px); max-width: calc(25% - 10px); }
    .B2E_service_valueadded .function-row .row-content li a { width: 200px; height: 200px; margin: 0 auto; }
    .B2E_service_valueadded .function-row .row-content li a img { width: 80px; }
    .B2E_service_valueadded .function-row .row-content li:nth-child(3) img { width: 120px; padding-top: 20px; padding-bottom: 10px; }
    .B2E_service_valueadded .function-row .row-content li a h3 { font-size: 20px; }
    .B2E_service_area .mix-wrapper>.row { align-items: center; }
    .B2E_service_area .editor-content{ padding: 20px;}
    .B2E_service_area .editor-content h2{ margin-bottom: 30px;}
    .B2E_service_area .editor-content article ul li span { font-size: 28px; margin-left: 15px; }
    .B2E_service_area .editor-content article ul li{ font-size: 20px; padding: 10px 0; }
    .B2E_service_area .editor-content article ul li>img { max-width: 80px; }
    .B2E_VIP_business_bpecialist .expand-graphics .item_box a .item_more_txt h3{ font-size: 20px;}
    .B2E_VIP_business_bpecialist .expand-graphics .item_box a .item_more_txt span.item_tag:nth-child(3n+2){font-size: 16px !important; }
    .B2E_VIP_business_bpecialist .expand-graphics .item_box a .item_more_txt span.item_tag{ font-size: 15px !important;}
}
@media (max-width: 1199px){
    .B2E_service_process .mix-wrapper .editor-content .process_title{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
    .B2E_service_process .mix-wrapper .editor-content .process_title h2 { padding-left: 0px; padding-top: 0; font-size: 24px; }
    .B2E_service_process .mix-wrapper .editor-content .process_title h2:before { width: 30px; top: 13px; left: -15px; }
    .B2E_service_process .mix-wrapper .editor-content .process_items { height: 100%; padding: 20px; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .B2E_service_process .mix-wrapper .editor-content .process_items .process_item_content{  padding: 20px 0 0 20px;}
    .B2E_service_process .mix-wrapper .editor-content .process_items .process_item_content h3 { font-size: 20px; padding-left: 20px; }
    .B2E_service_process .mix-wrapper .editor-content .process_items .process_item_content:before { left: 10px; top: 13px; font-size: 24px; }
    .B2E_service_process .mix-wrapper .editor-content .process_items .process_item_content p { font-size: 15px; padding-left: 20px; }
}
@media (max-width: 991px){
    .B2E_service_process .mix-wrapper .editor-content{ position: relative; top: inherit; right: inherit;}
    .B2E_service_process .mix-wrapper .editor-content .process_title { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 20px; }
    .B2E_service_process .mix-wrapper .editor-content .process_title h2 { font-size: 20px; display: table; margin: 0 auto;}
    .B2E_service_process .mix-wrapper .editor-content .process_title h2:before { width: 30px; top: 12px; left: -40px; }
    .B2E_service_process .mix-wrapper .editor-content .process_title h2:after { width: 30px; height: 1px; top: 12px; right: -40px; content: ""; position: absolute; background: #ffffff; }
    .B2E_service_process .mix-wrapper .editor-content .process_items { height: auto; padding: 0 20px 20px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; background: #764287; }
    .B2E_service_process .mix-wrapper .editor-content .process_items .process_item_content { padding: 20px 0 0 20px; flex: 0 0 100%; max-width: 100%; }
    .B2E_service_process .mix-wrapper .editor-content .process_items .process_item_content:first-child{ border-right: 0;}
    .B2E_service_process .mix-wrapper .editor-content .process_items .process_item_content:last-child{ border-left: 0;}
    .B2E_service_process .mix-wrapper .editor-content .process_items .process_item_content+.process_item_content{ border-top:1px solid #ffffff;}
    .B2E_service_process .mix-wrapper .pic-content{position: absolute; top: 0; height: 70px; }
    .B2E_service_process .mix-wrapper .img-mode img { width: 100%; max-height: 70px; object-fit: cover; object-position: center top; }
    .B2E_service_valueadded .function-row .row-content{ margin: 35px 0 20px;}
    .B2E_service_valueadded .function-row .row-content li a { width: 140px; height: 140px; }
    .B2E_service_valueadded .function-row .row-content li a img { width: 45px; }
    .B2E_service_valueadded .function-row .row-content li:nth-child(3) img { width: 70px; padding-top: 10px; padding-bottom: 5px; }
    .B2E_service_valueadded .function-row .row-content li a h3 { font-size: 15px; }
    .B2E_service_valueadded .function-row h2.row-title { font-size: 18px; }
    .B2E_service_area .editor-content h2 { margin-bottom: 20px; font-size: 20px; line-height: 20px; }
    .B2E_service_area .editor-content article ul li:nth-child(1),
    .B2E_service_area .editor-content article ul li:nth-child(2) { background: #decbe4; margin-bottom: 15px; }
    .B2E_service_area .editor-content article ul li span { font-size: 22px; margin-left: 5px; }
    .B2E_service_area .editor-content article ul li { font-size: 16px; line-height: 30px; }
}
@media (max-width: 767px){
    .B2E_VIP_business_bpecialist .expand-graphics .item-box .item_box { height: auto; }
    .B2E_VIP_business_bpecialist .expand-graphics .item_box a figure { padding: 15px 25px; height: auto; }
    .B2E_VIP_business_bpecialist .expand-graphics .item_morebox a{ font-size: 15px;}
}
@media (max-width: 575px){
    .B2E_service_valueadded .function-row .row-content { margin: 35px 0 0px; }
    .B2E_service_valueadded .function-row .row-content li { -ms-flex: 0 0 calc(25% - 5px); flex: 0 0 calc(25% - 5px); max-width: calc(25% - 5px); }
    .B2E_service_valueadded .function-row .row-content li a { width: 80px; height: 80px; }
    .B2E_service_valueadded .function-row .row-content li a img { width: 30px; }
    .B2E_service_valueadded .function-row .row-content li:nth-child(3) img { width: 50px; padding-top: 10px; padding-bottom: 2px; }
    .B2E_service_valueadded .function-row .row-content li a h3 { font-size: 14px; margin: 5px; }
    .B2E_service_valueadded .function-row h2.row-title { font-size: 15px; }
    .B2E_service_valueadded .function-row h2.row-title:before,.B2E_service_valueadded .function-row h2.row-title:after{ display: none;}   
    .B2E_service_area .editor-content article ul li>img { max-width: 20px; }
    .B2E_service_area .editor-content article ul li:nth-child(5)>img { max-width: 50px; }
    .B2E_service_area .editor-content { padding: 10px 0; position: relative; }
    .B2E_service_area .editor-content h2{ margin-left: 20px;}
    .B2E_service_area .pic-content{ position: absolute; top: 0; height: 70px;}
    .B2E_service_area .pic-content img { width: 100%; max-height: 70px; object-fit: cover; object-position: center top; }
    .B2E_service_area .editor-content h2 { margin-bottom: 40px; }
    .B2E_service_area .editor-content article ul li { flex: 0 0 100%; max-width: 100%;}
    .B2E_service_area .editor-content article ul li:nth-child(3), .B2E_service_area .editor-content article ul li:nth-child(4) { flex: 0 0 calc(50% - 5px); max-width: calc(50% - 5px); margin-bottom: 15px; }
    .B2E_service_area .editor-content article ul li span { font-size: 18px; }
}

.B2E_partner_block {margin-top: 50px; margin-bottom: 80px;}

.B2E_partner_content .list-wrapper {margin-top: 37px; padding: 10px 0 0; max-width: 100%; border-top: 1px solid #58136f;}
.B2E_partner_content .list-wrapper .name-block,
.B2E_partner_content .list-wrapper .price-block {font-size: 16px; padding: 0px;}
.B2E_partner_content .list-wrapper .name-block {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.B2E_partner_content .list-wrapper .name-block a {padding-left: 17px; line-height: 30px; position: relative; cursor: auto;}
.B2E_partner_content .list-wrapper .name-block a::before { content: ""; width: 8px; height: 8px; position: absolute; background: #008842; border-radius: 50%; left: 0; top: 7px; }
.B2E_partner_content .list-wrapper .price-block { -ms-flex:1; flex: 1; text-align: left; color: #333333; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 !important;}
.B2E_partner_content .list-wrapper .row {background: #FFF; border: none; padding: 10px 25px;}
.B2E_partner_content .list-wrapper .row:nth-child(even) {background: #f9f9f9;}
.B2E_partner_content .list-wrapper .row:hover:nth-child(even) {background: #f4f4f4;}
@media (max-width: 575px){
    .B2E_partner_block { margin-top: 20px; margin-bottom: 40px; }
    .B2E_partner_content .list-wrapper .name-block,
    .B2E_partner_content .list-wrapper .price-block { font-size: 15px; }
    .B2E_partner_content .list-wrapper .name-block a { line-height: 26px; }
}

/* 公司位置圖 */
.location_text .header-title { color: #333333; font-size: 16px; }
.location_text .text-container section.link.text-link { margin-top: 20px; border-left: 3px solid #58136f; }
.location_text div.link-list ul li a,.location_text div.link-list ul li span{ padding: 5px 10px 5px 20px;}
@media (max-width: 1440px){
    .bank_width{ max-width:calc(100% - 80px); flex: 0 0  calc(100% - 80px); }
}
@media (max-width: 767px){
    .bank_width{ max-width: calc(100% - 30px); flex: 0 0 calc(100% - 30px); }
}

/*銀行專區*/
.bank_width{ max-width: 1200px; -ms-flex: 0 0 100%; flex: 0 0 100%; }
.bank_dm img { width: 100%; }
.bank_btn { background: #ffffff; }
.bank_btn .function-row .row-content{ justify-content: center;  margin: 30px auto;}
.bank_btn .function-row li { flex: 1; max-width: 300px; margin-bottom: 5px;  margin-top: 5px; }
.bank_btn .function-row li:hover { margin-bottom: 0; margin-top: 10px; }
.bank_btn .function-row li a{  padding:20px 40px 20px 20px; width: 100%; position: relative;}
.bank_btn .function-row li a::after{ content: ""; position:absolute; background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/e38e7f45-18f5-4b0c-a358-8e61208b8d6c.svg); background-position:center; background-repeat: no-repeat; 
 width: 25px; height: 25px; top: 50%; transform: translate(0, -50%);}
.bank_btn .function-row li a h3{ font-size: 24px; margin-top: 0; letter-spacing: 2px; line-height: 32px;} 
.bank_footer { margin-bottom: 60px; }
@media (max-width: 1199px){
    .bank_width.mt_65{ margin-top: 0; }
    .bank_btn .function-row li a { padding: 20px 35px 20px 15px; }
    .bank_btn .function-row li a h3{ font-size: 20px;}
    .bank_btn .function-row li a::after { width: 20px; height: 24px; }
}
@media (max-width: 767px){
    .bank_width.mt_65{ margin-top: 0; }
    .bank_btn .function-row li a { padding: 10px 25px 10px 5px; }
    .bank_btn .function-row li a h3 { font-size: 15px; letter-spacing: 0; }
    .bank_btn .function-row li a::after { width: 20px; height: 24px; }
}

/*ClubMed*/
.clubmed_area .hover-wall .htpro_tit{ margin-bottom: 0;}
.clubmed_area .hover-wall .htpro_tit h1{  border-bottom: 3px solid #c8c8c8; font-weight: 600; margin: 20px auto 35px; padding: 10px; line-height: initial;}
.clubmed_area .hover-wall .icon_info h3{ font-size: 20px; margin-bottom: 20px;}
.clubmed_area .hover-wall figure .overlay i{ display: none;}
.clubmed_btn { background: #ffffff; }
.clubmed_btn .header-title { border-bottom: 3px solid #c8c8c8; display: table; margin: 0 auto; margin: 20px auto 35px; padding: 10px; letter-spacing: 0.05em; font-size: 1.7em; line-height: initial; color: #1b4894; }
.clubmed_btn .function-row .row-content{ justify-content: center;  margin: 30px 15px;}
.clubmed_btn .function-row li { flex: 1; max-width: 300px; margin-bottom: 5px;  margin-top: 5px; }
.clubmed_btn .function-row li:hover { margin-bottom: 0; margin-top: 10px; }
.clubmed_btn .function-row li a{  padding:20px 5px; width: 100%; position: relative;}
.clubmed_btn .function-row li a h3{ font-size: 18px; margin-top: 0; letter-spacing: 0; line-height: 24px;} 
@media (max-width: 1440px){ 
    .spun_width.clubmed_block,.spun_width .clubmed_block{ max-width: 100%; flex: 100%; }
}
@media (max-width: 991px){
    .clubmed_btn .function-row .row-content{justify-content: flex-start;}
    .clubmed_btn .function-row li { flex: 0 0 33.333333%;}
}
@media (max-width: 767px){
    .spun_width.clubmed_block,.spun_width .clubmed_block{ max-width: 100%; flex: 100%; }
    .clubmed_area .hover-wall .htpro_tit h1{  font-size: 24px;}
    .clubmed_area .hover-wall .icon_info h3{ font-size: 18px; }
    .clubmed_btn .function-row li a h3 { font-size: 15px; letter-spacing: 0; }
}

/*隱私權政策*/
.privacy article h3 { font-size: 20px; margin-top: 30px; margin-bottom: 10px; }
.privacy article ol li { line-height: 28px; }

/******** gotop ********/
.spun_gotop .actGotop{ bottom: 60px; width: 46px; height: 46px;z-index: 1048 !important;}
.spun_gotop .actGotop a:link{ width: 46px; height: 46px;}
.spun_gotop .actGotop a i { width: 46px; top: 8px; font-size: 26px; }
.spun_gotop .side_box{ bottom: 100px; z-index: 1048; display: none;}
.spun_gotop .side_bar { border-radius: 50px; box-shadow: none; margin-bottom: 0; padding: 0; width: 46px; background: transparent;}
.spun_gotop .side_bar li { width: 46px; height: 46px; padding: 9px 0; border-radius: 50%; background: #00c300; }
.spun_gotop .side_bar li img { width: 28px; opacity: 1;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.spun_gotop .side_bar li:hover img{ opacity: 0.8;}
@media (max-width: 767px){
    .spun_gotop .actGotop{ bottom: 85px; width: 40px; height: 40px;}
    .spun_gotop .actGotop a:link{ width: 40px; height: 40px;}
    .spun_gotop .actGotop a i { width: 40px; top: 6px; font-size: 24px; }
    .spun_gotop .side_box{ bottom: 135px; display: block;}
    .spun_gotop .side_bar { width: 40px; }
    .spun_gotop .side_bar li { width: 40px; height: 40px; padding: 7px 0;}
    .spun_gotop .side_bar li img{ width: 25px;}
}
@media (max-width: 575px){
    .spun_gotop .actGotop{ bottom: 60px; right: 5px !important;}
    .spun_gotop .side_box{ bottom:110px; right: 5px !important;}
}

/*主題專區*/
.theme_tab .nav-item { border-left: 1px solid rgb(255 255 255 / 20%); }
.theme_tab .nav-item:last-child{ border-right: 1px solid rgb(255 255 255 / 20%); }
.theme_tab .nav-item{ flex: 1;}
.theme_tab .nav-link { font-size: 18px; font-weight: 600; padding:14px 5px;  border-radius: 0; position: relative; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.theme_tab .nav-pills .nav-link.active::after,.theme_tab .nav-pills .show>.nav-link::after{ content: ""; width: 0; height: 0; border-style: solid; border-width: 9px 7px 0 7px; border-color:#333333 transparent transparent transparent; position: absolute; bottom: -8px; left: 50%; transform: translate(-50%, 0);  z-index: 1;}
.theme_top { margin-top: 10px; }
.theme_top .carousel-indicators,.theme_top .carousel-control-next,.theme_top .carousel-control-prev{ display: none;}
.theme_top .carousel-fade .carousel-item{ cursor: default;}
.theme_route_block{ padding-bottom: 30px;}
.theme_route { padding:30px 40px; }
.web-page-frame .widget-item.theme_route > .module-container > .main { margin: 0; }
.theme_route>.module-container>.main>.header-title { margin-bottom:0; }
.theme_route>.module-container>.main>div>section {margin: 0 -7.5px;}
.theme_route>.module-container>.main>div>section .metropolis{ width: 100%;}
.theme_route>.module-container>.main>div>section,.theme_route>.module-container>.main>div>section .product_all{ width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.theme_route>.module-container>.main>div>section .product_box { flex: 0 0 calc(33.33333% - 15px); max-width: calc(33.33333% - 15px); margin: 0 7.5px 20px; background-color: #ffffff; border: 1px solid #d7d7d7; position: relative; padding-bottom: 50px;}
.theme_route>.module-container>.main>div>section .title_box img{ display: none; }
.theme_route>.module-container>.main>div>section .title_box{ padding: 8px 10px; margin:30px 0; background: #ffe51e; }
.theme_route>.module-container>.main>div>section .title_box h1 { position: relative;  display: table; line-height: 28px;  color: #545454; font-size: 22px; font-weight: 600; letter-spacing: 3px; margin-bottom: 0; padding-left: 24px; padding-right: 24px; }
.theme_route>.module-container>.main>div>section .title_box h1::before,.theme_route>.module-container>.main>div>section .title_box h1::after{  content: "●"; position: absolute; font-size: 12px; line-height: 30px; color: #4b9dc0;}
.theme_route>.module-container>.main>div>section .title_box h1::before { left: 0; }
.theme_route>.module-container>.main>div>section .title_box h1::after { right: 0; }
.theme_route>.module-container>.main>div>section .metropolis>div.title_box:first-child{ margin-top: 0; }
.theme_route .product_box .product_img{ overflow: hidden;}
.theme_route .product_box img { max-width: 100%; aspect-ratio: 4/2.65; object-fit: cover; object-position: center center; width: 100%;  -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.theme_route .product_box:hover img{-webkit-transform: scale(1.2) rotate(0deg); -ms-transform: scale(1.2) rotate(0deg); transform: scale(1.2) rotate(0deg);}
.theme_route .product_box .product_name { margin-top: 16px; padding: 0 18px; font-size: 16px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; }
.theme_route .product_box .product_name a { color: #333333; text-decoration: none; }
.theme_route .product_box .departure_date { margin-top: 15px; margin-bottom: 15px; padding: 0 18px;}
.theme_route .product_box .departure_date>s{ text-decoration: line-through;}
.theme_route .product_box .departure_date a { color: #333333; font-size: 15px; text-decoration: none; }
.theme_route .product_box .departure_date a:hover{ color: #58136F;}
.theme_route .product_box .departure_date a:hover::before{ color: #333333;}
.theme_route .product_box .product_description { margin-top: 3px; padding: 0 18px; font-size: 15px; color: #008842; }
.theme_route .product_box .product_price{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: right; margin-bottom: 15px; padding: 0 18px; letter-spacing: 0.5px; }
.theme_route .product_box .product_price span { color: #eb7127; font-size: 20px; font-weight: 600; }
.theme_route.title_radius>.module-container>.main>div>section .title_box{ border-radius: 20px; }
.theme_route.title_radius>.module-container>.main>div>section .product_box{ border-radius: 10px;}
.theme_route.title_radius .product_box .product_img { border-top-right-radius: 9px; border-top-left-radius: 9px; }
@media (max-width: 1440px){
    .theme_top { margin-top:0; }
    .theme_route_block{ padding-bottom: 0;}
    .spun_width.theme_top,.spun_width.theme_route_block,.spun_width.theme_tab{ max-width: 100%; flex: 0 0 100%; }
}
@media (max-width: 1199px){
    .theme_route .product_box .product_name,.theme_route .product_box .departure_date,.theme_route .product_box .product_price{padding: 0 10px; }
    .theme_route .product_box .product_name{margin-top: 10px;}
    .theme_route .product_box .product_price{ margin-bottom: 10px;}
}
@media (max-width: 1023px){
    .theme_route>.module-container>.main>div>section { margin: 0 -5px;}
    .theme_route>.module-container>.main>div>section .product_box { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); margin: 0 5px 20px;}
}
@media (max-width: 991px){
    .theme_tab .nav-link { font-size: 16px; padding: 14px 2px;}
    .theme_route>.module-container>.main>div>section .product_box { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); margin-bottom: 30px; }
    .theme_route>.module-container>.main>div>section .title_box h1{ font-size: 20px; line-height: 20px;}
    .theme_route>.module-container>.main>div>section .title_box h1::before, .theme_route>.module-container>.main>div>section .title_box h1::after { line-height: 22px; }
}
@media (max-width: 767px){
    .theme_tab .blk-tabs{ display: block; margin-bottom: -15px;}
    .theme_tab .blk-tabs>ul{ overflow-x: scroll; overflow-y: hidden; flex-wrap: nowrap; justify-content: flex-start !important; padding-bottom: 15px;}
    .theme_tab .nav-link{ white-space: nowrap;  padding: 14px 10px;}
    .theme_tab .nav-item { flex: auto; }
}
@media (max-width: 575px){
    .theme_tab .nav-link{ font-size: 15px;}
    .theme_route { padding: 20px; }
    .theme_route>.module-container>.main>div>section .title_box{ margin: 15px 0; padding: 14px 10px;}
    .theme_route>.module-container>.main>div>section .product_box { flex: 0 0 100%; max-width: 100%; margin: 0 0 30px;}
    .theme_route .product_box img{aspect-ratio: 4/2.3;}
}

/* 橫式行程排列主題頁 */
.row_route_block{ padding-bottom: 40px; }
.row_route { padding:25px 80px; }
.row_route .list-wrapper>.row { position: relative;  margin-bottom: 20px; border-radius: 8px; box-shadow: 0px 3px 5px rgb(0 0 0 / 30%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.row_route .list-wrapper .pic-block{ -ms-flex: 0 0 210px; flex: 0 0 210px; max-width: 210px;  padding: 5px;}
.row_route .pic-block>img { border-radius: 8px;    aspect-ratio: 4/2.65; object-fit: cover; object-position: center center; width: 100%; }
.row_route .list-wrapper .name-block{ -ms-flex: 1; flex: 1; max-width: initial; position: relative; z-index: 1; }
.row_route .list-wrapper .name-block a { display: block; height: 100%; width: 100%; font-size: 20px;  font-weight: 600;  line-height: 26px; padding-right: 180px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.row_route .list-wrapper .note-block { font-size: 16px; font-weight: 600; -ms-flex: 0 0 calc(100% - 390px); flex: 0 0 calc(100% - 390px); max-width: calc(100% - 390px); position: absolute; right: 180px; bottom: 0; }
.row_route .list-wrapper .note-block::before { content: "出發日期"; padding: 1px 8px; border: 1px solid #ff6600; margin-right: 5px; border-radius: 20px; }
.row_route .list-wrapper .price-block { padding: 15px; font-family: Arial,sans-serif; font-size: 24px; font-weight: 600;  position: absolute; -ms-flex: 0 0 180px; flex: 0 0 180px; max-width: 180px; bottom: 0px; right: 0; }
.row_route .list-wrapper .price-block::before { content: "$"; padding-right: 3px; }
.row_route .list-wrapper .price-block::after { content: "起"; font-size: 16px; padding-left: 3px;  font-weight:400;}
@media (max-width: 1440px){
    .row_route_block{ max-width: 100%; flex: 0 0 100%; padding-bottom: 0px; }
}
@media (max-width: 1199px){
    .row_route { padding: 25px 40px; }
    .row_route .list-wrapper .name-block a{ padding-right: 0;}
}
@media (max-width: 991px){
    .row_route .list-wrapper .name-block a{ font-size: 18px;}
    .row_route .list-wrapper .note-block{ font-size: 15px; -ms-flex: 0 0 calc(100% - 360px); flex: 0 0 calc(100% - 360px); max-width: calc(100% - 360px); right: 150px; }
    .row_route .list-wrapper .price-block { padding: 15px 15px 15px 0; font-family: Arial,sans-serif; font-size: 20px; -ms-flex: 0 0 150px; flex: 0 0 150px; max-width: 150px; }
}
@media (max-width: 767px){
    .row_route { padding: 15px 25px; }
    .row_route .pic-block>img { aspect-ratio: 4/3.5; }
    .row_route .list-wrapper .note-block::before{ display: none;}
}
@media (max-width: 575px){
    .row_route .list-wrapper .pic-block{ display: none;}
    .row_route .list-wrapper .name-block a{ font-size: 16px;}
    .row_route .list-wrapper .note-block { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; right: 0; position: relative; padding-top: 0; padding-bottom: 40px; font-size: 14px; }
    .row_route .list-wrapper .price-block{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 15px 15px 10px 0; font-size: 18px;}
}

/*橫式3欄排列主題 */
.column_route_block{ padding-bottom: 40px; }
.column_route { padding: 40px 60px; }
.column_route .ads-wrapper .item_box { position: relative; padding-bottom: 50px;  background: #ffffff; height: 100%;  border-radius: 10px; box-shadow: 0px 3px 5px rgb(0 0 0 / 30%); }
.column_route .ads-wrapper .item_box figure { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.column_route .ads-wrapper .item_box figure img { aspect-ratio: 4/2.65; object-fit: cover; object-position: center center; }
.column_route .ads-wrapper .item_box span.item_btn,.column_route .ads-wrapper .item_box span.item_btn_hover,
.column_route .ads-wrapper .item_box:hover span.item_btn_hover{ display: none;}
.column_route .ads-wrapper .item_box .item_more_txt { padding: 0 20px; }
.column_route .ads-wrapper .item_box .item_more_txt h3 { font-weight: 600; line-height: 26px; text-align: justify; }
.column_route .ads-wrapper .item_box .item_more_txt span.item_tag { margin: 0; padding: 0; }
.column_route .ads-wrapper .item_box h4{ position: absolute; font-family: Arial,sans-serif; font-size: 24px; bottom: 15px; right: 20px; margin: 0;}
.column_route .ads-wrapper .item_box h4::after { content: "起"; font-size: 14px; font-weight: 400; padding-left: 3px;}
@media (max-width: 1440px){
    .column_route_block{ max-width: 100%; flex: 0 0 100%; padding-bottom: 0px; }
}
@media (max-width: 991px){
    .column_route { padding: 30px; }
}
@media (max-width:767px){
    .column_route { padding: 15px 25px; }
}
@media (max-width:575px){
    .column_route .ads-wrapper .item_box .item_more_txt h3 { line-height: 24px; font-size: 16px; }
    .column_route .ads-wrapper .item_box .item_more_txt span.item_tag{ font-size: 14px;}
    .column_route .ads-wrapper .item_box h4{ font-size: 18px;}
}


/* 連假攻略專區 */
.vacation_top{ margin-top: 10px; }
.vacation_top .carousel-indicators,.vacation_top .carousel-control-next,.vacation_top .carousel-control-prev{ display: none;}
.vacation_top .carousel-fade .carousel-item{ cursor: default;}
/*連假攻略區塊容器頁籤 
.web-page-frame .vacation_tab ul.nav { padding: 40px; justify-content: space-between !important; }
.vacation_tab .nav-item { flex: 1; }
.vacation_tab .nav-link { margin: 0 5px; padding: 10px;font-weight: 600; letter-spacing: 1.5px;  border-radius: 30px; text-align: center; position: relative;}
.vacation_tab .nav-pills .nav-link.active::after,.vacation_tab .nav-pills .show>.nav-link::after{ content: ""; width: 0; height: 0; border-style: solid; border-width: 9px 7px 0 7px; border-color:#333333 transparent transparent transparent; position: absolute; bottom: -8px; left: 50%; transform: translate(-50%, 0);  z-index: 1;} 
*/
.vacation_tab div.link-list ul { display: -ms-flexbox; display: flex; padding: 40px; justify-content: space-between; }
.vacation_tab div.link-list ul li { flex: 1; padding: 0 5px; }
.vacation_tab div.link-list ul li a,.vacation_tab div.link-list ul li span{ display: block; padding: 10px; font-weight: 600; line-height: 20px; letter-spacing: 1.5px;  border-radius: 30px; text-align: center; position: relative;}
.vacation_tab div.link-list ul li i { display: block; }
.vacation_tab.tab01 .link-list li:nth-child(1) a::after,
.vacation_tab.tab02 .link-list li:nth-child(2) a::after,
.vacation_tab.tab03 .link-list li:nth-child(3) a::after,
.vacation_tab.tab04 .link-list li:nth-child(4) a::after,
.vacation_tab.tab05 .link-list li:nth-child(5) a::after,
.vacation_tab.tab06 .link-list li:nth-child(6) a::after,
.vacation_tab.tab07 .link-list li:nth-child(7) a::after,
.vacation_tab.tab08 .link-list li:nth-child(8) a::after{ content: ""; width: 0; height: 0; border-style: solid; border-width: 9px 7px 0 7px; border-color:#333333 transparent transparent transparent; position: absolute; bottom: -8px; left: 50%; transform: translate(-50%, 0);  z-index: 1;} 
.web-page-frame .vacation_route>.module-container>.main { margin: 0; }
.vacation_route_block { padding-bottom: 40px; }
.vacation_route{ padding:0 40px;}
.vacation_route .wall-wrapper{ background: transparent;}
.vacation_route .wall-wrapper .wall-row { margin: 0 -15px; }
.vacation_route .wall-wrapper .wall-row>div { flex: 0 0 calc(25% - 30px); max-width: calc(25% - 30px); margin: 0 15px 40px; }
.vacation_route .wall-wrapper .thicon_info{ border-radius: 10px;}
.vacation_route .wall-wrapper .theme_info { height: 70px; top: initial; bottom: 0; background: rgb(35 35 35 / 60%) !important}
.vacation_route .wall-wrapper .thicon_info:hover .theme_info { top: initial; bottom: 0; height: 100%; }
.vacation_route .wall-wrapper .theme_info p.theme-text { margin-bottom: 0; padding-top: 0; }
.vacation_route .wall-wrapper .thicon_info h3{ margin-bottom: 0; font-size: 24px; bottom: 10px; text-shadow: none; }
.vacation_route .wall-wrapper .thicon_info span { bottom: 43px; font-size: 14px; text-shadow: none; }
.vacation_route .wall-wrapper .thicon_info .theme_info::before { content: ""; background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/1461dfa8-3930-46b0-9696-91f023c31d24.svg); background-position: center; background-repeat: no-repeat; background-size: 40px; position: absolute; width: 40px; height: 40px; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: 0.5s;}
.vacation_route .wall-wrapper .thicon_info:hover .theme_info::before { opacity: 0.8; }
.vacation_route .wall-wrapper figure .b_img { aspect-ratio: 4/3; object-fit: cover; object-position: center center; }
@media (max-width: 1440px){
    .vacation_top { margin-top:0; }
    .spun_width.vacation_top, .spun_width.vacation_route_block,.spun_width.vacation_tab_block { max-width: 100%; flex: 0 0 100%; }
    .vacation_route_block { padding-bottom: 0px; }
}
@media (max-width: 991px){
    .vacation_route .wall-wrapper .wall-row>div { flex: 0 0 calc(33.33333% - 30px); max-width: calc(33.33333% - 30px); }
}
@media (max-width: 767px){
    /*/*連假攻略區塊容器頁籤 
     .vacation_tab .blk-tabs { display: block;  }
    .web-page-frame .vacation_tab .blk-tabs>ul { overflow-x: scroll; overflow-y: hidden; flex-wrap: nowrap; justify-content: flex-start !important; padding:15px 20px; }
    .vacation_tab .nav-link { white-space: nowrap; margin: 0 2px; padding: 6px 12px; } 
    */
    .vacation_tab div.link-list ul { padding: 20px 0; overflow-x: scroll; overflow-y: hidden; flex-wrap: nowrap; justify-content: flex-start; padding: 15px 20px; white-space: nowrap; }
    .vacation_tab div.link-list ul li{ padding: 0 2px;}
    .vacation_tab div.link-list ul li a, .vacation_tab div.link-list ul li span{ font-size: 15px !important;}
    .vacation_route { padding: 0 20px; }
    .vacation_route .wall-wrapper .wall-row { margin: 0 -10px; }
    .vacation_route .wall-wrapper .wall-row>div { flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); margin: 0 10px 30px; }
}
@media (max-width: 575px){
    .vacation_route .wall-wrapper .wall-row { margin: 0; }
    .vacation_route .wall-wrapper .wall-row>div { flex: 0 0 100%; max-width:100%; margin: 0 0 20px; }
    .vacation_route .wall-wrapper .thicon_info h3 { font-size: 20px; bottom: 15px; }
    .vacation_route .wall-wrapper figure .b_img { aspect-ratio: 4/2.5; }
}

/* 網站導覽 */
.web_map_block { margin-top: 20px; }
.web_map_block>.module-container>.main { border: 1px solid #d7d7d7; }
.web_map_title h2 { background: #f3ebf5; border-bottom: 1px solid #cbafd4; padding: 8px 14px; margin-bottom: 5px; font-size: 20px; font-weight: 600; color:#884c9c;; letter-spacing: 0.5px; }
.web_map .breadcrumb{ background-color: transparent;}
.web_map .breadcrumb-item+.breadcrumb-item { padding-left: 15px; }
.web_map .breadcrumb-item{ position: relative; margin-bottom: 5px; padding-left: 15px; flex:0 0 180px}
.web_map .breadcrumb-item,.web_map .breadcrumb-item a { color: #333333; font-size: 16px; font-weight: 600; letter-spacing: 1px;text-decoration: none;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.web_map .breadcrumb-item a:hover{ color: #884c9c ; }
.web_map .breadcrumb-item::before{ content: ""; width: 5px; height: 5px; padding: 0; background-color: #884c9c; border-radius: 50%; position: absolute; left:5px; top: 10px;}
.web_map.map_sub .breadcrumb-item{ flex: initial;}
.web_map.map_sub .breadcrumb-item:first-child { flex: 0 0 120px; }
.web_map.map_sub .breadcrumb-item+.breadcrumb-item { padding-left: 0; }
.web_map.map_sub .breadcrumb-item:not(:nth-child(1))::before{ display: none;}
.web_map.map_sub .breadcrumb-item:not(:nth-child(1)) a { color: #545454; font-weight: 400;font-size: 15px; }
.web_map.map_sub .breadcrumb-item:not(:nth-child(1)) a:hover{ color: #008842; }
@media (max-width: 1199px){
    .web_map.map_sub .breadcrumb-item:first-child { flex: 0 0 100%; }
}
@media (max-width: 767px){
    .web_map .breadcrumb-item{ margin-bottom: 10px;}
    .web_map.map_sub .breadcrumb-item:not(:nth-child(1)) a{ font-size: 14px;}
}

/********footer 下標 ********/
.footer_nav .responsive-drop-down-menu{ min-height: 52px; z-index: 7;}
.footer_nav .responsive-drop-down-menu > ul{ max-width: 1360px; justify-content: center; margin: 0 auto;}
.footer_nav .responsive-drop-down-menu > ul > li{ flex: 0 0 auto; }
.footer_nav .responsive-drop-down-menu > ul > li > a { font-size: 15px; color: #58136F; padding: 13px 35px 9px; }
.footer_nav .responsive-drop-down-menu > ul > li:hover > a,.footer_nav .responsive-drop-down-menu > ul > li.active > a{ color:#58136F; }
.footer_nav .responsive-drop-down-menu ul li ul li > a,.footer_nav .responsive-drop-down-menu ul li ul li > a{color: #58136F; }
.footer_nav .responsive-drop-down-menu ul li ul li:hover > a,.footer_nav .responsive-drop-down-menu ul li ul li.active > a{color:#ffffff;  }
.footer_nav .responsive-drop-down-menu ul li ul li:hover > ul > li:hover a { color: rgb(255 255 255 / 70%); }
.footer_nav .responsive-drop-down-menu ul li ul li a{ width: 100%; padding:10px 8px 6px; line-height: 20px; letter-spacing: -0.5px;}
.footer_nav .responsive-drop-down-menu ul li ul{ width: 100%;}
.footer_nav .responsive-drop-down-menu ul li ul li:hover > ul > li a{ color: #ffffff; }
.footer_nav .responsive-drop-down-menu > ul > li.has-sub > a:before{top: 25px; right: 25px;}
.footer_nav .responsive-drop-down-menu ul li ul li.has-sub:before{ top: 16px; right: 5px;}
.footer_nav .responsive-drop-down-menu > ul > li.has-sub > a:before,
.footer_nav .responsive-drop-down-menu > ul > li:hover > a:before,
.footer_nav .responsive-drop-down-menu > ul > li.active > a:before { border-top-color:#58136F; }
.footer_nav .responsive-drop-down-menu ul li ul li.has-sub:before{ border-left-color: #58136F;}


.spun_footer .company-info { -ms-flex: 0 0 280px; flex: 0 0 280px; max-width: initial; padding: 0; margin-top: 34px !important; z-index: 1;}
.spun_footer .footer-wrap .contact-info { flex-wrap: wrap; -ms-flex: 0 0 calc(100% - 500px); flex: 0 0 calc(100% - 500px); max-width: calc(100% - 500px); margin-top: 34px !important; z-index: 1; }
.spun_footer .footer-wrap .fb-info,.spun_footer .footer-wrap .fnav_wrap{ display: none;}
.spun_footer .footer-sample { background: #f4f4f4;}
.spun_footer .footer-wrap .footer_center{max-width: 1360px; background: #f4f4f4;  border-top: 1px solid #e4e1e1; padding-bottom: 26px;}
.spun_footer .footer-wrap .contact-box:nth-child(2) h2{display: none;}
.spun_footer .footer-wrap .icon_wrap{  padding: 6px;}
.spun_footer .footer-wrap .info_box a img{ width: 215px;}
.spun_footer .footer-wrap .info_box h3 { font-size: 16px; margin: 15px 0 10px; font-weight: initial; color: #333333; }
.spun_footer .footer-wrap .info_box p{display: inline-block; font-size: 16px;  color: #333333; letter-spacing: 0.8px;}
.spun_footer .footer-wrap .info_box p:nth-child(odd) { margin-left: 10px;}
.spun_footer .footer-wrap .info_box p:last-child { margin-left: 0; }
.spun_footer .footer-wrap .contact-info>div.contact-box:first-child{padding: 0 10px 0 110px; position: relative;}
.spun_footer .footer-wrap .contact-box a h4{ position:relative; font-size: 16px; font-weight: 400; padding-left: 0; color: #545454; letter-spacing: 0.5px; }
.spun_footer .footer-wrap .contact-box a:not(:last-child) h4{ margin: 0px 0 20px;  }
.spun_footer .footer-wrap .contact-box:last-child{ padding: 0;}
.spun_footer .footer-wrap .contact-box:last-child>a:nth-child(2) h4::before { content: "桃園分公司"; padding-right: 20px; font-weight: bold;}
.spun_footer .footer-wrap .contact-box:last-child>a:nth-child(3) h4::before { content: "台中分公司"; padding-right: 20px; font-weight: bold;}
.spun_footer .footer-wrap .contact-box:last-child>a:nth-child(4) h4::before { content: "高雄分公司"; padding-right: 20px; font-weight: bold;}
.spun_footer .footer-wrap .contact-box:first-child>a:last-child h4::after,
.spun_footer .footer-wrap .contact-box:last-child>a:nth-child(2) h4::after,
.spun_footer .footer-wrap .contact-box:last-child>a:nth-child(3) h4::after,
.spun_footer .footer-wrap .contact-box:last-child>a:nth-child(4) h4::after{content: ""; position: absolute; width: 17px; height: 17px;top: 1px;
    background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/b21120fc-ba17-48a6-8034-5e3fa90ada8c.svg); background-position: center; background-repeat: no-repeat;}
.spun_footer .footer-wrap .contact-info>div.contact-box:first-child h2 { position: absolute; left: 0; top: 0;}
.spun_footer .footer-wrap .footer_sbox{ margin-top: 43px;}
.spun_footer .footer-wrap .footer_sbox a { cursor: default; }
.spun_footer .footer-wrap .footer_sbox a img { height: 48px; }
.spun_footer .footer-wrap .icon_wrap ul.footer_bticon { display: flex; flex-wrap: wrap; top: -245px; left: 50%; width: 1360px; max-width: 100%; justify-content: end; transform: translate(-50%, 0); z-index: 0; }
.spun_footer .footer-wrap .footer_bticon li:first-child { flex: 0 0 100%; display: -ms-flexbox; display: flex; justify-content: end; margin: 0 0 10px; }
.spun_footer .footer-wrap .footer_bticon li:first-child a { position: relative; width: 194px; border: 1px solid #545454; border-radius: 30px;  padding: 3px 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.spun_footer .footer-wrap .footer_bticon li:first-child a::before { content: "加入世邦粉絲團"; font-size: 18px; position: absolute; color: #545454; left: 43px; top: 7px; letter-spacing: 0.5px; }
.spun_footer .footer-wrap .footer_bticon li:first-child i{ background-color: transparent; color: #545454;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;  }
.spun_footer .footer-wrap .footer_bticon li:first-child:hover a{ border: 1px solid #1877f2;}
.spun_footer .footer-wrap .footer_bticon li:first-child:hover a::before{ color: #1877f2;}
.spun_footer .footer-wrap .footer_bticon li:first-child:hover i{ color: #1877f2; }
.spun_footer .footer-wrap .footer_bticon li:nth-child(2):hover i{ background-color: #ff0000 !important}
.spun_footer .footer-wrap .footer_bticon li:nth-child(3):hover i{ background-color: #e1306c !important}
.spun_footer .footer-wrap .footer_bticon li:not(:first-child){ margin: 0; }
.spun_footer .footer-wrap .footer_bticon li:not(:first-child)+li{ margin-left: 11px;}
.spun_footer .footer-wrap .footer_bticon li:not(:first-child) i { width: 40px; height: 40px; line-height: 40px; font-size: 22px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.spun_footer .footer-wrap .footer_bticon li:nth-child(4) a,.spun_footer .footer-wrap .footer_bticon li:nth-child(5) a { background: #545454; border-radius: 50%; width: 40px; height: 40px;  text-align: center; padding-top: 6px;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;  }
.spun_footer .footer-wrap .footer_bticon li:nth-child(4):hover a{background: #00c300; }
.spun_footer .footer-wrap .footer_bticon li:nth-child(5):hover a{ background: #0088cc;}
.spun_footer .footer-wrap .footer_bticon li:nth-child(4) a img,.spun_footer .footer-wrap .footer_bticon li:nth-child(5) a img{ width: 22px; display: inline-block;}
.spun_footer .footer-wrap .icon_wrap p{ opacity: 0.7;}
.spun_footer.new .footer-wrap .contact-info{align-content: flex-start; margin-top: 40px !important;}
.spun_footer.new .footer-wrap .contact-info>div.contact-box { display: flex; flex-wrap: wrap; margin-bottom: 20px !important; padding: 0; flex: 0 0 300px; }
.spun_footer.new .footer-wrap .contact-info>div.contact-box:first-child { padding: 0 0 16px; flex: 0 0 100%; margin-bottom: 26px !important; border-bottom: 1px solid #bf96cd; }
.spun_footer.new .footer-wrap .contact-info>div.contact-box:first-child h2{ position: initial; margin-bottom: 0; color: #58136f !important; }
.spun_footer.new .footer-wrap .contact-info>div.contact-box:first-child a h4 { font-weight: 600; }
.spun_footer.new .footer-wrap .contact-info>div.contact-box:first-child>a{ flex: auto;}
.spun_footer.new .footer-wrap .contact-info>div.contact-box>*{ display: inline-block;}
.spun_footer.new .footer-wrap .contact-box h2{ margin-bottom: 0; flex: 0 0 106px; width: 106px;}
.spun_footer.new .footer-wrap .contact-box:nth-child(2) h2{ display: inline-block;}
.spun_footer.new .footer-wrap .contact-box a h4{ margin: 0;}
.spun_footer.new .footer-wrap .contact-box a:not(:last-child) h4{ margin: 0;}
.spun_footer.new .footer-wrap .contact-box:last-child > a:nth-child(2) h4::before{ display: none;}
.spun_footer.new .footer-wrap .contact-box>a:last-child h4::after{ content: ""; position: absolute; width: 17px; height: 17px; top: 1px; background-image: url(https://materials.fillo.com.tw/materials/spunktour/images/b21120fc-ba17-48a6-8034-5e3fa90ada8c.svg); background-position: center; background-repeat: no-repeat; }
.spun_footer.new.b2b .footer-wrap .contact-info>div.contact-box:not(:first-child){ flex:0 0 50%;}

@media (max-width: 1440px){
    .spun_footer .footer-sample { background: #f4f4f4;}
    .spun_footer .footer-wrap .footer_center{ padding: 0 40px 20px !important;}
    .spun_footer .footer-wrap .icon_wrap ul.footer_bticon{ width: calc(100% - 80px);}
}
@media (min-width: 1200px) and (max-width: 1300px){
    .spun_footer.new .footer-wrap .contact-info>div.contact-box:first-child>a{ flex: 0 0 200px; }
    .spun_footer.new .footer-wrap .contact-info>div.contact-box:first-child a:last-child { flex: 0 0 100%; padding: 15px 0 0 106px; }
}
@media (max-width: 1199px){
    .footer_nav .responsive-drop-down-menu > ul > li > a { padding: 13px 20px 9px; }

    .spun_footer .company-info { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
    .spun_footer .footer-wrap .contact-info{ -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .spun_footer .footer-wrap .info_box p { font-size: 14px; letter-spacing: 0.4px; }
    .spun_footer .footer-wrap .info_box a.info-logo{  flex: 0 0 100%; max-width: 100%; margin-left: 0;}
    .spun_footer .footer-wrap .info_box .info-text { flex: 0 0 100%; max-width: 100%; }
    .spun_footer .footer-wrap .icon_wrap ul.footer_bticon { position: absolute; top: inherit; bottom: 125px; margin-top: 0; justify-content: center; width:100%; }
    .spun_footer .footer-wrap .icon_wrap ul.footer_bticon li{flex: 0 0 auto;}
    .spun_footer .footer-wrap .footer_bticon li:first-child{ margin: 0 11px 0 0;}
    .spun_footer .footer-wrap .footer_sbox{ margin-top: 60px;}
    .spun_footer .footer-wrap .footer_sbox a{ margin: 10px;}
    .spun_footer .footer-wrap .footer_sbox a img { height: 40px; }
}
@media (max-width: 991px){
    .spun_footer .company-info { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 20px !important; }
    .spun_footer .footer-wrap .info_box h3{ margin: 15px 0 5px;}
    .spun_footer .footer-wrap .contact-info { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 20px !important; padding: 0; }
    .spun_footer .footer-wrap .footer_sbox {  padding: 0; }
    .spun_footer .footer-wrap .icon_wrap ul.footer_bticon{ bottom: 115px;}
    .spun_footer .footer-wrap .footer_sbox a { margin: 10px 5px; }
    .spun_footer .footer-wrap .footer_sbox a img { height: 33px; }
    .spun_footer.new .footer-wrap .contact-info>div.contact-box{ flex: 0 0 45%;}
    .spun_footer.new .footer-wrap .contact-info { margin-top: 20px !important; margin-bottom: 10px; }
}
@media (max-width: 767px){
    .footer_nav .responsive-drop-down-menu { min-height: 42px; }
    .footer_nav .responsive-drop-down-menu .menu-button{padding: 20px;}
    .footer_nav .responsive-drop-down-menu .menu-button:before { height: 8px; border-top: 2px solid #545454; border-bottom: 2px solid #545454; right: 20px; top: 20px; }
    .footer_nav .responsive-drop-down-menu .menu-button:after { height: 6px; border-top: 2px solid #545454; right: 20px; top: 14px; }
    .footer_nav .responsive-drop-down-menu > ul > li > a { padding: 4px 20px 4px 20px; font-size: 14px; }
    .footer_nav .responsive-drop-down-menu > ul > li.active { background: #decbe4; }

    .spun_footer .footer-wrap .footer_center { padding: 0 20px 20px !important; }
    .spun_footer .footer-wrap .contact-info { padding: 15px 0; border-top: 1px solid rgba(110, 110, 110, 0.25); border-bottom: 1px solid rgba(110, 110, 110, 0.25); }
    .spun_footer .footer-wrap .contact-info>div.contact-box:first-child,
    .spun_footer .footer-wrap .contact-info>div.contact-box:last-child{ flex:0 0 100%; max-width: 100%;}
    .spun_footer .footer-wrap .contact-info>div.contact-box:first-child { padding: 0 10px 0 100px }
    .spun_footer .footer-wrap .contact-info>div.contact-box:first-child h2{font-size: 16px;}
    .spun_footer .footer-wrap .contact-box:last-child { margin-bottom: 0 !important; }
    .spun_footer .footer-wrap .contact-box a:not(:last-child) h4,.spun_footer .footer-wrap .contact-box a h4{ margin: 0px 0 5px; letter-spacing: 0; }
    .spun_footer .footer-wrap .footer_sbox { margin-bottom: 0; }
    .spun_footer .footer-wrap .footer_sbox a { margin: 0 5px; }
    .spun_footer .footer-wrap .footer_sbox a img { height: 24px; }
    .spun_footer .footer-wrap .icon_wrap ul.footer_bticon { bottom: 90px; }
    .spun_footer .footer-wrap .footer_bticon li:not(:first-child) i { width: 30px; height: 30px; line-height: 30px; font-size: 16px; }
    .spun_footer .footer-wrap .footer_bticon li:nth-child(4) a, .spun_footer .footer-wrap .footer_bticon li:nth-child(5) a { width: 30px; height: 30px; padding-top: 2px; }
    .spun_footer .footer-wrap .footer_bticon li:nth-child(4) a img, .spun_footer .footer-wrap .footer_bticon li:nth-child(5) a img { width: 16px; }
    .spun_footer .footer-wrap .footer_bticon li:first-child a { width: 144px; padding: 0px 8px; font-size: 16px; }
    .spun_footer .footer-wrap .footer_bticon li:first-child i { width: 24px; height: 30px; line-height: 30px; font-size: 16px; }
    .spun_footer .footer-wrap .footer_bticon li:first-child a::before { content: "加入世邦粉絲團"; font-size: 14px; position: absolute; color: #545454; left: 30px; top: 4px; letter-spacing: 0.5px; }
    .spun_footer.new .footer-wrap .contact-info>div.contact-box:last-child { flex: 0 0 50%; max-width: 50%; }
    .spun_footer.new .footer-wrap .contact-info>div.contact-box>*{ font-size: 16px;}
    .spun_footer.new .footer-wrap .contact-box h2{ width: 90px; flex: 0 0 90px;}
    .spun_footer.new .footer-wrap .contact-info>div.contact-box:first-child>a{ flex: 0 0 200px; }
    .spun_footer.new .footer-wrap .contact-info>div.contact-box:first-child a:last-child { flex: 0 0 100%; padding: 15px 0 0 90px; }
}
@media (max-width: 575px){
    .spun_footer .footer-wrap .footer_sbox { display: none; }
    .spun_footer .footer-wrap .icon_wrap ul.footer_bticon { bottom: 70px; justify-content: flex-start;  padding-left: 20px; }
    .spun_footer .footer-wrap .footer_center { padding: 0 20px 60px !important; }
    .spun_footer .footer-wrap .contact-info{ border-bottom: 0;}
    .spun_footer .footer-wrap .contact-info>div.contact-box:first-child h2,.spun_footer .footer-wrap .contact-box a:not(:last-child) h4,.spun_footer .footer-wrap .contact-box a h4{ font-size: 15px;}
    .spun_footer .footer-wrap .contact-box a h4{ font-weight: 400;}
    .spun_footer .footer-wrap .company-info{ text-align: left;}
    .spun_footer .footer-wrap .icon_wrap p {font-size: 12px; }
    .spun_footer.new .footer-wrap .contact-info{ display: flex; margin-top: 10px !important;}
    .spun_footer.new .footer-wrap .contact-info>div.contact-box:first-child{ margin-bottom: 20px !important;}
    .spun_footer.new .footer-wrap .contact-info>div.contact-box:first-child h2 { flex: 0 0 100%; margin-bottom: 10px; }
    .spun_footer.new .footer-wrap .contact-info>div.contact-box:first-child>a { flex: 0 0 auto; }
    .spun_footer.new .footer-wrap .contact-info>div.contact-box:first-child>a+a { padding-left: 15px; }
    .spun_footer.new .footer-wrap .contact-info>div.contact-box:first-child a:last-child{ margin-top: 10px; padding-left: 0; padding-top: 0;}
    .spun_footer.new .footer-wrap .contact-info>div.contact-box { flex: 0 0 50%; margin-bottom: 10px !important; }
    .spun_footer.new .footer-wrap .contact-info>div.contact-box>*{ margin-bottom: 5px; font-size: 15px;}
}
@media (max-width: 450px){
    .spun_footer .footer-wrap .info_box p { width: 35%; }
    .spun_footer .footer-wrap .info_box p:nth-last-child(2) { width: 100%; }
}

/* 會員登入頁 */
.member_home .signin_width { margin-top: 130px; margin-bottom: 180px; }
body.member_home.new_bg { background: #dde2e2; }
body.member_home button.l_benPrimary{ background: #58136f; }
body.member_home .note_box a { color: #58136f; }
body.member_home a.font4.blue-txt2 { color: #545454; }
body.member_home .member_title { margin: 70px 0 30px; }
@media (max-width: 767px){
	.member_home  .signin_width { margin-top: 100px; margin-bottom: 120px; }
}
/* 會員專區 */
@media (min-width: 768px) {
    .member_width .member_title { margin: 70px 0 30px; }
}

/* 訂購流程頁 */
.stepPage_btn>div>div { flex: 1; max-width: initial; }
.order_number_status>img{margin: 0 auto;}
@media (min-width: 768px) {
    form.general_order_width,.group_order_width,form.group_order_width{ margin-top: 100px;}
}

/* 公版GOTOP */
.go-to-top { display: none !important; }

/* 搜尋列表頁 */
.search-area .search-box .search-btn { background: #58136F; }
.search-area .search-box .select-place .title i,
.search-area .search-box .select-goal .title i,
.search-area .search-box .select-goal .title i,
.search-area .search-box .select-date .title i,
section.search_banner .search-area .search-box .select-input .data-icon-search{color: #58136F; }
.list_con .style_icon .nav-pills a svg { fill: #a7a7a7; }
.list_con>.title>.text-right>p>span.text_blue { color: #58136F; }
.list_con .style_icon .nav-pills .nav-link.active svg { fill: #58136F; }
figure.block_style .main_words .go-date,.pic_style figure.block_style .go-date{  font-size: 1.1rem;}
figure.block_style .main_words .go-date>span.text-danger,
.pic_style figure.block_style .go-date>span.text-danger,
.search_table tbody td.go-date .go-date>span.text-danger{ color: #58136F !important; }
figure.block_style .main_words a:hover,
.pic_style figure.block_style .main_words a:hover,
.search_table .main_words .title_main:hover{ color: #58136F !important; }
.list_con figure.block_style .pic_all::after{ border-color: transparent transparent transparent rgba(88 19 111 / 50%);}
.irs-bar { height: 3px; top: 33px; border-top: none; border-bottom: none; background: #58136F}
.irs-bar-edge {  height: 10px; top: 33px; width: 14px; border: 1px solid #58136F; border-right: 0; background: #58136F; background: -webkit-gradient(linear,left bottom,left top,from(#58136F),to(#58136F)); background: linear-gradient(to top,#58136F 0,#58136F 100%); border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px}
.irs-slider { top: 25px; width: 20px; height: 20px; border: none; background: #ddd; background: #58136F; border-radius: 27px; -moz-border-radius: 27px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer}
.irs-slider.state_hover,.irs-slider:hover { background: #fff; border: 2px solid #58136F}
.irs-from,.irs-single,.irs-to { color: #fff; font-size: 14px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #58136F; border-radius: 3px; -moz-border-radius: 3px}
.irs-grid-pol { opacity: .5; background: ≈;}
.irs-grid-pol.small { background: #999}
.irs-grid-text { bottom: 5px; color: #99a4ac}
.filter_list .accordion .card.price-range i, .filter_list .accordion .card.travel-days i { color: #58136F; }
.filter_list .form-check .customcheck input:checked ~ .checkmark{ background-color: #58136F;}
.filter_list .accordion .card.travel-days .form-check .badge-primary{ background-color: #797979;}
.filter_list .form-check .customcheck.disabled .checkmark, .filter_list .form-check .customcheck.disabled input:checked~.checkmark{ background-color: #ddd; border-radius: 0; border: 1px solid #fff; }
section.search_con .pagination .page-item .page-link:hover,section.search_con .pagination .page-item .page-link:active,section.search_con .pagination .page-item.active .page-link { background: #fff; border-color: #58136F; color: #58136F; }
section.search_con .pagination .page-item .page-link:focus{ box-shadow: none;}
section.search_con .pagination .page-item .page-link:hover svg, section.search_con .pagination .page-item .page-link:active svg{ fill: #58136F;}
.search_table.table tbody .thead { background: #797979; height: 2.8rem; line-height: 2.8rem;}
.search_table tbody td.go-airport img { margin: 0 auto; }
.search_table tbody td.go-airport h6 { font-size: 14px; }
/* 字體尺寸調整 */
figure.block_style .pic_all .item_days{ font-size: 1.7rem;}
figure.block_style .main_words a{ font-size: 1.25rem;}
figure.block_style .price_box span,.search_table tbody td.tour-price span {font-size: 1.2rem; font-weight: 600;}
.pic_style figure.block_style .price_all h4 span{font-size: 1.2rem; font-weight: 600; }
figure.block_style .price_box small { font-size: 0.9rem; }
figure.block_style .main_words h6{ font-size: 0.9rem;}
figure.block_style .main_words h6>div span { font-size: 1rem; }
figure.block_style .note_words>div{ font-size: 1rem;} 
.search_table.table tbody .thead th { font-size: 1rem; font-weight: 400; }
@media(min-width:1200px ){
	.WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area { min-height: 110px; bottom: calc(50% - (140px/2)); }
}


/* 團型列表 */
.btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #dedede; border-color: #dedede; }
section.group_table.tripdown .style_icon ul li a.nav-link{ color: #58136F; border: 1px solid #58136F;}
section.group_table.tripdown .style_icon ul li a.nav-link svg{ fill:#58136F; }
section.group_table:before { -webkit-filter: grayscale(1) opacity(.3); }
section.group_table.trip_features:after, section.group_table.trip_airline:after, section.group_table.trip_day:after, section.group_table.trip_note:after, section.group_table.view_intro:after, section.group_table.tripdown:after{ background: #dedede;}
section.group_table.trip_features .container>div>h2, section.group_table.trip_airline .container>div>h2, section.group_table.trip_day .container>div>h2, section.group_table.trip_note .container>div>h2, section.group_table.view_intro .container>div>h2, section.group_table.tripdown .container>div>h2 { position: relative; color: #333333; margin-bottom: 0; font-size: 2.3rem; text-shadow: none; }
section.group_table.trip_features .container>div>h2::after, section.group_table.trip_airline .container>div>h2::after,
section.group_table.trip_day .container>div>h2::after, section.group_table.trip_note .container>div>h2::after,
section.group_table.view_intro .container>div>h2::after, section.group_table.tripdown .container>div>h2::after{content: ""; background: #58136F; width: 50px; height: 3px; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%, 0); }
section.group_banner .info .btn-primary{color: #fff; background: #58136F; border-color: #58136F;}
section.group_table .search_table tbody td.sale-situation .btn.btn-primary{ color: #fff; background-color: #58136F; border-color: #58136F;}
section.group_table .search_table tbody td.sale-situation .btn.btn-primary:hover { color: #fff; background-color: #451455; border-color: #451455; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #58136F; border-color: #58136F; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none; color: #fff;}
section.group_table .table a:hover{ color: #ffffff;  box-shadow: none; }
section.group_table.tripdown .search_table tbody td.go-airport img { margin: 0 auto; }
section.group_table.trip_features>div { text-align: initial; }
section.group_table.trip_features .container h2,section.group_table.trip_day .container h2{ text-shadow: none;}
/* section.group_table.tripdown .style_icon{display: none;} */
/* 字體尺寸調整 */
section.group_table.tripdown .search_table tbody td.tour-price span { font-size: 1.2rem; font-weight: 600; }
@media (min-width: 576px){a
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 540px; }
}
@media (min-width: 768px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 720px; }
}
@media (min-width: 992px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 960px; }
	
}
@media (min-width: 1200px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 1440px; }
}
.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ background: #fff; width:calc(100% - 30px); margin-left:auto; margin-right:auto; }
.web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row > .col-lg-12 > .row > .text-center{ width: 100%; margin-bottom: 3rem; }

/* 隱藏月曆，強制顯示列表模式 */
.D_products_group_mold .style_icon,.D_products_group_detail .style_icon{ display: none;}f
.D_products_group_mold #search-calendar, .D_products_group_detail #search-calendar{display: none;}
.D_products_group_mold #search-table, .D_products_group_detail #search-table{display: block;opacity: 1;}
.D_products_group_mold #pills-tab .nav-item #pills-home-tab, .D_products_group_mold #pills-tab .nav-item #pills-contact-tab,
.D_products_group_detail #pills-tab .nav-item #pills-home-tab, .D_products_group_detail #pills-tab .nav-item #pills-contact-tab{opacity: 0;}
.D_products_group_mold #pills-tab .nav-item, .D_products_group_mold #pills-tab .nav-item #pills-contact-tab, .D_products_group_detail #pills-tab .nav-item, .D_products_group_detail #pills-tab .nav-item { list-style: none; }
/* 隱藏團型的特色及備註 */
.D_products_group_mold #tripFeatures,.D_products_group_mold #tripNote{ display: none;}

/*** 團型明細頁 ***/
.D_products_group_molddetail .Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .Alternate{ left: initial;top: 0; position: initial;}
/*順序調整*/
.D_products_group_molddetail .DetailContainer{ display: flex; flex-wrap: wrap;}
.D_products_group_molddetail .DetailContainer>nav.Detail[aria-label="breadcrumb"]{ order: 1; }
.D_products_group_molddetail .DetailContainer>section.Detail.BasicBox{ order: 2; }
.D_products_group_molddetail .DetailContainer>section.Detail.MarketingBox{ order: 3; flex: 0 0 75%; max-width: 75%;}
.D_products_group_molddetail .DetailContainer>section.Detail.DepartureDate{ order: 4; flex: 0 0 100%; max-width: 100%;}
.D_products_group_molddetail .DetailContainer>section.Detail.DetailBox.TripFeature{ order: 5;  flex: 0 0 100%; max-width: 100%;}
.D_products_group_molddetail .DetailContainer>section.Detail.DayTrip { order: 6;  flex: 0 0 100%; max-width: 100%;}
.D_products_group_molddetail .DetailContainer>section.Detail.DetailBox.FeeDescription{ order: 7;  flex: 0 0 100%; max-width: 100%;}
.D_products_group_molddetail .DetailContainer>section.Detail.DetailBox.TripNote{ order: 10;  flex: 0 0 100%; max-width: 100%;}
/*側選單快速前往調整*/
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn a i{ margin-right: 2px; }
.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li.submenu_marketting{ order: 1; }
.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li.submenu_calendar { order: 2; }
.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li.submenu_feature { order: 3; }
.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li.submenu_hotel { order: 4; }
.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li.submenu_cost { order: 5; }
.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li.submenu_note { order: 8; margin-bottom: 0;}
@media (min-width: 992px){
    .D_products_group_molddetail .Detail.sub_menu-trip{ padding-top: 40px;}
    .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu{ width: 105px;}
    .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu ul{ display: flex; flex-flow: column; } 
}
@media (min-width: 992px) and (max-width: 1600px){
    .D_products_group_molddetail .DetailContainer>section.Detail.BasicBox{ flex: 0 0 85%; max-width: 85%; }
}
@media (max-width: 767px){
    .D_products_group_molddetail .DetailContainer>section.Detail.MarketingBox { flex: 0 0 100%; max-width: 100%; }
}
@media (max-width: 575px){
    .D_products_group_molddetail .Detail.DepartureDate .IconMean{ display: none; top: 30px;}
}
@media (max-width: 1600px){
    .D_products_group_molddetail .DetailContainer{ flex: 0 0 100%; max-width: 100%; }
}

/* 個團明細頁 */
section.group_table.trip_day .day_con .info_box>.row>.col-lg-4.col-sm-12 { display: none; }
section.group_table.trip_day .day_con .info_box>.row>.col-lg-8.col-sm-12 { flex: 0 0 100%; max-width: 100%; }
section.group_table.trip_day .info_box .info_box_title { margin-left: 0; width: 100%; }
section.group_banner.trip_banner h1{ font-size: 2rem; margin-bottom: 28px;}
section.group_banner.trip_banner h3.price { font-size: 1.6rem; }
section.group_banner.trip_banner h3.price span, section.group_banner.trip_banner h3.price small{ font-size: 60%;}
section.group_banner.trip_banner h6{ font-size: 1rem;}
section.group_banner .price_content .panel-info .panel-heading { padding: 8px; background: #797979; font-size: 1rem; }
section.group_banner .price_content .panel-info .panel-body { padding: 15px 8px; font-size: 1em; }
section.group_banner .basic-air-aircraft,section.group_banner .basic-air-airport{ font-size: 1.2rem; font-weight: normal;}
section.group_banner .basic-air-airport i{ color: #58136F;}
section.group_banner.trip_banner .brief h5{font-size: 1rem; }
section.group_banner .price_content .panel-info { border: 1px solid #797979; }
section.group_banner .basic-air-info { border: 1px solid #58136F; }
section.group_banner .basic-air-info .go h3, section.group_banner .basic-air-info .back h3 { color: #58136F; }
.basic-air-info .go i, .basic-air-info .back i { color: #bf96cd; font-size: 2rem; }
section.group_banner .basic-air-btn a { float: right; font-size: 1.2rem; font-weight: bold; background: #58136F; border: 1px solid #58136F; padding: 5px 25px; color: #fff; border-radius: 50px; }
section.group_banner .basic-air-btn a:hover { background:#451455; }
section.group_banner .basic-air-info .time { font-size: 1.1rem; }
.modal-content h5.modal-title strong{ color: #58136F;}
.flight_details .details_box > h4 { background: #58136F;}
.flight_details .details_box > h4 i { color: #bf96cd; }
.flight_details { border: 1px solid #58136F; }
.trip_day .group_table_box table .thead { background: #797979; height: 2.8rem; font-weight: normal; color: #fff; font-size: 1rem; line-height: 2.8rem; }
section.group_table.trip_day table.table tr.thead th:nth-child(2) { background: #646464; }
section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{ background: #646464; }
.day_con .text_gary2.hotel a { color:#008842; }
.Day_menu .swiper_day .swiper-slide a:hover { color: #fff; background: #58136F; border: 1px solid #58136F; }
section.trip_note .card-header .btn[aria-expanded="true"],section.trip_note .card-header .btn:hover{background: #797979; }
.web-page-frame .group_table ul{list-style:disc; padding-left: 20px;}
.web-page-frame .group_table ol{ list-style:decimal; padding-left: 20px;}
.D_products_group_detail #tripfeature,.D_products_group_detail #dayTrip .group_table_box,.D_products_group_detail #tripnote{ word-break: break-all;}

/* 側選單 */
.sub_menu-trip .server_menu > ul > li a { font-size: 16px;}
.sub_menu-trip .server_menu a i{ font-size: 18px;}
.sub_menu-trip .server_menu > ul > li a i { margin-right: 2px; line-height: 35px; font-size: 18px;}
.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after { margin-left: 5px; }
.sub_menu-trip .server_menu > ul > li a>img { width: 22px; }
.sub_menu-trip .server_menu a{ color:#797979;}
.sub_menu-trip .server_menu li:nth-child(1) { background:  #eb7127; }
.sub_menu-trip .server_menu > ul > li{box-shadow: none;}
.sub_menu-trip .server_menu > ul > li+li { border-top: 1px solid #b9b9b8 }
.sub_menu-trip .server_menu > ul > li.query-fixed-btn,.sub_menu-trip .server_menu > ul > li.share-fixed-btn,
.sub_menu-trip .server_menu > ul > li.download-fixed-btn,.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){ background: #f3ebf5; }
.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; }
.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { border-left: 0; }
.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ color: #ffffff; }
.sub_menu-trip .trip_menu li.remark span { font-size: 0; }
.sub_menu-trip .trip_menu li.remark span::before { content: "其他費用";  color: #111; font-size: 0.9rem; }
.tooltip.bs-tooltip-left .arrow,.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow { display: none;/*隱藏右側快速前往的tooltip箭頭*/ }
.tooltip.bs-tooltip-left .tooltip-inner { display: none;/*隱藏右側快速前往的tooltip*/ }


@media (min-width: 992px){
	.sub_menu-trip .server_menu > ul{ margin-bottom: 0;}
	.sub_menu-trip .server_menu > ul > li { height: 45px; font-size: 1rem;}
	.sub_menu-trip .server_menu > ul > li a{padding: 5px 8px; border-left: 1px solid #b9b9b8; font-size: 16px;}
	.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){padding: 5px 8px 5px 12px; }
	.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; }
	.sub_menu-trip .trip_menu li a span{ font-size: 0.9rem;}
	.sub_menu-trip .trip_menu i { display: none; }
	.sub_menu-trip .trip_menu li:last-child a{ border:0; padding-bottom: 0;}
	.sub_menu-trip .trip_menu li a:hover span { color: #58136F; }
    .sub_menu-trip .trip_menu li.remark a:hover span::before { color:#58136F; }
	.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul{ height: 45px; width: 180px;}
	.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; }
    .sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li{ height: 45px;}

}
@media (min-width: 1351px) and (max-width: 1550px){
	section.group_banner .basic-air-info .go h3,section.group_banner .basic-air-info .back h3 { font-size: 1.2rem; }
	.basic-air-info .go h4, .basic-air-info .back h4 { font-size: 1.1rem; }
}
@media (max-width: 1400px){
	section.group_banner.trip_banner h1 { font-size: 2rem; }
}
@media (max-width: 1350px){
	.sub_menu-trip .server_menu > ul > li a { font-size: 16px;}
}
@media (max-width: 991.98px){
	.trip_day .table tr.text_gary.has_note>td:first-child { background: #efefef; text-align: center; width: 100%;}
	.day_con .info_box { width: 100%; }
	section.group_table.tripdown .search_table tbody td.tour-name .main_words h6.seat { margin-top: 10px; }
	.sub_menu-trip .trip_menu select { border-top: 1px solid #b9b9b8; }
	.sub_menu-trip .trip_menu:after { border: solid #58136F; border-width: 0 1px 1px 0;}
	.sub_menu-trip .server_menu > ul > li+li,.sub_menu-trip .trip_menu{ border-left: 1px solid #b9b9b8; }
	.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li:nth-child(2) img { padding-top: 16px; margin: 0 auto; }
    .D_products_group_mold section.group_table.tripdown .search_table > tbody > tr.thead { display: none; }
    .D_products_group_detail section.group_table.tripdown .search_table > tbody > tr.thead { display: none; }
}
@media (max-width: 767px){
    section.group_table.trip_features .container>div>h2, section.group_table.trip_airline .container>div>h2,
    section.group_table.trip_day .container>div>h2, section.group_table.trip_note .container>div>h2,
    section.group_table.view_intro .container>div>h2, section.group_table.tripdown .container>div>h2{ font-size: 1.8rem;}
    .Day_menu.day_fixed { top: 97px !important; }
}
@media (max-width: 576px){
	.sub_menu-trip .server_menu > ul > li a{font-size: 0;}
	.sub_menu-trip .server_menu > ul > li a i {  line-height: 45px; margin: 0; }

}
@media (max-width: 991.98px) and (min-width:577px){
	.sub_menu-trip .server_menu > ul > li a { padding-top: 16px; }
	.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){ padding-top: 16px;}
}
@media (max-width: 575px){
	section.group_banner.trip_banner h1 { font-size: 1.6rem; margin-bottom: 18px; }
	section.group_banner.trip_banner h3.price { font-size: 1.2rem; }
	.basic-air-info .go h3, .basic-air-info .back h3{ font-size: 1.4rem;}
	.basic-air-info .go i, .basic-air-info .back i { font-size: 1.2rem; }
	.basic-air-info .go h4, .basic-air-info .back h4 { padding: 10px; }
	section.group_banner .basic-air-btn a{font-size: 1rem; }
	section.group_table.trip_day .info_box .info_box_title .day_title{ font-size: 1.6rem;}
	section.group_table.trip_day .info_box .info_box_title .day_sub-title { font-size: 1.3rem; line-height: 2rem; }
}


/* 新版團型頁 */
.D_products_group_molddetail .Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom>.btn { white-space: initial; padding: 0; font-size: 0;}
.D_products_group_molddetail .MGO .PriceType.LowestPrice ul.KeyFeatures,.D_products_group_molddetail .MPGO .PriceType.LowestPrice ul.KeyFeatures { flex-wrap: wrap; }
.D_products_group_molddetail .MGO .PriceType.LowestPrice ul.KeyFeatures li:first-child,.D_products_group_molddetail .MPGO .PriceType.LowestPrice ul.KeyFeatures li:first-child { margin-left: 10px;}
.D_products_group_molddetail .Detail.DayTrip .DayBlock > div { background-color: #decbe4; color: #58136f;}
.Detail.DayTrip .DayBlock > div::after{border-color: transparent transparent transparent #decbe4;}
.D_products_group_molddetail .Detail.DayTrip .TripBlock.ImgNone .TripHotel>div:nth-child(2) { word-break: break-all; display: inline-block !important; padding-bottom: 20px !important; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn { background: #eb7127; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn,
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn,
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { background: #f3ebf5; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu a { font-size: 16px;   color: #797979; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ font-size: 18px; width: auto; line-height: 35px; margin-right: 2px;}
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled,
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { color: #ffffff; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a { border-left: 0; color: #ffffff; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after{ margin-left: 5px;}
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { margin-left: 4px; margin-right: 5px; font-size: 18px; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu li{ box-shadow: none;}
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; padding: 0 8px; }
.Detail.DepartureDate .nav-tabs .nav-link{ border: 1px solid #58136f; border-bottom-color: #58136f; color: #58136f;}
.Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #58136f; color: #ffffff;}
.Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #58136f; }
.Detail.DepartureDate .nav-tabs .nav-item.show .nav-link .TabTitle::before, .Detail.DepartureDate .nav-tabs .nav-link.active .TabTitle::before{ color: #ffffff;}
.D_products_group_molddetail #tripfeature,.D_products_group_molddetail #dayTrip .DayTripMoreInfo,.D_products_group_molddetail #tripnote,.D_products_group_molddetail #Remarks{ word-break: break-all;}
@media (min-width: 1601px){
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 200px; max-width: 200px;}
}
@media (min-width: 992px){
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .ItineraryName{  flex: 1;  max-width: initial;  min-width: initial;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li{ height: 45px; font-size: 1rem;  min-width: initial;}  
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding: 5px 8px 5px 12px; }
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a { padding: 5px 8px; border-left: 1px solid #b9b9b8; }
    .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; }
    .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li a span { font-size: 0.9rem; }
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul { height: 45px; width: 180px; }
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; }
    .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li{ height: 45px;}
}
@media (min-width: 768px) and (max-width:1600px){
    .D_products_group_molddetail .DetailContainer>section.Detail.DetailBox.TripFeature>.Detail.DetailBox>.container { max-width: 85%; }
}
@media (max-width: 1600px) and (min-width: 992px){
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 150px; max-width: 150px;}
    .D_products_group_molddetail .Detail.DepartureDate>.container.col-md-9 { max-width: 85%; }
}
@media (max-width: 1350px){
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a i,.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span{ font-size: 18px;}
}
@media (max-width: 991px){
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a{ display: table;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{ line-height: 50px; height: 50px;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding-top: 5px; }
}
@media (max-width: 575px){
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn a { font-size: 0; }
    .Detail.sub_menu-trip .server_menu > ul > li a i, .Detail.sub_menu-trip .server_menu > ul > li a span{ line-height: 45px;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { line-height: 40px; }
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn{ flex: 0 0 130px;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a{ font-size: 15px;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ margin-right: 5px;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu li.download-fixed-btn a{ font-size: 0; }
}

/* 手機版月曆加上促銷及保出的字眼 */
@media (max-width: 575px){
    .Detail.DepartureDate .fc .fc-icon-group{ top:-20px;}
    /* .Detail.DepartureDate .fc .fc-icon-group .PushIcon{ font-size: 0; display: inline-block; width: 13px;}
    .Detail.DepartureDate .fc .fc-icon-group .PushIcon::before{ content: "促\A銷"; font-size: 13px; white-space: pre; writing-mode: vertical-lr;} */
    .Detail.DepartureDate .fc .fc-icon-group .PushIcon { font-size: 0; display: inline-block; width: 15px; position: relative; }
    .Detail.DepartureDate .fc .fc-icon-group .PushIcon::before { content: ""; background: url(https://www.4p.com.tw/material-alias/images/手機版月曆圖示/clr_push_icon.svg) no-repeat center; width: 22px; height: 30px; position: absolute; right: 0; top: 0; }
    .Detail.DepartureDate .fc .fc-icon-group .GuaranteedIcon { font-size: 0; display: inline-block; width: 15px; position: relative; }
    .Detail.DepartureDate .fc .fc-icon-group .GuaranteedIcon::before { content: ""; background: url(https://www.4p.com.tw/material-alias/images/手機版月曆圖示/clr_guaranteed_icon.svg) no-repeat center; width: 22px; height: 30px; position: absolute; right: 0; top: 0; }
    .Detail.DepartureDate .fc .fc-icon-group .GuaranteedIcon+.PushIcon { position: absolute; }
}

/* 天數錨點 */
#day_menu { padding-top: 60px; }
#day_menu .list-group{ margin: 0 auto; left: 0; right: 0; background: #f3f3f3; max-width: 100%; }
#day_menu .list-group.Fixed_Date_Bar { top: 60px !important; }
#day_menu .list-group .list-group-item{color:#58136f;}
#day_menu .list-group .list-group-item:hover { background-color:#f3f3f3; border-color:#f3f3f3; color:  #58136f;}
#day_menu .list-group .list-group-item.active { background-color: #58136f; border-color: #58136f; color: #ffffff; }
@media (max-width: 767px){
    #day_menu .list-group.Fixed_Date_Bar { top: 97px !important;}
}

/* 使用範本樣式 */
section.group_table.trip_features h4{ margin-bottom: 0px;}
section.group_table.trip_features h1{ font-size: 32px; line-height: 40px;}
section.group_table.trip_features h2{font-size: 26px; line-height: 32px;}
section.group_table.trip_features h3{font-size: 20px;line-height: 26px;}
section.group_table.trip_features h4{font-size: 16px; line-height: 22px;}
.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, .day_style_18, .day_style_19, .day_style_20{ margin-bottom: 10px;}
.day_style_17, .day_style_18, .day_style_19, .day_style_20 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.day_style_11 .tp_group,.day_style_12 .tp_group,.day_style_19 .tp_group{ width: 100%; padding: 0; display: inline-block; } 
.day_style_18 img {width:100%; height: 380px;}
.day_style_20 img {width:100%; height: 440px;}
@media (min-width: 1801px){
    .day_style_7 img { height: 285px !important; }
    .day_style_8 img { height: 208px !important; }
}
@media (min-width: 1601px) and (max-width: 1800px){
    .day_style_7 img { height: 265px !important; }
    .day_style_20 img {height: 370px;}
}
@media (min-width: 1401px) and (max-width: 1600px){
    .day_style_7 img { height: 275px !important; }
    .day_style_8 img { height: 195px !important; }
}
@media (min-width: 1301px) and (max-width: 1440px){
    .day_style_7 img { height: 245px !important; }
    .day_style_8 img { height: 160px !important; }
    .day_style_20 img {height: 340px;}
}
@media (min-width: 1201px) and (max-width: 1300px){
    .day_style_7 img { height: 225px !important; }
    .day_style_8 img { height: 145px !important; }
    .day_style_20 img {height: 310px;}
}
@media (min-width: 1001px) and (max-width: 1200px){
    .day_style_7 img { height: 200px !important; }
    .day_style_8 img { height: 117px !important; }
    .day_style_20 img {height: 253px;}
}
@media (min-width: 851px) and (max-width: 1000px){
    .day_style_7 img { height: 160px !important; }
    .day_style_8 img { height: 96px !important; }
    .day_style_20 img {height: 210px;}
}
@media (min-width: 768px) and (max-width: 850px){
    .day_style_7 img { height: 122px !important; }
    .day_style_8 img { height: 84px !important; }
    .day_style_20 img {height: 186px;}
}
@media (max-width: 767px){
    .day_style_7>div,.day_style_8>div,.day_style_20>div { margin-bottom: 10px; }
    .day_style_18 img,.day_style_19 img,.day_style_20 img { height: auto !important; }
    section.group_table.trip_features h1{ font-size: 24px;line-height: 34px;}
    section.group_table.trip_features h2{font-size: 20px; line-height: 28px;}
    section.group_table.trip_features h3{font-size: 18px;line-height: 24px;}
    section.group_table.trip_features h4{font-size: 15px;line-height: 20px;}
}
/*20240301新增輪播圖範本*/
.day_style_21 {width: 100%; display: block; margin: 10px auto;}
.day_style_21 br {display: none;}
.day_style_21 .w-imgText{ overflow:hidden;}
.day_style_21 .w-imgText ul,.w-imgText li{ list-style:none; padding:0; margin:0;}
.day_style_21 .w-imgText .item{ position:relative;}
.day_style_21 .w-imgText .item > a{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;}
.day_style_21 .w-imgText .img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;*height:100%; }
.day_style_21 .w-imgText .textB{ line-height:1.7;}
.day_style_21 .w-imgText .textB .bg_x{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:0;}
.day_style_21 .w-imgText .text_x{ position:relative; z-index:1;}
.day_style_21 .w-imgText .igt_page{ text-align:right; display:block; z-index:5;}
.day_style_21 .w-imgText .igt_page .swiper-pagination-bullet{  width:10px; height:10px; background:#999; border-radius: 50%; -webkit-border-radius:50%; opacity:0.5;}
.day_style_21 .w-imgText .igt_page .swiper-pagination-bullet-active{ background:#E89214; opacity:1; }
.day_style_21 .w-imgText1{position:relative; }
.day_style_21 .w-imgText1 .img{ width:100%; overflow:hidden;}
.day_style_21 .w-imgText1 .img img{width:100%; }
.day_style_21 .w-imgText1 .textB{position:absolute; right:0; bottom:0; width:460px;padding:30px 60px 40px;}
.day_style_21 .w-imgText1 .textB .bg_x{ background:#e8e8e8;}
.day_style_21 .w-imgText1 .text_x .tt_h{font-size:24px; color:#00223d; line-height:1.5; margin-bottom:0.5em;}
.day_style_21 .w-imgText1 .text_x p{color:#666; line-height: 25px; margin: 0;}
.day_style_21 .w-imgText1 .igt_btn { position: absolute; z-index: 9; left: 0; top: 50%; width: 100%; height: 50px; transform: translate(0, -50%); }
.day_style_21 .w-imgText1 .igt_prev,.day_style_21 .w-imgText1 .igt_btn .igt_next{ position:absolute; cursor:pointer; top:0; border-radius: 50%; width:50px; height:50px; background-color:rgb(213 213 213 / 80%); }
.day_style_21 .w-imgText1 .igt_btn .igt_prev{ left:5px;}
.day_style_21 .w-imgText1 .igt_btn .igt_next{ right:5px;}
.day_style_21 .w-imgText1 .igt_btn .igt_prev:before,.day_style_21 .w-imgText1 .igt_btn .igt_next:before{ content: ''; position: absolute; width: 20px; height: 20px; text-align: center; top: 50%; margin-top: -10px; left: 50%; margin-left: -10px;}
.day_style_21 .w-imgText1 .igt_btn .igt_prev:before { background: url(https://www.4p.com.tw/material-alias/images/template_slider_arrow.svg) no-repeat center; transform: rotate(180deg); }
.day_style_21 .w-imgText1 .igt_btn .igt_next:before{background: url(https://www.4p.com.tw/material-alias/images/template_slider_arrow.svg) no-repeat center;}
.day_style_21 .w-imgText1 .igt_btn .igt_prev:hover:before, .day_style_21 .w-imgText1 .igt_btn .igt_next:hover:before { -webkit-filter: brightness(100) grayscale(100) contrast(2); }
.day_style_21 .w-imgText1 .igt_btn .igt_prev:hover,.day_style_21 .w-imgText1 .igt_btn .igt_next:hover{background-color:#58136f;}
@media (max-width:767px){
    .day_style_21 .w-imgText1 .igt_prev,.day_style_21 .w-imgText1 .igt_btn .igt_next{ width: 40px; height: 40px;}
}