body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/** modify style code here. 格蘭主題 :) */
* {font-family: 'PT Sans', '微軟正黑體', sans-serif;}
.footer-sample .logo-part .logo {width: auto; height: auto;}

.header[data-position="header"] {background: #000;}
.header-part {/*opacity: 0.8;*/}
/*20270703-針對客戶提出需求，手機模式的下方功能列，不要有動畫效果*/
.D_products_group_detail .nav-down {animation:none;}
@media (max-width: 768px) {
.m-5 {
    margin: 1.5rem!important;
}
.mt-5, .my-5 {
    margin-top: 1.5rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 1.5rem!important;
}
.p-5 {
    padding: 1.5rem!important;
}
.pt-5, .py-5 {
    padding-top: 1.5rem!important;
}
.pb-5, .py-5 {
    padding-bottom: 1.5rem!important;
}
}
@media (max-width: 500px) {
.m-5 {
    margin: 1rem!important;
}
.mt-5, .my-5 {
    margin-top: 1rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 1rem!important;
}
.p-5 {
    padding: 1rem!important;
}
.pt-5, .py-5 {
    padding-top: 1rem!important;
}
.pb-5, .py-5 {
    padding-bottom: 1rem!important;
}
}

/*main*/
.go-to-top {right: 0;bottom: 10%;}
.web-page-frame .go-to-top .top{background: #404040;width: 50px;height: 50px;margin-right: 0px;border-radius: 0;box-shadow: none;font-weight: lighter;opacity: 0.9;}
.web-page-frame .go-to-top .top:hover {opacity: 1.0;}
.web-page-frame .go-to-top .top:after{margin-top: 14px;margin-left: 18px;width:12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;}
.web-page-frame .go-to-top .top-txt{left: calc(50% - 13px);font-weight: normal;font-size: 0.8rem;bottom: 9px;}
.web-page-frame .btn-primary{color:#fff!important;background-color: #825a7d !important;border-color: #825a7d !important;}
.web-page-frame .btn-primary:hover{color:#fff!important;background-color: #396fa6 !important;border-color: #825a7d !important;}
.search_table tbody td.sale-situation .btn {border-radius: 0rem;}
.web-page-frame .btn-primary:not(:disabled):not(.disabled):active,.web-page-frame .btn-primary:not(:disabled):not(.disabled).active,.web-page-frame .show>.btn-primary.dropdown-toggle{color:#fff!important;background-color: #396fa6!important;border-color: #396fa6;border-radius: 0rem;}
.web-page-frame .btn-primary:focus,.web-page-frame .btn-primary.focus,.web-page-frame .page-link:focus{box-shadow: 0 0 0 .2rem rgba(188,145,96,0.2)!important;}
.web-page-frame .btn-green{color:#fff!important;background-color: #825a7d !important;border-color: #825a7d !important;}
.web-page-frame .btn-green:hover{color:#fff!important;background-color: #825a7d !important;border-color: #825a7d !important;}
.web-page-frame .btn-light{color:#fff!important;background-color: #6c757d !important;border-color: #6c757d !important;}
section.group_table .table a:hover{color: #404040;}
section.group_table .table .trip_name a:hover{/* color:#825a7d */}
.info .btn-primary{background-color:#825a7d;border-color:#825a7d}
.info .btn-primary:hover{color:#fff!important;background-color: #825a7d!important;border-color: #825a7d!important;}
.web-page-frame .text_blue{color: #de3545;font-size: 1.2rem;}
.search-area .search-box .search-btn{background: #d06a82 !important;}
.list_con .style_icon .nav-pills .nav-link.active svg{fill: #666 !important;}
.list_con .style_icon .nav-pills a svg {fill: #a9a9a9;}
.filter_list i{color:#825a7d!important}
.web-page-frame .search-area .search-box .select-goal .title i{color:#825a7d!important}
.web-page-frame .search-area .search-box .select-place .title i{color:#825a7d!important}
.web-page-frame .search-area .search-box .select-date .title i{color:#825a7d!important}
.web-page-frame section.search_banner .search-area .search-box .select-input .data-icon-search{color:#825a7d!important}
.radio_style [type="radio"]:checked+label:after{background:#825a7d!important}
section.search_con .pagination .page-item .page-link{/* border:1px solid #825a7d!important; */width: 28px;height: 30px;}
@media (max-width:767px){section.search_con .pagination .page-item{margin: 0;}}
section.search_con .pagination .page-item.active .page-link {color: #ffffff;background: #825a7d;}
section .page-item.active .page-link {background:#825a7d;}
section.search_con .pagination .page-item .page-link:hover {background: #a37fa3!important;color: #ffffff;border: 1px solid #825a7d!important;}
section.search_con .pagination .page-item .page-link:hover svg{fill: #ffffff;}
section.search_con .pagination .page-item.active .page-link {color: #ffffff;background: #825a7d;border: 1px solid #825a7d!important;}
section .page-item.active .page-link {background:#825a7d;}
section .page-link {color: #333333;}
.web-page-frame .irs-slider{background:#825a7d}
.web-page-frame .irs-slider.state_hover,.web-page-frame .irs-slider:hover{border:2px solid #825a7d}
.web-page-frame .irs-from,.web-page-frame .irs-to,.web-page-frame .irs-single{background: #825a7d;}
.web-page-frame figure.block_style .main_words a:hover {color: #0f2459;}
.web-page-frame .pic_style figure.block_style .main_words a:hover {color:#825a7d}
.web-page-frame figure.block_style .note_words .share_box:hover {color:#825a7d}
.web-page-frame .table .thead, .web-page-frame .table .thead:hover {background: #404040;font-size: 1.15rem;}
.web-page-frame .table .thead th {font-weight: normal;}
.web-page-frame .fc .fc-toolbar.fc-header-toolbar{background: #404040;}
.web-page-frame .fc .fc-toolbar.fc-header-toolbar h2{font-size:1.15em;text-shadow:none;padding-left:1rem;font-weight:400}
.web-page-frame .fc .fc-button-primary:disabled{background-color: var(--fc-button-bg-color, #404040);}
.web-page-frame .fc .fc-button-primary:hover{background-color: var(--fc-button-bg-color, #825a7d);border-color: #a3a3a3;}
.web-page-frame .fc .fc-button-primary:not(:disabled).fc-button-active,.web-page-frame .fc .fc-button-primary:not(:disabled):active{border-color:#8f618f;background-color:#8f618f}
.web-page-frame .fc .fc-button-primary:not(:disabled).fc-button-active:focus,.web-page-frame .fc .fc-button-primary:not(:disabled):active:focus{box-shadow:0 0 0 .2rem rgb(143 97 143 / 60%)}
.web-page-frame .fc .fc-button-primary:not(:disabled).fc-button-active:focus,.web-page-frame .fc .fc-button-primary:not(:disabled):active:focus{box-shadow:0 0 0 .2rem rgb(143 97 143 / 60%)}
.web-page-frame .fc .fc-button-primary{color:#8f618f}
section.group_table.trip_day table.table tr.thead th:nth-child(2){background: none;}
section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{height: 0;}
section.group_table .table .trip_name h5 {margin:0;}
.web-page-frame section.group_table.trip_airline .table .thead th {border-right: 1px solid #7d7d7d;}
.web-page-frame section.group_banner .media-grouop .share_box:hover, .web-page-frame section.group_banner .media-grouop .forword_box:hover { background: #825a7d;}
.web-page-frame section.group_table.trip_airline .table .thead:hover  {background: #404040;}
.web-page-frame .filter_list .form-check .customcheck input:checked ~ .checkmark {background-color: #825a7d;}
.web-page-frame section.group_banner.trip_banner .btn-info {background-color: #825a7d;border-color: #825a7d;}
.web-page-frame section.group_banner.trip_banner .btn-info:focus, .web-page-frame section.group_banner.trip_banner .btn-info.focus {box-shadow: 0 0 0 0.2rem rgba(148, 148, 148, 0.4);}
.popover {background: #825a7d !important;}
.popover .close {border: 1px solid #825a7d !important;color: #825a7d !important;}
.popover .arrow:after, .popover .arrow:before {border-color: transparent transparent #825a7d transparent !important;}
.popover .close:hover {background: #825a7d !important;}
.web-page-frame .sub_menu-trip .trip_menu li a:hover {/* background: #5c5c5c; */}
.Day_menu .swiper_day .swiper-slide a:hover {background: #825a7d !important;border: 1px solid #404040 !important;}
section.trip_note .card-header .btn {background: #404040 !important;color: #fff !important;}
section.trip_note .card-header a[aria-expanded="false"]:after {color: #fff !important;}
.sub_menu-trip .server_menu li:nth-child(1) {background: #d16982;opacity: 1;}
.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){background: #404040}
.sub_menu-trip .server_menu a i{font-size: 1.0rem !important;}
@media screen and (min-width:991px){.sub_menu-trip .server_menu>ul>li a{font-size:.9rem;padding-top:5px}
.sub_menu-trip .server_menu{/* position:fixed; *//* right:0; *//* top:230px; */}
.sub_menu-trip .server_menu li{width:33.33%;float:right;border-radius:0;box-shadow:none;margin-bottom:0}
.sub_menu-trip .server_menu a{/* font-size:0; */padding:1rem .45rem .45rem .45rem;line-height:inherit}
.sub_menu-trip .server_menu>ul>li a:hover{/* font-size:1rem; */}
.sub_menu-trip .server_menu>ul>li{opacity: .8;font-size:1rem}
.sub_menu-trip .server_menu>ul>li.favor-fixed-btn{opacity: 1;}
.sub_menu-trip .server_menu>ul>li:hover{/* opacity:1; */}
.sub_menu-trip .server_menu a br{display:none}
.sub_menu-trip .server_menu a i{font-size:15px;/* margin-right:0!important; */}
.sub_menu-trip .server_menu a:hover i{/* margin-right:5px!important; */}
}
@media screen and (min-width:991px){
.sub_menu-trip .trip_menu{width: 86px;padding: 6px 6px 0 6px;}
.sub_menu-trip ul{margin-bottom: .5rem;}
.sub_menu-trip .trip_menu li a{}
.sub_menu-trip .trip_menu li a span{font-size: .9rem;}
}
.sub_menu-trip .server_menu>ul>li.download-fixed-btn{background: #000000;}
.sub_menu-trip .server_menu>ul>li.share-fixed-btn{background: #000000;}
.sub_menu-trip .server_menu>ul>li.query-fixed-btn{background: #000000;}
.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a{background: #000000 !important;opacity: 0.8;padding: 5px 15.5px !important;}
figure.block_style .pic_all .plane_word {background: transparent linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.84) 100%) 0% 0% no-repeat;bottom: 0px;}
/*main*/

/*list*/
.WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner {/* height: 640px; */}
.WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area {min-height: 110px;bottom: calc(50% - (145px/2));}
figure.block_style .pic_all::after {border-color: transparent transparent transparent hsl(0deg 0% 30% / 70%);}
.list_con .style_icon span {line-height: 2.0;}
.font-weight-bold  {font-weight: 500 !important;}
.filter_list .btn i  {vertical-align: inherit;margin-right: 10px;}
figure.block_style .price_box span {/* font-size: 1.6rem; *//* font-weight: normal; *//* letter-spacing: .1rem; *//* font-family: 'Noto',  sans-serif; */}
.pic_style figure.block_style .price_all h4 span {font-family: 'Noto',  sans-serif;font-weight: normal;font-size: 1.4rem;}
.list_con .title p {margin-top: 10px;}
figure.block_style .pic_all .item_days {font-family: 'Noto', 'Microsoft JhengHei' , sans-serif;width: 64px;font-weight: lighter;font-style: italic;padding: 5px 0;font-size: 2.0rem;letter-spacing: 0.1rem;}
figure.block_style .pic_all .item_days span {font-size: .8rem;margin-left: 5px;margin-top: 8px;}
figure.block_style .main_words .go-date {font-size: 1.2rem;/* color: #898989; */letter-spacing: 0.02rem;}
.irs-bar {background: #4976dc;}
.badge-primary {background-color: #4976dc;}
.search_table tbody td.tour-price span {font-size: 1.2rem;font-family: 'Noto', sans-serif;font-weight: normal;}
.pic_style figure.block_style .main_words {border: 1px solid #e2e2e2;}
.search_table .thead th.tour-price {width: 15%;}

/*detail*/
.basic-air-btn a {font-size: 1.0rem;background: #ffffff;border: 1px solid #ddd;padding: 5px 25px;color: #888;border-radius: 0px;}
.basic-air-btn a:hover {background: #e8e8e8;color: #444;}
#qrcode:hover canvas {width: 200px;height: 200px;box-shadow: 0px 1px 17px #adadad;}
.group_num #qrcode img {width: 40px;}
section.group_banner .group_num #qrcode::after{font: normal normal normal 18px/1 FontAwesome;}
section.group_banner .price_content .panel-info {border: 1px solid #404040;}
section.group_banner .price_content .panel-info .panel-heading {background: #404040;font-weight: normal;font-size: 1.0rem;}
section.group_banner .price_content .panel-info .panel-body{font-size: 1.0rem;color: #444;}
section.group_banner.trip_banner h3.price {font-weight: normal;letter-spacing: .1rem;font-family: 'Noto', sans-serif;}
.basic-air-info .time {border-bottom: 2px dotted #adadad;color: #555;}
.basic-air-info {background: #f0f0f0;border: 1px solid #404040;padding: 1.8rem 1rem !important;margin-top: 1.5rem !important;}
.basic-air-info .go i, .basic-air-info .back i {color: #555;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);font-size: 1.2rem;margin-right: 14px;}
.basic-air-info .go i.fa-plane:before, .basic-air-info .back i.fa-plane:before {content: "\E005";font-family: "icon", "FontAwesome";}
.basic-air-info .go h3, .basic-air-info .back h3 {color: #555;font-size: 1.0rem;}
.basic-air-info .go br, .basic-air-info .back br {display: none;}
.basic-air-info .go h4, .basic-air-info .back h4 {font-family: 'Noto', sans-serif;margin-bottom: 0;font-size: 1.0rem;color: #404040;font-weight: normal;}
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: #000000;}
.group_table>.container>.text-center {padding-top: 0rem;margin-top: -6rem;}
section.group_table.trip_day .info_box .info_box_title .day_title {font-size: 3rem;font-weight: normal;font-family: 'Noto', sans-serif;font-style: italic;}
section.group_table.trip_day .info_box .info_box_title .day_sub-title {font-size: 1.0rem;letter-spacing: .05rem;}
.basic-air-airport i {color: #f37272;}
.flight_details .details_box > h4  {background: #6c757d;}
.flight_details {border: 1px solid #6c757d;}
.flight_details .details_box > h4 i {color: #ffffff;}
section.group_table.tripdown .style_icon ul li a.nav-link {border: 1px solid #825a7d;color:#825a7d;border-radius: 0px;font-size: .9rem;padding: 8px 12px;}
section.group_table.tripdown .style_icon ul li a.active.nav-link {background-color: #8f618f;color:#fff;}
section.group_table.tripdown .style_icon ul li a.nav-link svg {fill:#825a7d;width: 18px;}
section.group_table.tripdown .search_table tbody td.tour-price span {font-family: 'Noto', sans-serif;font-size: 1.25rem;font-weight: normal;}
section.group_table.tripdown .search_table tbody td.tour-name a.title_main {/* font-weight: normal; */font-size: 1.1rem;}
section.group_table.tripdown .search_table tbody td.go-airport h6 {margin-bottom: 0rem;}
section.group_table.trip_day .info_box .info_box_title p {background: #ede6ed;}
section.group_table.tripdown .search_table tbody td  {padding: 20px 10px;}
section.group_table.trip_features, section.group_table.trip_airline, section.group_table.trip_day, section.group_table.trip_note, section.group_table.view_intro, section.group_table.tripdown {padding-top: 15rem;}
section.group_table.trip_features .container .group_table_box p{text-align: justify;margin-bottom: .5rem;line-height: 1.8;}
section.group_table.trip_features .container .group_table_box .title_s{font-size: 0;border: none;}
section.group_table.trip_features:before{background-image: url(https://materials.fillo.com.tw/materials/grandee/images/88ff6c97-e1b9-4a86-af25-6e615612f19a.jpg);}
section.group_table.trip_day:before{background-image: url(https://materials.fillo.com.tw/materials/grandee/images/e0ebba46-643a-46af-bb1b-86b4cc166532.jpg);}
@media (max-width: 767px) {
section.group_table.trip_day .info_box .info_box_title .day_title {margin: 0px auto 10px auto;}
section.group_table.trip_features, section.group_table.trip_airline, section.group_table.trip_day, section.group_table.trip_note, section.group_table.view_intro, section.group_table.tripdown {padding-top: 9rem;}
}

.day_con .info_box > .row > div:nth-child(1){display:none;}
.day_con .info_box > .row > div:nth-child(2){max-width:100%;flex:0 0 100%;}
section.group_table.trip_day .info_box .info_box_title{margin-left:0;}


/* 滾動視差 start */
.out-recomend {
    position: relative;
 	font-family: "PT Sans", 微軟正黑體, sans-serif;
    text-align: center;
    word-wrap: break-word;
    writing-mode: horizontal-tb;
    -ms-direction: rtl;
    -ms-writing-mode: tb;
    overflow: hidden;
}
.out-recomend>.icon h3 {
    text-align: center;
    color: #b4a582;
    font-size: 1.063em;
}
.out-recomend p {
    padding: 15px 0 50px 0;
}
.index .out-recomend>.icon img {
    margin-bottom: 15px;
}

.mainpic a {
  	display: block;
  	width: 100%;
    height: 100vh;
    text-align: center;
    word-wrap: break-word;
    writing-mode: horizontal-tb;
}
.mainpic a .info {
  	opacity: 1;
    width: 25vw;
    position: absolute;
  	top: 0;
    right: 0;
    height: 100%;
    text-align: right;
    border-left: #fff 1px solid;
    background-color: rgba(120, 125, 123, .4);
    word-wrap: break-word;
    writing-mode: horizontal-tb;
    -ms-direction: rtl;
    -ms-writing-mode: tb;
}
.mainpic a .info>.num {
    color: #b0c2c4;
    margin: 13% 32% 0 0;
    width: auto;
    float: right;
}
.mainpic a .info>.tit {
    margin: 30px 32% 0 0;
    float: right;
    width: 60px;
    position: relative;
}
.mainpic a .info>.tit h4 {
    line-height: 102%;
    letter-spacing: .2em;
    width: 20px;
    display: inline-block;
    height: 160px;
    word-wrap: break-word;
    writing-mode: horizontal-tb;
    font-size: 1.5em;
    color: #fff;
    float: right;
}
.mainpic a .info>.tit>p {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    padding: 0;
    margin: 0;
    color: #dac9a6;
    font-weight: 300;
    font-style: italic;
    font-size: 1.125em;
    position: absolute;
    left: -55px;
    top: 60px;
    text-align: left;
    width: 150px;
}
.mainpic a .info>.note {
    margin: 30px 44% 0 0;
    float: right;
}
.mainpic a .info>.note>p {
    line-height: 102%;
    letter-spacing: .2em;
    width: 20px;
    display: inline-block;
    height: 120px;
    word-wrap: break-word;
    writing-mode: horizontal-tb;
    color: #fff;
    float: right;
    font-weight: 300;
    font-size: 1em;
    padding: 0;
    margin-left: 8px;
}
.mainpic a .info>.more {
    position: absolute;
    right: 32%;
    bottom: 60px;
    color: #fff;
}

@media screen and (max-width:1860px) {
  	
}
@media screen and (max-width:1400px) {
    .mainpic a .info {width: 32vw;}
    .mainpic a .info>.more {bottom: 40px;}
}

@media screen and (max-width:1250px) {
    .mainpic a .info {width: 430px;}
}

@media screen and (max-width:1200px) {
  	
}

@media screen and (max-width:1024px) {
    .mainpic a .info {
        right: 0;
        opacity: 1;
    }
}

@media screen and (max-width:768px) {
    .mainpic a .info {width: 350px;}
}

@media screen and (max-width:767px) {
  	
}

@media screen and (max-width:490px) {
    .mainpic a .info {
        width: 100%;
        border-left: none;
    }
    .mainpic a .info>.tit>p {
        font-size: .85em;
    }
}
/* 滾動視差 end */


@media (max-width:991px){
  /*header*/
  .header-bar .module-container .main nav.header-part .navbar-collapse.show{overflow: auto;padding-bottom: 10rem;height:100vh;}
  /*index-HoverBanner*/
  .hover_banner .module-container .main > div > nav > div > div{display: flex;flex-wrap: wrap;width: 100%;}
  .hover_banner .module-container .main > div > nav > div > div > div{width: 100%;}
  .hover_banner .module-container .main > div > nav > div > div > div > img{max-width: 100%;}
  .hover_banner .module-container .main > div > nav > div > div > div .pull-right{float: unset;margin: 0 auto;display: inline-block;}
}
@media (max-width:767px){
  .hover_banner .module-container .main > div > nav > div > div > div .pull-right a{padding:20px 15px;}
  .hover_banner .module-container .main > div > nav > div > div > div .pull-right a h3{font-size:1.25rem;}
}

/*主打商品push*/
.M-001.push .module_carousel{ padding-bottom: 0; background: rgba(255, 255, 255, 0.8);}
.M-001.push .country_tab .module_box_title ul{padding: 1em;}
.M-001.push .country_tab .module_box_title ul li { padding: 1.5em 1.5em; border-bottom: 1px solid #c7c7c7; }
.M-001.push .country_tab .module_box_title ul li:hover { border-bottom: 1px solid #4db7ff; }
.M-001.push .country_tab{display: flex;align-items: center;}
.M-001.push .country_tab .tab_container{ width:50%; padding: 15px;}
.M-001.push .country_tab .module_box_title{width: 50%;}
.M-001.push .country_tab .module_box_title ul li a span{margin-right: 8px;padding: 4px 15px;border-radius: 25px;font-size: 1.1em;}
.M-001.push .country_tab .module_box_title ul li a span::after{ border: 0;}
.M-001.push .country_tab .module_box_title ul li  a p{color:#01305a;line-height:2em;font-size: 1.15em;}
.M-001.push .country_tab .module_box_title ul li:hover  a p{ color:#4db7ff;}
@media (max-width:1200px){
.M-001.push {-ms-flex: 0 0 95%;flex: 0 0 95%;max-width: 95%;}
.M-001.push .country_tab .module_box_title ul li{padding: 0.75em 0em;}
.M-001.push .country_tab .tab_container{width: 40%;padding: 15px;}
.M-001.push .country_tab .module_box_title{width: 60%;}
}
@media (max-width:767px){
.M-001.push .country_tab{display: flex;flex-direction: column;}
.M-001.push .country_tab .tab_container, .M-001.push .country_tab .module_box_title{width: 100%;}
}

.main_slider .carousel-caption{text-align:left;max-width: 100%;position: absolute;top: 20%;left: 40%;transform: translate(-50%, 0);}
.main_slider .bs-carousel .carousel-item h5{font-size:2.5rem;text-shadow:none;font-weight:400;padding-bottom: 1.0rem;opacity: 0;visibility: hidden;transition: all 0.7s ease;transition-delay: 0.7s;transform: translateY(20px);}
.main_slider .bs-carousel .carousel-item h5:nth-child(1){border-bottom: 1px solid #fff;}
.main_slider .bs-carousel .carousel-item p{text-shadow:none;opacity: 0;visibility: hidden;transition: all 0.7s ease;transition-delay: 0.7s;transform: translateY(20px);}
.main_slider .carousel-fade .carousel-item.active h5{opacity:1;visibility:visible;transform:translateY(0);display:block}
.main_slider .carousel-fade .carousel-item.active p{opacity:1;visibility:visible;transform:translateY(0);display:block}
.main_slider .bs-carousel .carousel-item p.btn{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem;color:#fff;background-color:#17a2b8;border-color:#17a2b8;display:inline-block}
.main_slider .carousel-fade .carousel-item.active img{transition:all 15s;transform:scale(1)}
.main_slider .carousel-fade .carousel-item img{transition:all 15s;transform:scale(1.25)}
.main_slider .carousel-fade .carousel-item:before{content:'';background: rgba(0, 0, 0, 0.2);width:100%;height:100%;z-index:1;position:absolute}

.index_ad .hover-wall .icon_info{height: 100%;}
.index_ad .hover-wall .icon_info h3{font-size:1.25em;margin-top:1.5rem}
.index_ad .hover-wall .htpro_tit h1{display:inline-flex;align-items:center;font-size: 48px;line-height: 1.3em;font-weight: bold;border: none;margin-top: 2.0rem;margin-bottom: 0;}
.index_ad .hover-wall figure .overlay i{display:none}
.index_ad .hover-wall .htpro_tit h2{margin-bottom:0;font-size: 20px;line-height: 1.7em;}
.title_01.index_ad .hover-wall .htpro_tit{margin:0}
@media (max-width:767px){
.five-wrapper .sec-title h2,.index_ad .hover-wall .htpro_tit h1{font-size: 2.5rem !important;}}


.youtube {overflow:hidden}

.about .pic-content{margin-top:5vh;margin-bottom:5vh}
.about .editor-content,.about_p0 .editor-content{display:flex;align-content:center;flex-direction:row;flex-wrap:wrap}
.about h2{font-size:3rem;margin-bottom: 1.5rem;}
.about p{font-size:1.25rem}
@media (max-width:1400px){.about{-ms-flex:0 0 100%;flex:0 0 100%;max-width:1000px}
}
@media (max-width:767px){.about .editor-content section{padding:0!important}
.about .pic-content{margin-top:2vh;margin-bottom:2vh}
}
@media (min-width:991px){.about_p0 .mix-wrapper{padding:0}
.about_p0 .pic-content{margin-top:0;margin-bottom:0}
}

.header-bar .header-part .navbar-brand{padding: 5px;}

section.group_banner.search_banner .search-area > .container {/* max-width: 100% !important; */background: none !important;border: none !important;}
section.group_banner .search-area .search-box .search-btn {/* display: block !important; *//* border-radius: 5px; */height: 50px !important;line-height: 50px !important;}
section.group_banner .search-area .search-box .search-btn:hover i{transform: translateY(-2px);}
section.group_banner .search-area .search-box .search-btn h5 {/* width: initial !important; *//* font-size: 0 !important; */}
section.group_banner .search-area .search-box {/* margin: 0 !important; */align-items: center;/* padding: 0px 30px !important; */}
section.group_banner .search-area .search-box .select-status {display: none !important;}
section.group_banner .search-area .search-box .select-place,
section.group_banner .search-area .search-box .select-goal,
section.group_banner .search-area .search-box .select-date {background: transparent !important; padding: 0 !important;}
section.group_banner .search-area .search-box .select-place .select select,
section.group_banner .search-area .search-box .select-goal .select select {padding: 0 20px 0 15px; color: #393939;}
section.group_banner .search-area .search-box .select-goal .title,
section.group_banner .search-area .search-box .select-place .title,
section.group_banner .search-area .search-box .select-date .title,
section.group_banner .search-area .search-box .select-date .title {height: 30px !important; line-height: 30px;}
section.group_banner .search-area .search-box .select-goal .title h6,
section.group_banner .search-area .search-box .select-place .title h6,
section.group_banner .search-area .search-box .select-date .title h6,
section.group_banner .search-area .search-box .select-date .title h6 {margin: 0px 6px !important;color: #153075 !important;font-size: 1rem !important;font-weight: bold;}
section.group_banner .search-area .search-box .select-input {padding: 0px !important; height: 70px !important; border: none !important;}
section.group_banner .search-area .search-box .select-input:before {content: "關鍵字"; font-size: 1rem !important; color: #153075; font-weight: bold; height: 30px; line-height: 30px;}
section.group_banner .search-area .search-box .select-input .data-icon-search {display: none;}
section.group_banner .search-area .search-box .select-date .select {background: #FFF; width: 100%;}
section.group_banner .search-area .search-box .select-date .select input {width: calc(50% - 20px)!important; padding: 0 15px !important; letter-spacing: 1px !important; color: #393939;}
section.group_banner .search-area .search-box .select-input > input {height: 30px !important;color: #393939;font-size: 1rem !important;padding:  0 0 0 15px !important;}
section.group_banner .search-area .search-box .select-input > input::placeholder {color: #9f9f9f;}
section.group_banner .search-area .search-box .select-input > input::-webkit-input-placeholder {color: #9f9f9f;}
section.group_banner .search-area .search-box .select-input > input:-ms-input-placeholder {color: #9f9f9f;}
section.group_banner .search-area .search-box .select-input > input::-moz-placeholder {color: #9f9f9f; opacity: 1;}
.D_products_group_search section.search_banner .search-area .search-box .select-goal .select,
.D_products_group_search section.search_banner .search-area .search-box .select-goal select,
.D_products_group_search section.search_banner .search-area .search-box .select-place .select,
.D_products_group_search section.search_banner .search-area .search-box .select-place select {background: #FFF;}
.D_products_group_search section.group_banner .search-area .search-box .select-date .select input {width: calc(42%) !important; padding: 0 10px !important;}
.D_products_group_search section.group_banner.search_banner {/* height: 180px !important; */background: url(https://materials.fillo.com.tw/materials/jingtour/images/a77b5db1-c423-4226-999f-1bb64a096e38.jpg) center center no-repeat;background-size: cover;}
.D_products_group_search section.group_banner .search-area .search-box .select-status {display: block !important;padding-right: 20px;}
.WinChrome.D_products_group_search section.group_banner.search_banner::after {background: #ffe2e8e0 !important;}
.D_products_group_search .group_banner.search_banner .search-area > .container {/* padding-bottom: 30px; */}
.WinChrome.D_products_group_search section.group_banner .search-area .form-check label {color: #153075 !important;}
.WinChrome.D_products_group_search section.group_banner .search-area {/* bottom: calc(24% - (87px/2)); */}
.WinChrome.D_products_group_search .search-area .search-box .select-date .select .divide {margin: 12.5px 10px 0px 10px;}
@media (max-width: 1199.98px) {
  section.group_banner .search-area .search-box {padding: 15px !important;}
  .WinChrome.D_products_group_search section.group_banner .search-area:before {line-height: 145px;}
  .D_products_group_search section.group_banner .search-area .search-box .select-date .select input {width: calc(40%) !important;}
}
@media (max-width: 767px) {
  section.group_banner .search-area .search-box {padding: 15px 0 !important;}
  section.group_banner .search-area .search-box .select-date .select input {width: calc(44%) !important;}
  .WinChrome.D_products_group_search section.group_banner .search-area:before {line-height: 0px;}
}
@media (max-width: 1200px) and (min-width: 768px) {
  .D_products_group_search .header_box .mega-menu .menu-links {height: 70px;}
  .D_products_group_search .header_box .mega-menu .menu-links>li>a {line-height: 58px; font-size: 1em;}
}

.tabs_style{max-width:1200px;margin:6vh auto}
.tabs_style .nav-tabs{border-bottom:1px solid #a6a6a6!important}
.tabs_style .nav-tabs .nav-link.active{background-color:#8F618F!important;border-color:#8F618F!important}
.tabs_style .nav-tabs .nav-link{color:#fff!important;background-color:#a6a6a6!important;border:1px solid #a6a6a6!important;padding:.75rem 1.25rem;font-size: 1.25rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;letter-spacing:.1rem}
.tabs_style .tab-content{border:1px solid #a6a6a6!important;padding:5vh 3vw!important}

section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box h5{text-align: justify;}
@media (max-width: 767px){
section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title{font-size: 1.75rem;}
section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box h5{font-size: .95rem;}
}
@media (max-width:767px){.five-wrapper .room-block-one.height-two .image-box{height: 420px !important;}}

.swiper-slide .swiper-content{-webkit-line-clamp: unset;}
.swiper-slide-style{height: auto;}
@media (max-width:767px){
.swiper-slide .swiper-title{font-size: 1.5rem;}
.swiper-slide .swiper-content{font-size: .95rem;}
}

@media (max-width: 600px){
div.message-list ul li a{line-height: normal!important;font-size: 14px !important;margin-top: 5px;}
div.message-list ul li a img{display: none;}}

@media (max-width: 600px){
.about_fixed h4{font-size: 1.25rem;}}

.footer_info .footer-sample .contact-us-part .contact-title{font-size: 1.25rem !important;}
@media (min-width:992px){
.footer_info .footer-sample{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;margin:0 auto}
.footer_info .footer-sample .contact-us-part,.footer_info .footer-sample .service-item-part{margin-top:3rem}
.footer_info .footer-sample>div:nth-child(2){-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.footer_info .footer-sample>div:nth-child(3){-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
}

.expand-graphics{margin-top: 2.0rem !important;}

.right_fixed .actGotop {bottom: 30px;}
.right_fixed .side_box{bottom: 80px;}
.right_fixed .side_box .side_bar{box-shadow: none;padding: 0px;/* border: 1px solid #8f618f; */background: none !important;}
.right_fixed .side_box .side_bar li{padding: 0;}
.right_fixed .side_box .side_bar li a p{line-height: 1.0em;margin: 3px 0 0 0;font-weight: bold;}
.right_fixed .side_box .side_bar li a i{font-size: 1.5rem;}
@media (max-width: 767px){.D_products_group_detail .right_fixed .actGotop {bottom: 61px;}
.D_products_group_detail .right_fixed .side_box{bottom: 115px;}
}
.web-page-frame .go-to-top{display: none !important;}
.D_products_group_detail .right_fixed {}

@media (max-width: 576px){
.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{line-height: 2.2;}
.sub_menu-trip .server_menu > ul > li.join-fixed-btn a:before{content:'報名';font-size: 19px !important;top: 24px;}
.sub_menu-trip .server_menu > ul > li.join-fixed-btn a i{display: none;}
}

.header-bar .header-part .navbar-nav .nav-link{font-size: 1.15rem;}
.header-bar .header-part .navbar-nav .dropdown-item{font-size: 1.15rem;}
.module-container .marquee-container .message-list a{font-size: 1.15rem;}
#module_box_title_mdu_jkNrEWpHWk2lelw0usSszg{font-size: 1.15rem;}
.col-12 .module{font-size: 1.15rem;}
.falls-container .grid .grid-item h3{font-size: 1.25rem !important;font-weight: 600;}
.falls-container .grid .grid-item p{font-size: 1.0rem !important;}

.contact .contac_form .form-row .form-group{padding-right:15px!important;padding-left:15px!important}
.contact select.form-control{margin:0 auto;padding:2px;border-radius:0;color:#666}
.contact select.form-control:not([size]):not([multiple]){height:50px}
.contact div[data-type=CBX] .form-check{height:23px;padding-left:28px}
.contact textarea.form-control{margin:0 auto;border-radius:0;height:150px}
.contact .fa-calendar{position:absolute;margin-top:-28px;right:30px;color:#666}

.country_tab .module_box_title ul li a span,.country_tab .module_box_title ul li a p{font-size: 1.15em;}

@media (max-width: 576px){
.TripHotel div:nth-child(2){display: inline-block !important;}}