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;
}
/**** peacetour style ****/
/****共用 start****/
.pe_width{ max-width: 1680px;}
.row.header + .row{ padding-top: 110px;}
.pe_title.block-item>.module-container>.main>.header-title.dp-tbl,.pe_title>.module-container>.main>.header-title{ position: relative; display: table; margin: 43px auto; padding: 0 3px 7px; width: auto; font-size: 26px; color:#0f5a7c; text-align: center; font-weight: 600; letter-spacing: 0.08rem; z-index: 1;}
.pe_title.block-item>.module-container>.main>.header-title.dp-tbl::before,.pe_title>.module-container>.main>.header-title::before{ content: ""; position: absolute;width: 5px; height: 5px; border-radius: 5px; background-color: #00a0e9; bottom: 0; left: 0;}
.pe_title.block-item>.module-container>.main>.header-title.dp-tbl::after,.pe_title>.module-container>.main>.header-title::after{ content: ""; position: absolute;width:calc(100% - 15px); height: 2px; background-color: #c8d4d9; bottom: 1px; left: 10px;}
.display_none{ display: none !important;}
@media screen and (max-width: 1680px) {
    .pe_width{ padding: 0 50px; max-width: 100%;  }
    .web-page-frame .pe_width>.module-container>.main { margin: 0; }
}
@media screen and (max-width: 767px) {
    .pe_title.block-item>.module-container>.main>.header-title.dp-tbl,.pe_title>.module-container>.main>.header-title{ font-size: 24px;}
}
@media screen and (max-width: 575px) {
    .pe_width{ padding: 0 20px; }
}
/****共用 end****/

/**** header start ****/
body .header { position: fixed; top: 0; left: 0; right: 0; z-index: 1001; }
.pe_header { background: #ffffff; }
.pe_header .header-part{ max-width: 1440px; margin: 0 auto; padding: 12px 0; }
.pe_header .header-part .navbar-brand { height: 40px; padding: 0; }
.pe_header .header-part .navbar-nav li{ display: -ms-flexbox; display: flex; align-items: center; position: relative; padding-left: 18px; margin-left: 25px;}
.pe_header .header-part .navbar-nav li a,.pe_header .header-part .navbar-nav .nav-link{ display: -ms-flexbox; display: flex; align-items: center; padding: 0; font-size: 15px; letter-spacing: 0.5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.pe_header .header-part .navbar-nav li::before{ content: ""; position: absolute; top:12px; left: 0; width: 15px; height: 15px; }
.pe_header .header-part .navbar-nav li:first-child::before { background-image:url(https://www.peacetour.com.tw/material-alias/info.svg); background-repeat: no-repeat; background-position:center; }
.pe_header .header-part .navbar-nav li:nth-child(2)::before { background-image:url(https://www.peacetour.com.tw/material-alias/facebook.svg); background-repeat: no-repeat; background-position:center; }
.pe_header .header-part .navbar-nav li:nth-child(3)::before { background-image:url(https://www.peacetour.com.tw/material-alias/briefcase.svg); background-repeat: no-repeat; background-position:center; }
.pe_header .header-part .navbar-nav li:last-child::before { background-image:url(https://www.peacetour.com.tw/material-alias/user.svg); background-repeat: no-repeat; background-position:center; }
.pe_header .header-part .navbar-nav li .showName .member-name { position: relative; padding: 0 3px; color: #333333; }
.pe_header .header-part .navbar-nav li .showName .member-name::after { content: ""; position: absolute; width: 100%; height: 1px; background: #00a0e9; bottom: 0; left: 0; }
.pe_header .header-part .navbar-nav li .showName a.SignOut { background: #d6e8f1; border: 1px solid #d6e8f1; padding: 0 3px;  color: #00a0e9;}

/* 主選單 */
.main_nav .mega-menu .menu-logo > li > a:hover{ background-color: #D5E8F1;}
.main_nav .mega-menu > section.menu-list-items{ border-bottom: 1px solid #b1d2e1;}
.main_nav .mega-menu .menu-links > li{ position: relative; flex: 1;}
.main_nav .mega-menu .menu-links > li > a{  font-size: 17px; font-weight: 600; padding: 0; text-align: center;}
.main_nav .mega-menu .menu-links > li:hover { background-color: transparent; }
.main_nav .mega-menu .menu-links > li:hover a { color: #00a0e9 !important; }
.main_nav .mega-menu .menu-links > li > a i{ padding-left: 3px; color: #00a0e9; }
.main_nav .mega-menu .menu-links > li:hover > a i{ color:#00a0e9; }
.main_nav .mega-menu .mg-drop-down h4{ position: relative; font-size: 18px; margin-bottom: 10px;  padding-bottom: 10px;}
.main_nav .mega-menu .mg-drop-down h4::after { content: "";  position: absolute;   bottom: 0; left: 0; width: 100%; height: 1px; background-color: #00a0e9; }
.main_nav .mega-menu .menu-links li .list_box ul li{ margin: 6px 0 8px; border-bottom: 1px solid #bfd4df; margin: 5px 0 4px; padding-bottom: 8px;}
.main_nav .mega-menu .menu-links li .list_box ul li:last-child { border-bottom: 0; }
.main_nav .mega-menu .menu-links li .list_box ul li a { font-size: 15px; }
.main_nav .mega-menu .menu-links > li .list_box a p{ display: block; margin-left: 0; margin-right: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.main_nav .mega-menu .menu-links > li .list_box a:hover p { color: #00a0e9 !important; margin-left: 5px; margin-right: 0px;}
.mobile_member{ position: absolute; z-index: 99; top: 20px; right: 65px; max-width: 160px; text-align: right; }
.mobile_member .member-block>a { color: #00a0e9; padding-right: 20px; line-height: 32px; text-decoration: none;}
.mobile_member .showName{ color: #00223D; padding: 0;}
.mobile_member .showName .member-name { position: relative;}
.mobile_member .showName .member-name::after { content: ""; position: absolute; width: 100%; height: 1px; background: #00a0e9; bottom: 0; left: 0; }
.mobile_member .showName .SignOut { background: #d6e8f1; border: 1px solid #d6e8f1; color: #00a0e9; margin-left: 5px; padding: 5px 3px; }
.main_nav .mega-menu  .mega-menu .menu-logo > li > a:hover { background-color: transparent; }

@media (min-width: 768px){
    .pe_header .navbar-toggler{ display: none;}
    .pe_header .collapse:not(.show) { display: block; }
    .pe_header .navbar-collapse {  display: -ms-flexbox!important; display: flex!important;  -ms-flex-preferred-size: auto; flex-basis: auto; }
    .pe_header .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
    .main_nav .mega-menu .menu-logo > li > a img{ display: none;}
    .main_nav .mega-menu .menu-links {display: -ms-flexbox; display: flex !important; justify-content: space-between; max-width: 1520px; float: initial; margin: 0 auto;  }
    .main_nav .mega-menu .menu-links > li+li::before { content: ""; position: absolute; width: 1px; height: 100%; background: #b3d6ec; left: 0; top: 0; }
    .main_nav .mega-menu .menu-links > li:nth-last-child(1),.main_nav .mega-menu .menu-links > li:nth-last-child(2){ display: none;}
    .main_nav .mega-menu .menu-links li .list_box {margin-right: 0; padding:0; width: 100%;}
    .main_nav .mega-menu .menu-links li div.mg-drop-down.col-12 { width: 200px; max-width: 100%; margin: 0 auto; padding: 10px; left: 0; right: initial; transform: initial; box-shadow: none; } 
    .main_nav .mega-menu .menu-links li .list_box ul { display: flex; flex-direction: column; flex-wrap: wrap; }
}
@media (max-width: 1520px){
    .main_nav .mega-menu .menu-links{ max-width: 100%;}
}
@media (max-width: 1440px){
    .pe_header .header-part { max-width: 100%; padding: 12px 25px; }
    .main_nav .mega-menu .menu-links > li > a{ font-size: 15px;}
}

@media (max-width: 1360px){
    .main_nav .mega-menu .menu-links{ padding: 0 30px;}
    .main_nav .mega-menu .menu-links > li > a { padding: 0; }
}
@media (max-width: 1199px){
    .main_nav .mega-menu .menu-links > li > a{ font-size: 14px; line-height: 19px; padding-top: 5px;}
    .main_nav .mega-menu .menu-links > li > a i.fa.fa-indicator { padding-left: 0; text-align: center; padding-bottom: 10px; }
}
@media (max-width: 991px){
    .main_nav .mega-menu .menu-links li .list_box { -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }
    .main_nav .mega-menu .menu-links > li > a { padding: 5px 0 0;  line-height: 20px;}
}

@media (max-width: 767px){
    body .header { z-index: 1049; }
    .row.header + .row { padding-top: 64px; }
    .pe_header{ display: none !important;}
    .pe_header .navbar-toggler{ display: none;}
    .main_nav .mega-menu .mega-menu{ min-height: 64px;}
    .main_nav .mega-menu .menu-links { padding: 0 0 150px; width: 100%; height: 100vh; max-height: initial !important; }
    .main_nav .mega-menu .menu-links > li{ border-bottom: 1px solid #c9c9c9; width: 100%; margin: 0 auto; padding: 0 15px;}
    .main_nav .mega-menu .menu-links > li > a { position: relative; font-size: 16px; padding:0 10px; font-size: 16px; line-height: 50px; width: calc(100% - 50px); text-align: left; height: 50px;  }
    .main_nav .mega-menu .menu-links > li > a i.fa.fa-indicator { right: -30px; }
    .main_nav .mega-menu .menu-links li div.mg-drop-down.col-12{ padding: 0 10px;}
    .main_nav .mega-menu .menu-links li .list_box { padding: 0; }
    .main_nav .mega-menu .menu-links li .list_box ul li { margin: 10px 0; }
    .main_nav .mega-menu .mg-drop-down { background: #f6f0e9;}
    .main_nav .mega-menu .mobileTriggerButton {  right: -50px; z-index: 21; }
    .main_nav .mega-menu .menu-logo > li > a { padding: 12px 30px; height: 64px; display: block; }
    .main_nav .mega-menu .menu-logo > li > a img{ position: initial; height: 40px; width: auto; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger { width: 50px; background: transparent; top:10px; right: 20px; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger:before,
    .main_nav .mega-menu .menu-mobile-collapse-trigger:after,
    .main_nav .mega-menu .menu-mobile-collapse-trigger span{    height: 2px; background:#00a0e9; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); top: 11px; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); top: 36px; }
    .main_nav .mega-menu .menu-links > li.activeTriggerMobile{ background-color: #f8d198; }
    ::-webkit-scrollbar { width: 0 !important; height: 0 !important; }
}
@media (max-width: 575px){
    .row.header + .row { padding-top: 52px; }
    .pe_header .header-part { padding: 12px 25px 12px !important; height: 52px !important; }
    .pe_header .header-part .navbar-brand { height: auto; } 
    .pe_header .header-part .navbar-brand { height: 28px;}
    .main_nav .mega-menu .mega-menu{ min-height: 52px;}
    .main_nav .mega-menu .menu-logo > li > a{ height: 52px; padding: 8px 25px;}
    .main_nav .mega-menu .menu-logo > li > a img{ height: 34px;}
    .main_nav .mega-menu .menu-mobile-collapse-trigger { width: 35px; top: 3px; right: 20px; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger:before,
    .main_nav .mega-menu .menu-mobile-collapse-trigger:after,
    .main_nav .mega-menu .menu-mobile-collapse-trigger span { width: 30px; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger.active:before { top: 13px; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger.active:after { top: 32px; }
    .mobile_member { top: 10px; right: 52px; }
}

@media (max-width: 400px){
    .mobile_member{max-width: 150px;}
    .mobile_member .showName .member-name { font-size: 13px;}
}
/**** header end ****/

/****index start****/
/*大圖輪播 start*/
.pe_slider .carousel-caption.d-none.d-md-block{ opacity: 0;}
.pe_slider .carousel-control-next, .pe_slider .carousel-control-prev { opacity: 1; width: 10%; }
.pe_slider .carousel-control-next-icon, .pe_slider .carousel-control-prev-icon { position: relative; width: 50px; height: 96px; background: no-repeat 50%/100% 100%; z-index: 1; }
.pe_slider .carousel-control-prev-icon { transform: rotate(180deg); }
.pe_slider .carousel-control-next-icon::after, .pe_slider .carousel-control-prev-icon::after { content: ""; position: absolute; left: 0; width: 50px; height: 96px; 
 background-image: url(https://www.peacetour.com.tw/material-alias/首頁/slider_arrow.svg); background-position: center; background-repeat: no-repeat; z-index: 1; opacity: 0.8;}
 .pe_slider .carousel-indicators{ margin-bottom: 20px; z-index: 10;}
 .pe_slider .carousel-indicators li { width: 11px; height: 11px; border-radius: 50%; margin-left: 5px; margin-right: 5px; border: 0; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.pe_slider .carousel-indicators .active { background-color: #00a0e9; width: 11px;  }
.pe_slider img.lazy { opacity: 1; }
@media (max-width:767px){
    .pe_slider .carousel-control-next-icon, .pe_slider .carousel-control-prev-icon { width: 30px; }
    .pe_slider .carousel-control-next-icon::after, .pe_slider .carousel-control-prev-icon::after{width: 30px; }
    .pe_slider .carousel-indicators{ display: none; }
}

/* 首頁搜尋引擎 */
.main_search .search-area { background: #ffffff; min-height: 130px; display: flex; align-items: center;}
.main_search  .search-area  .search-box {padding: 0px 10px;}
.web-page-frame .widget-item.main_search .search-area form.container{ width: 100%;}
.main_search .search-area form.container { max-width: 1440px;  padding-left: 0; padding-right: 0; }
.main_search .search-area .search-box .select-goal,.main_search .search-area .search-box .select-place,.main_search .search-area .search-box .select-date,.main_search .search-area .search-box .select-keywords{background:#ffffff;  padding: 5px 10px;}
.main_search .select-keywords{ position:relative; }
.main_search .search-area .search-box .select-keywords .title,.main_search .search-area .search-box .select-goal .title,
.main_search .search-area .search-box .select-date .title,.main_search .search-area .search-box .select-place .title {padding-left: 16px;}
.main_search .search-area .search-box .select-keywords .title i,.main_search .search-area .search-box .select-goal .title i,
.main_search .search-area .search-box .select-place .title i,.main_search .search-area .search-box .select-date .title i{ display:none;}
.main_search .search-box .title::before{ content: "";  position: absolute;  left: 13px; top: 13px; width: 6px; height: 6px; background-color:#a2daf3; border-radius: 6px; }
.main_search .search-area .search-box .select-date .select { width: 100%;}
.main_search .search-area .search-box .select-date .select input { width: calc(46%);}
.main_search .search-area .search-box .select-goal .select select,.main_search .search-area .search-box .select-place .select select,
.main_search .search-area .search-box .select-date .select input,.main_search .search-area .search-box .select-keywords .select input { height: 45px; padding: 5px 10px; border-radius: 4px;  border:1px solid #d6dbde; background-color: #ffffff; color: #333333; cursor:pointer;}
.main_search .search-area .search-box .select-goal .select select,.main_search .search-area .search-box .select-place .select select { background-image: url('https://www.peacetour.com.tw/material-alias/首頁/search_arrow.svg'); background-size: 15px auto; background-position: right 4px center;  padding: 5px 20px 5px 5px;}
.main_search .search-area .search-box .select-goal .select select:hover,.main_search .search-area .search-box .select-place .select select:hover,.main_search .search-area .search-box .select-goal .select select:focus,.main_search .search-area .search-box .select-place .select select:focus{ background-image: url('https://www.peacetour.com.tw/material-alias/首頁/search_arrow_blue.svg'); background-size: 15px auto;}
.main_search .search-area .search-box .select-goal .select select:focus,.main_search .search-area .search-box .select-place .select select:focus,.main_search .search-area .search-box .select-date .select input:focus,.main_search .search-area .search-box .select-keywords .select input:focus,.main_search .search-area .search-box .search-btn:focus{ outline:none; }
.main_search .search-area .search-box .select-goal .title h6,.main_search .search-area .search-box .select-place .title h6,.main_search .search-area .search-box .select-date .title h6,.main_search .search-area .search-box .select-keywords .title h6{  margin: 0;  color: #333333; font-weight: 600;}
.main_search .search-area .search-box .select-date .select .divide{margin: 25px 10px 0px 10px; background: #00223d;}
.main_search .search-area .search-box .search-btn{  background: #00a0e9;   width:calc(100% - 10px);  height: 45px;  margin-top: 35px; float: right; display: flex;  padding: 0;  justify-items: center; align-items: center; border-radius: 4px; border: 2px solid #a9ddf5; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; }
.main_search .search-area .search-box .search-btn:hover{ background:#00a0e9;}
.main_search .search-area .search-box .search-btn h5 { position: relative; display: table;  margin: 0 auto; padding-right: 25px; width: 120px; height: 30px;  font-size: 1rem;  line-height: 2rem;  }
.main_search .search-area .search-box .search-btn h5::after{ content: "";  position: absolute; background-image: url('https://www.peacetour.com.tw/material-alias/首頁/search_btn_arrow.svg'); background-repeat: no-repeat; background-size: 20px; width: 20px; height: 20px; right: 10px;
 top: 6px;}
.main_search  .search-area .search-box .search-btn i{ display:none;}

/* 20231229新版搜尋引擎 */
.main_search.new .group_banner.search_banner .search-area{ min-height: 130px;}
.main_search.new section.group_banner .search-area .search-box{ margin: 0; padding: 0 10px;}
.main_search.new .group_banner.search_banner .search-area > .container { background: transparent; border-bottom: 0; }
.main_search.new section.group_banner .search-area .search-box>div { padding: 0 !important; flex: 1;  max-width: initial; }
.main_search.new .search-area .search-box>div:nth-child(5) { flex: 1; max-width: initial; min-width: initial; }
.main_search.new section.group_banner .search-area .search-box>div:last-child { flex: 0 0 210px; max-width: 210px; }
.main_search.new section.group_banner .search-area .search-box .search-btn { height: 45px; line-height: 45px; width: calc(100% - 10px); }
.main_search.new section.group_banner .search-area .search-box .select-date > input,
.main_search.new section.group_banner .search-area .search-box .select-input > input { height: 45px; border: 1px solid #d6dbde; border-radius: 4px; padding: 5px 10px; }
.main_search.new section.group_banner .search-area .search-box .select-input .data-icon-search{ display: none;}
.main_search.new section.group_banner .search-area .search-box>div:nth-child(4) { flex: 0 0 33.333333%; max-width: 33.333333%;}
.main_search.new section.search_banner .search-area .search-box .select-input{ padding: 35px 10px 5px; position: relative;}
.main_search.new section.search_banner .search-area .search-box .select-input::before { content: "關鍵字"; position: absolute; top:5px; left: 26px; color: #333333; font-size: 1rem; font-weight: 600; letter-spacing: 1px; }
.main_search.new section.search_banner .search-area .search-box .select-input::after { content: ""; position: absolute; left: 13px; top: 13px; width: 6px; height: 6px; background-color: #a2daf3; border-radius: 6px; }
.main_search.new section.search_banner .search-area .search-box .select-date .select input{ border: 1px solid #d6dbde; width: calc(50% - 18px); }
.main_search.new section.group_banner .search-area .search-box .select-date { padding: 5px 10px;}
.main_search.new section.group_banner .search-area .search-box .select-goal,
.main_search.new section.group_banner .search-area .search-box .select-place,
.main_search.new section.group_banner .search-area .search-box .select-date{ padding: 5px 10px; height: 90px;}
.main_search.new section.group_banner .search-area .search-box .select-goal .title,
.main_search.new section.group_banner .search-area .search-box .select-place .title,
.main_search.new section.group_banner .search-area .search-box .select-date .title{ height: 30px; }
.main_search.new section.group_banner .search-area .search-box .select-goal .title h6,
.main_search.new section.group_banner .search-area .search-box .select-place .title h6,
.main_search.new section.group_banner .search-area .search-box .select-date .title h6 { color: #333333; font-size: 1rem; margin: 0; }
.main_search.new .mic_icon { top: 35px; bottom: 0; height: 45px;}

/*搜尋月曆*/
.datepicker.dropdown-menu{  border: 1px solid #01305a;}
.datepicker.datepicker-dropdown:before{  border-bottom-color: #01305a;}
.datepicker.datepicker-dropdown.datepicker-orient-top:before{ border-top: 7px solid #01305a;}
.datepicker td, .datepicker th {  width: 30px;height: 30px;}
.datepicker table tr td.active.active{background:#4db7ff;}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background: #ffcc02;}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:hover{background-color: #01305a;}
.datepicker .datepicker-switch,.datepicker .next, .datepicker .prev { color: #01305a;}
@media (min-width: 992px) {
    .main_search .search-area .search-box>div:nth-child(3) { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    .main_search .search-area .search-box>div:nth-child(5){ flex: 0; max-width: 210px; min-width: 210px;}
}
@media (max-width: 1499px) {
	.main_search .search-area .search-box .select-date .select input {width: calc(45%);}
}
@media (max-width: 1199px) {
	.main_search .search-area .search-box .select-date .select input { width: calc(44%);}
}
@media (max-width: 991px) {
	.main_search .search-area .search-box {  padding: 10px 20px 20px;}
	.main_search .search-area .search-box > div {padding: 0;}
	.main_search .search-area .search-box .select-date .select input {  width: calc(48.5%);}
	.main_search .search-area .search-box .select-date .select .divide {margin: 25px 0.5% 0px 0.5%; width: 2%;}
	.main_search .search-area .search-box .search-btn{ float: inherit;  width: 200px; margin: 15px auto 0; display: block;}
    .main_search.new section.group_banner .search-area .search-box>div{ flex:0 0 50%;}
    .main_search.new section.group_banner .search-area .search-box { padding: 10px 20px 20px; }
    .main_search.new section.group_banner .search-area .search-box>div:nth-child(4),
    .main_search.new section.group_banner .search-area .search-box>div:nth-child(5),
    .main_search.new section.group_banner .search-area .search-box>div:last-child{ flex: 0 0 100%;  max-width: 100%; }
    .main_search.new section.group_banner .search-area .search-box .search-btn{ width: 200px;}
    .main_search.new .search-area .search-box .select-date .select .divide { margin: 25px 5px 0px 5px; width: 15px; }
    .main_search.new section.search_banner .search-area .search-box .select-date .select input { border: 1px solid #d6dbde; width: calc(50% - 13px); }
}
@media (max-width: 575px) {
	.main_search .search-area .search-box { padding: 20px 10px;}
	.main_search .search-area .search-box .search-btn { width: 160px;  }
    .main_search .search-area .search-box .select-goal .title h6, .main_search .search-area .search-box .select-place .title h6,
    .main_search .search-area .search-box .select-date .title h6, .main_search .search-area .search-box .select-keywords .title h6{font-size: 0.95rem; }
    .main_search.new section.group_banner .search-area .search-box{ padding: 20px 10px;}
    .main_search.new section.group_banner .search-area .search-box .search-btn { width: 160px; }
}

/*熱門主題*/
.main_hot_tab>.module-container>.main::before{ content: ""; width: 100%; height: 165px; position: absolute; background: #f2f8fb; left: 0; top: 0;}
.main_hot_tab .blk-tabs.dp-tbl{ z-index: 1;}
.main_hot_tab .nav-pills .nav-item+.nav-item { margin-left: 13px; }
.main_hot_tab .nav-pills .nav-link { position: relative; border-radius:4px; padding: 18px 27px; font-size: 17px; line-height: 17px; background: #d2ecf8; color: #0f5a7c;}
.main_hot_tab .nav-pills .nav-link.active,.main_hot_tab .nav-pills .show>.nav-link { color: #fff; background-color: #00a0e9; }
.main_hot_tab .nav-pills .nav-link.active::before,.main_hot_tab .nav-pills .show>.nav-link::before{content:"";  position: absolute; width: 13px; height: 10px; left: 50%; bottom: -10px; transform: translate(-50%,0); width: 0; height: 0; border-style: solid; border-width: 10px 6.5px 0 6.5px; border-color: #009fe9 transparent transparent transparent;}
.main_hot{ margin-top: 28px; }
.main_hot .expand-graphics { margin: 10px 0 34px; }
.main_hot .expand-graphics .item_box{ position: relative; border: 1px solid #bcc6ca; border-top-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 0 0 7px rgba(0,0,0,0.2);  height: 100%;}
.main_hot .expand-graphics .item_box:hover { border: 1px solid #00a0e9; }
.main_hot .expand-graphics .item_box a{ height: 100%; padding-bottom: 50px;}
.main_hot .expand-graphics .item_box .item_more_txt{ padding: 0 25px 20px;}
.main_hot .expand-graphics .item_box figure {border-top-left-radius: 20px; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 25px;}
.main_hot .expand-graphics .item_box figure img { aspect-ratio: 5/2.8; object-fit: cover; object-position: center center;  -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.main_hot .expand-graphics .item_box:hover figure img{ opacity: 1;  -webkot-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.main_hot  .expand-graphics .item_box .item_more_txt h3 { color: #0f5a7c; margin: 0; text-align: justify;  line-height: 28px; line-height: 28px; font-weight: 600; margin-bottom: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; }
.main_hot .expand-graphics .item_box h4 { position: absolute; right: 25px; bottom: 20px;  left: 0;  padding-right: 25px;  width: 100%; font-size: 20px; font-family: 'Roboto', sans-serif !important; font-weight: 400; display: block; float: initial; text-align: right; }
.main_hot .expand-graphics .item_box h4::after{ content: "元起"; color: #333333; font-size: 13px; padding-left: 3px; }
.main_hot .expand-graphics .item_box .item_more_txt span.item_tag { padding: 0; margin: 0; color: #333333; text-align: justify; line-height: 28px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; }
.main_hot .expand-graphics .item_box span.item_btn,.main_hot .expand-graphics .item_box:hover span.item_btn_hover{ display: none;}
.main_hot .expand-graphics .item_morebox{ display: none;}
@media (max-width: 991px) {
    .main_hot_tab .nav-pills .nav-link { padding: 15px 18px; font-size: 16px; line-height: 15px; }
}
@media (max-width: 767px) {
    .main_hot_tab>.module-container>.main>.blk-tabs { display: block; }
    .main_hot_tab .nav { display: block; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 0 20px; padding-bottom: 10px; text-align: center; }
    .main_hot_tab .nav li.nav-item { display: inline-block; }
    .main_hot_tab .nav-pills .nav-item+.nav-item{ margin-left: 3px;}
}
@media (max-width: 575px) {
}

/*精選行程*/
.main_push{ margin-bottom: 68px;}
.main_push .swiper-container{ padding: 0 30px;}
.main_push .swiper-slide .swiper-img {margin:0; }
.main_push .swiper-slide .swiper-img img { border-top-left-radius: 0; border-top-right-radius: 0; aspect-ratio: 4/5.1; object-fit: cover; object-position: center center; }
.main_push .swiper-slide-style { padding:0; margin: 0; background: none; border-radius: 0; box-shadow: none; position: relative; }
.main_push .swiper-button-prev.swiper-button-white,.main_push .swiper-button-next.swiper-button-white { width: 50px; height: 50px; background:rgb(255 255 255 / 90%); opacity: 1; border-radius: 50px; top: 45%; outline: none; box-shadow: 0 0 3px rgba(0,0,0,0.2); }
.main_push .swiper-button-prev.swiper-button-white { left:0; }
.main_push .swiper-button-next.swiper-button-white { right: 0; }
.main_push .swiper-button-next:after,.main_push .swiper-container-rtl .swiper-button-prev:after,
.main_push .swiper-button-prev:after,.main_push .swiper-container-rtl .swiper-button-next:after{ padding: 0; width: 27px; height: 27px; background:url(https://www.peacetour.com.tw/material-alias/首頁/arrow_right_blue.svg); background-size: 20px; background-position:center; background-repeat: no-repeat; font-size: 0; }
.main_push .swiper-button-prev:after{ transform: scaleX(-1);}
.main_push .swiper-slide .swiper-content{ background:rgb(14 139 196 / 80%); width:100%; height: 180px; border-top-left-radius: 20px; position: absolute; margin: 0; bottom: 0; left: 0; -webkit-line-clamp: initial; padding: 25px}
.main_push .swiper-slide .swiper-content h3{ margin-bottom: 22px; font-size: 17px; line-height: 26px;  font-weight: 600; color: #ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_push .swiper-slide .swiper-content h4{ font-size: 15px; line-height: 24px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
@media (max-width: 1024px) {
    .main_push .swiper-container{ padding: 0 20px;}
}
@media (max-width: 767px){
    .main_push .swiper-container { padding: 0 10px; }
}
@media (max-width: 639px){
    .main_push .swiper-container { padding: 0 5px; }
}

/*影音專區 */
.main_video{ margin-bottom: 70px; }
.main_video>.module-container>.main { justify-content: center; }
.main_video.pe_title.block-item>.module-container>.main>.header-title.dp-tbl::after{ background-color: #e8f8ff; }
.main_video_play { -ms-flex: 0 0 77%; flex: 0 0 77%; max-width: 1047px; }
.main_video_play .video-container { margin-right: 30px; padding-bottom: 49.2%;}
.main_video_link{ -ms-flex: 0 0 23%; flex: 0 0 23%; max-width: 312px;}
.main_video_link .wall-wrapper{ background: transparent;}
.main_video_link .wall-wrapper>.row>div { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.main_video_link .wall-wrapper>.row>div+div { margin-top: 35px; }
.main_video_link .wall-wrapper .thicon_info h3 { display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 46px; padding: 12px 12px 12px 56px; margin-bottom: 0; font-size: 18px; font-weight: 500; text-align: left; right: 0; bottom: 0px; text-shadow: none; 
background: rgb(4 46 63 / 60%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.main_video_link .wall-wrapper .thicon_info:hover h3{ background: rgb(4 46 63 / 90%);}
.main_video_link .wall-wrapper .thicon_info h3::before{ content:""; position: absolute; width: 24px; height: 24px;left: 20px; top: 50%; transform: translate(0, -50%);
  background-image: url(https://www.peacetour.com.tw/material-alias/首頁/video.svg); background-position: center; background-repeat: no-repeat;}
.main_video_link .wall-wrapper .theme_info { background: transparent !important;}
.main_video_link .wall-wrapper .thicon_info:hover figure .b_img { -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
@media (max-width: 1440px){
    .main_video_play{ -ms-flex: 0 0 72%; flex: 0 0 72%; max-width:72%; }
    .main_video_link{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width:20%;}
    .main_video_play .video-container {padding-bottom: 45.8%; }
    
}   
@media (max-width: 991px){
    .main_video>.module-container>.main{ padding: 0 50px;}
    .main_video_play,.main_video_link{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .main_video_play .video-container { margin-right: 0; margin-bottom: 20px; }
    .main_video_link .wall-wrapper>.row>div { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .main_video_link .wall-wrapper>.row>div+div { margin-top: 0; }
}
@media (max-width: 575px){
    .main_video>.module-container>.main { padding: 0 30px; }
    .main_video_link .wall-wrapper>.row>div { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .main_video_link .wall-wrapper>.row>div+div { margin-top: 20px; }
    .main_video_play .video-container{ padding-bottom: 50%;}
}
/*信用卡優惠*/
.main_card{ margin-bottom: 80px;}
.main_card .function-row .row-content { justify-content: space-between; }
.main_card .function-row li { -ms-flex: 0 0 calc(33.333333% - 30px); flex: 0 0 calc(33.333333% - 30px); max-width: calc(33.333333% - 30px); }
.main_card .function-row li a{ width: 100%;  position: relative;  padding:36px 30px; border-radius: 0; border-top-left-radius: 20px; border-bottom-right-radius: 20px;}
.main_card .function-row li a h3 { font-size: 24px; font-weight: 400; margin-top: 0; letter-spacing: 2px; transform: translate(10px, 0);}
.main_card .function-row li a:hover h3{transform: translate(30px, 0);}
.main_card .function-row li a::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-top-left-radius: 20px; border-bottom-right-radius: 20px; }
.main_card .function-row li a::after { content: ""; background: rgb(255 255 255 / 80%); position: absolute; width: 66px; height: 66px; border-radius: 50%; left: 30px; top: 18px; z-index: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.main_card .function-row li a:hover::after { content: ""; background: rgb(255 255 255 / 60%);}
.main_card .function-row li:nth-child(1) a::before { background-image: url(https://www.peacetour.com.tw/material-alias/首頁/bank_bg1.jpg); }
.main_card .function-row li:nth-child(2) a::before { background-image: url(https://www.peacetour.com.tw/material-alias/首頁/bank_bg2.jpg); }
.main_card .function-row li:nth-child(3) a::before { background-image: url(https://www.peacetour.com.tw/material-alias/首頁/bank_bg3.jpg); }
.main_card .function-row li a img { position: absolute; z-index: 2; left: 42px; top: 29px; }
@media (max-width: 1360px){
    .main_card .function-row li a h3{   font-size: 20px;  transform: translate(20px, 0);}
}
@media (max-width: 1199px){
    .main_card .function-row li { -ms-flex: 0 0 calc(33.333333% - 20px); flex: 0 0 calc(33.333333% - 20px); max-width: calc(33.333333% - 20px); }
    .main_card .function-row li a h3{   font-size: 20px;  transform: translate(30px, 0);}
}
@media (max-width: 991px){
    .main_card .function-row li { -ms-flex: 0 0 calc(33.333333% - 5px); flex: 0 0 calc(33.333333% - 5px); max-width: calc(33.333333% - 5px); }
    .main_card .function-row li a h3{ font-size: 18px;}
    .main_card .function-row li a::after { width: 55px; height: 55px; left: 17px; top: 20px;}
    .main_card .function-row li a img { left: 28px; top: 30px; width: 34px !important; }
}
@media (max-width:767px){
    .main_card .function-row li a{ padding: 5px 5px 10px;}
    .main_card .function-row li a img { left: initial; top: inherit; margin-top: 20px; position: relative; }
    .main_card .function-row li a h3 { font-size: 15px; letter-spacing: 0; display: block; margin-top: 30px; margin-bottom: 10px; transform: initial; }
    .main_card .function-row li a::after { left: 50%; top: 15px; transform: translate(-50%, 0); }
    .main_card .function-row li a:hover h3 { transform: initial; }
}

/****index end****/

/****銀行專頁****/
.bank_nav{ margin-top: 70px;}
.bank_nav .function-row { background: #ffffff; padding-bottom: 24px; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.bank_nav .function-row .row-content { justify-content: space-between; }
.bank_nav .function-row li { -ms-flex: 0 0 calc(33.333333% - 3px); flex: 0 0 calc(33.333333% - 3px); max-width: calc(33.333333% - 3px); margin: 0; padding: 0;}
.bank_nav .function-row li a{ width: 100%;  position: relative;  padding:36px 30px; border-radius: 0; }
.bank_nav .function-row li:nth-child(1) a{ border-top-left-radius: 20px;}
.bank_nav .function-row li:nth-child(3) a{ border-top-right-radius: 20px;}
.bank_nav .function-row li::after { content: ""; background: rgb(255 255 255 / 80%); position: absolute; width: 66px; height: 66px; border-radius: 50%; left: 30px; top: 18px; z-index: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.bank_nav .function-row li a h3 { font-size: 30px; font-weight: 400; margin-top: 0; letter-spacing: 2px; transform: translate(10px, 0);}
.bank_nav .function-row li a:hover h3{transform: translate(30px, 0);}
.bank_nav .function-row li a::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.bank_nav .function-row li:nth-child(1) a::before{ border-top-left-radius: 20px;}
.bank_nav .function-row li:nth-child(3) a::before{ border-top-right-radius: 20px;}
.bank_nav .function-row li a::before{ background-image: url(https://www.peacetour.com.tw/material-alias/首頁/bank_bg4.jpg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.bank_nav.nav01 .function-row li:nth-child(1) a::before,.bank_nav .function-row li:nth-child(1):hover a::before { background-image: url(https://www.peacetour.com.tw/material-alias/首頁/bank_bg1.jpg); }
.bank_nav.nav02 .function-row li:nth-child(2) a::before,.bank_nav .function-row li:nth-child(2):hover a::before{ background-image: url(https://www.peacetour.com.tw/material-alias/首頁/bank_bg2.jpg); }
.bank_nav.nav03 .function-row li:nth-child(3) a::before,.bank_nav .function-row li:nth-child(3):hover a::before{ background-image: url(https://www.peacetour.com.tw/material-alias/首頁/bank_bg3.jpg); }
.bank_nav.nav01 .function-row li:nth-child(1) a::after { content: ""; position: absolute; width: 0; height: 0; bottom: -24px; left: 50%; transform: translate(-50%, 0); border-style: solid; border-width: 24px 12px 0 12px; border-color: #009fe9 transparent transparent transparent; }
.bank_nav.nav02 .function-row li:nth-child(2) a::after { content: ""; position: absolute; width: 0; height: 0; bottom: -24px; left: 50%; transform: translate(-50%, 0); border-style: solid; border-width: 24px 12px 0 12px; border-color: #0c82d4 transparent transparent transparent; }
.bank_nav.nav03 .function-row li:nth-child(3) a::after { content: ""; position: absolute; width: 0; height: 0; bottom: -24px; left: 50%; transform: translate(-50%, 0); border-style: solid; border-width: 24px 12px 0 12px; border-color: #00b1d1 transparent transparent transparent; }
.bank_nav .function-row li a img { position: absolute; z-index: 2; left: 42px; top: 29px; }
@media (max-width: 1199px){
    .bank_nav .function-row li a h3{   font-size: 24px;  transform: translate(30px, 0);}
}
@media (max-width: 991px){
    .bank_nav .function-row li a h3{ font-size: 20px;}
    .bank_nav .function-row li::after { width: 55px; height: 55px; left: 17px; top: 20px;}
    .bank_nav .function-row li a img { left: 28px; top: 30px; width: 34px !important; }
}
@media (max-width:767px){
    .bank_nav{ padding: 0 20px;}
    .bank_nav .function-row li a{ padding: 5px 5px 10px;}
    .bank_nav .function-row li a img { left: initial; top: inherit; margin-top: 20px; position: relative; }
    .bank_nav .function-row li a h3 { font-size: 15px; letter-spacing: 0; display: block; margin-top: 30px; margin-bottom: 10px; transform: initial; }
    .bank_nav .function-row li::after { left: 50%; top: 15px; transform: translate(-50%, 0); }
    .bank_nav .function-row li a:hover h3 { transform: initial; }
}


.bank_top .module-container .main .bgfixed{background-position: top center; }
.bank_top .bgfixed h1{position: absolute; display: table; left: 50%; top: 50%; transform: translate(-50%, -49%); color: #ffffff; font-weight: 400; letter-spacing: 3px; padding-bottom: 30px;}
.bank_top .bgfixed h1::before { content: ""; background: #ffffff; width: 100%; height: 8px; position: absolute; bottom: 0; left: 0; }
.bank_tab ul{ max-width: 1360px; margin: 80px auto 0;border-top-left-radius: 20px; border-top-right-radius: 20px; padding-bottom: 24px; background: #ffffff; justify-content: space-between !important;}
.bank_tab ul li.nav-item{ position: relative; font-size: 28px; flex: 0 0 calc(33.3333333% - 3px); text-align: center; letter-spacing: 2px; }
.bank_tab ul li.nav-item::before{ content: ""; background: rgb(255 255 255 / 80%); position: absolute; width: 60px; height: 60px; border-radius: 50%; left: 30px; top: 15px; z-index: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.bank_tab ul li.nav-item a{ position: relative; color: #ffffff; padding: 25px 10px; background-image: url(https://www.peacetour.com.tw/material-alias/首頁/bank_bg4.jpg);  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.bank_tab ul li.nav-item:nth-child(1) a{ border-top-left-radius: 20px;}
.bank_tab ul li.nav-item:nth-child(3) a{border-top-right-radius: 20px}
.bank_tab ul li.nav-item:nth-child(1) a.active,.bank_tab ul li.nav-item:nth-child(1) a:hover{background-image: url(https://www.peacetour.com.tw/material-alias/首頁/bank_bg1.jpg); }
.bank_tab ul li.nav-item:nth-child(2) a.active,.bank_tab ul li.nav-item:nth-child(2) a:hover{background-image: url(https://www.peacetour.com.tw/material-alias/首頁/bank_bg2.jpg);}
.bank_tab ul li.nav-item:nth-child(3) a.active,.bank_tab ul li.nav-item:nth-child(3) a:hover{background-image: url(https://www.peacetour.com.tw/material-alias/首頁/bank_bg3.jpg);}
.bank_tab ul li.nav-item:nth-child(1) a.active::before,.bank_tab ul li.nav-item:nth-child(1) a:hover::before{ content: ""; position: absolute; width: 0; height: 0; bottom: -24px; left: 50%; transform: translate(-50%, 0); border-style: solid; border-width: 24px 12px 0 12px; border-color: #009fe9 transparent transparent transparent;}
.bank_tab ul li.nav-item:nth-child(2) a.active::before,.bank_tab ul li.nav-item:nth-child(2) a:hover::before{ content: ""; position: absolute; width: 0; height: 0; bottom: -24px; left: 50%; transform: translate(-50%, 0); border-style: solid; border-width: 24px 12px 0 12px; border-color: #0c82d4 transparent transparent transparent;}
.bank_tab ul li.nav-item:nth-child(3) a.active::before,.bank_tab ul li.nav-item:nth-child(3) a:hover::before{ content: ""; position: absolute; width: 0; height: 0; bottom: -24px; left: 50%; transform: translate(-50%, 0); border-style: solid; border-width: 24px 12px 0 12px; border-color: #00b1d1 transparent transparent transparent;}
.bank_tab ul li.nav-item:nth-child(1) a::after{ content: ""; z-index: 2; left: 42px; top: 25px; background-image: url(https://www.peacetour.com.tw/material-alias/銀行/bank_icon1_light.svg); position: absolute; width: 38px; height: 38px;}
.bank_tab ul li.nav-item:nth-child(1) a.active::after,.bank_tab ul li.nav-item:nth-child(1) a:hover::after{ background-image: url(https://www.peacetour.com.tw/material-alias/首頁/bank_icon1.svg);}
.bank_tab ul li.nav-item:nth-child(2) a::after{ content: ""; z-index: 2; left: 42px; top: 27px; background-image: url(https://www.peacetour.com.tw/material-alias/銀行/bank_icon02_light.svg); position: absolute; width: 38px; height: 38px;}
.bank_tab ul li.nav-item:nth-child(2) a.active::after,.bank_tab ul li.nav-item:nth-child(2) a:hover::after{ background-image: url(https://www.peacetour.com.tw/material-alias/首頁/bank_icon02.svg);}
.bank_tab ul li.nav-item:nth-child(3) a::after{ content: ""; z-index: 2; left: 42px; top: 25px; background-image: url(https://www.peacetour.com.tw/material-alias/銀行/bank_icon03_light.svg); position: absolute; width: 38px; height: 38px;}
.bank_tab ul li.nav-item:nth-child(3) a.active::after,.bank_tab ul li.nav-item:nth-child(3) a:hover::after{ background-image: url(https://www.peacetour.com.tw/material-alias/首頁/bank_icon03.svg);}


.bank_gift { background: #ffffff; padding:0 50px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin-bottom: 45px; }
.bank_gift .falls-container .grid { height: auto !important; padding-bottom: 40px;}
.bank_gift .grid .grid-item { position: relative !important; transform: initial !important; background: #ffffff; background-image: url(https://www.peacetour.com.tw/material-alias/銀行/bank_title_bg.jpg);
    background-position: top right; background-repeat: no-repeat;margin: 24px; padding: 70px 30px;
    max-width: calc(50% - 48px); left: initial !important; top: initial !important;  border:1px solid #c8c4c4; border-radius: 20px;}
.bank_gift .falls-container .grid .grid-item img { margin-top: 0; margin-bottom: 0; position: absolute; max-width: 30px; left: 20px; top: 20px; }
.bank_gift .falls-container .grid .grid-item h3 { position: absolute; font-size: 22px; top: 22px; left: 60px;}
.bank_gift .falls-container .grid .grid-item h4 { font-size: 18px; color: #333333; margin-top: 30px; margin-bottom: 20px; }
.bank_gift .falls-container .grid .grid-item p { margin: 0; font-size: 14px; font-weight: 400; line-height: 24px; color: #333333; }
.bank_gift .falls-container .grid .grid-item .bnak_btn { width: 100px; background: #646464; position: absolute; right: 30px; bottom: 20px; font-size: 15px; border-radius: 8px; padding: 8px 12px; color: #ffffff;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.bank_gift .falls-container .grid .grid-item .bnak_btn::after{ content: ""; position: absolute; background-image: url(https://www.peacetour.com.tw/material-alias/首頁/search_btn_arrow.svg); background-size: 14px;
    background-size: 16px; width: 16px; height: 16px; right: 8px; top: 12px; background-repeat: no-repeat;}
.bank_gift .falls-container .grid .grid-item:hover .bnak_btn{ background: rgb(100 100 100 / 80%); }

.bank_interest{ background: #ffffff; padding:0 50px 40px;}
.bank_interest.periods12{ border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin-bottom: 45px;  }
.bank_interest section.link.text-link { position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; background: #f2f4f5; border-radius: 20px; padding: 20px 65px; }
.bank_interest section.link.text-link::before { content: "";  position: absolute; left: 0; top: 0; border-top-left-radius: 20px; width: 0; height: 0; border-style: solid; border-width: 160px 160px 0 0; border-color: #ebecec transparent transparent transparent; }
.bank_interest section.text-link h2 { font-family: 'Roboto', sans-serif !important; font-style: italic; font-weight: 400; flex: 0 0 132px; height: 132px; z-index: 1; border-radius: 50%; text-align: center !important; letter-spacing: -5px; color: #ffffff !important;
     line-height: 130px; background: #646464; margin-bottom: 0; padding-left: 0;}
.bank_interest.periods3 section.text-link h2 { background: #0c82d4;}
.bank_interest.periods5 section.text-link h2 { background: #0cb9d4;}
.bank_interest.periods6 section.text-link h2 { background: #3eb6b7;}
.bank_interest.periods10 section.text-link h2 { background: #e6bd31;}
.bank_interest.periods12 section.text-link h2 { background: #e5942c;}
.bank_interest div.link-list{ padding-left: 50px; flex: 1;}
.bank_interest div.link-list ul li a,.bank_interest div.link-list ul li span{ padding: 0 15px;}
.bank_interest div.link-list ul li{ border-right: 1px solid #333333; margin: 7px 0;}
.bank_interest section.text-link h2::after{ content: "期"; font-size: 24px; font-family: '微軟正黑體', sans-serif; padding-left: 5px;}
.bank_interest.limited div.link-list ul li:last-child{ display: block !important; width: 100%; margin-top: 10px;  padding-left: 15px; border-right: none;}
.bank_interest.limited div.link-list ul li:last-child>span { font-size: 16px !important; color: #0c82d4 !important; vertical-align: middle; padding-left: 24px; padding-right: 10px; position: relative; border: 1px solid #0c82d4;}
.bank_interest.limited div.link-list ul li:last-child>span>i { line-height: 40px; font-size: 13px; font-weight: 200; position: absolute; left: 8px; top: -5px; }

.bank_gift.bonus .grid .grid-item{ text-align: center; margin: 20px; padding: 70px 20px 20px; max-width: calc(25% - 40px); background-image: none;}
.bank_gift.bonus .grid .grid-item::before{ content: ""; position: absolute; width: 100%; height: 70px; background-color: #f2f4f5; left: 0; top: 0; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.bank_gift.bonus .falls-container .grid .grid-item p{ text-align: center; font-size: 15px;}
.bank_gift.bonus .falls-container .grid .grid-item h3{ left: calc(50% + 20px); transform: translate(-50%, 0); margin-bottom: 0;}
.bank_gift.bonus .falls-container .grid .grid-item img { left: calc(50% - 50px); transform: translate(-50%, 0); }
.bank_gift.bonus .falls-container .grid .grid-item h4{  margin-top: 20px; margin-bottom: 10px;}
.bank_gift.bonus .falls-container .grid .grid-item h4,.bank_gift.bonus .falls-container .grid .grid-item h5{ font-size: 18px;}
.bank_gift.bonus .falls-container .grid .grid-item h5>span{ font-size: 24px; padding: 0 3px;}
.bank_gift.bonus .falls-container .grid .grid-item p>span{font-weight: 600;}
.bank_gift.bonus .falls-container .grid .grid-item h5>span,.bank_gift.bonus .falls-container .grid .grid-item p>span{color: #ff6600;}
.bank_note{ margin-bottom: 95px; font-size: 15px; color: #333333; line-height: 28px;}
.bank_note h4 { font-size: 15px; color: #00a0e9; }
.bank_note ol{padding-inline-start: 30px;}
.bank_note ol li{text-align: justify;}

.bank_DM img { margin: 0 auto; display: block; }
.container-fluid.bank_footer { border-top: 3px solid #f80000; }
.container-fluid.bank_footer .row { max-width: 1000px; margin: 15px auto; }
.container-fluid.bank_footer .row h3{ margin-top: 20px; font-weight: 600;}

@media (max-width: 1360px){
    .bank_tab ul{ margin: 80px 50px 0;}
    .bank_gift{ flex: 0 0 calc(100% - 100px); padding: 0;}
    .bank_interest{flex: 0 0 calc(100% - 100px); padding: 0 20px 45px;} 
} 
@media (max-width: 1199px){
    .bank_tab ul li.nav-item{ font-size: 20px;}
    .bank_tab ul li.nav-item::before{ width: 50px; height: 50px;}
    .bank_tab ul li.nav-item:nth-child(1) a::after,.bank_tab ul li.nav-item:nth-child(2) a::after,.bank_tab ul li.nav-item:nth-child(3) a::after { width: 28px; height: 28px; }
    .bank_gift.bonus .falls-container .grid .grid-item h3{ font-size: 20px;}
    .bank_gift.bonus .falls-container .grid .grid-item h3 { left: calc(50% + 10px); }
}
@media (max-width: 991px){
    .bank_tab ul li.nav-item a{ padding: 25px 10px 25px 40px;}
    .bank_tab ul li.nav-item::before{ left: 12px;}
    .bank_tab ul li.nav-item:nth-child(1) a::after,.bank_tab ul li.nav-item:nth-child(2) a::after,.bank_tab ul li.nav-item:nth-child(3) a::after{ left: 24px;}
    .bank_gift.bonus .grid .grid-item{ max-width: calc(50% - 24px); margin: 12px;}
    .bank_interest section.link.text-link{ padding: 20px;}
    .bank_interest div.link-list{ padding-left: 20px;}
    .bank_interest div.link-list ul li a, .bank_interest div.link-list ul li span { padding: 0 10px; font-size: 16px !important; }
    .bank_interest section.text-link h2::after { font-size: 18px;}
    .bank_interest section.text-link h2{ flex: 0 0 100px; height: 100px; width: 100px; padding-right: 10px; font-size: 40px !important; line-height: 100px;}
    .bank_gift.bonus .falls-container .grid .grid-item h3 { left: calc(50% + 20px); }
}
@media (max-width: 767px){
    .bank_tab ul li.nav-item{ font-size: 18px;}
    .bank_tab ul li.nav-item a { padding: 55px 10px 10px; }
    .bank_tab ul li.nav-item::before { left: 50%; top: 10px; width: 40px; height: 40px; transform: translate(-50%,0); }
    .bank_tab ul { margin: 40px 20px 0; }
    .bank_gift { flex: 0 0 calc(100% - 40px);}
    .bank_gift .grid .grid-item{ max-width: calc(50% - 24px); margin: 12px;}
    .bank_tab ul li.nav-item:nth-child(1) a.active::before, .bank_tab ul li.nav-item:nth-child(1) a:hover::before,
    .bank_tab ul li.nav-item:nth-child(2) a.active::before, .bank_tab ul li.nav-item:nth-child(2) a:hover::before,
    .bank_tab ul li.nav-item:nth-child(3) a.active::before, .bank_tab ul li.nav-item:nth-child(3) a:hover::before{ border-width: 18px 10px 0 10px; bottom: -18px;}
    .bank_tab ul li.nav-item:nth-child(1) a::after,
    .bank_tab ul li.nav-item:nth-child(2) a::after,
    .bank_tab ul li.nav-item:nth-child(3) a::after { left: 50%; transform: translate(-50%, 0); top: 16px; }
    .bank_interest{flex: 0 0 calc(100% - 40px);} 
}
@media (max-width: 575px){
    .bank_top .module-container .main .bgfixed{ min-height: 250px !important;}
    .bank_top .bgfixed h1{ font-size: 26px; padding-bottom: 15px;}
    .bank_top .bgfixed h1::before{ height: 4px;}
    .bank_tab ul{ padding-bottom: 18px;}
    .bank_tab ul li.nav-item { font-size: 16px; letter-spacing: 1px; }
    .bank_tab ul li.nav-item a { padding: 55px 5px 10px; }
    .bank_gift .grid .grid-item { max-width: calc(100% - 24px);}
    .bank_gift.bonus .grid .grid-item{ max-width: calc(100% - 24px);}
    .bank_interest section.link.text-link { flex-flow: column; }
    .bank_interest section.text-link h2{ flex: 0 0 90px; height: 90px; width: 90px; padding-right: 10px; font-size: 40px !important; line-height: 90px;}  
    .bank_interest div.link-list{ padding-left: 0; width: 100%;}
    .bank_interest div.link-list ul{ display: flex; flex-wrap: wrap; padding-top: 10px;}
    .bank_interest div.link-list ul li{ flex: 0 0 33.333333%; text-align: center;}
    .bank_interest div.link-list ul li span { padding: 0 5px; font-size: 15px !important; }
    .bank_interest.limited div.link-list ul li:last-child{flex:0 0 100%;}
    .bank_note{ padding: 0 30px;}
}

/****自動上架分館****/
.area_top .module-container .main .bgfixed{background-position: top center; position: relative; }
.area_top .module-container .main .bgfixed::before { content: ""; background: rgb(0 0 0 / 10%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.area_top .bgfixed h1{position: absolute; display: table; left: 50%; top: 50%; transform: translate(-50%, -49%); font-size: 55px; font-weight: 400; letter-spacing: 5px; padding-bottom: 30px; padding-left: 23px; padding-right: 18px;}
.area_top .bgfixed h1::before { content: ""; background: #ffffff; width: 100%; height: 6px; position: absolute; bottom: 0; left: 0; }

.area_slider .carousel-fade .carousel-item>picture{ position: relative;}
.area_slider .carousel-fade .carousel-item>picture::before { content: ""; background: rgb(0 0 0 / 10%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.area_slider .carousel-fade .carousel-item{ cursor: default;}
.area_slider .carousel-indicators{ display: none;}
.area_slider .bs-carousel .carousel-item .carousel-caption{ position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.area_slider .bs-carousel .carousel-item h5{ position: absolute; display: table; left: 50%; top: 50%; transform: translate(-50%, -49%); font-size: 55px; font-weight: 400; text-shadow: none; letter-spacing: 5px; padding-bottom: 30px; padding-left: 23px; padding-right: 18px;}
.area_slider .bs-carousel .carousel-item h5::before{ content: ""; background: #ffffff; width: 100%; height: 6px; position: absolute; bottom: 0; left: 0;}
.area_slider .carousel-control-next,.area_slider.carousel-control-prev { opacity: 1; width: 10%; }
.area_slider .carousel-control-next-icon,.area_slider .carousel-control-prev-icon { position: relative; width: 50px; height: 96px; background: no-repeat 50%/100% 100%; z-index: 1; }
.area_slider .carousel-control-prev-icon { transform: rotate(180deg); }
.area_slider .carousel-control-next-icon::after,.area_slider .carousel-control-prev-icon::after { content: ""; position: absolute; left: 0; width: 50px; height: 96px; 
 background-image: url(https://www.peacetour.com.tw/material-alias/首頁/slider_arrow.svg); background-position: center; background-repeat: no-repeat; z-index: 1; opacity: 0.8;}

.area_block:not(:first-child) .area_title{ background-color: #e9f4f9;}
.area_block:nth-child(0n+4) .area_title{ background-color: #e8f2f2;}
.area_block:nth-child(0n+5) .area_title{ background-color: #e7eef3;}
.area_title article { text-align: center; padding:33px 33px 38px; }
.area_title article h2{position: relative; display: table; margin: 0 auto; font-size: 26px; letter-spacing: 3.6px; margin-bottom: 26px; padding-bottom: 10px; color: #00a0e9;}
.area_title article h2>span{ display: block; font-size: 20px;  letter-spacing: 0.1px; font-family: 'Roboto', sans-serif !important; font-weight: 400; margin-top: 13px;}
.area_block .area_title article h2>span{ color: #00a0e9;}
.area_title article h2::before{ content: ""; position: absolute;width: 5px; height: 5px; border-radius: 5px; background-color: #00a0e9; bottom: 0; left: 0;}
.area_block:nth-child(0n+4) .area_title article h2::before{ background-color: #3eb6b7;}
.area_block:nth-child(0n+5) .area_title article h2::before{ background-color: #0c82d4;}
.area_title article h2::after{ content: ""; position: absolute;width:calc(100% - 10px); height: 2px; background-color: #c8d4d9; bottom: 1px; left: 10px;}
.area_title article p { color: #333333; font-size: 15px; letter-spacing: 0.3px; line-height: 24px; max-width: 800px; margin: 0 auto; }
.area_block:nth-child(0n+4) .area_title h2,.area_block:nth-child(0n+4) .area_title h2>span{ color: #3eb6b7;}
.area_block:nth-child(0n+5) .area_title h2,.area_block:nth-child(0n+5) .area_title h2>span{ color: #0c82d4;}

.area_block>.module-container>.main>div.area_auto+div.area_auto{ border-top:1px solid #9bbdcc; padding-top: 5px; }
.area_auto { min-height: 200px; }
.area_auto.sub_title .header-title { margin-top: 20px; padding-left: 13px; font-size: 20px; font-weight: 500; letter-spacing: 2px; color: #333333; position: relative; }
.area_auto.sub_title .header-title::before { content: ""; position: absolute; width: 6px; height: 26px; background: #70c5ec; left: 0; top: 3px; }
.area_auto .product_all { width: 100%; flex-wrap: wrap; align-content: stretch;}
.area_auto .product_box { position: relative; width: 32.3%; float: left; transition: .5s; background-color: #FFF; margin: 0; padding: 30px 0; }
.area_auto .product_box:hover { transition: .5s; text-decoration: none; }
.product_box+.product_box { border-top: 1px solid #9bbdcc; }
.area_auto .product_box .product_name { float: left; width: 98%; color: #333; display: table; text-indent: 0; margin: 20px 0; padding-left: 46px;}
.area_auto .product_box .product_name a { font-size:18px; font-weight: 600; color: #333333; text-decoration: none; line-height: 1.5em; ; }
.area_auto .product_box .product_name a:hover { color: #00a0e9; }
.area_auto .product_description { position: relative; width: 100%; float: left; font-size: 15px; color: #333333; font-weight: 400; padding-left: 68px; margin-bottom: 6px;}
.area_auto .product_description:before { content: ""; position: absolute; width: 20px; height: 20px; top: 2px; left: 46px;
 background-image: url(https://materials.fillo.com.tw/materials/peacetour/images/25ce1722-ae13-47a5-8e08-d5aa254d89c6.svg); background-repeat: no-repeat; background-position:center; background-size: 20px;}
.area_auto .product_offer { position: relative; width: 100%; float: left; font-size: 15px; font-weight: 400; color: #333333; text-decoration: none; line-height: 1.5em; letter-spacing: 0; padding-left: 68px; } 
.area_auto .product_offer::before{ content: ""; position: absolute; width: 20px; height: 20px; top: 2px; left: 46px; 
    background-image: url(https://materials.fillo.com.tw/materials/peacetour/images/e630587d-6dc5-4ae4-9dc3-d81b08303cef.svg);  background-repeat: no-repeat; background-position:center; background-size: 18px;}
.area_auto .departure_date { position: relative; float: left; width: 100%; font-size: 15px; line-height: 1.5em; color: #333333; font-weight: 400; margin-bottom: 6px; padding-left: 68px; }
.area_auto .departure_date::before{ content: ""; position: absolute; width: 20px; height: 20px; top: 5px; left: 46px; 
background-image: url(https://materials.fillo.com.tw/materials/peacetour/images/9b6d27e2-1a94-4a6a-9d67-a0c97a4b99e3.svg);  background-repeat: no-repeat; background-position:center; background-size: 18px;}
.area_auto .departure_date > s > a:before { content: ' ';position: absolute; font-size: 15px; width: 28px; top: 9px; left: 0; }
.area_auto .departure_date a { font-size: 1em; line-height: 2em; color: #333; font-weight: 400; letter-spacing: .05em; position: relative; }
.area_auto .departure_date a:hover { color: #333333; text-decoration: underline; }
.area_auto .departure_date > s,.area_auto .departure_date > s > a,.area_auto .departure_date > s > a:hover { color: #acacac; }
.area_auto .product_box .product_img { width: 22%; height: 100%; border-top-left-radius: 20px; border-bottom-right-radius: 20px;  background-repeat: no-repeat; float: left; overflow: hidden; vertical-align: middle; clear: right; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column;
     background: url(https://materials.fillo.com.tw/materials/peacetour/images/6db6a023-ae7a-4851-9b1a-8d5e8007bede.jpeg) no-repeat center; background-size: 100%; margin: 0; padding: 0; }
.area_auto .product_box .product_img a { width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; background: #fff; overflow: hidden; border-top-left-radius: 20px; border-bottom-right-radius: 20px; }
.area_auto .product_box .product_img img { width: 100%; height: auto; transform: scale(1); transition: 1.0s; aspect-ratio: 5/3.1; object-fit: cover; object-position: center center;  border-top-left-radius: 20px; border-bottom-right-radius: 20px; }
.area_auto .product_box .product_img img:hover { transform: scale(1.1); transition: .9s;}
.area_auto .product_price { width: 100%; text-align: right; left: 0; position: absolute; background: #fff; color:#ff6600; font-weight: 700; font-size: 1.3em; padding: 2%; }
.area_auto .product_price span::before { content: "NT"; }
@media screen and (min-width: 981px) {
    .area_auto .product_box { width: 100%; }
    .area_auto .product_box .product_name { width: 63%; }
    .area_auto .product_price { width: 15%; float: right; text-align: center; right: 0; position: absolute; line-height: 1.8; color: #ff6600; font-weight: 700; font-size: 1.1em; left: unset; display: flex; justify-content: center; padding: 1% 0 30px 2%; }
    .area_auto .departure_date { width: 63% }
    .area_auto .product_description { width: 63%; }
    .area_auto .product_offer { width: 63%;}
}

@media(min-width: 981px) and (max-width:1269px) {
    .area_auto .product_box .product_img { width:27%; }
    .area_auto .product_price { width: 20%; padding: 20px 0; }
    .area_auto .product_box .product_name,.area_auto .product_offer{ width: 53%; }
    .area_auto .departure_date,.product_description { width: 53%; }
}
@media (max-width:1199px){
    .area_slider .bs-carousel .carousel-item h5{ font-size: 40px; padding-bottom: 20px; padding-left: 14px; padding-right: 9px; }
    .area_slider .bs-carousel .carousel-item h5::before{ height: 4px;}
}
@media only screen and (max-width: 980px) {
    .area_block+.area_block { margin-top: 30px; }
    .area_auto .product_all{ display: flex;}
    .area_auto .product_box { width:48%; margin: 0 1%; flex: 0 0 48%; padding: 30px 0 40px;  border-bottom: 1px solid #9bbdcc;}
    .area_auto .product_box+.product_box { border-top: 0; }
    .area_auto .product_box .product_img { width: 100%; height: auto;}
    .area_auto .product_box .product_img img:hover {  transform: initial;}
    .area_auto .product_box .product_name{ padding-left: 0;}
    .area_auto .product_box .product_name a{ font-size: 16px;}
    .area_auto .product_description,.area_auto .departure_date,.area_auto .product_offer{padding-left: 23px;}
    .area_auto .product_description::before,.area_auto .departure_date::before,.area_auto .product_offer::before{ left: 0;}
    .area_auto .product_price{ bottom: 0; font-size: 16px; padding: 10px 0 15px;}
}
@media (max-width:767px){
    .area_slider .carousel-control-next-icon,.area_slider .carousel-control-prev-icon { width: 30px; }
    .area_slider .carousel-control-next-icon::after,.area_slider .carousel-control-prev-icon::after{width: 30px; }
    .area_slider .bs-carousel .carousel-item .carousel-caption{ display: block !important;}
    .area_slider .bs-carousel .carousel-item h5{ font-size: 35px; padding-bottom: 20px; padding-left: 14px; padding-right: 9px; }
    .area_slider .bs-carousel .carousel-item h5::before{ height: 4px;}
}
@media only screen and (max-width: 640px) {
    .area_top .module-container .main .bgfixed{ min-height: 300px !important;}
    .area_top .module-container .main .bgfixed > a{ min-height: 300px;}
    .area_top .bgfixed h1 { font-size: 35px; padding-bottom: 20px; padding-left: 14px; padding-right: 9px; }
    .area_top .bgfixed h1::before{ height: 4px;}
    .area_title article { text-align: center; padding: 25px 15px 28px; }
    .area_title article h2{ font-size: 24px; margin-bottom: 15px;}
    .area_title article h2>span{ font-size: 18px; margin-top: 10px;}
    .area_title article p{ font-size: 14px;}
    .area_auto .product_box { width: 100%; padding: 20px 0 50px; flex: 0 0 100%; border-bottom:none; }
    .area_auto .product_box+.product_box { border-top: 1px solid #9bbdcc; }
    .area_auto .product_box .product_name{ width: 100%;}
    .area_auto .product_box .product_img img{ aspect-ratio: 5/2.8;}
    .area_auto .product_offer{ display: none;}
}


/* 區域主題館側選單 */
.area_sidenav { position: fixed; bottom: 50vh; z-index: 999; }
.area_sidenav_button{ position: absolute; width: auto; left: 20px; top: 0;}
.area_sidenav_button .full-menu,.area_sidenav_button .responsive-drop-down-menu{ background-color: transparent !important;}
.area_sidenav_button .responsive-drop-down-menu { width: auto !important; display: table; margin: 0; }
.area_sidenav_button .responsive-drop-down-menu .menu-button { display: block; width: 40px; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; border: 1px solid #00a0e9; background-color: transparent; padding: 15px 20px; text-transform: uppercase;
     font-weight:400; font-size: 14px; letter-spacing: 1px; color:#00a0e9; cursor: pointer; position: relative; z-index: 2;}
.area_sidenav_button .responsive-drop-down-menu .menu-button::before,.area_sidenav_button .responsive-drop-down-menu .menu-button:after{ display: none !important;}
.area_sidenav_button .responsive-drop-down-menu > ul { display: block !important; max-height: 1000px; margin-top: 10px;  border: 1px solid #00a0e9;  background-color: #ffffff; border-radius: 10px; overflow: hidden;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.area_sidenav_button .responsive-drop-down-menu >ul:before {content: "";  position: absolute;  width: 40px; height: 40px; background: #ffffff; background-image: url(https://materials.fillo.com.tw/materials/peacetour/images/0814c4c2-39ae-4055-bfab-308e4b66e04d.svg); background-size: 26px; background-repeat: no-repeat; background-position: center; top: 0; border-radius: 50%; left: 1px; z-index: 1; }
.area_sidenav_button .responsive-drop-down-menu > ul.open { max-height: 0; border: 1px solid #00a0e900; background-color: transparent;}
.area_sidenav_button .responsive-drop-down-menu > ul.open::before { background-image: url(https://materials.fillo.com.tw/materials/peacetour/images/73cf07a2-9ae6-4636-9409-e7eb59789b7b.svg); background-size: 22px; background-repeat: no-repeat; background-position: center; }
.area_sidenav_button .responsive-drop-down-menu > ul > li { flex: initial; text-align: left; float: initial; background-color: #ffffff; padding: 0 7px;}
.area_sidenav_button .responsive-drop-down-menu > ul > li:first-child{ padding-top: 7px;}
.area_sidenav_button .responsive-drop-down-menu > ul > li:last-child{ padding-bottom: 7px;}
.area_sidenav_button .responsive-drop-down-menu > ul > li > a{ color:#00a0e9; padding: 2px 18px 0px 18px; line-height: 30px; font-weight: 400;}
.area_sidenav_button .responsive-drop-down-menu > ul > li:hover > a,.area_sidenav_button .responsive-drop-down-menu > ul > li.active > a { background: #00a0e9; border-radius: 6px; }
.area_sidenav_button .responsive-drop-down-menu > ul > li:after { background: none !important; }
@media only screen and (min-width: 1600px) {
    .area_sidenav_button{ left: 60px;}
}

@media only screen and (max-width: 640px) {
    .area_sidenav { bottom: 60vh;}
    .area_sidenav_button{ left: 10px;}
    .area_sidenav_button .responsive-drop-down-menu > ul { display: block !important; max-height: 0; margin-top: 10px; border: 1px solid #00a0e900; background-color: transparent; border-radius: 10px; overflow: hidden;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
    .area_sidenav_button .responsive-drop-down-menu >ul:before {content: "";  position: absolute;  width: 40px; height: 40px; background: #ffffff; background-image: url(https://materials.fillo.com.tw/materials/peacetour/images/73cf07a2-9ae6-4636-9409-e7eb59789b7b.svg); background-size: 26px; background-repeat: no-repeat; background-position: center; top: 0; border-radius: 50%; left: 1px; z-index: 1; }
    .area_sidenav_button .responsive-drop-down-menu > ul.open { max-height: 1000px; border: 1px solid #00a0e9;  background-color: #ffffff;}
    .area_sidenav_button .responsive-drop-down-menu > ul.open::before { background-image: url(https://materials.fillo.com.tw/materials/peacetour/images/0814c4c2-39ae-4055-bfab-308e4b66e04d.svg); background-size: 22px; background-repeat: no-repeat; background-position: center; }
}


/* 分館-手動上行程模組 */
.area_custom.sub_title .header-title { margin-top: 20px; padding-left: 13px; font-size: 20px; font-weight: 500; letter-spacing: 2px; color: #333333; position: relative; }
.area_custom.sub_title .header-title::before { content: ""; position: absolute; width: 6px; height: 26px; background: #70c5ec; left: 0; top: 3px; }
.area_auto+.area_custom .list-wrapper .row:first-child { border-top: 1px solid #9bbdcc; }
.area_custom .list-wrapper { margin-top: 0; margin-bottom:0; padding-right: 0; padding-left: 0; }
.area_custom .list-wrapper .row { position: relative; width: 32.3%; float: left; transition: .5s; background-color: #FFF; margin: 0; padding: 30px 0; width: 100%; display: block; border-bottom:0; }
.area_custom .list-wrapper .row+.row{ border-top:1px solid #9bbdcc;}
.area_custom .list-wrapper .pic-block { width: 22%; max-width:initial; height: 100%; border-top-left-radius: 20px; border-bottom-right-radius: 20px; background-repeat: no-repeat; float: left; overflow: hidden; vertical-align: middle; clear: right; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; background: url(https://materials.fillo.com.tw/materials/peacetour/images/6db6a023-ae7a-4851-9b1a-8d5e8007bede.jpeg) no-repeat center; background-size: 100%; margin: 0; padding: 0; }
.area_custom .list-wrapper .pic-block img { width: 100%; height: auto; transform: scale(1); transition: 1.0s; aspect-ratio: 5/3.1; object-fit: cover; object-position: center center;  border-top-left-radius: 20px; border-bottom-right-radius: 20px; }
.area_custom .list-wrapper .pic-block img:hover { transform: scale(1.1); transition: .9s;}
.area_custom .list-wrapper .price-block{ width: 100%; max-width: initial; text-align: right; left: 0; position: absolute; background: #fff; color: #ff6600; font-weight: 700; font-size: 1.3em; padding: 2%; }
.area_custom .list-wrapper .price-block::before { content: "NT$"; padding-right: 2px; }
.area_custom .list-wrapper .price-block::after { content: "起"; padding-left: 2px; }
.area_custom .list-wrapper .name-block { padding-top: 0; padding-bottom: 0; padding-right: 0; float: left; width: 98%; max-width: initial; color: #333; display: table; text-indent: 0; margin: 20px 0; padding-left: 46px; }
.area_custom .list-wrapper .name-block a{font-size: 18px; font-weight: 600; color: #333333; text-decoration: none; line-height: 1.5em;}
.area_custom .list-wrapper .note-block{ position: relative; padding-top: 0; padding-right: 0; padding-bottom: 0; width: 100%; max-width: inherit; float: left; font-size: 15px; color: #333333; font-weight: 400; padding-left: 68px;}
.area_custom .list-wrapper .note-block>* { margin-bottom: 6px; position: relative;}
.area_custom .list-wrapper .note-block>p { padding-left: 70px; word-break: break-all; }
.area_custom .list-wrapper .note-block>div::before { content: ""; position: absolute; width: 20px; height: 20px; top: 2px; left: -23px; background-image: url(https://materials.fillo.com.tw/materials/peacetour/images/25ce1722-ae13-47a5-8e08-d5aa254d89c6.svg); background-repeat: no-repeat; background-position: center; background-size: 20px; }
.area_custom .list-wrapper .note-block>p::before{ content: "出發日期:"; position: absolute; width: 110px; height: 20px; top: 0px; left: -23px; background-image: url(https://materials.fillo.com.tw/materials/peacetour/images/9b6d27e2-1a94-4a6a-9d67-a0c97a4b99e3.svg); background-repeat: no-repeat; background-position: left center; background-size: 18px; padding-left: 23px; }
@media screen and (min-width: 981px) {
    .area_custom .list-wrapper .name-block{ width: 63%; }
    .area_custom .list-wrapper .price-block{ width: 15%; float: right; text-align: center; right: 0; position: absolute; line-height: 1.8; color: #ff6600; font-weight: 700; font-size: 1.1em; left: unset; display: flex; justify-content: center; padding: 1% 0 30px 2%; }
    .area_custom .list-wrapper .note-block{ width: 63%; }
}
@media(min-width: 981px) and (max-width:1269px) {
    .area_custom .list-wrapper .pic-block{ width:27%; }
    .area_custom .list-wrapper .price-block{ width: 20%; padding: 20px 0; }
    .area_custom .list-wrapper .name-block{ width: 53%; }
    .area_custom .list-wrapper .note-block{ width: 53%; }
}
@media only screen and (max-width: 980px) {
    .area_auto+.area_custom .list-wrapper .row:first-child{ border-top:none}
    .area_custom .list-wrapper{ display: flex; flex-wrap: wrap;}
    .area_custom .list-wrapper .row{ width:48%; margin: 0 1%; flex: 0 0 48%; padding: 30px 0 40px;  border-bottom: 1px solid #9bbdcc;}
    .area_custom .list-wrapper .row+.row{  border-top: 0; }
    .area_custom .list-wrapper .pic-block{ width: 100%; height: auto;}
    .area_custom .list-wrapper .pic-block img:hover {  transform: initial;}
    .area_custom .list-wrapper .name-block{ padding-left: 0;}
    .area_custom .list-wrapper .name-block a{ font-size: 16px;}
    .area_custom .list-wrapper .note-block{padding-left: 23px;}
    .area_custom .list-wrapper .price-block{ bottom: 0; font-size: 16px; padding: 10px 0 15px;}
}
@media only screen and (max-width: 640px) {
    .area_auto+.area_custom .list-wrapper .row:first-child { border-top: 1px solid #9bbdcc; }
    .area_custom .list-wrapper .row{ width: 100%; padding: 20px 0 50px; flex: 0 0 100%; border-bottom:none; }
    .area_custom .list-wrapper .row+.row{ border-top: 1px solid #9bbdcc; }
    .area_custom .list-wrapper .name-block{ width: 100%;}
    .area_custom .list-wrapper .pic-block img{ aspect-ratio: 5/2.8;}
}

/* aboutus */
.about_top_block>.module-container>.row { padding-bottom: 130px; }
.about_top article { max-width: 1360px; position: absolute; left: 10%; top: 130px; }
.about_top article h1,.about_top article p{ font-family: 'Noto Serif TC', serif !important;}
.about_top article h1 { font-size: 36px; margin-bottom: 36px; letter-spacing: 2px; font-weight: 600;}
.about_top article p { font-size: 24px; line-height: 30px; letter-spacing: 1px;}
.about_establish { position: absolute; max-width: 1360px; left: 50%; bottom: 0; transform: translate(-50%, 0); }
.about_establish article { max-width: 1098px; background: #ffffff; position: absolute; right: 0; bottom: 0; padding: 45px 80px 60px; border-top-left-radius: 20px; border-bottom-right-radius: 20px;}
.about_establish article h2{ font-size: 26px; font-weight: 600; letter-spacing: 1px; margin-bottom: 30px; color: #0f5a7c;}
.about_establish article p { color: #333333; line-height: 30px; margin: 0; padding-left: 30px; border-left: 2px solid #c8d4d9; }
.about_idea_block>.module-container>.row { padding-top: 100px; padding-bottom: 126px;}
.about_idea { -ms-flex: 0 0 64%; flex: 0 0 64%; max-width: 64%; }
.about_idea article { display: flex; flex-flow: column; justify-content: center; height: 400px; border: 1px solid #9bc5dd; border-left: 0; margin-right: 32px; padding: 5px 122px 5px 134px; 
    border-top-right-radius: 240px; border-bottom-right-radius: 240px; }
.about_idea article h2{ font-size: 26px; font-weight: 600; letter-spacing: 1px; margin-bottom: 30px; color: #0f5a7c;}
.about_idea article p { color: #333333; line-height: 30px; margin: 0; }
.about_idea_pic > .module-container > .main { width: 400px; height: 400px; }
.about_idea_pic > .module-container > .main img { border-radius: 50%; }
.about_idea_pic { -ms-flex: 0 0 400px; flex: 0 0 400px; max-width: 400px; }
.about_award_block{ padding-bottom: 40px; background-color: #f0f5f8; background-image: url(https://materials.fillo.com.tw/materials/peacetour/images/a1e086ea-14d2-4835-97a0-e2dc1c826e7c.jpg); background-position: left bottom !important; background-repeat: no-repeat; }
.about_award_block>.module-container>.main { max-width: 1360px; margin: 0 auto; position: relative; align-items: flex-end;}
.about_award_title { position: absolute; width: 57%; max-width: 57%; right: 0; top: 0;}
.about_award_title article{ margin: 25px auto 0; display: table;}
.about_award_title h2{ font-size: 32px; font-family: 'Noto Serif TC', serif !important; color: #bb7a14; letter-spacing: 3px;} 
.about_award_title h2:nth-child(2) { padding-left: 80px; margin-top: 20px; }
.about_award_pic{ max-width: 43%; -ms-flex: 0 0 43%; flex: 0 0 43%; }
.about_award_pic .swiper-slide-style{ box-shadow: none; border-radius: 20px; border-top-right-radius: 0; border-bottom-left-radius: 0; margin-top: 0; margin-bottom: 25px;}
.about_award_pic .swiper-slide .swiper-img img { border-top-left-radius: 20px; border-top-right-radius: 0;  border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; }
.about_award_pic .swiper-slide .swiper-content{ position: absolute; margin-bottom: 0; padding: 26px 40px ; bottom: 0; left: 0; background: rgb(12 130 212 / 80%); width: 100%; color: #ffffff; border-bottom-right-radius: 20px;}
.about_award_pic .swiper-slide .swiper-content h3{ font-size: 20px; letter-spacing: 1px; font-weight: 600; margin-bottom: 12px; position: relative; z-index: 1;}
.about_award_pic .swiper-slide .swiper-content h3::before{ content: ""; position: absolute; left: -9px; top: -4px; width: 0; height: 0; border-style: solid; border-width: 24px 24px 0 0; border-color: #bb7b14 transparent transparent transparent; z-index: -1; }
.about_award_pic .swiper-slide .swiper-content p{ font-size: 16px; margin-bottom: 0;}
.about_award_pic .swiper-slide .swiper-img{ margin-bottom: 0;}
.about_award_pic .swiper-button-prev,.about_award_pic .swiper-button-next{ display: none;}
.about_award_pic .swiper-pagination-bullet { width: 16px; height: 16px; line-height: 16px; background: #9bb4c1;}
.about_award_pic .swiper-pagination-bullet-active { background: #0c82d4; }
.about_award {-ms-flex: 0 0 57%; flex: 0 0 57%; max-width: 57%; padding-left: 110px; color: #11476d; font-size: 16px; line-height: 30px; padding-bottom: 70px; }
.about_service .header-title{ font-size: 26px; font-weight: 600; letter-spacing: 1px; margin-top: 40px; margin-bottom: 40px; color: #0f5a7c; }
.about_service .list-wrapper{ padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom:60px;}
.about_service .list-wrapper .row{ position: relative; margin-bottom: 25px;}
.about_service .list-wrapper .pic-block { -ms-flex: 0 0 185px; flex: 0 0 185px; max-width: 185px;  min-height: 152px; border-top-left-radius: 20px; }
.about_service .list-wrapper>.row>.pic-block>img { position: absolute; left: 50%; top: calc(50% - 20px); transform: translate(-50%, -50%); }
.about_service .list-wrapper>.row:nth-child(1)>.pic-block { background-image: url(https://materials.fillo.com.tw/materials/peacetour/images/d63e32d0-b837-41f7-a9bb-33db17fa266b.jpg); }
.about_service .list-wrapper>.row:nth-child(1)>.pic-block>img { max-width: 53px; }
.about_service .list-wrapper>.row:nth-child(2)>.pic-block { background-image: url(https://materials.fillo.com.tw/materials/peacetour/images/9533743a-c460-4fce-b915-9e39c98c7218.jpg); }
.about_service .list-wrapper>.row:nth-child(2)>.pic-block>img { max-width: 59px; top: calc(50% - 15px);}
.about_service .list-wrapper>.row:nth-child(3)>.pic-block { background-image: url(https://materials.fillo.com.tw/materials/peacetour/images/087eef6b-3674-49c2-bf7b-86e702606ae9.jpg); }
.about_service .list-wrapper>.row:nth-child(3)>.pic-block>img { max-width: 60px; top: calc(50% - 25px);}
.about_service .list-wrapper>.row:nth-child(4)>.pic-block { background-image: url(https://materials.fillo.com.tw/materials/peacetour/images/d1618857-c740-4f77-b808-d72747ab0284.jpg); }
.about_service .list-wrapper>.row:nth-child(4)>.pic-block>img { max-width: 53px; }
.about_service .list-wrapper .name-block{ padding: 0 0 0 25px; -ms-flex: 1;; flex: 1; max-width: initial;}
.about_service .list-wrapper .name-block a { display: flex; justify-content: center; flex-flow: column; padding: 30px 50px; background: #F0F5F8; font-size: 16px; line-height: 30px; width: 100%; height: 100%;  border-bottom-right-radius: 20px;}
.about_service .list-wrapper .price-block {padding-top: 0; padding-bottom: 0; position: absolute; max-width: 185px; text-align: center; color: #ffffff; font-size: 22px; letter-spacing: 4px; left: 0; top: calc(50% + 25px); transform: translate(0, -50%); }
.about_bottom .module-container .bgfixed > a{ width: 100%; display: table; text-decoration: none; position: relative; max-width: 1360px; margin: 0 auto;}
.about_bottom article{ margin: 0 auto; position: absolute; max-width: 960px;  right: 10%; top: 50%;  transform: translate(0, -50%);; font-size: 20px; line-height: 42px; letter-spacing: 1px;  padding-left: 120px; text-align: justify; }
.about_bottom article::before { content: ""; width: 100px; height: 1px; position: absolute; left: 0; top: 20px; background: #ffffff; }

@media (max-width: 1400px){
    .about_establish article { max-width: 900px; right: 30px; padding: 45px 40px 50px; }
    .about_idea article{ padding: 5px 60px 5px 60px;}
    .about_award_title article{ margin: 0 auto;}
    .about_award_title h2{ font-size: 26px;}
    .about_award_title h2:nth-child(2){ margin-top: 15px;}
}
@media (max-width: 1199px){
    .about_top article { left: 5%; top: 70px; }
    .about_top article h1 { font-size: 28px; margin-bottom: 26px; letter-spacing: 1px; }
    .about_top article p { font-size: 18px; line-height: 24px; letter-spacing: 1px; margin-bottom: 10px; }
    .about_top_block>.module-container>.row { padding-bottom: 60px; }
    .about_idea article { padding: 5px 380px 5px 60px; text-align: justify; }
    .about_idea { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .about_idea_pic {max-width: 320px; position: absolute; right: 70px; top: 140px; }
    .about_idea_pic > .module-container > .main { width: 320px; height: 320px; }
    .about_award{ padding-left: 60px; padding-bottom: 0;}
    .about_award_block { background-position: left bottom -80px !important; }
    .about_bottom article { max-width: 700px; right: 50px; top: 50%; }
}
@media (max-width: 991px){
    .about_establish article h2{ font-size: 22px; margin-bottom: 20px;}
    .about_establish article p { padding-left: 20px; font-size: 15px; line-height: 24px; }
    .about_establish article { max-width: 85%; padding: 30px; }
    .about_top_block>.module-container>.row { padding-bottom: 0; }
    .about_establish{ bottom: 50px;}
    .about_idea article h2{font-size: 22px; margin-bottom: 20px; }
    .about_idea article { padding: 5px 80px 5px 60px; font-size: 15px; line-height: 24px; }
    .about_idea_pic { max-width: 140px; right: 120px; top: 30px; }
    .about_idea_pic > .module-container > .main { width: 140px; height: 140px; }
    .about_award_block>.module-container>.main { align-items: center; }
    .about_award_title { width: 100%; max-width: 100%; top: -140px; }
    .about_award_block { background-position: center !important; background-size: cover; padding-top: 40px;}
    .about_award { font-size: 15px; padding-left: 40px; line-height: 24px; }
    .about_award_title h2 { font-size: 22px; }
    .about_service .header-title { font-size: 22px; margin-top: 30px; margin-bottom: 20px; }
    .about_service .list-wrapper .name-block a{ padding: 25px; font-size: 15px; line-height: 24px;}
    .about_service .list-wrapper .price-block{ font-size: 20px;}
    .about_bottom article { max-width: 70%; font-size: 16px; line-height: 30px; letter-spacing: 0.5px; }
    .about_bottom .module-container .bgfixed{ background-position: left -140px center; min-height: 300px !important;}
    .about_bottom .module-container .bgfixed > a { height: 300px !important;}
}
@media (max-width: 767px){
    .about_top_block>.module-container>.row { padding-bottom: 40px; }
    .about_top article h1 { font-size: 24px; margin-bottom: 20px; }
    .about_top article p { font-size: 16px; line-height: 20px; }
    .about_top article { left: 30px; }
    .about_establish { bottom: -20px; }
    .about_establish article{ padding: 25px;}
    .about_establish article p{ line-height: 28px;}
    .about_idea_block>.module-container>.row{ padding-bottom: 60px;}
    .about_idea article { padding: 30px; line-height: 20px; height: auto; border-top-right-radius: 80px; border-bottom-right-radius: 80px; }
    .about_idea_pic { max-width: 110px; right: 80px; top: 40px; }
    .about_idea_pic > .module-container > .main { width: 110px; height: 110px; }
    .about_award_block{ padding-top: 60px;}
    .about_award_pic{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .about_award_pic .swiper-slide .swiper-content{ padding: 20px;}
    .about_award_title{ padding: 30px 0; position: initial;}
    .about_award { padding-left: 30px; padding-right: 30px; line-height: 28px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .about_service .list-wrapper .pic-block { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; min-height: 100px; }
    .about_service .list-wrapper .name-block{ padding: 0;}
    .about_service .list-wrapper>.row>.pic-block>img{ top: calc(50% - 15px);}
    .about_service .list-wrapper>.row:nth-child(3)>.pic-block>img { max-width: 50px; top: calc(50% - 15px); }
    .about_service .list-wrapper .price-block { max-width: 100%; font-size: 18px; left: 0; top: 65px; transform: translate(0, 0); width: 100%; }
    .about_bottom article {max-width: 85%; width: 85%; line-height: 28px; letter-spacing: 0; right: initial; left: 50%; padding: 20px; background: rgb(255 255 255 / 70%); color: #333333; font-size: 15px; transform: translate(-50%, -50%); }
    .about_bottom article::before{ display: none;}
}


/* 彈出廣告視窗 */
.peace_overlay,.peace_overlay_announcement{ display:none; z-index:99999; width:100%; height:100%; position:fixed; left:0; top:0; margin:auto; text-align:center; font-size:0}
.peace_overlay::before,.peace_overlay_announcement::before{ content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.peace_overlay::after,.peace_overlay_announcement::after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; z-index:0; background-color:#000; opacity:.5}
.peace_popup{ width:50%; max-width:500px; padding:10px; background-color:#fff; position:relative; z-index:1; font-size:16px; display:inline-block; vertical-align:middle}
.peace_popup img{ width:100%;aspect-ratio:1/1}
.peace_popup_close{ position:absolute; right:-15px; top:-15px; width:40px; height:40px; border-radius:50%; border:0; box-shadow:2px 2px 2px rgb(0 0 0 / 50%); background:#ebebeb; font-size:0; cursor:pointer; 
	-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.peace_popup_close::before{ position:absolute; content:""; background-image:url(https://www.peacetour.com.tw/material-alias/close_icon.svg); background-position:center; background-repeat:no-repeat;
	 width:30px; height:30px; left:50%; top:50%; transform:translate(-50%,-50%); opacity:1}
.peace_popup_close:hover{ background-color: #d5e8f1}
@media (max-width:767px){
	.peace_popup{ width:80%; padding:20px}
}


/* gotop */
.pe_gotop .actGotop{ width: 50px; height: 50px;}
.pe_gotop .actGotop a,.pe_gotop .actGotop a:link{ width: 50px; height: 50px;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.pe_gotop .actGotop a i { width: 50px; height: 50px; left: 0; top: 0; background: url(https://www.peacetour.com.tw/material-alias/up_icon.svg); background-size: 24px; background-position: center; background-repeat: no-repeat; }
.pe_gotop .actGotop a:hover i{ opacity: 0.6;}

/****Footer start****/
.pe_footer .footer-wrap,.pe_footer .footer-wrap .footer_center{ background: #d5e8f1;}
.pe_footer .footer-wrap .fb-info,.pe_footer .footer-wrap .footer_sbox{ display: none;}
.pe_footer .info-text, .pe_footer .info-logo { flex: 0 0 300px; max-width: 300px; margin-left: 0;}
.pe_footer .info-text>*:nth-child(2),.pe_footer .info-text>*:nth-child(3),.pe_footer .info-text>*:nth-child(4),.pe_footer .info-text>*:nth-child(5){ display: inline-block; }
.pe_footer .info-text>*:nth-child(2)+*,.pe_footer .info-text>*:nth-child(4)+*{ margin-left: 10px;}
.pe_footer .footer-wrap .info_box h3 { font-size: 17px; margin: 12px 0 16px 0; color: #333333; }
.pe_footer .footer-wrap .info_box p{ color: #545454; margin-bottom: 2px;}
.pe_footer .footer-wrap .info_box .info-text a { color: #545454; }
.pe_footer .footer-wrap .footer_center { max-width: 1360px; margin: 0 auto; padding: 0; }
.pe_footer .footer-wrap .footer_center .company-info { max-width: 360px; flex: 0 0 360px; margin-top: 10px !important; border-right: 1px solid #8db4c6;}
.pe_footer .footer-wrap .contact-info{ flex: 1; max-width: 100%; margin-top: 5px !important; padding-left: 100px;}
.pe_footer .footer-wrap .contact-info>div:first-child { flex: 0 0 54%; max-width: 54%; }
.pe_footer .footer-wrap .contact-box { margin: 0 !important; }
.pe_footer .footer-wrap .contact-box>a{ margin-bottom: 10px; display: block;}
.pe_footer .footer-wrap .contact-info>.contact-box:first-child>a:nth-child(2),.pe_footer .footer-wrap .contact-info>.contact-box:first-child>a:nth-child(3){ display: inline-block;}
.pe_footer .footer-wrap .contact-info>.contact-box:first-child>a:nth-child(3) { margin-left: 10px; }
.pe_footer .footer-wrap .contact-box h2{ display: none;}
.pe_footer .footer-wrap .contact-box h4{ margin: 0; padding-left: 0; color: #333333; font-size: 15px; font-weight: 400; letter-spacing: 0.5px;}
.pe_footer .footer-wrap .contact-box p { display: inline-block; width: 80px; }
.pe_footer .footer-wrap .contact-box p+p{ margin-left: 9px;}
.pe_footer .footer-wrap .contact-box p a { height: 30px; line-height: 24px; padding: 3px 3px 3px 34px; border: 1px solid #00a0e9; border-radius: 20px; color: #00a0e9; font-size: 13px; }
.pe_footer .footer-wrap .contact-box p a::after{ display: none;}
.pe_footer .footer-wrap .contact-box p a i{ margin-top: 6px; margin-right: 0; margin-left: 8px; }
.pe_footer .footer-wrap .contact-box p a img{ top: 6px; left: 10px; width: 18px;}
.pe_footer .footer-wrap .contact-box p a svg{ top:0; left: 10px; width: 18px;}
.pe_footer .footer-wrap .contact-info>div:first-child>p:last-child a img { width: 19px; height: auto; margin-right: 0px; }
.pe_footer .footer-wrap .contact-info>div:first-child>p:last-child a i{ display: none;}
.pe_footer .footer-wrap .contact-box p a:hover { background: #e4f6fa; color: #00a0e9 !important; font-size: 13px; }
.pe_footer .footer-wrap .contact-box p a:hover i{ color: #00a0e9;}
.pe_footer .footer-wrap .icon_wrap { max-width: 1360px; margin: 0 auto; padding: 0 10px 18px; }
.pe_footer .footer-wrap .icon_wrap p { display: block; margin: 0; text-align: right; }
.pe_footer .footer-wrap .icon_wrap ul.footer_bticon{ display: none;}
.pe_footer.new .footer-wrap .footer_center{ max-width: 1440px;}
.pe_footer.new .footer-wrap .footer_center .company-info{ max-width: 300px;  flex: 0 0 300px; }
.pe_footer.new .footer-wrap .contact-info{ position: relative; padding-left: 20px; flex-wrap: wrap;}
.pe_footer.new .footer-wrap .contact-info>div { flex: 0 0 36%; max-width: 36%; }
.pe_footer.new .footer-wrap .contact-info>div:first-child { flex: 0 0 36%; max-width: 36%; }
.pe_footer.new .footer-wrap .contact-info>div:last-child { position: absolute; right: 0; top: 0; width: 28%; }
.pe_footer.new .footer-wrap .contact-info>div.contact-box:not(:last-child) h2{ display: block; font-size: 15px; margin-bottom: 8px;}
.pe_footer.new .footer-wrap .contact-box h4{ font-size: 15px; letter-spacing: 0;}
.pe_footer.new .footer-wrap .contact-info>.contact-box:not(:last-child)>a:nth-child(2),
.pe_footer.new .footer-wrap .contact-info>.contact-box:not(:last-child)>a:nth-child(3) { display: inline-block; }
.pe_footer.new .footer-wrap .contact-info>.contact-box:not(:last-child)>a:nth-child(3) { margin-left: 10px; }
.pe_footer.new .footer-wrap .contact-box>a{ margin-bottom:8px;}
.pe_footer.new .footer-wrap .icon_wrap p { text-align:center; }
.pe_footer.new .footer-wrap .contact-box p{ margin-top: 15px;}

@media (max-width: 1199px){
    .pe_footer .footer-wrap .footer_center .company-info { max-width: 300px; flex: 0 0 300px;}
    .pe_footer .footer-wrap .contact-info{ padding-left: 30px;}
    .pe_footer.new .footer-wrap .contact-info>.contact-box:not(:last-child)>a:nth-child(2),
    .pe_footer.new .footer-wrap .contact-info>.contact-box:not(:last-child)>a:nth-child(3) { display: block; }
    .pe_footer.new .footer-wrap .contact-info>.contact-box:not(:last-child)>a:nth-child(3) { margin-left: 0; display: block; }
}
@media (max-width: 991px){
    .pe_footer .info-logo { max-width: 220px; flex: 0 0 220px; }
    .pe_footer .info-text{ flex: 1; max-width: initial; }
    .pe_footer .footer-wrap .info_box h3 { margin: 0 0 5px 0; }
    .pe_footer .footer-wrap .footer_center .company-info { max-width: 100%; flex: 0 0 100%; }
    .pe_footer .footer-wrap .contact-info { padding: 0 20px; }
    .pe_footer.new .footer-wrap .footer_center .company-info { max-width: 100%; flex: 0 0 100%; }
    .pe_footer.new .footer-wrap .contact-info>div { flex: 0 0 50%; max-width: 50%; }
    .pe_footer.new .footer-wrap .contact-info>div:first-child { flex: 0 0 50%; max-width: 50%; }
    .pe_footer.new .footer-wrap .contact-info>div:last-child { width: 100%; flex: 0 0 100%; max-width: 100%; position: initial; display: flex; flex-wrap: wrap;}
    .pe_footer.new .footer-wrap .contact-info>div:last-child>a { flex: 0 0 50%; max-width: 50%; }
    .pe_footer.new .footer-wrap .contact-box p{ margin-top: 0;}
    .pe_footer .footer-wrap .icon_wrap { max-width: 1360px; margin: 0 auto; padding: 10px 10px 55px; }
}
@media (max-width: 767px){
    .pe_footer .info-logo { max-width: 100%; flex: 0 0 100%; text-align: center !important; margin: 0 auto 10px !important; } 
    .pe_footer .info-text{ text-align: center;}
    .pe_footer .footer-wrap .footer_center .company-info { max-width: 100%; flex: 0 0 320px; margin: 0 auto; padding-bottom: 10px; border-right: 0;}
    .pe_footer .footer-wrap .contact-info { flex: 0 0 500px; max-width: 100%; display: block; margin: 0 auto; border-top: 1px solid #8db4c6; padding-top: 10px; }
    .pe_footer .footer-wrap .contact-info>div:first-child { flex: 0 0 100%; max-width: 100%; }
    .pe_footer .footer-wrap .icon_wrap p { text-align: center; line-height: 13px; }
    .pe_footer.new .footer-wrap .contact-info>div { flex: 0 0 100%; max-width: 100%; }
    .pe_footer.new .footer-wrap .contact-info>div:first-child { flex: 0 0 100%; max-width: 100%; }
    .pe_footer.new .footer-wrap .contact-info>div:last-child>a { flex: 0 0 100%; max-width: 100%; }
    .pe_footer.new .footer-wrap .contact-box h4{ font-size: 14px;}
    .pe_footer.new .footer-wrap .info_box a img { margin: 0 auto; }
}

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

/*會員登入頁 */
.member_home .signin_width { margin-top: 180px; margin-bottom: 180px; }

body.member_home .member_title { margin: 70px 0 30px; }
@media (max-width: 767px){
	.member_home  .signin_width { margin-top: 100px; margin-bottom: 120px; }
}

/* 會員專區 */
.header .navbar-expand-lg .navbar-nav .nav-link>i{ display: initial;}
.header .navbar-expand-lg .navbar-nav .nav-link .showName { padding: 0px 10px; }
@media (min-width: 768px) {
    .member_width .member_title { margin: 70px 0 30px; }
}

/* 訂購流程頁 */
.stepPage_btn>div>div { flex: 1; max-width: initial; }
.D_products_signup_confirm .receipt_info .receipt_info_content>.row>div:nth-child(2){ display: none;}

@media (min-width: 768px) {
    form.general_order_width,.group_order_width,form.group_order_width{ margin-top: 100px;}
}

/* 搜尋列表頁 */
.D_products_group_search figure.block_style .main_words h6{ font-size: 14px;}
.D_products_group_search figure.block_style .main_words h6 > div span{ font-size: 15px;}
.D_products_group_search figure.block_style .note_words{ font-size: 14px; }
.D_products_group_search .pic_style figure.block_style .price_all h6 > div{ font-size: 14px;}
.D_products_group_search .pic_style .go-airport,.D_products_group_search .pic_style .plane-s1 { font-size: 13px; }



/*** 團型明細頁 ***/
/*順序調整*/
.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%; word-break: break-all;}
/*側選單快速前往調整*/
.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;}
/* 月曆 */
.Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom .fc-price{ padding: 0;}
/* 隱藏月曆，只秀列表 */
.D_products_group_molddetail .nav-tabs { display: none; }
.D_products_group_molddetail div#IconMean { display: none; }
.D_products_group_molddetail .tab-content > .active { display: none !important; }
.D_products_group_molddetail .tab-content > .SearchCalendar.active { display: none !important; }
.D_products_group_molddetail .tab-content > .SearchTable.tab-pane { display: block !important; opacity: 1; }

/* 調整團型圖片高度 */
.D_products_group_molddetail .TripBasic .ImgBox>.carousel,
.MPGO .TripBasic .ImgBox .carousel-inner, .MGO .TripBasic .ImgBox .carousel-inner,
.MPGDT .TripBasic .ImgBox .carousel-inner, .MGDT .TripBasic .ImgBox .carousel-inner,
.D_products_group_molddetail .TripBasic .ImgBox>.carousel .carousel-item{ height: 100%; }

@media (min-width: 992px){
    .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu ul{ display: flex; flex-flow: column; } 
    .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.share-fixed-btn>a { padding: 5px 19.5px; }
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn>a>span.icon-icon-share { margin-right: 10px; font-size: 20px; }
}
@media (max-width: 1600px) and (min-width: 992px){
    .D_products_group_molddetail .Detail.DepartureDate>.container.col-md-9 { max-width: 100%; }
}
@media (max-width: 1199px) and (min-width: 992px){
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 200px; max-width: 200px;}
}
@media (max-width: 991.98px){
    .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li:nth-child(2) img { padding-top: 16px; margin: 0 auto; }
}
@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{ top: 30px;}
}

/* 個團明細頁 */
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%; }
.D_products_group_detail .side_box { display: none; }/* 明細頁隱藏側邊社群選單 */
section.group_banner.trip_banner .basic_box { padding-top: 450px; }
.Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom .day-events-bottom-available{ display: none; }/* 隱藏月曆模式可售 */
.Detail.DepartureDate .SearchTable .table thead th.AvailableSeat,.Detail.DepartureDate .SearchTable .table tbody td.AvailableSeat{ display: none; }/* 隱藏列表模式可售 */
.DetailContainer>section.Detail.DetailBox.TripFeature img{ height: auto !important;}
@media screen and (max-width:767px){
	section.group_banner.trip_banner .img_box{ height: 250px; min-height: 250px !important;}
	section.group_banner.trip_banner:before { height: 250px; }
	section.group_banner.trip_banner .basic_box { padding-top: 160px; }
}

/* 天數錨點 */
#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: 120px !important; }
#day_menu .list-group .list-group-item{color:#00a0e9; font-size: 14px; padding: 10px 15px;}
#day_menu .list-group .list-group-item:hover { background-color: #f3f3f3; border-color: #f3f3f3;  color:#00a0e9;}
#day_menu .list-group .list-group-item.active { background-color: #00a0e9; border-color:#00a0e9; color: #ffffff; }
@media (max-width: 767px){
    #day_menu .list-group.Fixed_Date_Bar { top: 69px !important;}
}
@media (max-width: 575px){
    #day_menu .list-group.Fixed_Date_Bar { top: 57px !important;}
}