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;
}
/*----------miragetour style----------*/
/*----------共用----------*/
.d-none-important{display: none !important; }
.max-w1076{ max-width: 1076px;}
.falls_pb0 .falls-container .grid { padding-bottom: 0; } /*瀑布流模組拿掉下方間距*/

/*----------HEADER START----------*/
.mi-header .header-part{ padding: 5px 25px;}
.mi-header .header-part .navbar-brand{ height: 66px; padding: 5px;}
.mi-header .header-phone{ position: fixed;  top: 26px;  left: 360px;  z-index: 99; color: #c4a265;}
.mi-header .header-phone span{  position:relative; display: inline-block; font-size: 0.95rem;  transform-origin: bottom; transform: skewX(-8deg);}
.mi-header .header-phone span:last-child{ padding-left: 5px;  font-size: 1.4rem; font-weight: bolder; letter-spacing: 0.08rem;  color:#c4a265;}
.mi-header .header-phone span:first-child::after,.mi-header .header-phone span:last-child::after{ content: ""; position: absolute; width: 45px; height: 1px;  background: #c4a265;}
.mi-header .header-phone span:first-child::after{ left: -55px;  top: 11px;}
.mi-header .header-phone span:last-child::after{ left: 105%;  top: 18px; }

/* 新增30周年logo調整免付費專線位置 */
.mi-header .header-phone.logo-30th { left: 395px; }
.mi-header .header-phone.logo-30th span:first-child::after, .mi-header .header-phone.logo-30th span:last-child::after{width: 25px; }
.mi-header .header-phone.logo-30th span:first-child::after { left: -30px; top: 11px; }
.mi-header .header-phone.logo-30th span:last-child::after { left: 105%; top: 18px; }


/* 上標針對節慶logo調整 */
/* .mi-header.festival .header-part::before { content: ""; background: url(https://materials.fillo.com.tw/materials/miragetour/images/112c3162-a7b6-4dfc-8928-0efd5cdf3c15.png); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } */
/* .mi-header.festival .header-part::after { content: ""; background: url(https://materials.fillo.com.tw/materials/miragetour/images/2555e203-977b-48d8-845b-ec05809909f8.png); width: 283px; height: 88px; position: absolute; left: calc(50% + 20px); transform: translate(calc(-50% + 20px),0); } */
.mi-header.festival .header-part{ padding: 0 25px 0 10px;}
.mi-header.festival .header-part .navbar-brand { height: 88px; padding: 0; }
.mi-header.festival .header-phone{ left: 405px; }


.mi-header .mi-navbar .collapse{ margin-top: 38px;}
.mi-header .mi-navbar .header-part .navbar-nav .nav-item + .nav-item {  padding-left: 45px;}
.mi-header .mi-navbar .header-part .navbar-nav li.nav-item:nth-child(1),.mi-header .mi-navbar .header-part .navbar-nav li.nav-item:nth-last-child(3),.mi-header .mi-navbar .header-part .navbar-nav li.nav-item:nth-last-child(2),.mi-header .mi-navbar .header-part .navbar-nav li.nav-item:nth-last-child(1){ display:none;}
.mi-header .mi-navbar .header-part .navbar-nav .nav-link{ position:relative; padding: 0; font-size: 1.1rem; font-weight: 600; letter-spacing: 0.05rem; -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;}
.mi-header .mi-navbar .header-part .navbar-nav .nav-link::before { content: ""; position: absolute;  width: 0; height: 2px; bottom: 3px; left: 0; background: #c4a265; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.mi-header .mi-navbar .header-part .navbar-nav .nav-link:hover::before { width: 100%; }
.mi-header .mi-navbar .header-part .navbar-nav .nav-link i.fa{ display:none;}
.mi-header .mi-navbar .header-part .navbar-nav .nav-item:hover>.dropdown-menu{ display: block; }
.mi-header .mi-navbar .header-part .navbar-toggler {  border: none !important;}
.mi-header .mi-navbar .header-part .navbar-toggler-icon {background-image: url(https://materials.fillo.com.tw/materials/miragetour/images/54b2e04d-b1f4-4d75-86e9-b5230585cd54.svg);}
.mi-header .mi-toolbar{ position:fixed; top:0; right:0; z-index: 99;}
.mi-header .mi-toolbar div.link-list{ background:transparent; min-height: 40px;}
.mi-header .mi-toolbar div.link-list ul { text-align: right;}
.mi-header .mi-toolbar div.link-list ul li a,.mi-header .mi-toolbar div.link-list ul li span { position:relative; margin-left: -4px; padding:2px 15px 2px 30px; border-bottom: 1px solid #614b22;  border-left: 1px solid #614b22;  -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;}
.mi-header .mi-toolbar div.link-list ul li a:hover, .mi-header .mi-toolbar div.link-list ul li span:hover{ color: #ddcdb0 !important;}
.mi-header .mi-toolbar div.link-list ul li:last-child a{ background:#c4a265; color:#ffffff !important; padding: 2px 25px;}
.mi-header .mi-toolbar div.link-list ul li:last-child a:hover{ background:#af5033; color:#ffffff !important; }
.mi-header .mi-toolbar div.link-list ul li:nth-child(1) a::before { content: "";  position: absolute; left: 8px; top: 6px; width: 30px;  height: 20px; background-image: url('https://materials.fillo.com.tw/materials/miragetour/images/26e6a8c6-2986-4d72-9897-2be4f672f8b2.svg'); background-size: 17px; background-position: center; background-repeat: no-repeat; }
.mi-header .mi-toolbar div.link-list ul li:nth-child(2) a::before { content: "";  position: absolute; left: 8px; top: 6px; width: 30px;  height: 20px; background-image: url('https://materials.fillo.com.tw/materials/miragetour/images/d6d8e504-f16d-4b19-a4a6-4c366e2d97e8.svg'); background-size: 17px; background-position: center; background-repeat: no-repeat; }
.mi-header .mi-toolbar div.link-list ul li:nth-child(3) a::before { content: "";  position: absolute; left: 8px; top: 6px; width: 30px;  height: 20px; background-image: url('https://materials.fillo.com.tw/materials/miragetour/images/2722cb5d-34de-4fc3-8b17-a0a2c3e9bded.svg'); background-size: 17px; background-position: center; background-repeat: no-repeat; }

/* 新版會員登入 */
.headerLogin{ position: fixed;  width: 128px;   height: 35px;   right: 0; z-index: 99; top: 0;  background: #c4a265; }
.headerLogin .newLogin{ display: flex;  align-items: center; justify-content: center;  height: 35px;  width: 100%;}
.headerLogin .newLogin a{ color: #ffffff; font-size: 15px; text-decoration: none;}
.headerLogin .showName{padding: 5px 0;}
.headerLogin .showName .member-name{ font-size: 14px;}
.headerLogin .showName .member-name i {display: none;}
.headerLogin .newLogin a.SignOut {position: absolute;left: -425px; border: 1px solid #6b6b6b; border-top: 0;  border-radius: 0; height: 35px;top: 0; line-height: 30px; padding: 0 15px; color: #cccccc;}
/*----------HEADER END----------*/
/*----------公版行程頁START----------*/
.table .thead,.table .thead:hover{background: #8a8a8a;}
section.group_table .table a:hover,.pic_style figure.block_style .main_words a:hover,figure.block_style .main_words a:hover,.search_table .main_words .title_main:hover{ color: #c4a265 !important;}
figure.block_style .pic_all::after{border-color: transparent transparent transparent rgb(196 162 101 / 70%);}
.search-area .search-box .search-btn{background: #3d281a; }
.search-area .search-box .select-goal .title i,.search-area .search-box .select-place .title i,.search-area .search-box .select-date .title i,section.search_banner .search-area .search-box .select-input .data-icon-search{  color: #c4a265;}
.info.align-items-center .btn-primary{ background-color: #c4a265;  border-color: #c4a265;}
.price_box .btn-primary,.price_all .btn-primary,.group_table .btn-primary,.search_table tbody td.sale-situation .btn-primary{ background-color: #c4a265;  border-color: #c4a265;  color: #fff;}
.price_box .btn-primary:hover,.price_all .btn-primary:hover,.group_table .btn-primary:hover,.search_table tbody td.sale-situation .btn-primary:hover{  color: #fff; background-color: #3d281a;border-color:#3d281a;}
.price_box .btn-primary:not(:disabled):not(.disabled):active,.price_box .btn-primary:not(:disabled):not(.disabled).active,.price_box  .show > .btn-primary.dropdown-toggle,.price_all .btn-primary:not(:disabled):not(.disabled):active,.price_all .btn-primary:not(:disabled):not(.disabled).active,.price_all .show > .btn-primary.dropdown-toggle,.group_table .btn-primary:not(:disabled):not(.disabled):active,.price_all .btn-primary:not(:disabled):not(.disabled).active,.group_table .show > .btn-primary.dropdown-toggle{ background-color: #3d281a;border-color:#3d281a;  color: #fff;}
.price_box .btn-green,.price_all .btn-green,.group_table .btn-green{ background-color:#8a9e5b;  border-color:#8a9e5b;  color: #fff;}
.price_box .btn-green:hover,.price_all .btn-green:hover,.group_table .btn-green:hover{  color: #fff; background-color:#637832;border-color:#637832;}
.price_box .btn-green:not(:disabled):not(.disabled):active,.price_box .btn-green:not(:disabled):not(.disabled).active,.price_box  .show > .btn-green.dropdown-toggle,.price_all .btn-green:not(:disabled):not(.disabled):active,.price_all .btn-green:not(:disabled):not(.disabled).active,.price_all .show > .btn-green.dropdown-toggle,.group_table .btn-green:not(:disabled):not(.disabled):active,.price_all .btn-green:not(:disabled):not(.disabled).active,.group_table .show > .btn-green.dropdown-toggle{ background-color: #637832;border-color:#637832;  color: #fff;}
.list_con .style_icon .nav-pills .nav-link.active svg { fill: #c4a265;}
.page-link { color: #231711;}
.page-item.active .page-link { background-color: #c4a265;  border-color: #1db3f3;}
section.search_con .pagination .page-item .page-link { border: 1px solid #c4a265;}
section.search_con .pagination .page-item .page-link:hover, section.search_con .pagination .page-item .page-link:active { background: #3d281a;  color: #fff;  border: 1px solid #3d281a;}
section.search_con .pagination .page-item.active .page-link { background: #c4a265; border-color: #c4a265; color: #ffffff; }
.go-to-top{ display:none !important;}
h1.day_title.text_blue {  color: #c4a265;}
.group_banner .price_box .btn.btn-info { color: #fff; background-color: #c4a265; border-color: #c4a265;}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {  color: #fff;  background-color: #3d281a;  border-color:#3d281a; }
.group_banner .price_box .btn.btn-info:focus{outline: 0;}
.filter_list i { color: #c4a265;}
.filter_list .form-check .customcheck input:checked ~ .checkmark{background-color: #3d281a; }
.filter_list .form-check .customcheck span.badge-primary{ background: #c4a265;}
.radio_style [type="radio"]:checked + label:after{ background:#3d281a;}
.irs-from, .irs-to, .irs-single{ background: #c4a265;}
.irs-slider {background: #3d281a;}
.irs-slider.state_hover,.irs-slider:hover{background:#fff;border:2px solid #3d281a}
.irs-bar{ background: #c4a265;}
.sub_menu-trip .trip_menu select{ font-size: 16px;}
.sub_menu-trip .server_menu .favor-fixed-btn>a{ color:#c4a265;}
.sub_menu-trip .server_menu > ul > li.join-fixed-btn{background: #e76037;}
.sub_menu-trip .server_menu > ul > li.download-fixed-btn,
.sub_menu-trip .server_menu > ul > li.share-fixed-btn,
.sub_menu-trip .server_menu > ul > li.query-fixed-btn,
.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){ background:#F8F5EF; box-shadow: 0 0 black; border-bottom: 1px solid #e1cdab; border-left: 1px solid #e1cdab; border-right: 1px solid #e1cdab;}
.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{color:#ffffff;}
.sub_menu-trip .server_menu > ul > li.download-fixed-btn>a,
.sub_menu-trip .server_menu > ul > li.share-fixed-btn>a,
.sub_menu-trip .server_menu > ul > li.query-fixed-btn>a,
.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)>a{ color:#c4a265;}
.sub_menu-trip .server_menu li{box-shadow: 0 0 black;}
.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul{ right:-221px;}
section.group_table.trip_features{text-align: left;}
section.group_table.trip_features:after,
section.group_table.trip_airline:after,
section.group_table.trip_day:after,
section.group_table.trip_note:after,
section.group_table.view_intro:after,
section.group_table.tripdown:after{background: #8d7d63;}
section.group_table.tripdown .style_icon ul li a.nav-link{ border:1px solid #C4A265; color: #C4A265;}
section.group_table.tripdown .style_icon ul li a.nav-link svg{fill:#C4A265;}
section.group_table.tripdown .nav-pills .nav-link.active,section.group_table.tripdown .nav-pills .show > .nav-link { background-color: #C4A265;color: #ffffff; }
#tripDateList.search_table .thead th.booking-num,#tripDateList.search_table tbody td.booking-num{display: none;}
section.group_table.tripdown .search_table .thead th.booking-num,section.group_table.tripdown .search_table tbody td.booking-num{display: none;}
section.group_table.tripdown .search_table .thead th.total-seat,section.group_table.tripdown .search_table tr td.total-seat{width: 6%;}
section.group_table.tripdown .search_table .thead th.waiting-num,section.group_table.tripdown .search_table .thead th.available-seat,
section.group_table.tripdown .search_table tr td.waiting-num,section.group_table.tripdown .search_table tr td.available-seat{width: 5%;}
section.group_banner .price_content .panel-info{border:1px solid #c4a265;}
section.group_banner .price_content .panel-info .panel-heading{background: #c4a265;}
.Day_menu.day_fixed { top:85px !important; }
.fc .fc-toolbar.fc-header-toolbar { background: #8a8a8a; padding: 10px 15px; }
.fc .fc-button-primary{ color: #282828; border-color: #b3b3b3; outline: none;}
.fc .fc-button-primary:hover,.fc .fc-button-primary:focus,.fc .fc-button-primary:disabled,.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active{ background-color: #282828; border-color: #282828;box-shadow: 0 0 black; color: #ffffff;}
.fc-h-event{ display: block; padding: 10px; border: 1px solid #f8f5ef; border: 1px solid var(--fc-event-border-color, #f8f5ef); background-color: #f8f5ef; background-color: #f8f5ef; }
.fc-h-event .fc-event-main .seat{ color:#8a8a8a;}
.fc-h-event .fc-event-main .price{ color: #e76037; text-align: right;}
.fc-h-event .fc-event-main .status{ background: #c4a265; color: #ffffff; padding:5px; display:inline-block; border-radius:4px; margin-bottom:5px; }

/*預設備註開*/
#collapseFour.collapse{display: block!important;}
#collapseFour.collapse.show {display: none!important;}
#collapseFour.collapsing{ height: auto !important;}
section.trip_note #headingFour.card-header a[aria-expanded="false"]:after{content: "−"!important;transform: rotate(180deg);}
section.trip_note #headingFour.card-header a[aria-expanded="true"]:after{content: "+"!important;transform: rotate(90deg);}
section.trip_note .card-header .btn {background: #c4a265;color: #fff;}
section.trip_note .card-header .btn:hover,section.trip_note .card-header .btn[aria-expanded="true"]{ background: #c4a265; color: #fff; }
section.trip_note .card-header a[aria-expanded="false"]:after{color: #fff;}
@media (max-width: 1600px) and (min-width: 1300px){
	/* 針對節慶調整上標 */
	.mi-header .header-phone span{ font-size: 0.8rem;}
	.mi-header .header-phone span:last-child{ font-size: 1rem;}
	.mi-header .header-phone.logo-30th span:last-child::after { width: 15px; top: 13px; }
	.mi-header .header-phone.logo-30th span:first-child::after { left: -22px; width: 15px; }
}
@media (max-width: 1300px){
	/* 針對節慶調整上標 */
	.mi-header .header-part::after {display: none;}
}
@media (min-width: 992px){
	.sub_menu-trip .sub_inside {
		justify-content: flex-start;
		margin-top:150px;
	}
	.sub_menu-trip .trip_menu li a:hover span{
		color: #c4a265;
	}
}
@media(max-width:991px){
	.Day_menu.day_fixed { top:90px !important;}
	.sub_menu-trip .trip_menu:after { border: solid #c4a265; border-width: 0 1px 1px 0;}
	.sub_menu-trip .server_menu > ul > li.download-fixed-btn,
	.sub_menu-trip .server_menu > ul > li.share-fixed-btn,
	.sub_menu-trip .server_menu > ul > li.query-fixed-btn,
	.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){ border-bottom:0; border-left:0; border-right:1px solid #e1cdab;}
	.sub_menu-trip .trip_menu select {  background-color: #f8f5ef; border: solid 1px #f8f5ef; color: #231711;}

	/* 團型列表隱藏機位.付訂.可售*/
	#tripDateList.search_table tbody td.go-date{ margin-bottom: 0;}
	#tripDateList.search_table .main_words .time{ font-size: 16px; margin-bottom: 10px; }
	#tripDateList.search_table tbody td.tour-name .main_words h6{font-size: 0;}
	#tripDateList.search_table tbody td.tour-name .main_words h6 span:nth-last-child(1){ 
		width: 100%; display: block; text-align:left; margin-top: 5px ; position: relative; padding-left: 40px ; 
	}
	#tripDateList.search_table tbody td.tour-name .main_words h6 span:last-child::before{ content:"可售"; color: #222222; position: absolute; left:0; width:40px; }
	#tripDateList.search_table tbody td.tour-name .main_words h6 span{ font-size: 16px; }
	#tripDateList.search_table tbody td.tour-name .main_words h6 span:nth-child(1),
	#tripDateList.search_table tbody td.tour-name .main_words h6 span:nth-child(2),
	#tripDateList.search_table tbody td.tour-name .main_words h6 span:nth-child(3){ display: none;}

	/* 明細頁列表隱藏機位.付訂.可售 */
	section.group_table.tripdown .search_table tbody td.tour-name .main_words h6{font-size: 0;}
	section.group_table.tripdown .search_table tbody td.tour-name .main_words h6 span:nth-last-child(1){ 
		width: 100%; display: block; text-align:left; margin-top: 5px ; position: relative; padding-left: 40px ; 
	}
	section.group_table.tripdown .search_table tbody td.tour-name .main_words h6 span:last-child::before{ content:"可售"; color: #222222; position: absolute; left:0; width:40px; }
	section.group_table.tripdown .search_table tbody td.tour-name .main_words h6 span{ font-size: 16px; }
	section.group_table.tripdown .search_table tbody td.tour-name .main_words h6 span:nth-child(1),
	section.group_table.tripdown .search_table tbody td.tour-name .main_words h6 span:nth-child(2),
	section.group_table.tripdown .search_table tbody td.tour-name .main_words h6 span:nth-child(3){ display: none;}
}
@media (max-width: 576px){
	.sub_menu-trip .server_menu > ul > li a{ font-size: 16px; }
	.sub_menu-trip .server_menu > ul > li > a{ font-size: 0; }
}


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


/* 團體明細 */
.D_products_group_detail .trip_features img,.D_products_group_molddetail .TripFeature img{ display: initial;}
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%; }


/*團型列表頁寬度調整*/
@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; }
.web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row > .col-lg-12 > .row > .text-center>a{background:#ffffff; border:1px solid #c4a265; color: #c4a265;}

.search_table .btn-info.disabled,.search_table .btn-info:disabled{ background-color: #d7d7d7; border-color: #d7d7d7; }
/*----------公版行程頁 END----------*/
/*----------訂購流程加上契約書備註文字 START----------*/
#page1.stepPage > div:nth-last-child(2) label[for="agreement"] { position: relative; padding-bottom: 50px;  width: 100%;}
#page1.stepPage>div:nth-last-child(2) label[for=agreement]::after { content: "郵輪產品實際價格及內容，需依人工作業訂房/訂位後回覆為準，並須同時簽訂郵輪產品特別協議書，敬請知悉。"; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 100%; color: #ff0000; }
@media (max-width: 450px){
	#page1.stepPage > div:nth-last-child(2) label[for="agreement"] {padding-bottom: 70px;}
}
/*----------訂購流程加上契約書備註文字 END----------*/
/*----------共用 START----------*/
/*區塊容器標題*/
.mi-title .title-block { display: table;  position: relative; margin: 40px auto;}
.mi-title .title-block::before,.mi-title .title-block::after{  content: "";  position: absolute;   background-image: url(https://materials.fillo.com.tw/materials/miragetour/images/9a9fa650-1c9b-4198-9b6a-933482554f53.png);  background-position: center;  background-repeat: no-repeat;  width: 30px;  height: 30px;  bottom:5px; }
.mi-title .title-block::before{ left: -30px; }
.mi-title .title-block::after{ right: -28px; -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); }
.mi-title h1{ font-size:2rem; color:#3d281a; font-weight:600;  letter-spacing: 0.1rem; }
.mi-title h1:first-letter { color: #af5033;}
/*區塊容器標題NEW*/
.mi-title-new{ display: table; position: relative; margin: 40px auto;}
.mi-title-new h1 { position: relative; margin-bottom: 15px; padding-bottom: 8px; font-size: 2rem; color: #3d281a; font-weight: 600; letter-spacing: 0.1rem; text-align: center;}
.mi-title-new h1:first-letter { color: #af5033; }
.mi-title-new h1::before { content: ""; position: absolute; background: #c1a575; width: 45px; height: 1px; bottom: -5px; left: 50%; transform: translate(-50%, 0); }
.mi-title-new h2 { font-size: 19px; line-height: 28px; font-weight: 400; color: #bf9954; text-align: center; letter-spacing: 0.5px; }
/*----------共用 END----------*/
/*----------首頁 START----------*/
/*輪播主圖*/
.main-slider .carousel-inner .carousel-caption{ max-width:900px;  right: initial;  bottom: 70px;  left: 0; padding:40px 20px 30px 63px;  text-align: left;  background-color:transparent; }
.main-slider .bs-carousel .carousel-item h5 { display: table;  position: absolute; max-width: 416px;  top: -25px; left: 40px; padding: 8px 22px 8px 48px;  background: #637832; font-size: 1.7rem;   text-shadow: 0 0 black; font-weight: 400; letter-spacing: 0.1rem;  line-height: 3rem; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; }
.main-slider .bs-carousel .carousel-item h5::before{ content:""; position:absolute; width:24px; height:24px; left: 22px; top: 21px; background:url('https://materials.fillo.com.tw/materials/miragetour/images/c0d7fdbf-eecc-466b-b151-26a526969531.svg'); background-repeat:no-repeat; background-position:center;  background-size: 18px;}
.main-slider .carousel-caption h2{  margin-bottom: 0;   padding-left: 15px; font-size: 2.4rem;  line-height:2.8rem; border-left: 1px solid #c4a265;}
.main-slider .carousel-caption h3{ padding-top: 1.1rem; padding-left: 15px; font-size: 1.2rem; border-left: 1px solid #c4a265; }
.main-slider .carousel-caption h2,.main-slider .carousel-caption h3{overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
.main-slider .carousel-caption h2,.main-slider .carousel-caption h3{overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
.main-slider .carousel-control-next,.main-slider .carousel-control-prev{  opacity: 0.5;  width: 10%; top: 40%; bottom: 40%; }
.main-slider .carousel-control-next:hover,.main-slider .carousel-control-prev:hover{  opacity: 0.8;  }
.main-slider .carousel-control-next-icon,.main-slider .carousel-control-prev-icon {  width: 68px;  height: 120px;  background: no-repeat 50%/100% 100%;}
.main-slider .carousel-control-prev-icon,.main-slider .carousel-control-next-icon{ background-image: url('https://materials.fillo.com.tw/materials/miragetour/images/48a2f2a6-1bf8-44cc-bc34-0b23ed8d1c1e.svg'); }
.main-slider .carousel-control-next-icon{ transform: rotate(180deg); }
.main-slider .carousel-inner picture img { width: 100% !important; height: auto; aspect-ratio: 5 / 2; object-fit: cover; object-position: center center; }
@media (max-width: 576px) {
	.main-slider .carousel-inner picture img { width: 100% !important; height: auto; aspect-ratio: 5 / 5;}
}

/*main-search 搜尋*/
.main-search  .search-area { background: #ead3aa; min-height: 120px; display: flex; align-items: center;}
.main-search  .search-area  .search-box {padding: 0px 10px;}
.web-page-frame .widget-item .search-area form.container{ width: 100%;}
.main-search  .search-area form.container { max-width: 1560px;  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:#ead3aa;  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: 22px;}
.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: 8px; right: 6px; width: 20px; height: 21px; background-size: 19px; background-repeat: no-repeat; background-position: bottom; }
.main-search .search-box .select-goal .title::before{ background-image: url('https://materials.fillo.com.tw/materials/miragetour/images/a8df673b-c5a8-4356-b357-1058df8872c5.svg'); }
.main-search .search-box .select-place .title::before{ background-image: url('https://materials.fillo.com.tw/materials/miragetour/images/01c75bd0-49d1-46c6-ab2b-73ca390071bb.svg'); }
.main-search .search-box .select-date .title::before{ background-image: url('https://materials.fillo.com.tw/materials/miragetour/images/62f1b0d3-064d-4e93-9014-4a8a911e1290.svg'); }
.main-search .search-box .select-keywords .title::before{ background-image: url('https://materials.fillo.com.tw/materials/miragetour/images/7394f6f2-1720-4e8f-b984-70586dcc27aa.svg');}
.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: none; background-color: #faf3e7; border-radius: 6px; color: #3a2205; 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://materials.fillo.com.tw/materials/miragetour/images/30ad1a26-e38c-4b85-bfa0-ea66c2bf72d0.svg); background-size: 15px auto;}
.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://materials.fillo.com.tw/materials/miragetour/images/4a749975-7075-4676-9a0f-4df98873c1be.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: #3a2205; font-size: 0.95rem; font-weight: 600;}
.main-search .search-area .search-box .select-date .select .divide{margin: 25px 10px 0px 10px;}
.main-search .search-area .search-box .search-btn{  background: #3d281a;   width: 92%;  height: 45px;  margin-top: 35px; float: right; display: flex;  padding: 0;  justify-items: center; align-items: center; 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-search .search-area .search-box .search-btn:hover{ background:#af5033;}
.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://materials.fillo.com.tw/materials/miragetour/images/44c25e1b-b4e9-4cc5-a659-e3e06422a1ae.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;}
/* 新版搜尋引擎20231225 */
.main-search.new .new_foreign section.group_banner .search-area .search-box{ padding: 0 10px;}
.main-search.new .new_foreign .group_banner.search_banner .search-area > .container{ background-color: transparent; border-bottom: 0;}
.main-search.new .new_foreign section.group_banner .search-area .search-box .select-date{ background: transparent;}
.main-search.new .new_foreign section.group_banner .search-area .search-box>div:last-child { flex: 0 0 16%; max-width: initial; }
.main-search.new .new_foreign section.group_banner .search-area .search-box .search-btn { height: 45px; line-height: 45px;}
.main-search.new .new_foreign .search_banner .search-box>div { flex: 1; max-width: initial; padding: 0 !important;}
.main-search.new .new_foreign .search_banner .search-box>div:nth-child(4){ flex: 0 0 33.333333%; max-width: 33.333333%; }
.main-search.new .new_foreign section.group_banner .search-area .search-box .select-date .select input { width: calc(50% - 20px); background-color: #faf3e7 !important;}
.main-search.new .new_foreign section.group_banner .search-area .search-box .select-goal .title h6,
.main-search.new .new_foreign section.group_banner .search-area .search-box .select-place .title h6,
.main-search.new .new_foreign section.group_banner .search-area .search-box .select-date .title h6 { margin: 0; color: #3a2205; }
.main-search.new .new_foreign section.group_banner .search-area .search-box .select-goal,
.main-search.new .new_foreign section.group_banner .search-area .search-box .select-place,
.main-search.new .new_foreign section.group_banner .search-area .search-box .select-date{ padding: 5px 10px; height: 90px;}

/*搜尋月曆*/
.datepicker.dropdown-menu{  border: 1px solid rgb(13, 20, 35);}
.datepicker.datepicker-dropdown:before{  border-bottom-color: rgb(13, 20, 35);}
.datepicker.datepicker-dropdown.datepicker-orient-top:before{ border-top: 7px solid rgb(13, 20, 35);}
.datepicker td, .datepicker th {  width: 30px;height: 30px;}
.datepicker table tr td.active.active{background: #c4a265;}
.datepicker .datepicker-switch,.datepicker .next, .datepicker .prev { color: #3d281a;}
.datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover{ background-color: #231711;}
.datepicker table tr td span.active.active,.datepicker table tr td span.active.active{background: #c4a265; }
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:hover{background: #231711; }
/*首頁最新消息*/
.main-news{ height:193px;}
.main-news>.module-container,.main-news>.module-container>.main{height: 100%;}
.main-news>.module-container>.main .header-title,.main-news>.module-container>.main .blk-tabs{ display:none;}
.main-news .widget-item{ align-items: center;  display: flex !important;  width: 100%;}
.main-news .widget-item>.module-container{width: 100%;}
.main-news .widget-item>.module-container>.main{ background-color: #ffffff; border-radius: 10px; }
.main-news .marquee-container{ background:url('https://materials.fillo.com.tw/materials/miragetour/images/07b5029a-f164-49f6-8187-dd718ce70df1.png'); background-repeat:no-repeat; background-position:left;  border-radius: 10px;  border: 1px solid #c4a265;}
.main-news section.marquee { padding: 15px;}
.main-news .marquee h2{ position: absolute; padding-top: 10px; left: 70px; color: #3d281a; font-size: 1.8rem; font-weight: 600; }
.main-news div.message-list {  background: inherit; margin-left: 200px; height: 55px; border-left: 1px solid #c4a265;}
.main-news div.message-list ul li { height: 55px;}
.main-news div.message-list ul li a img{ width:23px; height:auto; margin-right: 5px; margin-bottom: 5px; }
.main-news div.message-list ul li a{ padding: 0 20px; color: #333333; font-size: 1.1rem; }
/*首頁精選行程*/
.main-hot{ -ms-flex: 0 0 27.777%;  flex: 0 0 27.777%; max-width: 27.777%;  margin-bottom: 50px;}
.main-hot>.module-container>.main { padding: 0 20px;}
.main-hot .hot-content1 section.link.text-link { position: relative; border: 1px solid #c4a265;  border-radius: 50px; padding: 5px 5px 3px;}
.main-hot .hot-content1 h2,.main-hot .hot-content1 .link-list{display: inline-block;}
.main-hot .hot-content1 section.text-link h2{ margin-bottom: 0; padding-right: 0px; font-weight:600;}
.main-hot .hot-content1 .link-list{ background:transparent; min-height: auto;}
.main-hot .hot-content1 div.link-list ul li span,.main-hot .hot-content1 div.link-list ul li a{ padding:0; letter-spacing: 0;}
.main-hot .hot-content1 .link-list ul li:last-child { display:none !important;  position: absolute; top: 7px;  right: 7px;  background: #c4a265; color: #ffffff;  border-radius: 30px;-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-hot .hot-content1 .link-list ul li:last-child:hover {background: #3d281a;}
.main-hot .hot-content1 .link-list ul li:last-child a{  padding: 1px 35px 1px 15px; color: #ffffff !important; font-size: 1rem !important; font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif !important; }
.main-hot .hot-content1 .link-list ul li:last-child a::after{content: "";   position: absolute;  background-image: url(https://materials.fillo.com.tw/materials/miragetour/images/44c25e1b-b4e9-4cc5-a659-e3e06422a1ae.svg);  background-position: center;  background-repeat: no-repeat; top: 6px; right: 10px;  width: 20px;  height: 20px; background-size: 18px;}
.main-hot .hot-content1 div.link-list ul li i { margin-right: 0;}
.main-hot .hot-content2 .title1{ padding-bottom: 10px;}
.main-hot .hot-content2 .cards-wrapper { padding: 0;}
.main-hot .hot-content2 .promo_list .carousel.main{ margin-right: 0;}
.main-hot .hot-content2 .promo_list .caroufredsel_wrapper ul li{ padding-right:0;}
.main-hot .hot-content2 .promo .promo_inner figure{ margin: 0;}
.main-hot .hot-content2 .promo .promo_inner figure img {border-radius: 8px;}
.main-hot .hot-content2 .promo .promo_inner div.caption { height: 180px; padding: 20px 15px 15px; background: transparent;}
.main-hot .promo .promo_inner figure .over{ padding: 6px 10px 8px;}
.main-hot .hot-content2 .promo .promo_inner:hover figure .over { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.main-hot .hot-content2 .promo .promo_inner:hover figure .over .v1 span { font-size: 1rem; padding-left: 5px;  font-style: normal;  font-family: Arial !important; }
.main-hot .hot-content2 .promo .promo_inner div.txt1{ height: auto; margin-bottom: 10px; padding-bottom: 0px; overflow: hidden;   text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;   white-space: normal;}
.main-hot .hot-content2 .promo .promo_inner div.txt1 span { position: relative;  padding-left: 20px; font-size: 1.2rem; font-weight: 600; height: 100%;}
.main-hot .hot-content2 .promo .promo_inner div.txt1 span::before { content: "";  position: absolute;  width: 5px; height: 5px;  left: 5px; top: 10px; background: #c4a265; border-radius: 5px; }
.main-hot .hot-content2 .promo .promo_inner div.txt1 p { display: none;}
.main-hot .hot-content2 .promo .promo_inner div.txt2 { height: 80px;  padding-top: 0; padding-bottom: 0; color: #637832;  line-height: 26px; font-size: 0.95rem; overflow: hidden; text-overflow: ellipsis;     display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  white-space: normal;}
.main-hot .hot-content2 .promo .promo_inner div.txt3{ display:none;}
.main-hot .hot-content2 .promo-next,.main-hot .hot-content2 .promo-prev{ display:none;}
.main-hot .hot-content3 div.link-list { padding: 10px 5px; min-height: 50px; height: auto;border-top: 1px solid #c4a265; }
.main-hot .hot-content3 div.link-list ul li a,.main-hot .hot-content3 div.link-list ul li span { position: relative; line-height: 1.4rem; font-size: 15px;  padding: 10px 5px 0px 24px; font-weight: 600; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;   white-space: normal; -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-hot .hot-content3 div.link-list ul li i { margin-right: 0;}
.main-hot .hot-content3 div.link-list ul li a::before, .main-hot .hot-content3 div.link-list ul li span::before{content: "";  position: absolute;  width: 5px; height: 5px; top: 16px; left: 13px;  background: #c4a265; border-radius: 5px; }
.main-hot .hot-content2 .promo .promo_inner div.txt1 p { display: none; }
/*首頁精選行程模組更換*/
.main-hot .hot-content2n .hover-wall .htpro_tit{  display:none;}
.main-hot .hot-content2n .hover-wall .col-sm-12.col-md-6.col-lg-12.mb-4 { margin: 10px 0 !important; padding: 0;}
.main-hot .hot-content2n .hover-wall .icon_info{ box-shadow: none; border-radius: 8px;}
.main-hot .hot-content2n .hover-wall .icon_info:hover{box-shadow: none; bottom: 0px;}
.main-hot .hot-content2n .hover-wall .icon_info figure {border-radius: 8px;}
.main-hot .hot-content2n .hover-wall .icon_info figure .overlay i{ display:none;}
.main-hot .hot-content2n .hover-wall .icon_info h3 {position:relative; padding: 0 10px 0 20px; font-size: 1.2em; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  white-space: normal;}
.main-hot .hot-content2n .hover-wall .icon_info h3::before{ content: "";  position: absolute;  width: 5px;  height: 5px;   left: 5px;   top: 10px;   background: #c4a265;  border-radius: 5px;}
.main-hot .hot-content2n .hover-wall .icon_info h4 { color: #c4a265;  font-style: normal; font-weight: 600;  padding: 0 10px;  letter-spacing: 1px;}
.main-hot .hot-content2n .hover-wall .icon_info p.animate-text {  margin-bottom: 0;  padding: 0px 10px;  font-size: 15px; line-height: 25px;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  white-space: normal;  height: 80px; }
/* 首頁人氣話題 */
.popular .wall-wrapper .wall-row>div { padding: 4px !important;}
.popular .wall-wrapper .thicon_info h3 { left: 50%; transform: translate(-50%, 0); }
.popular .wall-wrapper .thicon_info:hover h3 { bottom: 40%; }
/* 首頁獎勵旅遊 */
.main_company .swiper-pagination-bullet { width: 14px; height: 14px; }
.main_company .swiper-slide .swiper-title{ color: #3d281a;}
.main_company .swiper-pagination-bullet-active{ background-color: #c4a265;}
.main_company .swiper-slide .swiper-content{ min-height: 82px;}


/*----------首頁 END----------*/
/*----------主題頁1 theme1 START----------*/
/*輪播圖區塊*/
.theme-slider .carousel-caption{ max-width: 100%; right: 0;   bottom: 0; left: 0;  padding: 30px 100px;  text-align: left;  background-color: rgb(30 21 16 / 0.6);}
.theme-slider .bs-carousel .carousel-item p { display: none;}
.theme-slider .bs-carousel .carousel-item h5 {  margin-bottom: 0;  padding-left: 15px; font-size: 2.4rem;  line-height: 2.8rem; border-left: 1px solid #c4a265; font-weight: 400;  text-shadow: 0 0 black; }
.theme-slider .carousel-caption h2 { padding-top: 1.1rem;   padding-left: 15px;  font-size: 1.2rem;  border-left: 1px solid #c4a265; }
.theme-slider .bs-carousel .carousel-item h5,.theme-slider .carousel-caption h2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  white-space: normal; }
.theme-slider .carousel-control-next,.theme-slider .carousel-control-prev{  opacity: 0.5;  width: 10%; top: 40%; bottom: 40%; }
.theme-slider .carousel-control-next:hover,.theme-slider .carousel-control-prev:hover{  opacity: 0.8;  }
.theme-slider .carousel-control-next-icon,.theme-slider .carousel-control-prev-icon {  width: 68px;  height: 120px;  background: no-repeat 50%/100% 100%;}
.theme-slider .carousel-control-prev-icon,.theme-slider .carousel-control-next-icon{ background-image: url('https://materials.fillo.com.tw/materials/miragetour/images/48a2f2a6-1bf8-44cc-bc34-0b23ed8d1c1e.svg'); }
.theme-slider .carousel-control-next-icon{ transform: rotate(180deg); }
/*icon區塊*/
.theme-icon .btn-container{ border: 1px solid #c4a265;   border-radius: 8px; margin-bottom: 40px;}
.theme-icon .function-row li{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;  margin-top: 8px;  margin-bottom: 8px; }
.theme-icon .function-row li +li { border-left: 1px solid #c4a265; }
.theme-icon .function-row li a { cursor: default;}
.theme-icon .function-row li a h3{  margin-top: 0;   font-size: 1.2rem; font-weight: 600;  padding-left: 10px;  vertical-align: middle;}
.theme-icon .function-row li a img{  width: 100%; max-width: 70px;}
/*熱門區塊*/
.theme-hot{  -ms-flex: 0 0 27.777%;  flex: 0 0 27.777%;   max-width: 27.777%;  padding-top: 40px; padding-bottom: 30px; background: #f4f0e8; }
.theme-hot>.module-container>.main { padding: 0 20px;}
.theme-hot .hot-pic .wall-wrapper{ border-radius:8px;}
.theme-hot .hot-pic .thicon_info h3 { width: 125px;  height: 125px;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  padding: 50px 5px 0;  background: rgb(196 162 101 / 0.9);border-radius: 70px; 	text-shadow: 0 0 black;  font-size: 1.4rem; text-align: center; opacity:1 }
.theme-hot .hot-pic .thicon_info:hover h3{ opacity:0}
.theme-hot .hot-pic .thicon_info p.theme-text { position: absolute;  width: 125px;  height: 125px; top: 50%; left: 50%;  transform: translate(-50%, -50%); padding: 50px 5px 0; background: transparent;     border-radius: 70px;  border: 1px solid #c4a265; color: #c4a265 !important; font-size: 1.4rem;  text-align: center;  font-weight: 600; }
.theme-hot .hot-pic .theme_info{ background: rgb(30 21 16 / 0.6) !important;}
.theme-hot .hot-content{  padding: 10px 20px;}
.theme-hot .hot-content div.link-list ul li a,.theme-hot .hot-content div.link-list ul li span { position: relative; line-height: 1.4rem;  font-size: 15px;  padding: 10px 12px 0px 24px;  font-weight: 600;     overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  white-space: normal;  -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;}
.theme-hot .hot-content div.link-list ul li a::before,.theme-hot .hot-content div.link-list ul li span::before {  content: ""; position: absolute; width: 5px;  height: 5px;  top: 16px; left: 13px; background: #c4a265; border-radius: 5px; }
.theme-hot .hot-content div.link-list ul li i { margin-right: 0;}
/*促銷區塊*/
.theme-push{  -ms-flex: 0 0 27.777%;  flex: 0 0 27.777%;   max-width: 27.777%; padding-top: 40px; padding-bottom: 30px;}
.theme-push>.module-container>.main { padding: 0 20px;}
.theme-push .push-pic .thpro_tit { margin-bottom: 0em;  padding: 0;  text-align: left;  }
.theme-push .push-pic .thpro_tit h1{  position: relative;  border-bottom: 0;  display: block;  margin: 0.5em auto;  padding: 5px;  font-size: 1.6em; font-weight: 600;}
.theme-push .push-pic .thpro_tit h1 span {  position: relative;  display: block;  padding-left: 25px; }
.theme-push .push-pic .thpro_tit h1 span::before {  content: "";  position: absolute;  width: 25px; height: 30px;  left: 0;  top: 0;  background: url(https://materials.fillo.com.tw/materials/miragetour/images/16d2ebed-3339-42b3-8cab-8933128e09e1.svg);  background-repeat: no-repeat;  background-position: center;  background-size: 18px; }
.theme-push .push-pic .wall-wrapper .thicon_info{ border-radius:8px;}
.theme-push .push-pic .thicon_info h3 { bottom: 0; margin: 0;  padding: 13px 20px 10px; width: 100%;   height: 84px;   background: rgb(30 21 16 / 0.7);   font-size: 1.2em;  letter-spacing: 0; line-height: 2rem; 	text-shadow: 0 0 black; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
.theme-push .push-pic .thicon_info:hover h3{ background: rgb(196 162 101 / 0.8);}
.theme-push .push-pic .thicon_info .theme_info { background: rgb(30 21 16 / 0.7) !important;}
.theme-push .push-pic .thicon_info .theme_info p.theme-text { padding: 30px 40px 0; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 5; -webkit-box-orient: vertical;     white-space: normal; }
.theme-push .push-content div.link-list ul li a,.theme-push .push-content div.link-list ul li span { position: relative; line-height: 1.4rem;  font-size: 15px;  padding: 10px 12px 0px 24px;  font-weight: 600;     overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  white-space: normal;  -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;}
.theme-push .push-content div.link-list ul li a::before,.theme-push .push-content div.link-list ul li span::before {  content: ""; position: absolute; width: 5px;  height: 5px;  top: 16px; left: 13px; background: #c4a265; border-radius: 5px; }
/*----------主題頁1 theme1 END----------*/
/*----------主題頁2 theme2 START----------*/
/*滾動視差主圖 theme-banner 區塊*/
.theme-banner .bgfixed section { padding: 0 15px; text-align: center;}
.theme-banner .bgfixed section h2 { position: relative; display: table;  margin: 0 auto;  padding-bottom: 5px; padding-left: 35px;  font-size: 2.4rem;  letter-spacing: 0.31rem; }
.theme-banner .bgfixed section h2::before { content: "";   position: absolute; width: 30px;   height: 35px;   left: 0; top: 8px;  background: url(https://materials.fillo.com.tw/materials/miragetour/images/c0d7fdbf-eecc-466b-b151-26a526969531.svg);  background-position: center;  background-repeat: no-repeat;  background-size: 25px; }
.theme-banner .bgfixed section p { display: table; margin: 0 auto; padding-top: 5px; font-size: 1.4rem; letter-spacing: 0.0.5rem; }
.theme-banner .bgfixed section.bg-gold {  display: table; padding: 45px 35px; background: rgba(196, 162, 101, 0.9);}
/*頁籤 theme-tab區塊*/
.theme-tab{ padding-top: 50px; padding-bottom: 20px;}
.theme-tab li.nav-item {position: relative;}
.theme-tab li.nav-item +li { padding-left: 30px;}
.theme-tab li.nav-item +li::before{ content: ""; position: absolute; height: 1px;  width: 100%; background: #c4a265; left: -100%; top: 50%; transform: translate(50%, -100%); z-index: -1; }
.theme-tab .nav-pills .nav-link{ padding: 8px 20px; background: #ffffff; border: 1px solid #c4a265; border-radius: 50px;   color: #3d281a;  font-size: 1.2rem; font-weight: 600;  -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;}
.theme-tab .nav-pills .nav-link:hover { background-color: #c4a265; color: #ffffff;}
.theme-tab .nav-pills .nav-link.active,.theme-tab .nav-pills .show>.nav-link { background-color: #3d281a; border: 1px solid #3d281a; color: #ffffff;}
/*子頁籤subtab區塊*/
.subtab { background: #e8e3d8; margin-top:10px;}
.subtab .nav-pills .nav-link {  border-radius: .0;  font-weight: 600; color: #3d281a;  background-color: #e8e3d8; }
.subtab .nav-pills .nav-link.active,.subtab .nav-pills .show>.nav-link {  color: #3d281a;  background-color: #e8e3d8;  font-weight: 600; border-bottom: 2px solid #3d281a; border-radius: 0; }
/*版樣式1 style1 區塊*/
.web-page-frame .widget-item.style1 > .module-container > .main{   margin-left: 0; margin-right: 0;}
.style1{      margin-top: 30px; padding-top: 100px;}
.style1 .mix-wrapper{  padding: 0px;}
.style1 .mix-wrapper::before {  content: "";  position: absolute;  width: 0;   height: 0;  border-style: solid; border-width: 20px 15px 0 15px; border-color: #f8ebd3 transparent transparent transparent;  bottom: -15px; left: 50%; }
.style1 .pic-content{ position: absolute;    margin-left: 8.333333%; top: 0px;}
.style1 .pic-content img{ width: 477px; border-radius: 8px;}
.style1 .editor-content { display: flex; margin-left: 8.333333%; margin-right: 8.333333%; padding: 10px 50px 10px 580px; line-height: 2rem; height: 206px; align-items: center;   justify-content:left;  justify-items: center; color:#3d281a;}
.style1 .editor-content h2 { position: absolute;  padding-left: 30px;  top: -78px; color: #637832;  font-weight: 600; font-size: 2.2rem;   letter-spacing: 0.2rem; }
.style1 .editor-content h2::before{  content: "";  position: absolute;  width: 25px; height: 30px;  left: 0;  top: 7px;  background: url(https://materials.fillo.com.tw/materials/miragetour/images/16d2ebed-3339-42b3-8cab-8933128e09e1.svg);  background-repeat: no-repeat;  background-position: center;  background-size: 22px; }
/*版型樣式2 style2 區塊*/
.style2 .hover-wall .icon_info,.style2 .hover-wall .icon_info:hover{  border: 1px solid #c4a265; box-shadow: 0 0 black;}
.style2 .hover-wall  .icon_info{  display: flex;  height:100%;}
.style2 .hover-wall .icon_info:hover { bottom:0}
.style2 .hover-wall  .icon_info h3{ display: flex;  position: absolute; bottom: 3px;  left: 15px; width: 100px; height: 100px;  padding: 5px; background: #c4a265; color: #ffffff !important;  border-radius: 50%;  justify-content: center; align-items: center; z-index: 11;}
.style2 .hover-wall .icon_info h3:hover{ color: #ffffff !important;  }
.style2 .hover-wall .icon_info a,.style2 .hover-wall .icon_info a:hover {  cursor: default;}
.style2 .hover-wall .icon_info p.animate-text{ padding-left:140px; letter-spacing: 0em;}
.style2 .hover-wall .icon_info figure .overlay { background: transparent;}
.style2 .hover-wall .icon_info figure .overlay i {display: none;}
.style2 .hover-wall .icon_info:hover figure .b_img {  -webkot-transform: scale(1);     -moz-transform: scale(1);     -ms-transform: scale(1);     -o-transform: scale(1);     transform: scale(1); }
/*版型樣式3&4 style3&4 模組標題*/
.style3.module-title>.module-container>.main>.header-title,.style4.module-title>.module-container>.main>.header-title {  position: relative;  margin: 40px auto; font-size: 2rem;  color: #3d281a; font-weight: 600;  letter-spacing: 0.1rem;   text-align:center; width:150px; }
.style3.module-title>.module-container>.main>.header-title:first-letter,.style4.module-title>.module-container>.main>.header-title:first-letter { color: #af5033;}
.style3.module-title>.module-container>.main>.header-title:before,.style3.module-title>.module-container>.main>.header-title:after,.style4.module-title>.module-container>.main>.header-title:before,.style4.module-title>.module-container>.main>.header-title:after{ content: "";  position: absolute;   width: 30px;     height: 30px;  bottom: 5px; background-image: url(https://materials.fillo.com.tw/materials/miragetour/images/9a9fa650-1c9b-4198-9b6a-933482554f53.png);    background-position: center;     background-repeat: no-repeat; }
.style3.module-title>.module-container>.main>.header-title:before,.style4.module-title>.module-container>.main>.header-title:before{ left:-25px; }
.style3.module-title>.module-container>.main>.header-title:after,.style4.module-title>.module-container>.main>.header-title:after{  right: -25px; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1);   -o-transform: scaleX(-1);  transform: scaleX(-1); }
/*版型樣式3*/
.style3 .hover-wall .htpro_tit{  margin-bottom: 0;}
.style3 .hover-wall .htpro_tit h1{ border-bottom: 1px solid #c4a265;  padding: 5px; letter-spacing: 0.05em; font-size: 1.6em;  font-weight: 600;}
.style3 .hover-wall .htpro_tit h2 { margin-bottom: 35px; font-size: 0.95em; letter-spacing: 0em; }
.style3 .hover-wall .icon_info{ height: 100%;     border-bottom: 1px solid #c4a265;     border-bottom-left-radius: 8px;     border-bottom-right-radius: 8px; background: transparent;}
.style3 .hover-wall .icon_info:hover { bottom:0}
.style3 .hover-wall .icon_info,.style3 .hover-wall .icon_info:hover{  box-shadow: 0 0 black;}
.style3 .hover-wall .icon_info a{ height: 100%; display: block;}
.style3 .hover-wall .icon_info a,.style3 .hover-wall .icon_info a:hover {  cursor: default;}
.style3 .hover-wall .icon_info h3 { font-size: 1.2em;     letter-spacing: 0em;     display: table;     position: absolute;     margin-top: 10px;     margin-left: 15px;     padding: 8px 15px;     background: #c4a265;     border-radius: 50px; z-index: 1;}
.style3 .hover-wall .icon_info:hover h3{ color:#ffffff !important;}
.style3 .hover-wall .icon_info h4 + p.animate-text { padding: 60px 20px 20px;}
.style3 .hover-wall .icon_info h4{margin-top: 55px; padding: 0 30px 0 0; position: absolute;  left: 20px; color: #c4a265; }
.style3 .hover-wall .icon_info p.animate-text { position: relative; margin-top: 28px;  padding: 40px 20px 20px; font-size: 1em; border: 1px solid #c4a265;  border-radius: 8px;line-height: 1.8rem;  letter-spacing: 0; z-index: 0; height: 100%;}
.style3 .hover-wall .icon_info p.animate-text::before {  content: "";  position: absolute;  width: 1px;  height: 30px; top: -30px; right: 40px; background: #c4a265;}
.style3 .hover-wall .icon_info figure{margin: 0;z-index: 1;}
.style3 .hover-wall .icon_info figure .b_img { border-radius: 8px;}
.style3 .hover-wall .icon_info figure .overlay { background: transparent;}
.style3 .hover-wall .icon_info figure .overlay i {display: none;}
.style3 .hover-wall .icon_info:hover figure .b_img {  -webkot-transform: scale(1);     -moz-transform: scale(1);     -ms-transform: scale(1);     -o-transform: scale(1);     transform: scale(1); }
.style3.col1 .mix-wrapper { padding: 0 30px;}
.style3.col1 .pic-content.img-mode{padding-left: 0; }
.style3.col1 .img-fluid{ border-radius: 8px; }
.style3.col1 .editor-content { padding-right: 0;}
.style3.col1 article{ height:100%; display:flex;}
.style3.col1 h3{ color: #ffffff; font-size: 1.2em;  font-weight: 600;  letter-spacing: 0em; display: table;  position: absolute; margin-left: 15px; padding: 8px 15px; background: #c4a265; border-radius: 50px;  z-index: 1; }
.style3.col1 .text{ position: relative; margin-top: 20px;  padding: 40px 20px 20px; color: #545454;  font-size: 1em;  border: 1px solid #c4a265;  border-radius: 8px;  line-height: 1.8rem;  letter-spacing: 0;  z-index: 0;}
.style3.col1 .text::before{  content: ""; position: absolute;  width: 32px;  height: 1px;  top: 40px;  left: -32px;  background: #c4a265; }
/*版型樣式4*/
.style4 .hover-wall{ position: relative; padding-top: 100px;  padding-bottom: 100px;  border-top: 10px solid #c4a265;}
.style4 .hover-wall .htpro_tit{ position: absolute; width: 100%; height: 100%; top:0;     margin-bottom: 0; padding: 0; overflow: hidden;}
.style4 .hover-wall .htpro_tit h1{ display: block; font-size:0;  margin: 0 auto; padding: 0; border-bottom: 0;  height: 100%;}
.style4 .hover-wall .htpro_tit img{ max-width: 100% !important;  max-height: initial !important; width: 100%; height:100%;  object-fit: cover; margin-right: 0; }
.style4 .hover-wall>.container-fluid>.row>div:nth-child(2), .style4 .hover-wall>.container-fluid>.row>div:nth-child(5), .style4 .hover-wall>.container-fluid>.row>div:nth-child(8){  margin-left: 8.333%; }
.style4 .hover-wall>.container-fluid>.row>.col-lg-4.mb-4{ -ms-flex: 0 0 27.777%;  flex: 0 0 27.777%;  max-width: 27.777%; }
.style4 .hover-wall .icon_info figure{ display:none;}
.style4 .hover-wall .icon_info{background: rgb(255 255 255 / 0.9); border-radius: 8px;  box-shadow: 0 0 black;height: 100%;}
.style4 .hover-wall .icon_info:hover{ box-shadow: 0 0 black; bottom:0}
.style4 .hover-wall .icon_info h3,.style4 .hover-wall .icon_info:hover h3{ color: #3d281a !important;}
.style4 .hover-wall .icon_info a,.style4 .hover-wall .icon_info a:hover {  cursor: default;}
.style4 .hover-wall .icon_info p.animate-text { margin-bottom: 20px; padding: 10px 25px;  font-size: 1rem; letter-spacing: 0em;  line-height: 1.8rem;}
.style4 .hover-wall .icon_info h3 { position:relative; margin: 0 20px;  padding: 20px 0 10px 30px;  font-size: 1.3rem; font-weight: 600;  letter-spacing: 0em;   border-bottom: 1px solid #c4a265;}
.style4 .hover-wall .icon_info h3::before{ content:""; position:absolute; background-image:url('https://materials.fillo.com.tw/materials/miragetour/images/26bcc3f4-4222-4c65-a26b-6c13989c099e.svg'); background-position:center; background-repeat:no-repeat;   background-size: 20px;   width: 30px; height: 26px;  left:0; }
/*版型樣式5*/
.style5.pic,.style5.text {  border-bottom: 1px solid #c4a265; padding-top: 20px; padding-bottom: 25px;}
.style5.pic{ margin-left:8.333333%}
.style5.pic .swiper-slide-style {box-shadow: 0 0 black; margin-top: 0; margin-bottom: 0;}
.style5.pic .swiper-slide .swiper-img { margin: 0;}
.style5.pic .swiper-slide .swiper-img img {border-radius: 8px;}
.style5.pic [class*='swiper-button-'] {opacity: 0.7;}
.style5.pic [class*='swiper-button-']:after {  background: transparent;}
.style5.text h2.hotel-title{ color: #c4a265;   font-weight: 600;  font-size: 1.6rem; letter-spacing: 0.05rem; }
.style5.text h3 { color: #c4a265;  font-weight: 600;  font-size: 1.2rem; }
.style5.text .hotel-row {  padding: 0 25px 40px 25px;}
.style5.text .hotel-text { color: #545454; padding: 10px 10px 40px 0;  line-height: 2rem;}
.style5.text .hotel-more { position: absolute;right: 20px; bottom: 20px; }
.style5.text .hotel-more,.style5.text .hotel-more a{ color:#fff; text-decoration:none;}
.style5.text .hotel-btn { position:relative; background: #3d281a; display: table;  border-radius: 50px;  padding:7px 40px 7px 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; }
.style5.text .hotel-btn::after{ content:""; position:absolute; background-image:url('https://materials.fillo.com.tw/materials/miragetour/images/44c25e1b-b4e9-4cc5-a659-e3e06422a1ae.svg'); background-position:center; background-repeat:no-repeat; background-size:20px;right: 10px;  width: 25px; height: 25px;}
.style5.text .hotel-btn:hover {background: #af5033;}
.edit{ display: none !important;}
.style5.goldbg{ background:#fbf7f0;}
/*----------主題頁2 theme2 END----------*/
/*----------關於翔順 about_us START----------*/
.about-banner .bgfixed section{  display: table;  padding: 20px 60px; background: rgba(196, 162, 101, 0.9); }
.about-banner .bgfixed section h2{ position: relative; display: table;  margin: 0 auto;  padding-bottom: 5px; font-size: 2.4rem;  letter-spacing: 0.1rem; }
.about-banner .bgfixed section p{  display: table;  margin: 0 auto;  padding-top: 5px;  font-size: 1.4rem; letter-spacing: 0.05rem; }
.about-title{ display: table; position: relative;  margin: 50px auto;}
.about-title h1{ font-size: 2rem; color: #3d281a; font-weight: 600;  letter-spacing: 0.1rem; }
.about-title h1:first-letter{  color: #af5033;}
.about-title::before{  content: "";  position: absolute;background: #c1a575; width: 45px;  height: 1px;  bottom: -5px; left: 35%;}
.about-text{ color:#3d281a;  line-height: 2rem; text-align: justify;}
.about-block1 .bgfixed > a{ cursor:default;}
.about-block1,.about-block3{ padding-bottom: 50px;}
.about-block2 .about-text article { position: relative;  margin-bottom: 50px;  padding-bottom: 40px;  padding-right: 25px; }
.about-block2 .about-text article::before {  content: "";  position: absolute;     right: -5px;     bottom: 0;     width: 1px;     height: 45px;     background: #c4a265; }
.about-block2 .about-text article::after { content: "";   position: absolute;     right: -15px;     bottom: 10px;     width: 45px;     height: 1px;     background: #c4a265; }
.about-block1 .about-text { max-width: 900px; padding: 0 50px;}
.about-block3 .pic-content,.about-block3 .editor-content { margin: 0; padding: 0;}
.about-block3 .pic-content a { cursor: default;}
.about-block3 .editor-content { display: flex; width: 100%; align-items: center; justify-content: center;}
.about-block3 .editor-content article{ color:#ffffff; }
.about-block3 .vision .mix-wrapper>div.row article { min-width: 500px;}
.about-block3 .vision .mix-wrapper>div.row article div{ position: relative; padding: 15px 0 20px 45px; letter-spacing: 0.03rem;}
.about-block3 .vision .mix-wrapper>div.row:nth-child(1) article div::before {  content: ""; position: absolute; background: #ffffff; width: 30px; height: 1px; left: 0; top: 25px;}
.about-block3 .vision .mix-wrapper>div.row:nth-child(1) article div:nth-child(2) {  margin-left: 8%;}
.about-block3 .vision .mix-wrapper>div.row:nth-child(1) article div:nth-child(3) {  margin-left: 16%;}
.about-block3 .vision .mix-wrapper>div.row:nth-child(2) article {position: relative;}
.about-block3 .vision .mix-wrapper>div.row:nth-child(2) article::before { content: "";  position: absolute; left: -5px;  top: -10px;  width: 1px;  height: 45px;  background: #ffffff; }
.about-block3 .vision .mix-wrapper>div.row:nth-child(2) article::after {  content: "";  position: absolute; left: -15px;  top: 0;  width: 45px; height: 1px; background: #ffffff;}
.scape.about-text article{ padding-bottom: 40px;}
.scape .about-title,.incentive .about-title{ margin: 50px auto 30px;}
.scape-theme { padding-top: 20px;}
.scape-theme .function-row li a {  height: auto; padding: 25px 10px 10px;  width: 138px;  height: 138px; cursor: default;}
.scape-theme .function-row li a img { width:40px;}
.scape-theme .function-row li a h3 {  font-size: 1.2rem;}
.about-block4>.module-container>.main { padding-bottom: 60px;}
.incentive.about-text article{ padding-bottom: 20px;}
.about-block5 .company .text-container{  max-width: 1400px;}
.about-block5 .company .link-list ul {  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap; }
.about-block5 .company .link-list ul li { padding: 0 10px; -ms-flex: 0 0 12.4444%;  flex: 0 0 12.4444%; max-width: 12.4444%; text-align: center;}
.about-block5 .company .link-list ul li a{ width: 100%;  padding: 15px 5px 5px; border-bottom: 2px solid #ead3aa;  font-weight:600; cursor:default; }
/*----------關於翔順 about_us END----------*/
/*----------獎勵旅遊 START----------*/
.about-block1 .about-text.award {  max-width: 1400px; padding: 0 50px; text-align: center;}
.com_logo section.function-row { max-width: 1400px; margin: 0 auto; padding: 0 30px; }
.com_logo section.function-row li{ margin-bottom: 30px;}
.com_logo section.function-row li a { padding: 10px 15px; display: -ms-flexbox; display: flex;  align-items: center;  justify-content: center;}
.com_logo section.function-row li a img { max-width: 100%; }
/*----------獎勵旅遊 END----------*/
/*----------主題專區滑動置頂選單 START----------*/
.anchor_nav .link-list.scroll-to-fixed-fixed { height: 56px; min-height: 56px; background: rgb(196 162 101 / 80%); }
.anchor_nav div.link-list.scroll-to-fixed-fixed>ul { height: 56px; }
.anchor_nav div.link-list { min-height: 76px; width: 100%; display: flex; justify-content: center; align-items: center; background: rgb(196 162 101 / 60%); }
.anchor_nav div.link-list>ul { padding: 0; width: 1300px; height: 76px; display: flex; }
.anchor_nav div.link-list>ul li { width: 100%; border-left: 1px solid rgb(255 255 255 / 30%); }
.anchor_nav div.link-list>ul li:last-child { border-right:1px solid rgb(255 255 255 / 30%); }
.anchor_nav div.link-list>ul li a { display: flex; padding: 10px; width: 100%; height: 100%; justify-content: center; align-items: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.anchor_nav div.link-list.scroll-to-fixed-fixed>ul li a { font-size: 18px !important; }
.anchor_nav div.link-list>ul li a.active,
.anchor_nav div.link-list>ul li a.active:hover{ background: rgb(35 23 17 / 80%); color: #ffffff !important; }
.anchor_nav div.link-list ul li i { margin-right: 0; }
@media screen and (max-width: 991px){
	.anchor_nav .link-list.scroll-to-fixed-fixed{ top:66px !important; }
}
@media screen and (max-width: 575px){
	.anchor_nav div.link-list{ min-height: 50px;}
	.anchor_nav .link-list.scroll-to-fixed-fixed { height: 50px; min-height: 50px; top: 94px !important; }
	.anchor_nav div.link-list>ul,.anchor_nav div.link-list.scroll-to-fixed-fixed>ul { height: 50px; }
	.anchor_nav div.link-list>ul li a,
	.anchor_nav div.link-list.scroll-to-fixed-fixed>ul li a{ font-size: 16px !important; padding: 10px 5px 10px 10px; }
}
@media screen and (max-width: 440px){
	.anchor_nav div.link-list>ul, 
	.anchor_nav div.link-list.scroll-to-fixed-fixed>ul { display: block; overflow: scroll; white-space: nowrap; }
	.anchor_nav div.link-list>ul li { width: auto; } 
	.anchor_nav div.link-list>ul li+li { margin-left: -5px; }
}
/*----------主題專區滑動置頂選單 END----------*/
/*----------自製行程介紹頁 START----------*/
.route_wrapper .mix-wrapper{ padding: 0 15px;}
.route_wrapper .mix-wrapper>.row>div{ margin-bottom: 5px;}
/*----------自製行程介紹頁 END----------*/

/*----------公告版型 START----------*/
.normal>.module-container>.main {  padding: 50px 30px;}
.normal-text{ margin: 15px 10px; line-height: 2rem;  color: #545454; font-size: rem;}
.normal-text .header-title { padding-bottom: 10px; color: #3D281A;  font-size: 1.25rem;  font-weight: 600; }
.normal-text ul{padding-inline-start: 40px;}
.normal-text p{ margin-bottom: 0rem; padding-left: 20px; }
/*----------公告版型 END----------*/

/*----------行程特色頁 START----------*/
.route_features .hover-wall .icon_info figure{ display: none;}
.route_features .hover-wall .icon_info h3{ margin-top: 20px;}

.features_block .falls-container .grid { height: auto !important; }
.features_block .falls-container .grid .grid-item { position: relative !important; transform: initial !important; background: #ffffff; margin:15px; padding: 20px; overflow: hidden; z-index: 0; max-width: calc(33.333333% - 30px); left: initial !important; top: initial !important; border-radius: 6px; box-shadow: 1px 1px 10px #e7e7e7; }
@media(max-width:991px) {
    .features_block .falls-container .grid .grid-item{ max-width: calc(50% - 30px); -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); }
}
@media(max-width:575px) {
    .features_block .falls-container .grid .grid-item{ max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); }
}
/*----------行程特色頁 END----------*/

/*----------GOTOP START----------*/
.mi-gotop .actGotop{ width: 50px;  height: 60px; right: 0; bottom: 40px;}
.mi-gotop .actGotop a, .mi-gotop .actGotop a:link {  width: 55px; border-radius:0; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
.mi-gotop .actGotop a i { width: 50px; left: 3px; top: 6px;}
@media(max-width:991px){
	.mi-gotop .actGotop{ bottom: 60px;}
}
/*----------GOTOP END----------*/

/* SIDENAV START*/
.sidenav .side_bar{ border-radius: 0; box-shadow: none; padding: 0; width: 56px; background: transparent; }
.sidenav .side_bar li{ border-bottom: 0; padding:10px 5px; background-color: #c4a265; }
.sidenav .side_bar li:nth-child(2) { padding: 10px; }
.sidenav .side_bar li:first-child{ background-color: #af5032;}
.sidenav .side_bar li a{ color: #ffffff;}
.sidenav .side_bar li a p{ color: #ffffff;}
.sidenav .side_bar li a:hover p{  color: rgb(255 255 255 / 70%);}
.sidenav .side_bar li img { width: 25px; display: inline-block;}
.D_products_group_detail .sidenav .side_bar,.D_products_group_mold .sidenav .side_bar,
.D_order_contact_detail .sidenav .side_bar,.group_home .sidenav .side_bar,.member_home .sidenav .side_bar{ display: none;}
/* SIDENAV END*/

/*  Messenger  start*/
.fb_dialog_content>iframe { right: 10px !important; top: auto !important; bottom: 110px !important; margin: 0 !important; }
@media (max-width: 991px) {
   .fb_dialog_content>iframe { right: 0px !important; bottom: 125px !important; }
}
/*  Messenger  end*/

/*----------FOOTER START----------*/
/*footer漸層背景*/
.footer-gradient .widget-item{height: 100px;}
/*footer選單*/
.mi-footer-nav .responsive-drop-down-menu {min-height: 50px;}
.mi-footer-nav .responsive-drop-down-menu > ul { justify-content: center;}
.mi-footer-nav .responsive-drop-down-menu > ul > li {flex: inherit;}
.mi-footer-nav .responsive-drop-down-menu > ul > li.active{ background: #c4a265;}
.mi-footer-nav .responsive-drop-down-menu > ul > li > a { color: #231711;  padding: 10px 15px;  font-weight: 600;   font-size: 1rem; }
.mi-footer-nav .responsive-drop-down-menu > ul > li.has-sub > a { padding-right: 30px;}
.mi-footer-nav .responsive-drop-down-menu > ul > li.has-sub > a:before{ display: block; content: ""; background-image:url('https://materials.fillo.com.tw/materials/miragetour/images/4a749975-7075-4676-9a0f-4df98873c1be.svg');  background-repeat: no-repeat;  background-position: center; background-size: 12px; border: 0;  width: 18px; height: 18px;  top: 18px; right: 8px;}
.mi-footer-nav .responsive-drop-down-menu ul li ul li a {  font-size: 1rem; text-align: center; width: auto; padding: 5px;}
/*footer公司資訊*/
.mi-footer .footer-sample{ background: transparent; line-height: 32px; letter-spacing: 0.5px;  padding-top: 30px; padding-bottom: 30px;}
.mi-footer .footer-sample .contact-us-part,.mi-footer .footer-sample .service-item-part{ margin-top:10px; margin-bottom: 10px;}
.mi-footer .powered{ padding: 5px;  font-size:0.8rem;}
.mi-footer .footer-sample .col-sm-2{ position: initial; border-left: 1px solid rgb(221 205 176 / 0.5); padding-left: 35px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.mi-footer .footer-sample .col-sm-3{ margin-left: 8.333333%; -ms-flex: 0 0 16.6666%;  flex: 0 0 16.6666%; max-width: 16.6666%;}
.mi-footer .footer-sample .col-sm-7{ -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width:50%; border-left: 1px solid rgb(221 205 176 / 0.5); padding-left: 35px;}
.mi-footer .footer-sample .logo-part { margin-top: 20px; }
.mi-footer .footer-sample .logo-part .logo{ max-width: 100%; margin:0; }
.mi-footer .footer-sample .contact-us-part .contact-use-row span{ position:relative; padding-left:22px; color:#ddcdb0; }
.mi-footer .footer-sample .contact-us-part .contact-use-row span a{color:#ddcdb0; }
.mi-footer .footer-sample .contact-us-part .contact-use-row span::before{ content:""; position:absolute; top: 2px; left:0;  width:20px; height:20px; background-size: 18px; }
.mi-footer .footer-sample .contact-us-part .contact-use-row:first-child span::before,.mi-footer .footer-sample .contact-us-part .contact-use-row:nth-child(2) span::before{ background-image:url('https://materials.fillo.com.tw/materials/miragetour/images/519e0360-7916-4376-bcdc-ef83e6ec97b7.svg'); background-repeat:no-repeat; background-position:center; }
.mi-footer .footer-sample .contact-us-part .contact-use-row:nth-child(3) span::before{ background-image:url('https://materials.fillo.com.tw/materials/miragetour/images/24c8716b-49e0-48bb-b488-ef046612dfc8.svg'); background-repeat:no-repeat; background-position:center; }
.mi-footer .footer-sample .contact-us-part .contact-use-row:nth-child(4) span::before{ background-image:url('https://materials.fillo.com.tw/materials/miragetour/images/237ed88f-1739-4c73-9738-fbe88688d43b.svg'); background-repeat:no-repeat; background-position:center; }
.mi-footer .footer-sample .contact-us-part .contact-use-row:nth-child(5) span::before{ background-image:url('https://materials.fillo.com.tw/materials/miragetour/images/129b9f25-7c37-4f04-9fb3-d67bda124813.svg'); background-repeat:no-repeat; background-position:center;}
.mi-footer .footer-sample .contact-us-part .contact-use-row:nth-child(6) span::before{ background-image:url('https://materials.fillo.com.tw/materials/miragetour/images/2d829167-eb04-4ffb-9e15-294c39ebe635.svg'); background-repeat:no-repeat; background-position:center;}
.mi-footer .footer-sample .service-item-part .social-btn{ position: absolute;  top: 110px; left: 8.333333%; padding-left: 15px; }
.mi-footer .footer-sample .service-item-part .social-btn a{ position: relative; display: inline-block; width: 38px; font-size: 1.4rem; color: #ddcdb0; text-align: center; z-index: 0;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.mi-footer .footer-sample .service-item-part .social-btn a::before{  content: ""; position: absolute; width: 38px;  height: 38px; left: 0; top: -2px;  background: #0c0806; border-radius: 40px;  z-index: -1;}
.mi-footer .footer-sample .service-item-part .social-btn a:nth-child(2)::after{ content: ""; position: absolute; width: 38px;  height: 38px;   background-image:url('https://materials.fillo.com.tw/materials/miragetour/images/393f13d6-f67e-47c1-bb5e-1c5c3068874e.svg'); background-repeat:no-repeat; background-position:center; left: 0;  top: -2px;}
.mi-footer .footer-sample .service-item-part .social-btn a:nth-child(2):hover::after{ -webkit-filter: contrast(3);}
.mi-footer .footer-sample .service-item-part .social-btn a .line{ background: transparent;}
.mi-footer .footer-sample .service-item-part .service-items { font-size: 0.9rem;}
.mi-footer .footer-sample .service-item-part .service-items a{cursor:default; }
.mi-footer .footer-sample .service-item-part .service-items a:hover{ color:#ddcdb0 !important; }
/*----------FOOTER END----------*/
@media (min-width:1200px) and (max-width: 1600px) {
	/*首頁精選行程*/
	.main-hot .hot-content1 .link-list {  display: block; padding-left: 18px;}
	.main-hot .hot-content1 div.link-list ul li {   line-height: 20px;}
	.main-hot .hot-content1 .link-list ul li:last-child { top: 5px;  right: 6px; width: 55px; height: 55px;}
	.main-hot .hot-content1 .link-list ul li:last-child a { padding: 8px 0 0 0; text-align: center;}
	.main-hot .hot-content1 .link-list ul li:last-child a::after {  top: 29px; right: 17px;}
	.main-hot .hot-content1 div.link-list ul li span, .main-hot .hot-content1 div.link-list ul li a { line-height: 20px;}
	/*關於翔順*/
	.about-block3 .vision .mix-wrapper>div.row article { min-width: 380px;}
	.about-block3 .vision .mix-wrapper>div.row article div {  padding: 10px 0 10px 35px;  letter-spacing: 0;}
	.about-block3 .vision .mix-wrapper>div.row:nth-child(1) article div:nth-child(2),.about-block3 .vision .mix-wrapper>div.row:nth-child(1) article div:nth-child(3){ margin-left:0}
	.about-block3 .vision .mix-wrapper>div.row:nth-child(1) article div::before { width: 25px;  height: 1px; top: 22px}
	.about-block3 .vision .mix-wrapper>div.row:nth-child(2) article::before {  left: 5px; top: -15px;}
	.about-block3 .vision .mix-wrapper>div.row:nth-child(2) article::after { left: -5px; top: -5px;}
	.about-block5 .company .link-list ul li { -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; max-width: 16.6666%;}
}
@media (min-width:768px) and (max-width: 1199px) {
	/*關於翔順*/
	.about-block3 .vision .mix-wrapper>div.row article { min-width: initial; }
	.about-block3 .vision .mix-wrapper>div.row article div { padding: 10px 0; letter-spacing: 0; font-size: 0.95rem;}
	.about-block3 .vision .mix-wrapper>div.row:nth-child(1) article div:nth-child(2),.about-block3 .vision .mix-wrapper>div.row:nth-child(1) article div:nth-child(3){ margin-left:0}
	.about-block3 .vision .mix-wrapper>div.row:nth-child(1) article div::before,.about-block3 .vision .mix-wrapper>div.row:nth-child(2) article::before,.about-block3 .vision .mix-wrapper>div.row:nth-child(2) article::after{ display:none;}
}
@media (max-width: 1499px) {
	/*首頁輪播主圖*/
	.main-slider .carousel-inner .carousel-caption {  width: 100%; max-width: 100%; bottom: 0;  padding: 30px 60px;}
	.main-slider .bs-carousel .carousel-item h5 {  padding: 8px 18px 8px 45px; top: -35px;}
	.main-slider .bs-carousel .carousel-item h5::before { left: 20px; top: 21px;}
	.main-slider .carousel-control-next, .main-slider .carousel-control-prev{ opacity: 0.8;}
	.main-slider .carousel-control-next:hover,.main-slider .carousel-control-prev:hover{  opacity: 1;  }
	.main-slider .carousel-control-prev-icon, .main-slider .carousel-control-next-icon{ background-size: 30px;}
	/*main-search 搜尋*/
	.main-search .search-area .search-box .select-date .select input {width: calc(45%);}
	/* 首頁精選 */
	.main-hot .hot-content1 section.text-link h2 { font-size: 1.4rem !important; }
	/*主題頁1*/
	.theme-icon .function-row li a img { max-width: 60px;}
	.theme-hot .hot-pic .thicon_info h3 { width: 100px;   height: 100px; padding: 40px 5px 0; letter-spacing: 0;  font-size: 1.2rem; }
	/*footer*/
	.mi-footer .footer-sample .col-sm-3{ margin-left: 4%; -ms-flex: 0 0 20.6666%; flex: 0 0 20.6666%;  max-width: 20.6666%;}
	.mi-footer .footer-sample .service-item-part .social-btn { left: 4%;}
}

@media (max-width: 1300px) {
	/*header*/
	.mi-header .header-part { padding: 5px 25px 5px 10px;}
	.mi-header .header-phone { left: 300px;}
	.mi-header .header-phone span:first-child::after, .mi-header .header-phone span:last-child::after { width: 15px;}
	.mi-header .header-phone span:first-child::after { left: -20px;}
	.mi-header .header-phone span:last-child { font-size: 1.3rem; letter-spacing: 0rem;}

	.mi-header .header-phone.logo-30th { left: 365px; }
	.mi-header .header-phone.logo-30th span:first-child::after, .mi-header .header-phone.logo-30th span:last-child::after { width: 15px; }
	.mi-header .header-phone.logo-30th span:first-child::after { left: -20px; }

	.mi-header .mi-navbar .header-part .navbar-nav .nav-item + .nav-item { padding-left: 20px;}

	/* 上標針對節慶logo調整 */
	.mi-header.festival .header-part { padding: 0 25px 0 10px; }
	.mi-header .header-phone.logo-30th { left: 395px; }


	/*主題頁1*/	
	.theme-icon .function-row li a h3 { display: block; padding-top: 8px; padding-left: 0;}
	.theme-icon .widget-item>.module-container>.main { padding: 0 25px;}
	/*主題頁2*/	
	.style2 .hover-wall .icon_info h3 { bottom: initial;top: 10px; }
	.style2 .hover-wall .icon_info p.animate-text {  padding-left: 15px; padding-right: 15px;}
	/*footer*/
	.footer-nav-block{ms-flex: 0 0 100%;  flex: 0 0 100%; max-width:100%; }
}
@media (max-width: 1199px) {
	/*首頁輪播主圖*/
	.main-slider .carousel-control-next, .main-slider .carousel-control-prev { width: 6%;}
	/*main-search 搜尋*/
	.main-search .search-area .search-box .select-date .select input { width: calc(44%);}
	/*首頁最新消息*/	
	.main-news .widget-item{ -ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%;}
	.main-news .widget-item>.module-container>.main { margin: 0 10px;}
	.main-news div.message-list { margin-left: 150px;}
	.main-news .marquee h2{  left: 80px;  font-size: 1.5rem;}
	/*精選行程*/
	.main-hot { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-left:0	}
	/*主題頁1*/
	.theme-slider .carousel-caption { padding: 15px 100px 35px;}
	.theme-slider .bs-carousel .carousel-item h5 { font-size: 1.6rem; line-height: 2.2rem;}
	.theme-slider .carousel-caption h2 { padding-top: 0.8rem;}
	.theme-hot {  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;  margin-left: 0;  }
	.theme-hot+.theme-hot {  border-top: 1px solid #c4a265;}
	.theme-hot .hot-pic,.theme-hot .hot-content{  -ms-flex: 0 0 50%;   flex: 0 0 50%;  max-width: 50%; }
	.theme-hot .hot-pic .wall-wrapper>.wall-row>.col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;  }
	.theme-push {  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;  margin-left: 0; padding-top: 20px; }
	.theme-push+.theme-push {  border-top: 1px solid #c4a265;}
	.theme-push .push-pic,.theme-push .push-content{  -ms-flex: 0 0 50%;   flex: 0 0 50%;  max-width: 50%; }
	.theme-push .push-pic .wall-wrapper>.wall-row>.col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;  }
	.theme-push .push-content { margin-top: 50px; padding-left: 25px;}
	/*主題頁2*/
	.style1{  margin-top: 0; padding-top: 0;}
	.style1 .pic-content,.style1 .editor-content{margin-top: 25px; margin-bottom: 25px;}
	.style1 .pic-content { position: relative;  margin-left: 0; top: 0px; }
	.style1 .editor-content { margin-left: 0; margin-right: 0; 	padding: 10px 50px 10px 20px;   height: auto; flex-flow: column;  align-items: flex-start;}
	.style1 .editor-content h2 { position: relative; top: 0;}
	/*關於翔順*/
	.scape-theme .function-row li a { padding: 15px 10px 10px; width: 110px;  height: 110px;}
	.scape-theme .function-row li a img { width: 35px;}
	.scape-theme .function-row li a h3 { margin-top: 10px;}
	.about-block5 .company .link-list ul li { -ms-flex: 0 0 25%;  flex: 0 0 25%; max-width: 25%; }
	/*footer*/
	.mi-footer .footer-sample .col-sm-3{ margin-left: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
	.mi-footer .footer-sample .col-sm-2,.mi-footer .footer-sample .col-sm-3,.mi-footer .footer-sample .col-sm-7{  padding-left: 25px;}
	.mi-footer .footer-sample .service-item-part .social-btn{ left: 0;  padding-left: 25px;}
}
@media (min-width:992px) and (max-width: 1199px){ 
	/*主題頁2*/	
	.style3.col3 .icon_info h3{ position: relative;  margin-left: 0; width: 100%;}
}
@media (min-width:576px) and (max-width: 1199px){ 
	.theme-hot .hot-pic .thicon_info h3 {  width: 125px;  height: 125px; padding: 50px 5px 0; font-size: 1.4rem; letter-spacing: 0.05em; }
}
@media (max-width: 1099px) {
	/*header*/
	.mi-header .header-part .navbar-brand { height: 56px;}
	.mi-header .header-phone { left: 260px; top:18px;}
	.mi-header .header-phone span { display: table;}
	.mi-header .header-phone span:last-child{ padding-left:0; }

	.mi-header .header-phone.logo-30th { left: 310px; }

	/* 上標針對節慶logo調整 */
	.mi-header.festival .header-part .navbar-brand{  height: 56px; }
	.mi-header.festival .header-phone{ left: 270px; }

	/*footer*/
	.mi-footer-nav .responsive-drop-down-menu > ul > li > a { padding: 10px 8px; font-size: 0.95rem; letter-spacing: 0;}
	.mi-footer-nav .responsive-drop-down-menu > ul > li.has-sub > a {  padding-right: 25px;}
	.mi-footer-nav .responsive-drop-down-menu ul li ul li a {  font-size: 0.95rem;}
}
@media (max-width: 991px) {
	/*header*/
	.mi-header .mi-navbar .header-part .navbar-nav li.nav-item:nth-child(1),.mi-header .mi-navbar .header-part .navbar-nav li.nav-item:nth-last-child(3),.mi-header .mi-navbar .header-part .navbar-nav li.nav-item:nth-last-child(2),.mi-header .mi-navbar .header-part .navbar-nav li.nav-item:nth-last-child(1){ display:block;}
	.mi-header .header-phone { max-width: 300px;}
	.mi-header .header-phone span { display: inline-block;}
	.mi-header .header-phone span:last-child{ padding-left:5px; }
	.mi-header .mi-navbar .collapse { margin-top: 0; height: 100vh; overflow: auto;}
	.mi-header .mi-navbar .header-part .navbar-nav{ display: block; padding-bottom: 80px; height: 100vh;}
	.mi-header .mi-navbar .header-part .navbar-nav .nav-item,.mi-header .mi-navbar .header-part .navbar-nav .nav-item +  .nav-item{ padding: 6px 30px 6px 35px; border-bottom: 1px solid #675d4a;}
	.mi-header .mi-navbar .header-part .navbar-nav .nav-link::before{ display:none}
	.mi-header .mi-navbar .header-part .navbar-nav .nav-item:first-child a { color: #c4a265 !important;}
	/* 新版會員登入 */
	.mi-header .mi-navbar .showName { padding: 5px 0; justify-content: space-between;}
	.mi-header .mi-navbar .showName .member-name {font-size: 15px; border-radius: 3px; border: 1px solid #c4a24a; padding: 0 10px;}
	.mi-header .mi-navbar .header-part .navbar-nav .nav-item:first-child a.SignOut { color: #ffffff !important; background: #c4a265; padding: 0 20px;}
	/*main-search 搜尋*/
	.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 .new_foreign .search_banner .search-box>div { flex: 0 0 50%;}
	.main-search.new .new_foreign .search_banner .search-box>div:nth-child(4){ flex: 0 0 100%; max-width: 100%;}
	.main-search.new .new_foreign section.group_banner .search-area .search-box>div:last-child { flex: 0 0 100%; }
	.main-search.new .new_foreign section.group_banner .search-area .search-box .search-btn{ width: 200px;}
	.main-search.new .new_foreign section.group_banner .search-area .search-box .select-date .select input { width: calc(50% - 13px);}
	.main-search.new .new_foreign .search-area .search-box .select-date .select .divide { margin: 25px 5px 0px 5px; width: 15px; }
	/*首頁最新消息*/
	.main-news .widget-item>.module-container>.main{  margin: 0 15px 15px;}
	/*首頁精選行程模組更換*/	
	.main-hot .hot-content2n .hover-wall .col-sm-12.col-md-6.col-lg-12.mb-4 {  -ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%;}
	/*主題頁2*/
	.theme-tab li.nav-item +li {  padding-left: 15px;}
    .theme-tab.cruise .nav-pills .nav-link { font-size: 1em; padding: 6px 10px; }
	.style4 .hover-wall>.container-fluid>.row>.col-lg-4.mb-4{ -ms-flex: 0 0 50%;     flex: 0 0 50%;     max-width: 50%;}
	.style4 .hover-wall>.container-fluid>.row>div:nth-child(2), .style4 .hover-wall>.container-fluid>.row>div:nth-child(5), .style4 .hover-wall>.container-fluid>.row>div:nth-child(8){margin-left: 0;}
	.style5.pic {  margin-left: 0; border-bottom:0}
	.style5.pic, .style5.text {  padding-top: 0;   padding-bottom: 0;}
	.style5.widget-item > .module-container > .main {padding: 25px;}
	/*關於翔順*/
	.about-block2 .about-text { background: rgb(255 255 255 / 0.6);}
	.about-block2 .about-text article {padding: 10px 35px; background: rgb(221 205 176 / 0.8);}
	.about-text article::before,.about-text article:after{ display:none;}
	/*footer*/
	.mi-footer .footer-sample .col-sm-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; }
	.mi-footer .footer-sample .col-sm-7{ border-left:0; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; max-width:66.6666%; }
	.mi-footer .footer-sample .col-sm-2{ -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width:33.3333%; }
	.mi-footer .footer-sample .logo-part {  margin-bottom: 20px;}
	.mi-footer .footer-sample .service-item-part .social-btn { top: 50px; left: 280px; padding-left: 0; }
}
@media (min-width:768px) and (max-width: 991px){
	.mi-footer-nav .responsive-drop-down-menu > ul{  display: inline-block !important; width: 100%;}
	.mi-footer-nav .responsive-drop-down-menu > ul > li { width: 20%;}
	.mi-footer-nav .responsive-drop-down-menu > ul > li > a { padding: 8px;}
	.mi-footer-nav .responsive-drop-down-menu ul li ul { bottom: 100%;}
	.mi-footer-nav .responsive-drop-down-menu > ul > li > ul > li { width: 100%;}
}
@media (min-width:576px) and (max-width: 991px) {
	/*首頁精選行程*/
	.main-hot .hot-content1 .link-list {  display: block; padding-left: 18px;}
	.main-hot .hot-content1 div.link-list ul li {   line-height: 20px;}
	.main-hot .hot-content1 .link-list ul li:last-child { top: 5px;  right: 6px; width: 55px; height: 55px;}
	.main-hot .hot-content1 .link-list ul li:last-child a { padding: 8px 0 0 0; text-align: center;}
	.main-hot .hot-content1 .link-list ul li:last-child a::after {  top: 29px; right: 17px;}
	.main-hot .hot-content1 div.link-list ul li span, .main-hot .hot-content1 div.link-list ul li a { line-height: 20px;}
}
@media (max-width: 767px) {
	/*header*/
	.mi-header .header-part { padding: 5px 10px;}
	.mi-header .header-phone { left: 250px;  top: 18px;}
	.mi-header .header-phone span:last-child::after{ display:none;}
	/*首頁輪播主圖*/
	.main-slider .carousel-inner .carousel-caption{ display:block !important; padding: 30px 60px 50px 60px;}
	/*首頁最新消息*/
	.main-news .widget-item>.module-container>.main {  margin: 0 5px;}
	.main-news section.marquee { padding: 0;}
	.main-news .marquee-container{ background:transparent;}
	.main-news .marquee h2{ position: relative;   display: table; margin-bottom: 0;  padding-left: 10px; font-size: 1.3rem;   left: inherit; }
	.main-news div.message-list { margin-left: 0; border:0}
	.main-news div.message-list ul li a { padding: 0 15px; font-size: 1rem; text-overflow: ellipsis;}
	/*主題頁1*/
	.theme-slider .carousel-caption{ display:block !important; padding: 15px 40px 35px;}
	.theme-icon .function-row li a h3{ font-size:1rem;}
	.theme-hot .hot-pic,.theme-hot .hot-content,.theme-push .push-pic,.theme-push .push-content{  -ms-flex: 0 0 100%;   flex: 0 0 100%;  max-width: 100%; }
	.theme-push .push-content {  margin-top: 10px;padding-left: 10px;}
	/*主題頁2*/
	.theme-tab {  padding-top: 30px; padding-bottom:30px;}
	.theme-tab li.nav-item +li { padding-left: 8px;}
	.theme-tab .nav-pills .nav-link{  padding: 4px 10px; font-size: 1.1rem;}
	.style1 .pic-content img{ width:100%;}
	.style1 .pic-content+.editor-content {margin-top: 0;}
	.style1 .pic-content, .style1 .editor-content{ padding-left:25px; padding-right:25px;}
	.style3.col1 .pic-content.img-mode{ margin-bottom: 0; padding-right: 0; }
	.style3.col1 .editor-content { margin-top: 9px; padding-left: 0;}
	.style3.col1 .text::before{ width: 1px; height: 30px; top: -30px; right: 40px;  left: inherit;}
	/*關於翔順*/
	.about-block3 .vision .mix-wrapper>div.row article { min-width: initial; width: 100%; padding: 10px;}
	.about-block3 .vision .mix-wrapper>div.row article div { padding: 10px 10px 10px 15px; letter-spacing: rem; font-size: 0.95rem;}
	.about-block3 .vision .mix-wrapper>div.row:nth-child(1) article div::before { width: 10px; top: 20px;}
	.about-block3 .vision .mix-wrapper>div.row:nth-child(2) article::before,.about-block3 .vision .mix-wrapper>div.row:nth-child(2) article::after{ display:none;}
	.about-block3 .vision .mix-wrapper>div.row:nth-child(1) article div:nth-child(2),.about-block3 .vision .mix-wrapper>div.row:nth-child(1) article div:nth-child(3){ margin-left:0}
	.scape-theme{ max-width: 500px; padding-top:0;}
	.scape-theme .function-row li { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%;max-width: 33.333%; margin-bottom: 20px;}
	.scape.about-text article,.incentive.about-text article{  padding: 0 30px 40px;}
	.about-block5 .company .link-list ul li { --ms-flex: 0 0 33.333%; flex: 0 0 33.333%;max-width: 33.333%; }	
	/*footer*/
	.mi-footer-nav .responsive-drop-down-menu .menu-button{ color: #231711; font-size: 1rem; padding: 15px 20px 15px 25px;}
	.mi-footer-nav .responsive-drop-down-menu .menu-button:before{ width: 40px; height: 40px;   border-top: 0;  border-bottom: 0;  top: 10px; right: inherit; left: 90px; background-image:url('https://materials.fillo.com.tw/materials/miragetour/images/4a749975-7075-4676-9a0f-4df98873c1be.svg');  background-repeat: no-repeat;  background-position: center; background-size: 14px;  }
	.mi-footer-nav .responsive-drop-down-menu .menu-button:after{ display:none;}
	.mi-footer-nav .responsive-drop-down-menu > ul > li { border-bottom: 1px solid #ccbb9d;}
	.mi-footer-nav .responsive-drop-down-menu > ul > li > a { padding: 10px 35px;}
	.mi-footer-nav .responsive-drop-down-menu > ul > li.has-sub > a:before {  right: 25px;}
}
@media (max-width: 575px) {
	/*共用*/
	.mi-title h1 { font-size: 1.8rem;}
	/*header*/
	.mi-header .header-part { padding: 5px 5px 30px 5px; }
	.mi-header .header-phone { top: 62px; left: initial;  padding: 3px; width: 100%; max-width: 100%; background: #bf9e62;  text-align: center;  color: #fffbf5;}
	.mi-header .header-phone span{ font-size: 0.9rem;}
	.mi-header .header-phone span:last-child { font-size: 1.1rem; letter-spacing: 0.1rem; color: #fffbf5;}
	.mi-header .header-phone span:last-child a{color: #fffbf5;}
	.mi-header .header-phone span:first-child::after{ display:none;}

	.mi-header .header-phone.logo-30th{left: initial; }
	
	.mi-header .mi-navbar .header-part .navbar-nav .nav-item:first-child{ padding-top:40px;}

	/* 上標針對節慶logo調整 */
	.mi-header.festival .header-part{ padding: 0 5px; }
	.mi-header.festival .header-phone{ left: initial; }
	.mi-header.festival .header-phone { top: 56px;}

	/*首頁輪播主圖*/
	.main-slider .carousel-inner .carousel-caption { padding: 30px;}
	.main-slider .carousel-caption h2 { font-size: 1.5rem; line-height: 2rem;}
	.main-slider .carousel-caption h3 {  padding-top: 0.6rem; font-size: 0.95rem;   line-height: 1.5rem; }
	.main-slider .bs-carousel .carousel-item h5 {padding: 5px 18px 5px 40px; font-size: 1.3rem; top: -15px;  left: 0px;   line-height: 2.2rem;}
	.main-slider .bs-carousel .carousel-item h5::before { left: 15px; top: 10px; background-size: 14px;}
	.main-slider .carousel-control-next, .main-slider .carousel-control-prev{ top:40px; bottom: initial; width: 13%;}
	.main-slider .carousel-control-next-icon, .main-slider .carousel-control-prev-icon{ height:90px;}
	/*main-search 搜尋*/	
	.main-search .search-area .search-box { padding: 20px 10px;}
	.main-search .search-area .search-box .search-btn { width: 160px;  height: 60px;  line-height: 60px; }
	.main-search.new .new_foreign section.group_banner .search-area .search-box .search-btn { width: 160px; height: 60px; }
	/*最新消息*/	
	.main-news { height: 150px;}
	/*首頁精選行程*/	
	.main-hot{ -ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%; }
	.main-hot .hot-content1 section.text-link h2{  font-size: 1.5rem !important;}
	.main-hot .hot-content1 div.link-list ul li span, .main-hot .hot-content1 div.link-list ul li a{ font-size:0.95rem;}
	.main-hot .hot-content1 .link-list ul li:last-child { top: 5px;  right: 5px;}
	.main-hot .hot-content1 .link-list ul li:last-child a { padding: 1px 26px 1px 8px; font-size: 0.95rem !important;}
	.main-hot .hot-content1 .link-list ul li:last-child a::after{ top: 6px; right: 5px;}
	.main-hot .hot-content3 div.link-list { min-height: 120px;  height: auto;}
	/*首頁精選行程-無更多按鈕的標題樣式*/
	.main-hot .hot-content1 section.link.text-link{text-align: center;}
	.main-hot .hot-content1 section.text-link h2,.main-hot .hot-content1 div.link-list ul li span{ padding-left: 0;}
	/*主題頁1*/
	.theme-slider .carousel-control-next,.theme-slider .carousel-control-prev{     top: 20px; bottom: initial; width: 18%;}
	.theme-slider .carousel-control-next-icon,.theme-slider .carousel-control-prev-icon{ height:90px;}
	.theme-slider .carousel-caption { padding: 10px 30px 35px; }
	.theme-slider .bs-carousel .carousel-item h5{ font-size: 1.3rem;  line-height: 1.8rem;}
	.theme-slider .carousel-caption h2 {  padding-top: 0.5rem; font-size: 1rem; color: #e2c38a;}
	.theme-icon .function-row li {  -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%;  margin-top: 0;  margin-bottom: 0; }
	.theme-icon .function-row li +li { border-left: none;}
	.theme-icon .function-row li a img {  max-width: 55px;}
	.theme-hot {-ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%;}
	/*主題頁2*/
	.theme-banner .bgfixed section.bg-gold{ padding: 25px 15px;}
	.theme-banner .bgfixed section h2 { padding-left: 30px; font-size: 2rem; letter-spacing: 0.1rem;  }
	.theme-banner .bgfixed section h2::before { top: 5px; background-size: 20px;}
	.theme-banner .bgfixed section p {  font-size: 1.4rem; letter-spacing: 0.05rem;}
	.theme-tab { padding-top: 0; padding-bottom: 0;}
    .theme-tab.cruise .nav-pills .nav-link { font-size: 0.9em; }
	.theme-tab li.nav-item:nth-child(1), .theme-tab li.nav-item:nth-child(2), .theme-tab li.nav-item:nth-child(3) { -ms-flex: 0 0 33.333%;   flex: 0 0 33.333%; max-width: 33.333%;}
	.theme-tab li.nav-item:nth-child(4), .theme-tab li.nav-item:nth-child(5) { flex: 0 0 50%; max-width: 50%;}
    .theme-tab.cruise li.nav-item:nth-child(4), .theme-tab.cruise li.nav-item:nth-child(5), .theme-tab.cruise li.nav-item:nth-child(6) { -ms-flex: 0 0 33.333%;   flex: 0 0 33.333%; max-width: 33.333%;} 
	.theme-tab li.nav-item:nth-child(2), .theme-tab li.nav-item:nth-child(3), .theme-tab li.nav-item:nth-child(5), .theme-tab li.nav-item:nth-child(6) { border-left: 1px solid #ffffff;}
	.theme-tab .nav-pills .nav-link{ padding: 6px 10px;  text-align: center;  background: #ddcdb0; border: 0; border-radius:0; border-bottom: 1px solid #ffffff;}
	.theme-tab .nav-pills .nav-link.active, .theme-tab .nav-pills .show>.nav-link{ border: 0; }
	.theme-tab li.nav-item +li { padding-left: 0;}
	.theme-tab li.nav-item +li::before{ display:none;}
	.style4 .hover-wall>.container-fluid>.row>.col-lg-4.mb-4{ -ms-flex: 0 0 100%;  flex: 0 0 100%;     max-width: 100%;}
	.style5.text .hotel-row { padding: 0 0 40px 0;}
	/*關於翔順*/
	.about-banner .bgfixed section h2 { font-size: 2rem;}
	.about-banner .bgfixed section p {  font-size: 1.1rem;}
	.about-title h1 {  font-size: 1.8rem;}
	.about-block1, .about-block3 { padding-bottom: 0px;}
	.scape-theme .function-row li a { width: 95px; height: 95px; padding: 18px 10px 10px;}
	.scape-theme .function-row li a h3 { margin-top: 8px; font-size: 1rem;}
	.scape-theme .function-row li a img { width: 30px;}
	.about-block5 .company .link-list ul li { --ms-flex: 0 0 50%; flex: 0 0 50%;max-width: 50%; }	
	/*獎勵旅遊*/
	.com_logo section.function-row li{  -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	/*footer*/
	.mi-footer .footer-sample .col-sm-2,.mi-footer .footer-sample .col-sm-7{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; border-left:0;}	
	.mi-footer .footer-sample .contact-us-part{font-size: 0.9rem;}
	.mi-footer .footer-sample .service-item-part {  padding-top: 15px; border-top: 1px solid rgb(221 205 176 / 0.5);}
}
@media (max-width: 400px) {
	/* header */
	.mi-header .header-part .navbar-brand { height: 50px; padding: 8px;}

	/* 上標針對節慶logo調整 */
	.mi-header.festival .header-part .navbar-brand { height: 50px;}
	.mi-header.festival .header-phone { top: 50px;}

	/*首頁精選行程*/
	.main-hot .hot-content1 .link-list {  display: block; padding-left: 18px;}
	.main-hot .hot-content1 div.link-list ul li {   line-height: 20px;}
	.main-hot .hot-content1 .link-list ul li:last-child { top: 4px;  right: 4px; width: 55px; height: 55px;}
	.main-hot .hot-content1 .link-list ul li:last-child a { padding: 8px 0 0 0; text-align: center;}
	.main-hot .hot-content1 .link-list ul li:last-child a::after {  top: 29px; right: 17px;}
	.main-hot .hot-content1 div.link-list ul li span, .main-hot .hot-content1 div.link-list ul li a { line-height: 20px;}
	/*footer*/
	.mi-footer .footer-sample .service-item-part .social-btn{  top: inherit;   right: 15px;bottom: 110px;   left: inherit; }
}