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;
}
/** extra travel style */
* {font-family: 'PT Sans', '微軟正黑體', sans-serif;}
.footer-sample .logo-part .logo {width: auto; height: auto;}

.header[data-position="header"] {background: #000;}
.header-part {opacity: 0.8;}

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

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

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

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

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

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

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

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

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

/* 新增 */
.header-part .navbar-brand img {height:auto !important;max-width:250px;}
.header-part .navbar-brand {padding-top:5px !important;}
.swiper-container {padding-bottom:30px;}
h2.animated {font-size:2em;color:brown;font-weight:500;}

.swiper-title {overflow:hidden;height:100px;}
.animate-text {overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
  height: 250px;}
.thicon_info span {bottom:3% !important;}
.search_fix {padding-bottom:15px;}
.header-part {opacity: 0.9;}

.form-check.radio_style{ padding-left: 30px !important;}
#field_6{margin-top:30px;}
#field_12{margin-top:30px;}
#field_18{margin-top:30px;}
@media screen and (min-width:768px) {
#field_14{flex: 0 0 33.333333%;max-width: 33.333333%;padding-left: 5px !important;padding-right: 5px !important;}
#field_15{flex: 0 0 33.333333%;max-width: 33.333333%;padding-left: 5px !important;padding-right: 5px !important;}
#field_16{flex: 0 0 33.333333%;max-width: 33.333333%;padding-left: 5px !important;padding-right: 5px !important;}
#field_11{flex: 0 0 50%;max-width: 50%;padding-left: 5px !important;padding-right: 5px !important;}
#field_13{flex: 0 0 50%;max-width: 50%;padding-left: 5px !important;padding-right: 5px !important;}
}
section.group_banner.search_banner {background:url(https://materials.fillo.com.tw/materials/extra-travel/images/60a6326f-a654-4641-8f7b-435455adf560.jpg) center center no-repeat;}
.falls-container .grid .grid-item h3 {text-align:center !important;color: darkred !important;font-weight: 600;}
.falls-container .grid a.grid-item:hover {box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}


/* 非凡到處FUN */
.swiper-title {font-size: 1.3rem; font-weight: 600; line-height: 1.3;}


/* 鐵道自行車系列 */
.promo .txt1 span {font-weight: 600;}
.swiper-slide .swiper-content {font-size: 1rem;}

/* 鐵道自行車系列 */
.thicon_info a h3 {font-size: 1.25rem !important;}

/* 非凡系列專案 */
.material-card h2 strong {visibility:hidden;}
.mc-footer h4 {display:none;}
.material-card.mc-active .mc-description {padding-top:5em !important;}
.page-header h1 {font-size: 1.7em;font-weight: 600;color: chocolate;padding-top: 30px;padding-bottom: 10px;}
.page-header small {color: #7E7E7E;font-size: 66%;}
/* .col-md-4.col-sm-6.col-xs-12 .material-card {margin-bottom: 5em;} */

@media screen and (max-width:767px) {
  .owl-item {max-width:60vh;} 
  /* .nav-tabs .nav-item {width: 100%;text-align: center;}  會影響公版先隱藏*/
}

.company_fix .img-responsive {display: block; max-width: 100%;height: auto;margin-left: auto !important;margin-right: auto !important;}
.company_item .function-row li a {border: 3px solid #a0e5f1;}
.privacy_fix .header-title {padding: 30px;text-align: center;font-size: 26px;font-weight: 600;color: chocolate;}
.privacy_fix .tab-content p {line-height: 2;color: dimgray;}
.privacy_fix .tab-content {max-width: 960px;margin-left: auto;margin-right: auto;border: unset !important;}
.privacy_fix .nav.nav-tabs {justify-content: center;}
.col-md-12.mb50.about_info .row{display: inherit;}

/* 行程頁-圖片調整 */
.day_style_1, .day_style_2, .day_style_3, .day_style_4, .day_style_5, .day_style_6, .day_style_7, .day_style_8, .day_style_9, .day_style_10, .day_style_11, .day_style_12, .day_style_13, .day_style_14, .day_style_15, .day_style_16, .day_style_17, .day_style_18{display:flex;flex-wrap:wrap;}
.day_style_1 img, .day_style_2 img, .day_style_3 img, .day_style_4 img, .day_style_5 img, .day_style_6 img, .day_style_7 img, .day_style_8 img, .day_style_9 img, .day_style_10 img, .day_style_11 img, .day_style_12 img, .day_style_13 img, .day_style_14 img, .day_style_15 img, .day_style_16 img, .day_style_17 img, .day_style_18 img{width:100%;height:auto !important;}

/* 行程頁-文字與底微調 */
.day_con .day_sub-title {background: rgba(255, 255, 255, 0.9);padding:45px !important;line-height:inherit;color:darkred;}
.day_con .word_r {margin-right:auto !important;max-width:100%;}


/******** 20210323 首頁調整 start ********/
/*header*/
.extra_header .header-part { border-bottom: 1px solid #b9c9cf;}
.extra_header .navbar-nav li.nav-item:last-child>.nav-link>i{ display: block; }
.extra_header.widget-item .top-cart {  padding: 10px 5px;}
.extra_header.widget-item .top-cart .icon .fa-shopping-cart { color: #2fb0e7;}
.extra_header .header-part .navbar-nav .nav-link{ padding-right: .8rem;  padding-left: .8rem;}
.extra_header .header-part .navbar-nav li.nav-item:nth-last-child(2) .nav-link>i { display: none; }/*20250310上方會員調整*/

/*手機版header*/
.extra_header .header-part .navbar-toggler{ border:0; width: 40px;  height: 50px; padding: 0;}
.extra_header .header-part .navbar-toggler:focus{ outline:none;}
.extra_header .header-part .navbar-toggler-icon { background-image: url('https://materials.fillo.com.tw/materials/extra-travel/images/771889a4-0535-4af0-b254-fa1c99894053.svg'); background-size: 32px; }
.extra_header .header-part .navbar-toggler[aria-expanded="true"]  .navbar-toggler-icon{  background-image:url('https://materials.fillo.com.tw/materials/extra-travel/images/6e552e25-e748-4c2e-84c4-d7301ee0d2c0.svg'); background-size: 25px;}
/*購物車*/
.widget-item .top-cart .top-cart-down{ transform: translate(0%,0%);   right: 0%; left:initial;}
.widget-item .top-cart .top-cart-down::before,.widget-item .top-cart .top-cart-down::after{ right: calc(7% - 8px);  left: initial;} 
/*會員登入*/
.extra_header .showName{ padding: 0px 10px; align-items: center;}
.extra_header .showName .member-name{ color:#2FB0E7;}
.extra_header .showName .SignOut{background: transparent; color: #44b8e9; border: 1px solid #44b8e9;}
.extra_header .showName .icon.bell .fa{ margin-right: 0;  font-size: 17px; color: #df6b76;}
.extra_header .header-part .navbar-nav li:nth-child(7)>a>i {  display: none;}
.extra_header .header-part .navbar-nav li a.icon.bell{ line-height: 20px; height: 20px; margin-left: 5px;}
.extra_header .header-part .navbar-nav li a.SignOut{ line-height: 20px; height: 25px;}
.extra_header .header-part .navbar-nav li a.SignOut:hover{ background: #44b8e9; color:#ffffff;  }
.extra_header .navbar-nav>li:nth-child(1)>a,.extra_header .navbar-nav>li:nth-child(10)>a{color: #44b8e9 !important; }
.extra_header .navbar-nav>li:nth-child(1),.extra_header .navbar-nav>li:nth-child(2){display:none;}
.extra_header .navbar-nav>li:nth-child(1)>a>i,.extra_header .navbar-nav>li:nth-child(10)>a>i{ display:none;}
/*國外搜尋引擎*/
.extra_search .search-area{ min-height:60px; padding: 25px 0 15px;}
.extra_search .se.extra_search.new section.group_banner .search-area .search-box .select-input {padding: 28px 10px 0;}
.extra_search .search-area .search-box .select-place,.extra_search .search-area .search-box .select-goal,.extra_search .search-area .search-box .select-date,.extra_search .search-area .search-box .select-keywords {padding: 0px 10px; height: 60px; color:#545454}
.extra_search .search-area .search-box .select-place select:focus,.extra_search .search-area .search-box .select-goal select:focus,.extra_search .search-area .search-box .select-date input:focus,.extra_search .search-area .search-box .select-keywords input:focus,.extra_search .search-area .search-box .search-btn:focus{ outline:none;}
.extra_search .search-area .search-box .select-goal .select select,.extra_search .search-area .search-box .select-place .select select{  color: #545454; padding-left:5px; padding-right:5px;}
.extra_search .search-area .search-box .select-date .select input,.extra_search .search-area .search-box .select-keywords .select input{ color:#545454;  -webkit-appearance: none; border-radius: 0;}
.extra_search .search-area .search-box .select-date .select .divide{ background: #949494; }
.extra_search .search-area .search-box .search-btn{ height: 60px;  background: #2fb0e7;   line-height: 60px;}
.extra_search .search-area .search-box .select-goal .title i,.extra_search .search-area .search-box .select-place .title i,.extra_search .search-area .search-box .select-date .title i,.extra_search .search-area .search-box .select-keywords .title i{ color: #2fb0e7;}
.extra_search.new .group_banner.search_banner .search-area > .container{ max-width: 1140px; background: transparent; border-bottom: 0;}
.extra_search.new section.group_banner .search-area .search-box{ margin: 0; height: 60px;}
.extra_search.new section.group_banner .search-area .search-box>div { padding: 0 !important; flex: 1; max-width: initial; }
.extra_search.new section.group_banner .search-area .search-box>div:nth-child(4) { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.extra_search.new section.group_banner .search-area .search-box>div:last-child { flex: 0 0 16.666667%; max-width: 16.666667%; }
.extra_search.new section.group_banner .search-area .search-box .select-input { padding: 26px 10px 0; }
.extra_search.new section.group_banner .search-area .search-box .select-input > input { padding-left: 5px; height: 32px; border: 1px solid #eeeeee; background: #f4f4f4 !important; }
.extra_search.new section.group_banner .search-area .search-box .select-date .select input{width: calc(50% - 18px);  border: 1px solid #eeeeee; background: #f4f4f4 !important;}
.extra_search.new section.group_banner .search-area .search-box .select-date{ height: 60px; padding: 0 10px;}
.extra_search.new section.search_banner .search-area .search-box .select-goal,
.extra_search.new section.search_banner .search-area .search-box .select-place{ padding: 0 10px;}
.extra_search.new .search-area .search-box .select-place .select select,
.extra_search.new .search-area .search-box .select-goal .select select{  border: 1px solid #eeeeee; background-color: #f4f4f4;}
.extra_search.new section.group_banner .search-area .search-box .search-btn{ height: 58px; line-height: 58px;}
.extra_search.new .search-area .search-box .search-btn h5{ font-size: 16px; padding-left: 10px; width: auto;}
.extra_search.new section.search_banner .search-area .search-box .select-input .data-icon-search { left: 10px; top: 0; }
.extra_search.new section.group_banner .search-area .search-box .select-input::before { content: "關鍵字"; position: absolute; top: 0; left: 35px; color: #666666; font-size: 0.95rem; }
.extra_search.new .search-area .search-box .search-btn:hover i { transform: translatex(5px); }

@media screen and (max-width:991px) {
	.extra_search.new .group_banner.search_banner .search-area > .container { max-width: 720px;}
	.extra_search.new section.group_banner .search-area .search-box{ height: auto;}
	.extra_search.new section.group_banner .search-area .search-box>div {flex: 0 0 50%; margin-bottom: 5px;	margin-top: 5px;}
	.extra_search.new section.group_banner .search-area .search-box>div:nth-child(4) { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.extra_search.new section.group_banner .search-area .search-box>div:nth-child(5) { flex: 0 0 100%; }
	.extra_search.new section.group_banner .search-area .search-box .select-input > input{ height: 45px;}
	.extra_search.new section.group_banner .search-area .search-box>div:last-child{ flex: 0 0 100%; max-width: 100%;}
	.extra_search.new section.group_banner .search-area .search-box .search-btn{ width: 50%; height: 45px;line-height: 45px; margin-top: 20px;}
	.extra_search.new section.group_banner .search-area .search-box .select-date .select input { width: calc(50% - 15px);}
	.extra_search.new .search-area .search-box .select-date .select .divide { width: 10px; }
}
@media screen and (max-width:767px) {
	.extra_search.new .group_banner.search_banner .search-area > .container { max-width: 570px; }
	.extra_search.new section.group_banner .search-area .search-box .select-input .mic_icon{top: initial;height: 45px; }
}
@media screen and (max-width:575px) {
	.extra_search.new .search-box .select-date .select .divide { width: 10px;}
	.extra_search.new section.group_banner .search-area .search-box .select-date .select input { width: calc(50% - 10px);}
}

/*20250311新增國內搜尋引擎*/
.domestic_search{ padding-bottom: 15px; }
.domestic_search .group_banner.search_banner .search-area { padding: 25px 0 15px;}
.domestic_search .group_banner.search_banner .search-area > .container { background: #ffffff; border-bottom: none; max-width: 1140px;}
.domestic_search section.group_banner .area_input{ border: 1px solid #eeeeee; background-color: #f4f4f4; background-size: 10px auto; background-position: right 8px center;}
.domestic_search section.group_banner .search-area .search-box .select-date .select input{ border: 1px solid #eeeeee;  background: #f4f4f4 !important;}
.domestic_search section.group_banner .search-area .search-box{ margin: 0; height: 60px;}
.domestic_search section.group_banner .search-area .search-box>div { padding: 0 !important; -ms-flex: 1; flex: 1; max-width: initial;}
.domestic_search section.group_banner .search-area .search-box .select-departure,
.domestic_search section.group_banner .search-area .search-box .select-destination,
.domestic_search section.group_banner .search-area .search-box .select-date{ height: 60px; padding: 0 10px;}
.domestic_search section.search_banner .search-area .search-box .select-input { padding: 26px 10px 0; }
.domestic_search section.group_banner .search-area .search-box .select-date .select > input { width: calc(50% - 18px);  padding: 0 5px; height: 32px; border: 1px solid #eeeeee; background: #f4f4f4 !important; }
.domestic_search section.group_banner .search-area .search-box .select-input > input{  padding: 0 10px 0 15px; height: 32px; border: 1px solid #eeeeee; background: #f4f4f4 !important;}
.domestic_search section.group_banner .search-area .search-box .search-btn { height: 58px; line-height: 58px; background: #2fb0e7; display: -ms-flexbox; display: flex; justify-content: center; align-items: center;}
.domestic_search .search-area .search-box .search-btn h5 { font-size: 16px; padding-left: 10px; width: auto; margin-bottom: 0; order:2;}
.domestic_search .search-area .search-box .search-btn i::before{ position: absolute; left: 0;}
.domestic_search .search-area .search-box .search-btn:hover i { transform: translateX(5px); }
.domestic_search section.group_banner .search-area .search-box .select-input::before { content: "關鍵字"; position: absolute; top: 0; left: 35px; color: #666666; font-size: 0.95rem; }
.domestic_search section.search_banner .search-area .search-box .select-input .data-icon-search { left: 10px; top: 0; }
.domestic_search  section.group_banner .search-area .search-box .select-departure .title h6{ margin-left: 0px;}
.domestic_search  section.group_banner .search-area .search-box .select-destination .title h6{ margin-left: 5px;}
.domestic_search section.group_banner .search-area .search-box>div:nth-child(3) { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; }
.domestic_search section.group_banner .search-area .search-box>div:last-child { flex: 0 0 16.666667%; max-width:initial; }
.domestic_search .search-area .search-box .select-date .select .divide { margin: 12.5px 10px 0px 10px; background: #949494; }
@media screen and (max-width: 991px) {
	.domestic_search .group_banner.search_banner .search-area { padding: 15px 0; }
	.domestic_search .group_banner.search_banner .search-area > .container{ max-width: 720px;}
	.domestic_search section.group_banner .search-area .search-box{ height: auto;}
	.domestic_search section.group_banner .search-area .search-box>div {  -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 5px; margin-top: 5px; }
	.domestic_search section.group_banner .search-area .search-box>div:nth-child(3),
	.domestic_search section.group_banner .search-area .search-box>div:nth-child(4){ -ms-flex: 0 0 100%; flex: 0 0 100%; }
	.domestic_search section.group_banner .search-area .search-box .search-btn { width: 50%; height: 45px; line-height: 45px;  margin: 20px auto 0; }
	.domestic_search section.group_banner .search-area .search-box>div:last-child{ -ms-flex: 0 0 100%; flex: 0 0 100%; }
	.domestic_search section.group_banner .select { height: auto; }
	.domestic_search section.group_banner .search-area .search-box .select-date .select{ display: block;}
	.domestic_search section.group_banner .area_input,
	.domestic_search section.group_banner .search-area .search-box .select-date .select > input,
	.domestic_search section.group_banner .search-area .search-box .select-input > input{ height: 45px;}
}
@media screen and (max-width: 767px) {
	.domestic_search .group_banner.search_banner .search-area > .container{ max-width: 570px;}
	.domestic_search section.group_banner .search-area .search-box>div {  -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.domestic_search section.group_banner .search-area .search-box .select-input .mic_icon { top: initial; height: 45px; }
}

/*20250311新增搜尋頁籤*/
.main_search_tab .blk-tabs.dp-tbl { max-width: 1140px; margin: 25px auto 0;  padding: 0 6px;}
.main_search_tab li.nav-item+li { margin-left: 6px; }
.main_search_tab .nav-tabs { border-bottom: 1px solid #2fb0e7; }
.main_search_tab a.nav-link { background: transparent; padding: 6px 25px; color: #545454; border: 1px solid #ffffff; border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.main_search_tab a.nav-link.active,.main_search_tab a.nav-link.active:hover,.main_search_tab .nav-tabs .nav-link:focus{ background: #ffffff; color: #2fb0e7; border: 1px solid #2fb0e7;border-bottom-color: #ffffff; }
.main_search_tab .nav-tabs .nav-link:hover { border-color: #ffffff #ffffff #2fb0e7 #ffffff; color: #2fb0e7;}

/*大圖輪播*/
.extra_slider section>.row {margin: 0;}
.extra_slider .owl-theme .owl-dots .owl-dot:focus{ outline:none;}
.extra_slider .owl-carousel .owl-nav button span{ color: #2fb0e7;}
.extra_slider .owl-carousel .owl-nav button.owl-next{ color: #2fb0e7;}
.extra_slider .owl-theme .owl-dots .owl-dot.active span,.extra_slider .owl-theme .owl-dots .owl-dot:hover span{ background: #2fb0e7;}

/*大標題設定*/
.main_block{ position:relative;}
.block_top .block_title{ padding-top: 70px; font-size:36px; text-align: center;  color: #2fb0e7;}
.block_top .block_title i { margin-right: 7px;   vertical-align: middle;}
.main_title .block_more{ position:absolute; top:75px; right:0;}
.main_title .block_more .text-container { float: right; margin-right: 5px;}
.main_title .block_more .link-list { min-height: 40px;  background: #ffffff; border: 1px solid #ccc; border-radius: 4px; -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_title .block_more .link-list:hover{ border: 1px solid #2fb0e7; }
.main_title .block_more .link-list ul li {  display: block;  line-height: 30px; text-align: center; }
.main_title .block_more .link-list ul li a{ position:relative; display: block; padding: 5px 20px 5px 0px; -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_title .block_more .link-list ul li a::before{ content: ""; position: absolute;  background-image: url(https://materials.fillo.com.tw/materials/extra-travel/images/fa84386a-7eb2-4ebf-8827-83e93c75a9dd.svg);  background-position: center;  background-repeat: no-repeat; background-size: 8px; width: 12px;  height: 16px; top: 12px; right: 8px;}
/*頁籤共用樣式*/
.main_tab {margin-top: 20px;}
.main_tab .nav-item + .nav-item { margin-left: 8px;}
.main_tab .nav-pills .nav-link{ padding: .4rem 1.5rem; background: #ececec; color: #545454;font-size: 1.1em; font-weight: 600; letter-spacing: 1px; -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_tab .nav-pills .nav-link:hover,.main_tab .nav-pills .nav-link:focus{ color: #fff;background-color: #2fb0e7;}
.main_tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff;background-color: #2fb0e7;}

/*多種變化輪播共用樣式*/
.extra_swiper .swiper-container {padding-left: 5px; padding-right: 5px;}
.extra_swiper .swiper-slide-style{ margin-bottom: 20px; border:1px solid transparent; }
.extra_swiper .swiper-slide .swiper-title{ padding: 0 30px;     transition: 0.5s;     height: 48px;     color: #2fb0e7;     font-size: 1.3rem;     text-align: justify;     font-weight: 600;     line-height: 1.6rem;     letter-spacing: 0.02em;    height: 50px;     text-overflow: ellipsis;     display: -webkit-box;     -webkit-line-clamp: 2;     -webkit-box-orient: vertical;     white-space: normal;     overflow: hidden; }
.extra_swiper .swiper-slide .swiper-content{ color: #545454;  height: 82px; padding-top: 8px;}
.extra_swiper .swiper-pagination-bullet { width: 10px; height: 10px;}
.extra_swiper .swiper-pagination-bullet-active{ background-color:#2fb0e7; }
.extra_swiper .swiper-button-prev,.extra_swiper .swiper-button-next{width: calc(var(--swiper-navigation-size) /35 * 45);}
.extra_swiper .swiper-button-prev:focus,.extra_swiper .swiper-button-next:focus{ outline: none;}
.extra_swiper .swiper-button-prev{ left: 5px;}
.extra_swiper .swiper-button-next{right: 5px;}
.extra_swiper  [class*='swiper-button-']{ opacity: 0.7; -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;}
.extra_swiper [class*='swiper-button-']:hover{ opacity: 0.9;}
.extra_swiper [class*='swiper-button-']:after{ padding: 9px 10px; width: 48px;  height: 48px; background: rgb(6 6 6 /60%); border-radius: 50px; font-size: 1.3rem; text-align: center;}
.extra_swiper .swiper-button-prev.swiper-button-disabled,.extra_swiper .swiper-button-next.swiper-button-disabled{display:none; }

/*台灣一日遊*/
.block_top #taiwan_oneday.block_title{  color:#008080; }
.block_top #taiwan_oneday.block_title i {  height: 35px; font-size: 28px;}
.taiwan_oneday.main_tab .nav-pills .nav-link:hover,.taiwan_oneday.main_tab .nav-pills .nav-link:focus{ color: #fff;background-color: #008080;}
.taiwan_oneday.main_tab .nav-pills .nav-link.active,.taiwan_oneday.main_tab .nav-pills .show>.nav-link { color: #fff;background-color: #008080;}
.TaiwanNorth .extra_swiper .swiper-slide .swiper-title,.TaiwanCentral .extra_swiper .swiper-slide .swiper-title,.TaiwanSouth .extra_swiper .swiper-slide .swiper-title{color: #008080;}
.TaiwanNorth .extra_swiper .swiper-slide-style:hover,.TaiwanCentral .extra_swiper .swiper-slide-style:hover,.TaiwanSouth .extra_swiper .swiper-slide-style:hover{ border:1px solid #008080;}

/*票券主題遊*/
.block_top #ticket_theme.block_title i {  height: 40px;  font-size: 34px;}
.TicketTheme01 .extra_swiper .swiper-slide .swiper-content,.TicketTheme02 .extra_swiper .swiper-slide .swiper-content,.TicketTheme03 .extra_swiper .swiper-slide .swiper-content,.TicketTheme04 .extra_swiper .swiper-slide .swiper-content{ height: 180px; padding-top: 8px;  -webkit-line-clamp: 7;}
.TicketTheme01 .extra_swiper .swiper-slide,.TicketTheme02 .extra_swiper .swiper-slide,.TicketTheme03 .extra_swiper .swiper-slide{  border:0; border-bottom: 3px solid transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.TicketTheme01 .extra_swiper .swiper-slide:hover,.TicketTheme02 .extra_swiper .swiper-slide:hover,.TicketTheme03 .extra_swiper .swiper-slide:hover{ border-bottom: 3px solid #2fb0e7;  }

/*國內安心遊*/
.block_top #domestic.block_title{ color:#ff6600; }
.block_top #domestic.block_title i { height: 40px;  font-size: 34px;}
.domestic.main_tab .nav-pills .nav-link:hover,.domestic.main_tab .nav-pills .nav-link:focus{ color: #fff;background-color: #ff6600;}
.domestic.main_tab .nav-pills .nav-link.active,.domestic.main_tab .nav-pills .show>.nav-link { color: #fff;background-color: #ff6600;}
.extra_graphics .expand-graphics { margin-top: 30px;}
.extra_graphics .expand-graphics .item_box .item_more_txt h3 { padding-left: 10px; padding-right: 10px; color: #545454; font-size: 1.3rem; text-align: justify; font-weight: 600; line-height: 1.6rem; letter-spacing: 0.05em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden;  }
.extra_graphics .expand-graphics .item_box{ position: relative;  height:100%; border: 1px solid #ccc; padding-bottom: 50px;border-radius: 8px;} 
.extra_graphics .expand-graphics .item_box figure { border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.extra_graphics .expand-graphics .item_box h4{ position: absolute; left: 0; bottom: 0; left:10px;margin-bottom:15px; }
.extra_graphics .expand-graphics .item_box span.item_btn,.extra_graphics .expand-graphics .item_box span.item_btn_hover{position: absolute; bottom: 0;right: 10px; margin-bottom:15px; border-radius: 4px;}
.extra_graphics .expand-graphics .item_box .item_more_txt span.item_tag { margin: 3px 10px;}
.extra_graphics .expand-graphics .item_morebox{ margin:0;}

/*非凡系列專案*/
.block_top #project.block_title {color: #ca7f4d;}
.block_top #project.block_title i { height: 40px;font-size: 34px;}
.extra_project .page-header h1{font-size: 0;}
.extra_project .material-card h2{  padding:15px 16px;}
.extra_project .material-card h2:hover a, .extra_project .material-card h2:hover a span{ text-decoration:none;}
.extra_project .page-header small {font-size: 18px;}
.web-page-frame .widget-item.extra_project .container{ max-width: 100%; margin: 0 auto;}
.extra_project .material-card .mc-btn-action{ display: none;}
.extra_project .material-card .img-fluid {width: 100%;}
.extra_project .material-card {margin-bottom: 5em;}
.extra_project .material-card h2 strong{display:none;}
.extra_project .material-card.Pink h2{ background-color: #e45693;}
.extra_project .material-card.Pink h2:before{ border-right-color:#d03577; border-bottom-color: #d03577;}
.extra_project .material-card.Pink h2:after{ border-top-color: #e45693; border-right-color:#e45693;}
.extra_project .material-card.Pink h2:hover{  background-color: #d03577;}
.extra_project .material-card.Pink h2:hover:after{ border-top-color: #d03577; border-right-color:#d03577;}
.extra_project .material-card.Red h2{ background-color: #f24e42;}
.extra_project .material-card.Red h2:before{ border-right-color:#dc3327; border-bottom-color:#dc3327;}
.extra_project .material-card.Red h2:after{ border-top-color: #f24e42; border-right-color:#f24e42;}
.extra_project .material-card.Red h2:hover{ background-color: #dc3327;}
.extra_project .material-card.Red h2:hover:after{ border-top-color: #dc3327; border-right-color:#dc3327;}
.extra_project .material-card.Orange h2:before{ border-right-color:#f0750b; border-bottom-color: #f0750b;}
.extra_project .material-card.Orange h2:hover{background:#f0750b;}
.extra_project .material-card.Orange h2:hover:after{ border-top-color:#f0750b; border-right-color:#f0750b;}
.extra_project .material-card.Deep-Purple h2{ background:#9556bd;}
.extra_project .material-card.Deep-Purple h2:before{ border-right-color:#723598; border-bottom-color: #723598;}
.extra_project .material-card.Deep-Purple h2:after{ border-top-color:#9556bd; border-right-color:#9556bd;}
.extra_project .material-card.Deep-Purple h2:hover{background:#723598;}
.extra_project .material-card.Deep-Purple h2:hover:after{ border-top-color:#723598; border-right-color:#723598;}
.extra_project .material-card.Green h2{ background-color:#319885;}
.extra_project .material-card.Green h2:before{ border-right-color: #319885; border-bottom-color: #319885;}
.extra_project .material-card.Green h2:after{ border-top-color:#3ea08e; border-right-color:#3ea08e;}
.extra_project .material-card.Green h2:hover{  background: #206b5d; }
.extra_project .material-card.Green h2:hover:after{ border-top-color:#206b5d; border-right-color:#206b5d;}
.extra_project .material-card.Blue h2{ background-color: #2fb0e7;}
.extra_project .material-card.Blue h2:before { border-right-color: #0068b1;border-bottom-color: #0068b1;}
.extra_project .material-card.Blue h2:after{ border-top-color:#2fb0e7; border-right-color:#2fb0e7; }
.extra_project .material-card.Blue h2:hover{ background-color: #0068b1;}
.extra_project .material-card.Blue h2:hover:after{ border-top-color:#0068b1; border-right-color:#0068b1;}

/*旅遊資訊*/
.block_top #info.block_title{ color:#e04186; }
.block_top #info.block_title i{height: 40px;font-size: 35px;}
.main_tab.info .nav-pills li.nav-item{ position:relative;}
.main_tab.info .nav-pills .nav-link{ padding: 50px 15px 15px;  border-radius: 8px; -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_tab.info .nav-pills .nav-link.active::after {  content: "";     position: absolute; width: 0;     height: 0;     border-style: solid;     border-width: 15px 12px 0 12px;     border-color: #ececec transparent transparent transparent;     bottom: -15px;     left: 50%;     transform: translate(-50%, 0); }
.main_tab.info .nav-pills .nav-link.active,.main_tab.info .nav-pills .show>.nav-link,.main_tab.info .nav-pills .nav-link:hover,.main_tab.info .nav-pills .nav-link:focus{  color: #e04186; background-color: #ececec;}
.main_tab.info .nav-pills li a.nav-link::before{ content:""; position:absolute; width:27px; height:27px;  top:15px; left:50%; background-position:center; background-repeat:no-repeat; background-size:27px; transform: translate(-50%, 0); }
.main_tab.info .nav-pills li:nth-child(1) a.nav-link::before{ background-image:url('https://materials.fillo.com.tw/materials/extra-travel/images/f33adeb7-d36d-4275-8fe8-7f4bbeadcb08.svg');   }
.main_tab.info .nav-pills li:nth-child(1) a.nav-link.active::before,.main_tab.info .nav-pills li:nth-child(1) .show>a.nav-link::before,.main_tab.info .nav-pills li:nth-child(1) a.nav-link:hover::before,.main_tab.info .nav-pills li:nth-child(1) a.nav-link:focus::before{ background-image:url('https://materials.fillo.com.tw/materials/extra-travel/images/333cf7d3-0dc9-4e47-b955-403e90a7293b.svg');}
.main_tab.info .nav-pills li:nth-child(2) a.nav-link::before{ background-image:url('https://materials.fillo.com.tw/materials/extra-travel/images/9d36e9e7-c524-4420-9608-0edd9a445690.svg'); }
.main_tab.info .nav-pills li:nth-child(2) a.nav-link.active::before,.main_tab.info .nav-pills li:nth-child(2) .show>a.nav-link::before,.main_tab.info .nav-pills li:nth-child(2) a.nav-link:hover::before,.main_tab.info .nav-pills li:nth-child(2) a.nav-link:focus::before{ background-image:url('https://materials.fillo.com.tw/materials/extra-travel/images/fc830348-d02d-4dc2-a645-528574b6538a.svg');}
.main_tab.info .nav-pills li:nth-child(3) a.nav-link::before{ background-image:url('https://materials.fillo.com.tw/materials/extra-travel/images/220be248-05bf-42b5-aba8-80c7305e0dee.svg'); }
.main_tab.info .nav-pills li:nth-child(3) a.nav-link.active::before,.main_tab.info .nav-pills li:nth-child(3) .show>a.nav-link::before,.main_tab.info .nav-pills li:nth-child(3) a.nav-link:hover::before,.main_tab.info .nav-pills li:nth-child(3) a.nav-link:focus::before{ background-image:url('https://materials.fillo.com.tw/materials/extra-travel/images/fbc905cf-097f-412e-ab51-778a46683f7a.svg');}
.main_tab.info .nav-pills li:nth-child(4) a.nav-link::before{ background-image:url('https://materials.fillo.com.tw/materials/extra-travel/images/07c927b7-4bdb-4984-9600-4ecb69e61b8a.svg'); }
.main_tab.info .nav-pills li:nth-child(4) a.nav-link.active::before,.main_tab.info .nav-pills li:nth-child(4) .show>a.nav-link::before,.main_tab.info .nav-pills li:nth-child(4) a.nav-link:hover::before,.main_tab.info .nav-pills li:nth-child(4) a.nav-link:focus::before{ background-image:url('https://materials.fillo.com.tw/materials/extra-travel/images/d6f72758-dcb9-4136-b0f4-2432dcb6b8fb.svg');}
.main_tab.info .nav-pills li:nth-child(5) a.nav-link::before{ background-image:url('https://materials.fillo.com.tw/materials/extra-travel/images/7ec5d9e2-3b99-44d7-ae16-8fe64e380343.svg'); }
.main_tab.info .nav-pills li:nth-child(5) a.nav-link.active::before,.main_tab.info .nav-pills li:nth-child(5) .show>a.nav-link::before,.main_tab.info .nav-pills li:nth-child(5) a.nav-link:hover::before,.main_tab.info .nav-pills li:nth-child(5) a.nav-link:focus::before{ background-image:url('https://materials.fillo.com.tw/materials/extra-travel/images/f5f0e20b-b5bb-437e-8183-8d8bde047a51.svg');}
.main_tab.info .nav-pills li:nth-child(6) a.nav-link::before{ background-image:url('https://materials.fillo.com.tw/materials/extra-travel/images/6d55e78a-a047-4c72-9722-421e8bf6eebc.svg'); }
.main_tab.info .nav-pills li:nth-child(6) a.nav-link.active::before,.main_tab.info .nav-pills li:nth-child(6) .show>a.nav-link::before,.main_tab.info .nav-pills li:nth-child(6) a.nav-link:hover::before,.main_tab.info .nav-pills li:nth-child(6) a.nav-link:focus::before{ background-image:url('https://materials.fillo.com.tw/materials/extra-travel/images/1d8d8d25-5368-4ef8-a00b-06b769277c66.svg');}
.info_block{ margin: 20px 0 60px;}
.info_block .text-container {   display: flex; min-height: 100px; padding: 10px; font-weight: 600;  align-items: center;  justify-content: center; }
.info_block .text-container div.link-list ul li{ border: 1px solid #ccc; background-image:#ffffff;  border-radius: 8px; margin-bottom:10px;}
.info_block .text-container div.link-list ul li + li { margin-left: 5px;}
.info_block .text-container div.link-list ul li i { color: #e04186;}
/* 側選單 */
.side_menu .side_box { bottom: 165px;}
.side_menu .side_bar li{ position: relative;}
.side_menu .side_bar li a p{ display:none; position:absolute; top: 5px;  right: 145%; width: 90px;  height: 30px;  background: #2fb0e7; color: #ffffff !important;  padding-top: 6px;  border-radius: 20px; -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;}
.side_menu .side_bar li a p::after{  content: ""; position: absolute;  width: 10px;   height: 1px;  right: -8px;   top: 14px;   background: #2fb0e7;}
.side_menu .side_bar li:hover p{ display:block;}
.side_menu .side_bar li a i {  font-size: 1.6em;}
.side_menu .actGotop{ display:none !important;}
.side_gotop .actGotop{ position:fixed;_position:absolute; bottom: 40px;  width: 60px; height: 60px;display:none;z-index: 999;}
.side_gotop .actGotop a, .actGotop a:link{ width: 60px; height: 60px; display:inline-block; border-bottom-left-radius:8px; outline:none; background: #2FB0E7;  border-radius: 50px; line-height: 80px; text-align: center;  color: #ffffff; font-size: 0;}
.side_gotop .actGotop a:hover{ background:#0068B1; outline:none; }
.side_gotop .actGotop a i{ color: #ffffff; position: absolute; width: 60px; left: 0;  top: 8px; font-size: 40px;}
.side_gotop .actGotop a:hover{ color:#ffffff; }
.fb_iframe_widget iframe{right: 60px !important; }
.fb_dialog iframe { bottom: 110px !important; margin:0 !important; }
@media screen and (min-width:768px) {	
	.fb_iframe_widget iframe{ height: 400px!important;}
	.fb_dialog iframe { right: 5px !important;}
	.side_gotop .actGotop{right: 5px; }
}
@media screen and (max-width:767px) {	
	.fb_iframe_widget iframe{ right: 0 !important; }
	.fb_dialog iframe{ right: 0px !important; }
	.side_gotop .actGotop{right: 0px;}
}
/* footer */
.extra_footer .footer-wrap .icon_wrap{ padding: 10px 22px;}
.extra_footer .footer-wrap .footer_fbicon a:nth-child(2) img { border-radius: 10px;}
.extra_footer .footer-wrap .footer_sbox{ margin-top: 1em;}
.extra_footer .footer-wrap .footer_center{ padding-bottom: 1em;}
.extra_footer .footer-wrap .footer_logo,.extra_footer .footer-wrap .footer_info,.extra_footer .footer-wrap .footer_fbicon{ margin-top:2em;}
.extra_footer .footer-wrap .footer_fbicon a{padding: 7px 0 0 10px; }


/*出團表寬度20210219新增 start*/
@media (min-width: 576px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{
		max-width: 540px;
	}
}
@media (min-width: 768px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{
		max-width: 720px;
	}
}
@media (min-width: 992px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ 
		max-width: 960px;
	}
}
@media (min-width: 1200px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{
		max-width: 1440px;
	}
}
.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{
	background: #fff;
	width:calc(100% - 30px);
	margin-left:auto;
	margin-right:auto;
}
.web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row > .col-lg-12 > .row > .text-center{
	width: 100%; 
	margin-bottom: 3rem;
}
/*出團表寬度20210219新增 end*/

/* 隱藏月曆，強制顯示列表模式 */
.D_products_group_mold #search-calendar, .D_products_group_detail #search-calendar{display: none;}
.D_products_group_mold #search-table, .D_products_group_detail #search-table{display: block;opacity: 1;}
.D_products_group_mold #pills-tab .nav-item #pills-home-tab, .D_products_group_mold #pills-tab .nav-item #pills-contact-tab,
.D_products_group_detail #pills-tab .nav-item #pills-home-tab, .D_products_group_detail #pills-tab .nav-item #pills-contact-tab{opacity: 0;}
.D_products_group_mold #pills-tab .nav-item, .D_products_group_mold #pills-tab .nav-item #pills-contact-tab, .D_products_group_detail #pills-tab .nav-item, .D_products_group_detail #pills-tab .nav-item { list-style: none; }


@media screen and (min-width:992px) and  (max-width:1499px) {
	/*會員登入*/
	.extra_header .navbar-expand-lg { align-items: flex-start;}
	.extra_header .navbar-nav>li:nth-child(10){  position: absolute; bottom:-5px;  right: 0;}
	.extra_header .header-part {padding: 5px 10px 15px;}
	.extra_header .showName {  padding: 0;}
	}
@media screen and (max-width:1300px) {
	.extra_header .header-part{ padding: 5px 10px 15px;}
	.extra_header .header-part .navbar-brand { padding: 5px;}
}
@media screen and (max-width:1199px) {
	/*大圖輪播*/
	.extra_slider section>.row {margin: 0;}
	.extra_slider .owl-carousel .owl-nav button.owl-prev,.extra_slider .owl-carousel .owl-nav button.owl-next{ top: 45%;transform: translate(-45%, 0); }
	.extra_slider .owl-carousel .owl-nav button.owl-prev{ left:3%; }
	.extra_slider .owl-carousel .owl-nav button.owl-next{ right:3%; }
	/* footer */
	.extra_footer .footer-wrap .icon_wrap ul.footer_bticon{ margin:0;}
}
@media screen and (min-width:992px){
	.extra_header .header-part .navbar-nav>li:last-child .nav-link { padding-left: 0;   padding-right: 0;}
	.extra_header .dropdown-toggle::after { margin-left: 0;}
}
@media screen and (min-width:992px) and (max-width:1199px) {
	/*header*/	
	.extra_header .header-part {padding: 5px 10px 15px;}
	.extra_header .header-part .navbar-nav .nav-link {  padding-right: .5rem; padding-left: .5rem; letter-spacing: 0;}
	.extra_header .header-part .navbar-nav .nav-link{ font-size:14px;}
	/*模組寬度調整*/
	.main_title,.main_tab,.main_block{ -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
}
@media screen and (min-width:768px) and (max-width:1199px) {
	.extra_footer .footer-wrap .footer_sbox a { margin: 0px 10px;}
}

@media screen and  (min-width:576px) and (max-width:991px) {
	.extra_footer .footer-wrap .flogo_box a{ height: 200px; width: 280px; float: left;}
	.extra_footer .footer-wrap .footer_logo{ text-align:left;}
}

@media screen and (max-width:991px) {
	.main_block>.module-container>.main { padding-left: 10px;padding-right: 10px;}
	/* header */	
	.extra_header .header-part { z-index: 999999;}
	/*會員登入*/	
	.extra_header .navbar-nav>li:nth-child(1),.extra_header .navbar-nav>li:nth-child(2){display:list-item;}
	.extra_header .navbar-nav>li:nth-child(7),.extra_header .navbar-nav>li:nth-child(8){ display:none;}
	.extra_header .showName {  padding: 0;}
	/* 搜尋 */	
	.extra_search .search-area{ padding: 15px 0;}
	.extra_search .search-area .search-box { height: auto;}
	.extra_search .search-area .search-box .select-date .select {  display: block;}
	.extra_search .search-area .search-box .select-date .select input { width: 47%;}
	.extra_search .search-area .search-box .select-date .select .divide { width: 2%;}
	.extra_search .search-area .search-box .select-goal .select select, .extra_search .search-area .search-box .select-place .select select,.extra_search .search-area .search-box .select-date .select input, .extra_search .search-area .search-box .select-keywords .select input,.extra_search .search-area .search-box .select-date .select input{ height: 45px;}
	.extra_search .search-area .search-box .search-btn {   display: block;   height: 45px; line-height: 45px;  width: 50%;  margin: 10px auto 0; }
	/* footer */
	.extra_footer .footer-wrap .footer_fbicon a{ max-width:60px;   }
	.extra_footer .footer-wrap .flogo_box p:nth-child(7),.extra_footer .footer-wrap .flogo_box p:nth-child(8),.extra_footer .footer-wrap .flogo_box p:nth-child(9),.extra_footer .footer-wrap .flogo_box p:nth-child(10),.extra_footer .footer-wrap .flogo_box p:nth-child(11) { display: inline-block; padding-right: 5px;}
}
@media screen and (max-width:767px) {
	.main_title .block_more .text-container { margin-right: 20px;}
	.block_top .block_title {  font-size: 28px;  text-align: left; padding-left: 20px; padding-top: 50px; padding-bottom: 10px; border-bottom: 1px solid #ccc;	}
	.block_top #taiwan_oneday.block_title i { height: 30px; margin-right: 5px; font-size: 24px;}
	.main_title .block_more {  top: 55px;}
	.main_title .block_more .link-list { min-height: 35px;}
	.main_title .block_more .link-list ul li a { padding: 2px 15px 0px 0px;}
	.main_title .block_more .link-list ul li a::before{ top:9px;}
	/* header*/
	.extra_header .header-part { padding: 5px 0 0; border-bottom: 1px solid #2fb0e7;}
	.extra_header .header-part .navbar-brand { padding: 5px 5px 5px 15px;}
	.extra_header .header-part .navbar-toggler { margin-right: 15px;}
	.extra_header .navbar-nav{ -ms-flex-direction: inherit; flex-direction: inherit;-ms-flex-wrap: wrap;  flex-wrap: wrap; }
	.extra_header .navbar-nav>li.nav-item { -ms-flex:0 0 100%; flex: 0 0 100%; max-width:100%;}
	.extra_header .header-part .navbar-nav .nav-link{ padding-right: 20px; padding-left: 20px;}
	.extra_header .header-part .navbar-nav>li.nav-item:nth-child(1), .extra_header .header-part .navbar-nav>li.nav-item:nth-child(2){ border-top:1px solid #b4ccd6;  text-align: center;  background: #e7f2f7;}
	.extra_header .header-part .navbar-nav>li.nav-item:nth-child(1){ -ms-flex:0 0 75%; flex: 0 0 75%; max-width:75%;}
	.extra_header .header-part .navbar-nav>li.nav-item:nth-child(2){ -ms-flex:0 0 25%; flex: 0 0 25%; max-width:25%;}
	.extra_header .header-part .navbar-nav>li.nav-item:nth-child(2) a{ padding-top: 15px;  padding-bottom: 0px; border-left: 1px solid #b4ccd6;}
	/* 搜尋 */		
	.extra_search .search-area .search-box .select-date .select input { width: 46.6%;}
	/*大圖輪播*/	
	.extra_slider .owl-theme .owl-nav{ display:none;}
	/*頁籤共用樣式*/
	.main_tab .blk-tabs.dp-tbl,.main_tab .dp-tbl-fh { display: block;padding: 0 5px;}
	.web-page-frame .main_tab ul { white-space: nowrap; overflow-x: auto; padding-right: 10px; padding-left: 10px;  display: block;}
	.web-page-frame .main_tab ul  li.nav-item { display: inline-block;}
	/*非凡系列專案*/
	.extra_project .material-card { margin-bottom: 3em;}
	/*旅遊資訊*/
	.web-page-frame .main_tab.info ul { padding-bottom: 20px; }
	.info_block {margin: 10px 0 60px;}
	/* footer */
	.extra_footer .footer-wrap .flogo_box a{ height: 200px; width: 200px; float: left;}
	.extra_footer .footer-wrap .flogo_box a img { width: 100%;}
}
	
@media screen and (min-width:576px) {
	/*旅遊資訊*/
	.info_block .text-container div.link-list ul li a{ padding:20px 10px 20px 20px }
}
@media screen and (max-width:575px) {
	/*會員登入*/	
	.extra_header .header-part .navbar-nav .nav-link { padding-right: 10px; padding-left: 10px;}
	/*搜尋*/
	.web-page-frame .widget-item.extra_search .container{ padding-left: 10px;	padding-right: 10px;	}
	.extra_search .search-area .search-box .select-date .select input{ width: 45.8%;}
	.extra_search .search-area .search-box .select-date .select .divide{ width: 5%; margin: 16.5px 5px 0px 5px;}
	/*大圖輪播*/
	.extra_slider .loop.owl-carousel.owl-theme.owl-loaded.owl-drag {  max-height: 250px;}
	.extra_slider .owl-stage-outer{max-height: 250px; }
	/*footer*/
	.extra_footer .footer-wrap .footer_nav li {  width: 50%;}
	.extra_footer .footer-wrap .footer_nav li a { padding: 10px 35px;}
	.extra_footer .footer-wrap .flogo_box a {  height: initial; width: 200px;   float: initial;}
	.extra_footer  .footer_fbicon .row{ justify-content: center;}
	.extra_footer .footer-wrap .footer_fbicon a + a { margin-left: 10px;}
	.extra_footer .footer-wrap .footer_fbicon a { max-width: 40px;}
	.extra_footer .footer-wrap .footer_sbox { margin-bottom: 0px;}
	/*旅遊資訊*/
	.info_block .text-container div.link-list ul li{    width: 100%; }
	.info_block .text-container div.link-list ul li + li { margin-left: 0;}
}
/******** 20210323 首頁調整 end ********/
/******** 20210503 行程洽詢調整 start ********/
.group_table.contact{padding-top: 100px;}
.group_table.contact>.container{ padding: 40px 80px;}
.group_table.contact>.container>h2{  width: 180px;  position: absolute;}
.group_table.contact>.container>h4{ display:none;}
.group_table.contact>.container>h2 { font-size: 2.2rem;  width: 70%; padding-bottom: 20px;}
.group_table.contact>.container>h4 { font-size: 1.3rem; margin-bottom: 0px; padding-bottom: 20px; width: 30%; line-height: 30px; border-bottom: 1px solid #eee;}
.group_table.contact>.container>h4>div:nth-child(1){display:none;}
.group_table.contact>.container>h4>div:nth-child(2){flex: 0 0 100%; max-width: 100%; text-align: right; padding: 0; }
.group_table.contact>.container .trip_title h5 {  margin-top: 0px; line-height: 35px;}
.group_table.contact>.container form.contac_form .trip_title{ margin-bottom: 30px; padding: 0 0 20px 160px;}
.group_table.contact>.container form.contac_form .trip_title p,.group_table.contact>.container form.contac_form .trip_title h5{  display:inline-block;}
.group_table.contact>.container form.contac_form div:nth-child(8), .group_table.contact>.container form.contac_form div:nth-child(9) {display:inline-flex; }
.group_table.contact>.container form.contac_form div:nth-child(8){width: calc(100% - 300px);}
.group_table.contact>.container form.contac_form div:nth-child(9)>div:nth-child(1) {display:none;}
.group_table.contact>.container form.contac_form div:nth-child(9)>div:nth-child(2){ max-width: 100%;  flex: 0 0 100%; padding: 0;}
.group_table.contact>.container form.contac_form div:nth-child(9) {height: 94px; float: right; width:300px;  align-items: flex-end;}
.group_table.contact .contac_form .form-row select.form-control{ height: 50px; border-radius: 0;}
.group_table.contact>.container>h2,.group_table.contact .btn-lg{ margin:0 !important; }
section.group_table.contact .btn-lg{ padding: 23px 40px; font-size: 22px;}
.contact .contac_form .form-row:nth-child(6) { position: relative;}
.group_table.contact .contac_form .form-row:nth-child(6)::before {content: "*"; position: absolute;   bottom: 18px;  left: 50%; color: #1db3f3;  font-size: 1.3rem; }
.group_table.contact .contac_form .form-row:nth-child(6)::after { content: "為必填欄位";  position: absolute; bottom: 25px;  left: 50%;  color: #212529;  font-size: 1rem;  padding-left: 15px; }

@media (max-width: 1199.98px){
	.group_table.contact>.container>h2{  position:initial;}
	.group_table.contact>.container form.contac_form .trip_title { padding: 0 0 20px 0;}
	section.group_table.contact .btn-lg{ padding: 23px 40px; font-size: 22px;}
}
@media screen and (max-width:991px) {
	.group_table.contact>.container>h4 { font-size: 1.1rem;     line-height: 28px;}
	section.group_table.contact .btn-lg {  padding: 23px 10px;   font-size: 20px;}
	.group_table.contact .contac_form .form-row > [class*="col-"]{ padding-left: 10px !important;}
}
@media (min-width: 768px) and  (max-width:991px){
	.group_table.contact>.container {max-width: 850px;}
	.group_table.contact>.container form.contac_form div:nth-child(9) { width:150px;}
	.group_table.contact>.container form.contac_form div:nth-child(8){ width: calc(100% - 150px);}
}
@media screen and (max-width:767px) {
	.group_table.contact>.container { padding: 30px;}
	.group_table.contact>.container>h2 { display: inline-block; margin-top: 5px; margin-bottom: 10px;  padding-bottom:0; width:50%; }
	.group_table.contact>.container>h4 { display: inline-block;  font-size: 1rem; border-bottom:0; line-height:initial; padding-bottom: 0;  width:50%;}
	.group_table.contact .trip_title p{font-size: 1rem;}
	.group_table.contact>.container form.contac_form .trip_title p, .group_table.contact>.container form.contac_form .trip_title h5 {display: block;}
	.group_table.contact>.container form.contac_form .trip_title {padding: 20px 0;}
	.group_table.contact>.container form.contac_form div:nth-child(9) { width:110px;}
	.group_table.contact>.container form.contac_form div:nth-child(8){ width: calc(100% - 110px);}
	.group_table.contact .contac_form .form-row:nth-child(6)::before { display:none;}
	.group_table.contact .contac_form .form-row:nth-child(6)::after { display:none;}
	
}
@media screen and (max-width:575px) {
	.group_table.contact { padding-top: 40px;}
	.group_table.contact>.container { padding: 20px 30px;}
	.group_table.contact>.container form.contac_form div:nth-child(8), .group_table.contact>.container form.contac_form div:nth-child(9) { display: flex;}
	.group_table.contact>.container form.contac_form div:nth-child(8),	.group_table.contact>.container form.contac_form div:nth-child(9) {width: 100%; float: inherit;}
	section.group_table.contact .btn-lg { padding: 18px 10px; font-size: 20px;}
	.group_table.contact .trip_title h5 {  margin-top: 0px;  line-height: 24px;}
	.group_table.contact .contac_form .form-row > [class*="col-"],.group_table.contact .contac_form .form-row > [class*="col-"]:nth-child(1),.group_table.contact .contac_form .form-row > [class*="col-"]:nth-child(2){ padding-left:0 !important; padding-right:0 !important;}
}
/******** 20210503 行程洽詢調整 end ********/

/******** 20211125 通用商品調整 start  ********/
.product-details .SubInside{ align-content: flex-start; top: 35%; }
.product-details .SubInside .SubInside-menu{ display: none;}
@media screen and (max-width:991px) {
	.product-details .SubInside { top:initial; }
	.Trip-menu-s-box{display: none;}
	.SubInside-price { bottom: 0 !important; }
}
@media screen and (max-width:767px) {
	.fb_dialog iframe{ bottom: 150px !important; }
	.side_gotop .actGotop{  bottom: 80px;}
}
/******** 20211125 通用商品調整 end  ********/


figure.block_style .main_words h6>div.seats {display: none;}
a.go-to-top {
    display: none !important;
}

/******** 2022 非凡小吳-新增區 start  ********/
.float_l img {float: left;}
/******** 2022 非凡小吳-新增區 end  ********/

/******** 2024 非凡小吳-新增區 start  ********/
.D_commprod_product_show .sen_breadcrumb {
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
}
.D_commprod_product_show .sen_crumb_fix {
    position: fixed;
    top: 76px;
    right: 0;
    left: 0;
    z-index: 2000000;
}
.D_commprod_product_show .breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem;
}
.D_commprod_product_show .breadcrumb-item.active {
   text-decoration: revert;
    color: darkcyan;
}

@media screen and (max-width:767px) { 
.D_commprod_product_show .sen_breadcrumb {display: flex;}
}

@media screen and (max-width:345px) { 
.D_commprod_product_show .sen_breadcrumb {top:126px;}
}
/******** 2024 非凡小吳-新增區 end  ********/
/******** 2025 非凡小吳-新增區 start  ********/
.description-box .designer {background: azure;border: 2px solid;border-color: #b1ffff;border-radius: 30px;padding: 26px;}
/******** 2025 非凡小吳-新增區 end  ********/

/******** 非凡小吳新增-特殊字區 start ********/
.sp_word_bn3 {width: 18px;
    display: inline-block;
  padding-bottom: 5px;
}
/******** 非凡小吳新增-特殊字區 end ********/


/*小筆電國外行程報名按紐列*/
@media screen and (max-height:767px) {
/* .sub_menu-trip{ top: 50px; } */
/* .sub_menu-trip .server_menu > ul > li{
    height: 48px;
} */
/*以上會跑版，先隱藏*/
}

/*20250310報名流程的旅客資料備註標題*/
/* 國外旅遊 */
#page2 .passenger_info .passenger_info_content .accordion .card .card-body>.row>.col-lg-9.col-md-12.form-group.mt-10+div:nth-child(10)::before{ content: "備註(企業客戶請填寫所屬公司、單位、員工編號、素食、或其他等條件)"; color: #626262; font-size: 14px;}
#page2 .passenger_info .passenger_info_content .accordion .card .card-body>.row>.col-lg-9.col-md-12.form-group.mt-10+div:nth-child(10) label[data-rel-label="memo"]{ font-size: 0;}
/* 國內旅遊 */
#page2 .passenger_info .passenger_info_content .accordion .card .card-body>.row>.col-lg-12.col-md-12.form-group.mt-10+div:nth-child(9)::before { content: "備註(企業客戶請填寫所屬公司、單位、員工編號、素食、或其他等條件)"; color: #626262; font-size: 14px; }
#page2 .passenger_info .passenger_info_content .accordion .card .card-body>.row>.col-lg-12.col-md-12.form-group.mt-10+div:nth-child(9) label[data-rel-label="memo"]{ font-size: 0;}
@media screen and (max-height:767px) {
	#page2 .passenger_info .passenger_info_content .accordion .card .card-body>.row>.col-lg-9.col-md-12.form-group.mt-10+div:nth-child(10)::before,
	#page2 .passenger_info .passenger_info_content .accordion .card .card-body>.row>.col-lg-12.col-md-12.form-group.mt-10+div:nth-child(9)::before { font-size: 12px; line-height: 18px;}
}

/******** 國內旅遊公版頁面調整********/
/* 列表頁 */
body.D_products_domestic_search { background: #f0f0f0; }
.D_products_domestic_search section.group_banner.search_banner{ margin-top: 0;}
.D_products_domestic_search section.group_banner.search_banner::after { width: 100%; background: rgba(0, 0, 0, 0.5); display: block; z-index: 9; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.D_products_domestic_search section.group_banner .search-area > form.container { background: transparent; border-bottom: none; }
.D_products_domestic_search section.group_banner .search-area { position: relative; z-index: 10; }
.D_products_domestic_search section.group_banner .form-check label{ color: #ffffff;}
.D_products_domestic_search .list_con .select_filter .form-inline .sequence{ justify-content: flex-end;}
.D_products_domestic_search .filter_list .accordion .card { background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; }
.D_products_domestic_search .filter_list .btn { border-bottom: 1px solid #e2e2e2; background: #f8f8f9; }
@media (max-width: 991.98px) {
    .D_products_domestic_search section.search_banner .search-area { bottom: initial;}
}
@media (max-width: 767px) {
	.D_products_domestic_search section.group_banner.search_banner { height: 530px; }
	.D_products_domestic_search section.search_banner .search-area{bottom: initial; padding: 0 15px;}
    .D_products_domestic_search section.group_banner .search-area .search-box > div.select-departure, .D_products_domestic_search section.group_banner .search-area .search-box > div:nth-child(n+3){ margin-bottom: 10px; }
}
/* 每日詳細行程預設展開 */
.Detail.DayTrip .DayTripMoreInfo .DayTripBtn{ font-size: 0; width: 142px;}
.Detail.DayTrip .DayTripBtn.Multiple{ font-size: 0 !important; }
.Detail.DayTrip .DayTripMoreInfo .collapse{ display: block;}
.Detail.DayTrip .DayTripMoreInfo .collapse.show { display:none; }
.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn::before{ content: "展開詳細行程" !important; }
.Detail.DayTrip [aria-expanded=true].DayTripBtn.Multiple::before{ content: "展開全部詳細行程" !important; }
.Detail.DayTrip .DayTripBtn.Multiple::before{ content: "收合全部詳細行程"; font-size: 1rem; font-weight: 600; position: absolute; right: 10px; }
.Detail.DayTrip .DayTripMoreInfo .DayTripBtn::before{ content: "收合詳細行程"; font-size: 1rem; font-weight: 600; position: absolute; right: 10px; }
.Detail.DayTrip .DayTripMoreInfo .DayTripBtn span,.Detail.DayTrip .DayTripBtn span {float: left;}
.Detail.DayTrip .DayTripBtn.Multiple span { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.Detail.DayTrip .DayTripMoreInfo .DayTripBtn span { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.Detail.DayTrip [aria-expanded=true].DayTripBtn.Multiple span { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important;}
.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn span { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; }
.Detail.DayTrip .DayTripMoreInfo .collapsing { transition: initial; }