body {
  background-attachment: scroll;
  background-position: left top;
}
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;
}
/****Header start***旅友友-滿版*/
*{font-family: 'Noto Serif TC', serif;-webkit-text-size-adjust: none;}
@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Noto+Serif+TC:wght@200;300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;1,400&display=swap');
body {background: #fff;}
p {margin-bottom: 1rem;}
img{display: initial;}
ul li {list-style: none;}
a:hover {text-decoration: none;}
button:focus {outline: none;}
input:focus, select:focus {outline: #91a4ba 1px auto;}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
  margin: 0;
  margin-bottom: 0.5rem;
  /*font-family: 'Noto Serif TC', serif !important;*/
}
h1 {
  font-size: 3.0rem;
}
h2 {
  font-size: 2.4rem;
}
h3 {
  font-size: 2.0rem;
}
h4 {
  font-size: 1.75rem;
}
h5 {
  font-size: 1.5rem;
}
h6 {
  font-size: 1.0rem;
}
@media (max-width: 768px){
h1 {
  font-size: 1.8rem;
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.3rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.0rem;
}
h6 {
  font-size: .9rem;
}
}
@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;
}
}
.mt-6{margin-top: 6rem!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;
}
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.px-30 {padding: 0 30px;}
.h-100vh>.module-container>.main{height: 100vh;}
.h-40vh>.module-container>.main{height: 40vh;}
.h-100vh>.module-container>.main .header-title{display:none;}
@media (max-width:991px){.h-100vh>.module-container>.main{height: inherit;}}
@media (min-width:1200px) {.w-1200 {max-width: 1200px;}.w-1000 {max-width: 1000px;}}
@media (max-width:1199px) and (min-width:991px) {.w-1200 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}.w-1000 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}}
@media (max-width:991px){.w-1200 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}}

/*main*/
.go-to-top {display:none!important;}
.web-page-frame .go-to-top .top{background:#3a3a3a;width:60px;height:60px;margin-right:10px}
.web-page-frame .go-to-top .top:after{margin-top:12px;margin-left:24px;width:12px;height:12px}
.web-page-frame .go-to-top .top-txt{left:calc(50% - 9px)}
.web-page-frame .btn-primary{color:#fff!important;background-color: #6f89a3 !important;border-color: #6f89a3 !important;}
.web-page-frame .btn-primary:hover{color:#fff!important;background-color: #396fa6 !important;border-color: #6f89a3 !important;}
.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;}
.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: #6f89a3 !important;border-color: #6f89a3 !important;}
.web-page-frame .btn-green:hover{color:#fff!important;background-color: #6f89a3 !important;border-color: #6f89a3 !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:#6f89a3 */}
.info .btn-primary{background-color:#6f89a3;border-color:#6f89a3}
.info .btn-primary:hover{color:#fff!important;background-color: #6f89a3!important;border-color: #6f89a3!important;}
.web-page-frame .text_blue{color:#6f89a3}
.idx_search .search-area .search-box .search-btn{background: #002e5d !important;height: 44px !important;line-height: 40px !important;border-radius: 60px;width: 90% !important;margin: 0 5%;}
.search-area .search-box .search-btn{background: #396fa6!important;line-height: 40px !important;}

.list_con .style_icon .nav-pills .nav-link.active svg{fill:#6f89a3 !important}
.filter_list i{color:#6f89a3!important}
.web-page-frame .search-area .search-box .select-goal .title i{color: #304a6f !important;}
.web-page-frame .search-area .search-box .select-place .title i{color: #304a6f !important;}
.web-page-frame .search-area .search-box .select-date .title i{color: #304a6f !important;}
.web-page-frame .search-area .search-box .select-keywords .title i{color: #304a6f !important;}
.web-page-frame .search-area .search-box .title h6 {color: #304a6f !important;font-weight: bold;}
.web-page-frame section.search_banner .search-area .search-box .select-input .data-icon-search{color:#6f89a3!important}
.radio_style [type="radio"]:checked+label:after{background:#6f89a3!important}
section .page-item.active .page-link {background:#6f89a3;}
section.search_con .pagination .page-item .page-link:hover, section.search_con .pagination .page-item.active .page-link{background:#6f89a3!important;color: #ffffff;border: 1px solid #6f89a3!important;}
section .page-link {color: #333333;}
.web-page-frame .irs-slider{background:#6f89a3}
.web-page-frame .irs-slider.state_hover,.web-page-frame .irs-slider:hover{border:2px solid #6f89a3}
.web-page-frame .irs-from,.web-page-frame .irs-to,.web-page-frame .irs-single{background:#6f89a3}
.web-page-frame figure.block_style .main_words a:hover {color:#6f89a3}
.web-page-frame .pic_style figure.block_style .main_words a:hover {color:#6f89a3} 
.web-page-frame figure.block_style .note_words .share_box:hover {color:#6f89a3}
.web-page-frame .table .thead, .web-page-frame .table .thead:hover {background: #6f89a3;font-size: 1.0rem;}
.web-page-frame .table .thead th {font-weight: normal;}
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: #6f89a3;}
.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: #6f89a3;}
.web-page-frame section.group_banner.trip_banner .btn-info {background-color: #6f89a3;border-color: #6f89a3;}
.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: #6f89a3 !important;}
.popover .close {border: 1px solid #6f89a3 !important;color: #6f89a3 !important;}
.popover .arrow:after, .popover .arrow:before {border-color: transparent transparent #6f89a3 transparent !important;}
.popover .close:hover {background: #6f89a3 !important;}
.web-page-frame .sub_menu-trip .trip_menu li a:hover {/* background: #5c5c5c; */}
.Day_menu .swiper_day .swiper-slide a:hover {background: #6f89a3 !important;border: 1px solid # !important;}
section.trip_note .card-header .btn {background: #6f89a3 !important;color: #fff !important;}
.sub_menu-trip .server_menu li:nth-child(1) {
  background: #396fa6;
}
/* line 1476, ../sass/page/_group.sass */
.sub_menu-trip .server_menu li:nth-child(2) {
  background: #404040;
  /* border-right: 1.0px solid #7d7d7d; */
}
/* line 1478, ../sass/page/_group.sass */
.sub_menu-trip .server_menu li:nth-child(3) {
  background: #404040;
  /*border-right: 1.0px solid #7d7d7d;
  border-left: 1.0px solid #7d7d7d;*/
}
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*/
.WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner{height: 300px;}
.WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area{bottom: calc(28% - (110px/2));}
figure.block_style .pic_all::after{border-color: transparent transparent transparent rgb(158 158 158 / 85%);}

.Day_menu .swiper_day .swiper-slide a:hover{background: #b5b5b5!important;border: 1px solid #5f5f5f;}
section.trip_note .card-header .btn{background:#6f89a3!important;color:#fff!important}
.sub_menu-trip .server_menu li:nth-child(1){background:#396fa6}
.sub_menu-trip .server_menu li:nth-child(2){background:#404040}
.sub_menu-trip .server_menu li:nth-child(3){background:#404040}
figure.block_style .pic_all .plane_word{background:transparent linear-gradient(180deg,transparent 0,rgba(0,0,0,.84) 100%) 0 0 no-repeat;bottom:0}
.sub_menu-trip .trip_menu i{display:none}
@media (min-width:992px){.sub_menu-trip .trip_menu{width:100%;background: none;border: none;padding:0;margin:0 auto}
}
.basic-air-btn a{font-size:1rem;background:#fff;border:1px solid #ddd;padding:5px 25px;color:#888;border-radius:0}
.basic-air-btn a:hover{background:#e8e8e8;color:#444}
#qrcode:hover canvas{width:200px;height:200px;box-shadow:0 1px 17px #adadad}
#qrcode img{width:30px}
section.group_banner .price_content .panel-info{border:1px solid #404040}
section.group_banner .price_content .panel-info .panel-heading{background:#404040;font-weight:400;font-size:1rem}
section.group_banner .price_content .panel-info .panel-body{font-size:1rem;color:#444}
section.group_banner.trip_banner h3.price{font-weight:400;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 .back i,.basic-air-info .go i{color:#555;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);font-size:1.2rem;margin-right:14px}
.basic-air-info .back i.fa-plane:before,.basic-air-info .go i.fa-plane:before{content:"\E005";font-family:icon,FontAwesome}
.basic-air-info .back h3,.basic-air-info .go h3{color:#555;font-size:1rem}
.basic-air-info .back br,.basic-air-info .go br{display:none}
.basic-air-info .back h4,.basic-air-info .go h4{font-family:Noto,sans-serif;margin-bottom:0;font-size:1rem;color:#404040;font-weight:400}
section.group_table.trip_airline:after,section.group_table.trip_day:after,section.group_table.trip_features:after,section.group_table.trip_note:after,section.group_table.tripdown:after,section.group_table.view_intro:after{background:#000}
.group_table>.container>.text-center{padding-top:0;margin-top:-6rem}
section.group_table.trip_day .info_box .info_box_title .day_title{font-size:3rem;font-weight:400;font-family:Noto,sans-serif;font-style:italic}
section.group_table.trip_day .info_box .info_box_title .day_sub-title{font-size:1rem;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:#fff}
section.group_table.tripdown .style_icon ul li a.nav-link{border:1px solid #6f89a3;color:#6f89a3;border-radius:0;font-size:.9rem;padding:8px 12px}
section.group_table.tripdown .style_icon ul li a.active.nav-link{background-color:#396fa6;color:#fff}
section.group_table.tripdown .style_icon ul li a.nav-link svg{fill:#6f89a3;width:18px}
section.group_table.tripdown .search_table tbody td.tour-price span{font-family:Noto,sans-serif;font-size:1.25rem;font-weight:400}
section.group_table.tripdown .search_table tbody td.tour-name a.title_main{font-weight: bold;font-size: 1.2rem;text-decoration: underline;}
section.group_table.tripdown .search_table tbody td.go-airport h6{margin-bottom:0}
section.group_table.trip_day .info_box .info_box_title p{background:#f1f1f1}
section.group_table.tripdown .search_table tbody td{padding:20px 10px}
section.group_table.trip_airline,section.group_table.trip_day,section.group_table.trip_features,section.group_table.trip_note,section.group_table.tripdown,section.group_table.view_intro{padding-top:15rem}
@media (max-width:767px){section.group_table.trip_day .info_box .info_box_title .day_title{margin:0 auto 10px auto}
section.group_table.trip_airline,section.group_table.trip_day,section.group_table.trip_features,section.group_table.trip_note,section.group_table.tripdown,section.group_table.view_intro{padding-top:9rem}
}
@media (max-width:500px){#qrcode{display:none}
section.group_banner.trip_banner h6{padding:0}
}
.fc .fc-toolbar.fc-header-toolbar{background:#404040}
.Day_menu.day_fixed{position:relative;top:unset!important;left:unset;width:80%;margin:0 auto;padding-bottom:50px;z-index:0}
.Day_menu.active{top: unset!important;background:rgb(255 255 255 / .7);padding-bottom:0;z-index:1;padding:10px 0;width:70%}
.Day_menu .swiper_day .swiper-slide a{background:#fff}
.gizle{top: -20px;transition:all .4s ease 0s;z-index:9999;background: #282828b8;height: 130px;}
.gizle .top_header{padding-top: 10px;margin-bottom: 15px;}
.gizle .top_header .header-part .navbar-brand{margin-top: 12px;}
@media (max-width:1200px){.gizle .top_header .header-part .navbar-brand{margin-top: 24px;}}
@media (max-width:991px){.gizle .top_header .header-part .navbar-brand{margin-top: 48px;}}
@media (max-width:767px){.gizle .top_header .header-part .navbar-brand{margin-top: 0px;}}
@media (max-width:767px){.gizle{background: #fff;top: 0px;}}
.sabit{top: 0px;z-index:999999999;transition:all .4s ease 0s;}
@media screen and (min-width:991px){.sub_menu-trip{width:100%!important;height: 50px;right:0;background: #44414cc4;margin-top:70px;margin-top:0;top: 56px;}
.trip-gizle.trip-sabit{/* top: 110px; */}
.trip-gizle.sub_menu-trip{top: 110px;transition: all .4s ease 0s;}
.trip-sabit.sub_menu-trip{top: 130px;transition: all .4s ease 0s;}
.sub_menu-trip .sub_inside{width:81%!important;flex-direction:row;height:auto;margin:auto;max-width:1440px}
.sub_menu-trip .trip_menu li{display:inline-block!important;margin:0 auto}
.sub_menu-trip .trip_menu li a{width:auto!important;height:auto!important;border-radius:unset;border:0;background: none;color:#fff;padding:0}
.sub_menu-trip .server_menu>ul>li a{/*font-size:.9rem;*/padding-top:5px}
.tooltip.show{display:none}
.sub_menu-trip .trip_menu span{display:block!important;width:100%!important;font-size:1rem;text-align:center;padding: 0.75rem 2.8rem!important;color:#fff!important}
.trip_menu{background:#404040;width:50vw;padding:0 15px;padding:0}
.sub_menu-trip .trip_menu ul{margin:0 auto}
.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:.9;font-size:1rem}
.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}
section.group_banner.trip_banner .container .text-left h6.iteam{position:relative;padding:0;margin:0}
section.group_banner.trip_banner .container .text-left h6:nth-last-child(4){right:0}
section.group_banner.trip_banner .container .text-left h6:nth-last-child(3){right:180px}
}
@media (max-width:991px) and (min-width:768px){.sub_menu-trip .server_menu > ul > li.join-fixed-btn{min-width: 125px;}
}
.sub_menu-trip .server_menu li:nth-child(1){background:#396fa6}
.sub_menu-trip .server_menu>ul>li.download-fixed-btn{background: #404040;}
.sub_menu-trip .server_menu>ul>li.share-fixed-btn{background:#404040}
.sub_menu-trip .server_menu>ul>li.query-fixed-btn{background:#404040}
.day_style_1 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_1 img {width:100%;}
.day_style_2 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_2 img {width:100%;}
.day_style_3 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_3 img {width:100%; height: 253px;}
.day_style_4 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_4 img {width:100%; height: 187px;}
.day_style_5 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_5 img {width:100%;height: 253px;height: 230px !important;}
@media (max-width: 1600px) {.day_style_5 img {width:100%;height: 253px;height: 170px !important;}}
@media (max-width: 1400px) {.day_style_5 img {width:100%;height: 253px;height: 170px !important;}}
@media (max-width: 1200px) {.day_style_5 img {width:100%;height: 253px;height: 140px !important;}}
@media (max-width: 991px) {.day_style_5 img {width:100%;height: 253px;height: 150px !important;}}
@media (max-width: 768px) {.day_style_5 img {width:100%;height: 253px;height: auto !important;}}
.day_style_6 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_6 img {width:100%; height: 187px;}
.day_style_7 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_7 img {width:100%; height: 253px;}
.day_style_8 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_8 img {width:100%; height: 187px;}
.day_style_9 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_9 img {width:100%;}
.day_style_10 {width: 100%; display: table; margin-bottom: 20px; position: relative;}
.day_style_10 img {width:100%;}
.day_style_10 .item_text {position: absolute;bottom: 10%;z-index: 10;margin: 0px 15px;padding: 0;}
.day_style_10 .item_text p {margin: 0;background: rgba(0, 0, 0, 0.6);color: #FFF;padding:50px;}
.day_style_11 {width: 100%; display: block; margin-bottom: 20px; padding: 0;}
.day_style_11 .tp_group {width:100%;/*border: 1px solid #ddd;*/ padding: 0; display: inline-block;}
.day_style_11 .tp_group p {margin: 10px 0 0;}
.day_style_11 .tp_group img {width:100%;}
.day_style_12 {width: 100%; display: block; margin-bottom: 20px; padding: 0 10px;}
.day_style_12 .tp_group {width:100%;/* border: 1px solid #ddd; *//* padding: 10px 0; */display: inline-block;}
.day_style_12 .tp_group img {width:100%;}
.day_style_13 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_13 img {width:100%; height: 187px;}
.day_style_13 p {background: rgba(0, 0, 0, 0.7); color: #FFF; text-align: center;}
.day_style_14 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_14 iframe {width: 100%; height: 383px;}
.day_style_15 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_15 iframe {width: 100%; height: 383px;}
.day_style_1, .day_style_2, .day_style_3, .day_style_4, .day_style_5, .day_style_6, .day_style_7, .day_style_8, .day_style_9, .day_style_10, .day_style_11, .day_style_12, .day_style_13, .day_style_14, .day_style_15 {display: flex;    flex-wrap: wrap;}
.day_con .info img {height:auto !important;}

.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;}
section.trip_note .card-header .btn:after{display: none;}
#collapseFour{display: block !important;}
#pills-contact-tab{/*display: none;*/}

.product-details [data-position="center"],
.group_home [data-position="center"]{margin-top: 70px;}
@media (max-width:768px) {
.product-details [data-position="center"],
.group_home [data-position="center"] {margin-top: 20px;}
}

.M-002.header .navbar{ margin: inherit !important;}
.M-002.header .header-part{padding: 0 140px 0 20px;letter-spacing: 1px;max-width: 100% !important;}
.M-002.header .header-part .navbar-brand { display: flex;  height: 70px; padding: 8px 0;  align-items: center; }
.M-002.header .header-part .navbar-brand img {  height: auto;  max-height: 55px;}
.M-002.header .navbar li.nav-item + .nav-item{ padding-left:8px; }
.M-002.subnav .side_box{ position: fixed; top: 0; right: 15px; bottom: inherit;  }
.M-002.subnav .side_bar li{  border-bottom: 0;  padding: 0 5px; opacity: 1; flex: 1; -webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease; }
.M-002.subnav .side_bar li:hover { opacity: 0.8;}
.M-002.subnav .side_bar li a i{ font-size: 1.2rem; opacity: 0.8;}
.M-002.subnav .side_box .side_bar{ display: flex; margin: 0; min-width: 130px; height: 70px;   align-items: center; border-radius: 0;  box-shadow: 0 0 black;  }
.M-002.subnav .side_bar li a p {margin: 0;}
.M-002.subnav .side_box .side_bar{ display: flex; margin: 0; min-width: 130px; height: 70px;   align-items: center; border-radius: 0;  box-shadow: 0 0 black;  }
.M-002.subnav .side_bar li a .img-fluid { width: 20px; vertical-align: text-top; opacity: 0.8;}
.M-002.subnav .actGotop{ right:0; }
.M-002.subnav .actGotop a,.M-002.subnav .actGotop a:link{ border-radius:0; -webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease;  }
.M-002.subnav .actGotop a:hover{ border-radius: 30px;  }
.M-002.main-nav { position: fixed; margin: 0 auto;  margin-top: 70px; width: 100%;  background:#eeeeee;  z-index:99;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0); }
.M-002.main-nav .main { max-width: 1250px; margin: 0 auto !important;}
.M-002.main-nav .responsive-drop-down-menu{ min-height: 52px;}
.M-002.main-nav .responsive-drop-down-menu > ul > li:after{top: initial;bottom: 0px;background: #66a5bb !important;}
.M-002.main-nav .responsive-drop-down-menu > ul > li:hover:after,.M-002.main-nav .responsive-drop-down-menu > ul > li.active:after{ height: 5%;}
.M-002.main-nav .responsive-drop-down-menu > ul > li > a{ display: table; color:#333333; font-size: 1.1em; margin: 0 auto; padding: 11px 20px; }
.M-002.main-nav .responsive-drop-down-menu > ul > li:hover > a,.M-002.main-nav .responsive-drop-down-menu > ul > li.active > a {color: #00698e;}
.M-002.main-nav .responsive-drop-down-menu > ul > li > ul > li { background: #ffffff !important;  width: 100%;}
.M-002.main-nav .responsive-drop-down-menu ul li ul li a{color: #66a5bb;font-size: 1rem;}
.M-002.main-nav .responsive-drop-down-menu > ul > li:hover > ul{border: 1px solid #ced2de;}
.M-002.main-nav .responsive-drop-down-menu > ul > li:hover > ul > li:hover a{color: #00698e;}
.M-002.main-nav .responsive-drop-down-menu > ul > li:hover > ul > li:hover ul > li:hover a{ color: #ffffff; }
.M-002.main-nav .responsive-drop-down-menu > ul > li.has-sub > a:before { border: 6px solid transparent;  top: 25px; right: 20px; }
.M-002.main-nav .responsive-drop-down-menu > ul > li.has-sub > a:before,.M-002.main-nav .responsive-drop-down-menu > ul > li:hover > a:before{ content:"";background-image: url('https://materials.fillo.com.tw/materials/iuutravel/images/7d740005-de49-428d-90d8-619e8b2ad53c.svg'); background-position:center; background-repeat:no-repeat;width: 15px;height: 15px;top: 20px;right: -5px;opacity: 0.8;}
.M-002.main-nav .responsive-drop-down-menu ul li ul li.has-sub:before {border: 0;top: 22px; background-image: url(https://materials.fillo.com.tw/materials/iuutravel/images/7d740005-de49-428d-90d8-619e8b2ad53c.svg);;  width: 15px; height: 15px;  background-position: center; background-repeat: no-repeat;     transform: rotate(990deg);     opacity: 0.8;}
.M-002.main-nav .responsive-drop-down-menu > ul > li:hover > ul > li.has-sub:hover:before{border-left-color:#ffffff;}
.M-002.main-nav .responsive-drop-down-menu ul li ul li ul li a {  color: #ffffff;}
/****Header end****/
/****共用 start****/
* {font-family: 'PT Sans', '微軟正黑體', sans-serif;}
.top-mt{ margin-top: 50px;}
.m002-title .header-title{ position: relative;  display: table;  width: auto; margin:40px auto 30px; font-size: 2.2rem; }
.m002-title .header-title::before{content: "";position: absolute;width: 60px;height: 6px;left: 50%;bottom: -13px;background: #66a5bb;z-index: -1;transform: translate(-50%, -50%) skewX(-30deg);}
.web-page-frame .M-002-tab ul { padding: 8px 0 0; }
.M-002-tab li.nav-item { margin-bottom: 8px;}
.M-002-tab li.nav-item +li{ padding-left: 15px; }
.M-002-tab .nav-pills .nav-link { padding: 3px 14px; background: #ffffff; border: 1px solid #4e9466; border-radius: 0;  color: #4e9466;  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; }
.M-002-tab .nav-pills .nav-link.active,.M-002-tab .nav-pills .show>.nav-link{ background-color:#4e9466; border: 1px solid #4e9466; color: #ffffff;}
/****共用 end****/
/****index start****/
/*大圖輪播*/
.M-002.main-slider .carousel-caption {top: 50%; right: inherit;  bottom: inherit; left: 50%; transform: translate(-50%, -50%);}
.M-002.main-slider .bs-carousel .carousel-item h5,.M-002.main-slider .bs-carousel .carousel-item p {  text-shadow: 0px 0px 4px #000;font-weight: 400; letter-spacing: 0.05rem; }
.M-002.main-slider .bs-carousel .carousel-item h5{  font-size: 2.2rem;   line-height: 3.2rem; }
.M-002.main-slider .bs-carousel .carousel-item .slider-btn {  display: table; margin: 0 auto;  padding: 5px 15px; border: 1px solid rgb(255 255 255 / 0.5); -webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease; }
.M-002.main-slider .bs-carousel .carousel-item .slider-btn:hover {  background: #fff; color: #545454;}
.M-002.main-slider .carousel-control-next,.M-002.main-slider .carousel-control-prev{  opacity: 0.5;  width: 10%; top: 40%; bottom: 40%; }
.M-002.main-slider .carousel-control-next:hover,.M-002.main-slider .carousel-control-prev:hover{  opacity: 0.8;  }
.M-002.main-slider .carousel-control-next-icon,.M-002.main-slider .carousel-control-prev-icon {  width: 68px;  height: 120px;  background: no-repeat 50%/100% 100%;}
.M-002.main-slider .carousel-control-prev-icon,.M-002.main-slider .carousel-control-next-icon{ background-image: url('https://materials.fillo.com.tw/materials/design/images/31232e89-ea8a-442e-ba0b-e2f0bc891af9.svg'); }
.M-002.main-slider .carousel-control-next-icon{ transform: rotate(180deg); }
/*search 搜尋 start*/
.M-002.search .search-area{ background:#f5f5f5; min-height: 120px; display: flex; align-items: center;}
.M-002.search .search-area  .search-box {padding: 0px 10px;}
.web-page-frame .M-002.search.widget-item .search-area form.container{ width: 100%;}
.M-002.search .search-area form.container{ max-width: 1560px;  padding-left: 0; padding-right: 0; }
.M-002.search .search-area .search-box .select-goal,.M-002.search .search-area .search-box .select-place,.M-002.search .search-area .search-box .select-date,.M-002.search .search-area .search-box .select-keywords{background: #f5f5f5;  padding: 5px 10px;}
.M-002.search .select-keywords{ position:relative; }
.M-002.search .search-area .search-box .select-keywords .title,.M-002.search .search-area .search-box .select-goal .title,
.M-002.search .search-area .search-box .select-date .title,.M-002.search .search-area .search-box .select-place .title {color: #00698e;}
.M-002.search .search-area .search-box .select-date .select { width: 100%;}
.M-002.search .search-area .search-box .select-date .select input { width: calc(46%);}
.M-002.search .search-area .search-box .select-goal .select select,.M-002.search .search-area .search-box .select-place .select select{background-image:url('https://materials.fillo.com.tw/materials/design/images/746e8d07-f6d8-460b-8b38-11c47e35c13a.svg');  }
.M-002.search .search-area .search-box .select-goal .select select,.M-002.search .search-area .search-box .select-place .select select,
.M-002.search .search-area .search-box .select-date .select input,.M-002.search .search-area .search-box .select-keywords .select input {height: 48px; padding:5px; border: none;  background-color: rgba(255,255,255,100); border:1px solid #d5dcd7; }
.M-002.search .search-area .search-box .select-goal .title h6,.M-002.search .search-area .search-box .select-place .title h6,.M-002.search .search-area .search-box .select-date .title h6{ margin:0;  padding-left: 5px;}
.M-002.search .search-area .search-box .select-date .select .divide{margin: 25px 10px 0px 10px; background: white;}
.M-002.search .search-area .search-box .search-btn{background: #00698e;width: 92%;height: 45px;margin-top: 35px;float: right;display: flex;padding: 0;justify-items: center;align-items: center;border-radius: 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;}
.M-002.search .search-area .search-box .search-btn:hover{background: #66a5bb;}
.M-002.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;}
.M-002.search .search-area .search-box .search-btn h5::after{ content: ""; position: absolute; background-image: url(https://materials.fillo.com.tw/materials/design/images/c8f23e49-ddf0-4ad3-ba6b-0e060e9642c8.svg); background-repeat: no-repeat; background-size: 18px; width: 20px; height: 20px; right: 10px;  top: 6px; }
.M-002.search .search-area .search-box .search-btn i{ display: none;}
.M-002.search .search-area .search-box .select-goal .title i,.M-002.search .search-area .search-box .select-place .title i,.M-002.search .search-area .search-box .select-date .title i,.M-002.search .search-area .search-box .select-keywords .title i {color: #00698e;}
/*搜尋月曆*/
.datepicker.dropdown-menu{border: 1px solid #396fa6;z-index:999;}
.datepicker.datepicker-dropdown:before{  border-bottom-color:#4e9466;}
.datepicker.datepicker-dropdown.datepicker-orient-top:before{ border-top: 7px solid #4e9466;}
.datepicker td, .datepicker th {  width: 30px;height: 30px;}
.datepicker table tr td.active.active{background:#4e9466;}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {background: #a8c9eb;}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:hover{background-color: #4e9466;}
.datepicker .datepicker-switch,.datepicker .next, .datepicker .prev {color: #396fa6;}
.datepicker table tr td span.active.active{ background:#4e9466;}
/*首頁style1*/
.M-002.main-style1{ padding-bottom:40px;}
.M-002.main-style1>.module-container>.main::before{content: "";position: absolute;background: #00698e;width: 100%;height: 350px;  bottom:0;}
.M-002.main-style1 .swiper-slide-style{ height: 530px;  box-shadow: 0 0 black;  border-radius: 0; -webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease;}
.M-002.main-style1 .swiper-slide-style:hover{ margin-top:35px; margin-bottom:25px;}
.M-002.main-style1 .swiper-slide .swiper-img img{  border-top-left-radius: 0; border-top-right-radius: 0;}
.M-002.main-style1 .swiper-button-prev,.M-002.main-style1 .swiper-button-next {display: none;}
.M-002.main-style1 .swiper-pagination-bullet{ width: 10px; height: 10px; background: rgb(255 255 255 / 50%);}
.M-002.main-style1 .swiper-pagination-bullet-active{ color: #fff;  background: #ffffff; width: 15px; height: 15px;}
.M-002.main-style1 .swiper-pagination{ display: flex;  height: 20px; align-items: center; justify-content: center;}
.M-002.main-style1 .swiper-slide .swiper-title{color: #00698e;font-size: 1.4rem;font-weight: 600;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: center;text-overflow: ellipsis;overflow: hidden;}
.M-002.main-style1 .swiper-slide .swiper-img{ margin: 0 0 2rem;}
.M-002.main-style1 .swiper-slide .swiper-content{ color: #545454;  font-size: 0.95rem;  letter-spacing: 0em; margin-bottom: 30px; line-height: 1.8rem; }
.M-002.main-style1 .swiper-slide .swiper-content article{ display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis;  overflow: hidden; }
.M-002.main-style1 .swiper-slide .swiper-content span {display: table;margin: 8px auto;padding: 2px 10px;background: #86bc96;color: #ffffff;letter-spacing: 0.05rem;}
/*首頁style2*/
.M-002.main-style2 .swiper-slide-style{margin-bottom: 0px;background: #00698e;box-shadow: 0 0 black;border-radius: 0;color: #ffffff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.M-002.main-style2 .swiper-slide-style:hover{background: #087da6;}
.M-002.main-style2 .swiper-slide .swiper-title{ position: absolute;  top: 40%; left: 50%; width: 100%; font-size: 1.6rem; letter-spacing: 0.1rem;  transform: translate(-50%, -50%); z-index: 2; }
.M-002.main-style2 .swiper-slide-style:hover .swiper-title{ top: 10%;}
.M-002.main-style2 .swiper-slide .swiper-img{ position:relative; margin: 0 0 25px;}
.M-002.main-style2 .swiper-slide .swiper-content { margin-bottom: 25px; padding: 0 40px; color: #ced0cf;  font-size: 0.95rem; min-height: 55px; -webkit-line-clamp: 2; letter-spacing: 0.02em;  line-height: 1.6rem; text-align:center;}
.M-002.main-style2 .swiper-slide .swiper-img::before {  position: absolute;  content: "";  background:rgb(27 49 35 / 0.6);  width: 100%;  height: 100%;   left: 0;  top: 0; opacity: 1;  z-index: 1; -webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease;}
.M-002.main-style2 .swiper-slide-style:hover .swiper-img::before { opacity: 0;}
.M-002.main-style2 .swiper-slide .swiper-img img{ border-radius:0}
.M-002.main-style2 [class*='swiper-button-'] {opacity: 0.7;}
.M-002.main-style2 [class*='swiper-button-']:hover {opacity: 1;}
.M-002.main-style2 [class*='swiper-button-']:after{ background: transparent;}
/*首頁style3*/
.M-002.main-style3 .pic-content,.M-002.main-style3 .editor-content{ margin:0; padding:0;}
.M-002.main-style3 .editor-content {position: absolute;right: 0;top: 0;width: 45%;bottom: 0;display: flex;flex-direction: column;justify-content: center;padding: 10px 40px;background: #00698e;color: #ffffff;}
.M-002.main-style3 .editor-content h3{ margin-bottom: 0.7rem; font-size: 1.6rem; }
.M-002.main-style3 .editor-content article{ font-size: 0.95rem;  line-height: 1.6;  color: #e5eee8;}
.M-002.main-style3 .mix-wrapper>div.row{ position:relative;}
/*首頁style4*/
.M-002.main-style4 {margin-bottom: 50px;}
.M-002.main-style4 .thicon_info {  border: 1px solid #ffffff;}
.M-002.main-style4 .thicon_info:hover .theme_info{background: rgb(10 37 47 / 80%) !important;}
.M-002.main-style4 .widget-item .module-container .main { padding: 0 15px;}
.M-002.main-style4 .thicon_info h3{padding: 10px;background: rgb(0 105 142);position: relative;margin: 0;font-weight: 400;font-size: 1.4em;bottom: 0px;text-shadow: 0 0 black;text-align: center;}
/****index end****/
/****主題頁theme1 start****/
/*大圖輪播*/
.M-002.theme1-banner .carousel-caption {top: 50%; right: inherit;  bottom: inherit; left: 50%; transform: translate(-50%, -50%);}
.M-002.theme1-banner .bs-carousel .carousel-item h5,.M-002.theme1-banner .bs-carousel .carousel-item p {  text-shadow: 0px 0px 4px #000;font-weight: 400; letter-spacing: 0.05rem; }
.M-002.theme1-banner .bs-carousel .carousel-item h5{  font-size: 2.2rem;   line-height: 3.2rem; }
.M-002.theme1-banner .bs-carousel .carousel-item .slider-btn {  display: table; margin: 0 auto;  padding: 5px 15px; border: 1px solid rgb(255 255 255 / 0.5); -webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease; }
.M-002.theme1-banner .bs-carousel .carousel-item .slider-btn:hover {  background: #fff; color: #545454;}
.M-002.theme1-banner .carousel-control-next,.M-002.theme1-banner .carousel-control-prev{  opacity: 0.5;  width: 10%; top: 40%; bottom: 40%; }
.M-002.theme1-banner .carousel-control-next:hover,.M-002.theme1-banner .carousel-control-prev:hover{  opacity: 0.8;  }
.M-002.theme1-banner .carousel-control-next-icon,.M-002.theme1-banner .carousel-control-prev-icon {  width: 68px;  height: 120px;  background: no-repeat 50%/100% 100%;}
.M-002.theme1-banner .carousel-control-prev-icon,.M-002.theme1-banner .carousel-control-next-icon{ background-image: url('https://materials.fillo.com.tw/materials/design/images/31232e89-ea8a-442e-ba0b-e2f0bc891af9.svg'); }
.M-002.theme1-banner .carousel-control-next-icon{ transform: rotate(180deg); }
/*style1*/
.web-page-frame .M-002.theme1-style1 .widget-item.lg-img >.module-container { background: #4E9466;  border-radius:0;height: 100%;}
.M-002.theme1-style1 .lg-img .hover-wall .htpro_tit{  display: none;}
.M-002.theme1-style1 .lg-img .hover-wall .mb-4{ margin-bottom: 0rem!important;}
.M-002.theme1-style1 .lg-img .hover-wall .icon_info{  background: #4E9466;  border-radius: 0;  box-shadow: none;}
.M-002.theme1-style1 .lg-img .hover-wall .icon_info:hover{ box-shadow: none;}
.M-002.theme1-style1 .lg-img .hover-wall .icon_info h4{ display: table;  margin: 0 auto; padding: 0 10px;   margin-bottom: 0.6rem;  color: #e6d33c;  font-style: initial; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden; }
.M-002.theme1-style1 .lg-img .hover-wall .icon_info h3{color:#ffffff !important;   font-size: 1.6em; margin-bottom: 0.8rem;  padding-top: 1rem;   text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;}
.M-002.theme1-style1 .lg-img .hover-wall .icon_info:hover h3{color:#e4da88 !important}
.M-002.theme1-style1 .lg-img .hover-wall .icon_info p.animate-text {  max-width: 600px;  margin: 0 auto 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden;   font-size: 0.95rem;  letter-spacing: 0.03rem;}
.M-002.theme1-style1 .lg-img .hover-wall .icon_info:hover figure .overlay i{ display:none; }
.M-002.theme1-style1 .md-img .row.wall-row>div+div{  margin-top: 30px;}
.M-002.theme1-style1 .md-img .thicon_info figure{ max-height:300px}
.M-002.theme1-style1 .md-img .wall-wrapper .theme_info { width: 40%; right: 0; top:0;    background: rgba(255, 255, 255, 0.88) !important;}
.M-002.theme1-style1 .md-img .wall-wrapper .wall-row>div:last-child .theme_info { left: 0;}
.M-002.theme1-style1 .md-img .wall-wrapper .wall-row>div:last-child .thicon_info span{ left:5px}
.M-002.theme1-style1 .md-img .wall-wrapper .thicon_info h3{ top: 50px;  right: 18px; text-shadow: none; bottom: initial; background: rgb(255 255 255 / 0.8);  padding: 5px;  font-size: 1.5em; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;  overflow: hidden;}
.M-002.theme1-style1 .md-img .wall-wrapper .wall-row>div:last-child .thicon_info h3{  left:15px; right: inherit;}
.M-002.theme1-style1 .md-img .wall-wrapper .theme_info p.theme-text{ opacity: 1; color: #545454 !important; font-size: 0.95rem;  letter-spacing: 0.05px; padding-top: 6em; line-height: 26px;  text-overflow: ellipsis;   display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical; overflow: hidden;}
.M-002.theme1-style1 .md-img .wall-wrapper .thicon_info span{  right: 5px;  top: 20px; font-size: 1.1rem; text-shadow: none;}
/*style2*/
.theme1-style2-block .widget-item .header-title { margin: 10px 10px 20px; padding: 8px 10px;  background: #eee; color: #4e9466;   font-size: 1.2rem;  font-weight: 600;  text-align: center; letter-spacing: 0.5rem; }
.theme1-style2-block .widget-item .ads-wrapper .item_box figure{ border-radius: 0;}
.theme1-style2-block .widget-item .ads-wrapper .item_box{ height: 100%; }
.theme1-style2-block .widget-item .ads-wrapper .item_box:hover figure img{opacity: 1;}
.theme1-style2-block .ads-wrapper .item_box a{ position:relative; padding-bottom: 50px;  height: 100%; background: #e9f2ec; border: 2px solid #ffffff;   -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;}
.theme1-style2-block .ads-wrapper .item_box:hover a{ background: #ffffff; border: 2px solid #4e9466;}
.theme1-style2-block .ads-wrapper .item_box .item_more_txt h3 { font-size: 1.2rem; line-height: 1.8rem; margin-bottom: 0.5em; text-align: justify;}
.theme1-style2-block .ads-wrapper .item_box .item_more_txt,.theme1-style2-block .ads-wrapper .item_box h4{ padding: 0 20px;}
.theme1-style2-block .ads-wrapper .item_box span.item_btn,.theme1-style2-block .ads-wrapper .item_box span.item_btn_hover,.theme1-style2-block .ads-wrapper .item_box:hover span.item_btn_hover{ display:none;}
.theme1-style2-block .ads-wrapper .item_box h4{ position: absolute;  bottom: 10px; right: 5px; padding-right: 33px; }
.theme1-style2-block .widget-item .ads-wrapper .item_box h4::before{ content: "起"; position: absolute; right: 15px; bottom: 2px; font-size: 0.9rem; }
.theme1-style2-block .ads-wrapper .item_box .item_more_txt span.item_tag { padding: 2px 5px;}
.theme1-style2-block .ads-wrapper .item_morebox a{ padding: 6px 35px; font-size: 1.3rem;  border-radius: 0; -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;}
.theme1-style2-block .ads-wrapper .item_morebox a:hover{ background:#3f8156 !important;}
.theme1-style2-block .ads-wrapper .item_morebox a i{ margin-right: 5px; font-size: 1em; opacity: 0.8;}
/****主題頁theme1 end****/
/****主題頁theme2 start****/
/*主圖*/
.M-002.theme2-banner .carousel-caption {top: 50%; right: inherit;  bottom: inherit; left: 50%; transform: translate(-50%, -50%);}
.M-002.theme2-banner .bs-carousel .carousel-item h5,.M-002.theme2-banner .bs-carousel .carousel-item p {  text-shadow: 0px 0px 4px #000;font-weight: 400; letter-spacing: 0.05rem; }
.M-002.theme2-banner .bs-carousel .carousel-item h5{  font-size: 2.2rem;   line-height: 3.2rem; }
.M-002.theme2-banner .carousel-control-next,.M-002.theme2-banner .carousel-control-prev,.M-002.theme2-banner .carousel-indicators{ display:none;}
/*style1*/
.theme2-style1{ margin-top:80px; }
.theme2-style1 .wall-wrapper .thicon_info{ padding:5px; }
.theme2-style1 .wall-wrapper .thicon_info h3 {bottom: 0;margin: 0;padding: 5px 10px;width: auto;height: 42px;background: rgb(0 105 142);font-size: 1.3em;letter-spacing: 0.08rem;line-height: 2rem;text-align: center;text-shadow: 0 0 black;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.theme2-style1 .wall-wrapper .thicon_info:hover h3 {background: rgb(102 165 187);}
.theme2-style1 .thicon_info .theme_info{ background: transparent !important;}
.theme2-style1 .thicon_info .theme_info p.theme-text{top: 50%;left: 50%;background: rgb(255 255 255 / 0.7);color: #00698e !important;width: 70px;height: 70px;border-radius: 40px;  font-size:1.3rem; text-align:center;transform: translate(-50%, -50%);display: block;position: absolute;padding: 22px 0 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: normal;}
/*style2*/
.M-002.theme2-style2 .widget-item .hover-wall .mb-4{ margin-bottom: 1rem!important;}
.M-002.theme2-style2 .widget-item .hover-wall .icon_info{padding-bottom: 45px;background: #e8f3f6;border-radius: 0;box-shadow: none;height: 100%;}
.M-002.theme2-style2 .widget-item .hover-wall .icon_info:hover{ box-shadow: none;}
.M-002.theme2-style2 .hover-wall .htpro_tit h1{border-bottom: 1px solid #66a5bb;margin: 0 auto;width: 100%;}
.M-002.theme2-style2 .widget-item .hover-wall .icon_info h4{ position: absolute; display: table; top: 0;  left: 0; padding: 10px 15px; font-weight: 600;  font-size: 1.6rem;  color: #ffffff;  z-index: 11; }
.M-002.theme2-style2 .widget-item .hover-wall .icon_info h4::before {  content: ""; position: absolute; top: 0; left: 0;  border-style: solid;  width: 0; height: 0;  border-width: 40px; border-color: #e2857e transparent transparent #e2857e;  -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;     z-index: -1; }
.M-002.theme2-style2 .widget-item .hover-wall .icon_info h3{ margin-top: 1.2rem; margin-bottom: 0.7rem;  font-size: 1.2em; line-height: 1.6rem; letter-spacing: 0.02rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden; }
.M-002.theme2-style2 .widget-item .hover-wall .icon_info p.animate-text { position: absolute; width: 100%;  text-align: right; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow: hidden; font-size: 1.2rem;  letter-spacing: 0rem; font-weight: 600; right: 0; bottom: 0;}
.M-002.theme2-style2 .widget-item .hover-wall .icon_info p.animate-text::after { content: "起";font-size: 0.9rem; padding-left: 3px;}
.M-002.theme2-style2 .widget-item .hover-wall .icon_info figure .overlay i,.M-002.theme2-style2 .widget-item .hover-wall .icon_info:hover figure .overlay i{ display:none; }
.M-002.theme2-style2 .btn-green div.link-list ul li {background: #66a5bb;display: table !important;margin: 0 auto;-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;}
.M-002.theme2-style2 .btn-green div.link-list ul li:hover{background: #00698e;}
.M-002.theme2-style2 .btn-green div.link-list ul li a,.M-002.theme2-style2 .btn-green div.link-list ul li span{ padding: 6px 35px;}
/****主題頁theme2 end****/
/****主題頁theme3 start****/
/*主圖*/
.M-002.theme3-banner .carousel-caption {  width: 100%;  height: 100%;  top: 50%;  right: inherit;  bottom: inherit; left: 0;  background: rgb(0 0 0 / 0.3); transform: translate(0%, -50%); }
.M-002.theme3-banner .bs-carousel .carousel-item h5,.M-002.theme3-banner .bs-carousel .carousel-item p{ text-shadow: 0 0 black; font-weight: 400; letter-spacing: 0.05rem; }
.M-002.theme3-banner .bs-carousel .carousel-item h5 {  position: absolute;   font-size: 2.4rem;  line-height: 3.2rem;  top: 50%;  letter-spacing: 0.4rem; right: inherit;  bottom: inherit; left: 50%;  color: #ffffff;     transform: translate(-50%, -50%);  text-shadow: 2px 2px 4px rgb(0 0 0 / 0.5); }
.M-002.theme3-banner .carousel-control-next,.M-002.theme3-banner .carousel-control-prev,.M-002.theme3-banner .carousel-indicators{ display:none;}
.M-002.theme3-banner .carousel-inner a.carousel-item{ cursor:default;}
/*style1*/
.M-002 .theme3-style1 .side-menu ul{ box-shadow: 0 0 black; background: transparent;}
.M-002 .theme3-style1 .side-menu>ul>li{border-bottom: 1px dotted #4e9466;}
.M-002 .theme3-style1 .side-menu ul li label{ position:relative;  background: #ffffff;  color: #545454; font-size: 1.1rem; text-shadow: 0 0 black; border-top: 0; border-bottom: 0;  cursor: pointer; -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; }
.M-002 .theme3-style1 .side-menu ul li label:hover { background: #edf7f1;}
.M-002 .theme3-style1 .side-menu ul li label::after { content: "+";  position: absolute;   right: 13px; font-size: 1.58rem; top: 2px;  color: #ccc;}
.M-002 .theme3-style1 .side-menu ul li input[type='checkbox']:checked ~ label{ position: relative; border-top: 0; border-bottom:0; background: #edf7f1; color: #4e9466;}
.M-002 .theme3-style1 .side-menu ul li input[type='checkbox']:checked ~ label::after{ content: "-";  position: absolute; top: 0;  right: 15px; font-size: 2rem; color: #f0c100;}
.M-002 .theme3-style1 .side-menu ul li i{  display: inline-block; margin-right: 5px;  font-size: 19px;  vertical-align: baseline; color: #4e9466; }
.M-002 .theme3-style1 .side-menu ul ul li a{ padding-left: 60px; color:#333333; font-size: 1.1rem; }
.M-002 .theme3-style1 .side-menu ul ul li:hover a{ color:#333333; }
.M-002 .theme3-style1 .side-menu ul ul.options li i{ color: #f0c100; text-indent: -25px; margin: 0;}
/*style2*/
.theme3-style2{ padding: 25px;}
.theme3-style2 div.link-list ul {  display: flex !important;}
.theme3-style2 div.link-list { background: transparent;}
.theme3-style2 div.link-list ul li{  flex: 1;   text-align: center; margin: 10px;} 
.theme3-style2 div.link-list ul li a,.theme3-style2 div.link-list ul li span{ padding:30px; width:100%; height:100%; background: #e9f2ec; -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; }
.theme3-style2 div.link-list ul li:hover a,.theme3-style2 div.link-list ul li:hover span{ background: #4E9466; color:#ffffff; }
.theme3-style2 section.text-link h2 { padding-left: 28px;}
.theme3-style2  section.text-link h2.text-left::before{ position: absolute; content: "";  border: 0;  top: 21px; left: 18px;  background-image: url(https://materials.fillo.com.tw/materials/design/images/746e8d07-f6d8-460b-8b38-11c47e35c13a.svg);  width: 20px; height: 20px; background-position: center; background-repeat: no-repeat;     background-size: 18px; transform: rotate(270deg);  opacity: 0.8;}
/*style3*/
.theme3-style3 { margin-bottom: 1rem; color: #545454; line-height: 1.8rem; }
.theme3-style3 .header-title{ margin-top: 10px;  margin-bottom: 10px; color: #4e9466;  font-size: 1.2rem; font-weight: 600;  }
/****主題頁theme3 end****/
/****公司簡介 start****/
.M-002.about-content1 .header-title{ position: relative; display: table;  width: auto; margin: 40px auto 30px;  color: #4e9466; font-size: 2rem; }
.M-002.about-content1{ text-align: center; font-size: 1.1rem; color:#545454; }
.M-002.about-content1 p{ margin-bottom: 0.8rem;}
.M-002.about-content2 .mix-wrapper>div.row{ position: relative;  min-height: 300px;}
.M-002.about-content2 .pic-content{ margin: 0; padding: 0; display: flex;   top: 0; right: 0;  bottom: 0;  flex-direction: column;  justify-content: center; }
.M-002.about-content2 .pic-content .img-box{ margin: 0 auto; text-align: center;}
.M-002.about-content2 .pic-content .img-fluid { width: 300px; max-height: 260px; }
.M-002.about-content2 .editor-content{ display: flex;  top: 0;  right: 0; bottom: 0; padding: 10px 80px;  width: 65%;  flex-direction: column; justify-content: center;}
.M-002.about-content2 .editor-content h3{ margin-bottom: 1rem; font-size: 2rem;  color: #4e9466; }
.M-002.about-content2 .editor-content p{ color: #545454; font-size: 1.1rem;   line-height: 2rem;}
.M-002.about-content3 { padding: 30px 0;}
.M-002.about-content3>.module-container>.main { margin: 0;}
.M-002.about-content3 .header-title{ font-size: 2rem; color: #ffffff; text-align:center;}
.M-002.about-content3 .swiper-slide-style{ box-shadow: 0 0 black; background: transparent; }
.M-002.about-content3 .swiper-slide .swiper-title{  position: absolute; width: 100%;  font-weight: 600;  color: #4e9466;  top: 0;  padding: 12px 8px; text-shadow: 2px 2px 6px rgb(255 254 254 / 100%);     background: rgb(255 255 255 / 0.7);}
.M-002.about-content3 .swiper-slide .swiper-img{ margin-bottom:0; }
.M-002.about-content3 .swiper-slide .swiper-img img{ border-radius:0;}
.M-002.about-content3 .swiper-slide .swiper-content{ margin-bottom: 0;  padding: 15px 5px 0; color: #ffffff; text-align: center; }
.M-002.about-content3 [class*='swiper-button-'] { width: 30px; opacity: 1; top: 50%; transform: translate(0, -50%);}
.M-002.about-content3 [class*='swiper-button-']:after{ background: rgba(0,0,0,0.7); padding: 5px 15px; border-radius: 50px;  font-size: 1.2rem;}
/****公司簡介 end****/
/****關於我們 start****/
.M-002.contactus-tab>.module-container,.M-002.contactus-tab>.module-container>.main { height: 100%;}
.M-002.contactus-tab .header-title.dp-tbl { display: none;}
.M-002.contactus-tab .nav-pills .nav-link { padding: 1.6rem 1rem; font-size: 1.4rem; letter-spacing: 0.05rem;  border-bottom: 1px solid #c3dacb; border-radius: 0; }
.M-002.contactus-tab .nav-pills .nav-link.active,.M-002.contactus-tab .nav-pills .show>.nav-link { color: #fff; background-color: #4e9466;}
.M-002.contactus-tab .nav-item a.nav-link{ position:relative; color: #4e9466;}
.M-002.contactus-tab .nav-item a.nav-link.active::before{  content: "";  position: absolute;  width: 0;  height: 0; top: 0; left: 99.7%; border-style: solid; border-width: 15px 15px 0 0; border-color: #4e9466 transparent transparent transparent; }
.M-002.contactus-block .widget-item>.module-container>.main { margin: 0 20px;}
.M-002.contactus-block section.link.text-link{ padding: 20px;  background: #f5f5f5; border-left: 2px solid #4e9466;}
.M-002.contactus-block div.link-list ul li a,.contactus-block div.link-list ul li span { padding: 3px 10px 3px 0;;}
.M-002.contactus-block section.text-link h2 { padding-left: 0;}
/****關於我們 end****/
/****網站地圖 start****/
.sitemap .headline .link-list a,.sitemap .headline .link-list ul li span{ width: 100%; border:1px solid #ffffff; border-bottom: 1px solid #4e9466; background:#ffffff;  font-weight: 600; -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.sitemap .headline .link-list a:hover{ border: 1px solid #4e9466;}
.sitemap.subtitle-col,.sitemap .headline-col{ -ms-flex: 0 0 22.2222%; flex: 0 0 22.2222%;  max-width: 22.2222%;}
.headline-col+.headline-col .module-container .main,.sitemap.subtitle-col+.subtitle-col .subtitle .module-container .main { margin-left: 0px;}
.sitemap .subtitle .link-list a,.sitemap .subtitle .link-list ul li span{ width: 100%;  margin-top:15px;  margin-bottom: 5px; background: #e9f2ec; font-weight: 600; letter-spacing: 0.08rem;   line-height: 26px; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out}
.sitemap .subtitle .link-list a:hover,.sitemap .subtitle .link-list ul li span:hover{background: #4e9466;  color: #ffffff !important; }
.sitemap .item div.link-list ul li a,.sitemap .item div.link-list ul li span{ width:100%; padding: 6px 10px 6px 30px;}
.sitemap.subtitle-col+.subtitle-col .item .link-list ul li a,.sitemap.subtitle-col+.subtitle-col .item .link-list ul li span{padding: 6px 10px 6px 40px;}
/****網站地圖 end****/
/****Footer start****/
.M-002.footer .footer-sample{ line-height: 32px; letter-spacing: 0.5px;  padding-top: 30px; padding-bottom: 30px;}
.M-002.footer .footer-sample .contact-us-part,.mi-footer .footer-sample .service-item-part{ margin-top:10px; margin-bottom: 10px;}
.M-002.footer .powered{ padding: 5px;  font-size:0.8rem;}
.M-002.footer .footer-sample .col-sm-2{ position: initial; padding-left: 35px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.M-002.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%;}
.M-002.footer .footer-sample .col-sm-7{ -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width:50%; padding-left: 35px;}
.M-002.footer .footer-sample .service-item-part{ margin-top: 10px;}
.M-002.footer .footer-sample .contact-us-part .contact-title,.M-002.footer .footer-sample .service-item-part .service-title{padding-bottom: 5px;border-bottom: 1px solid #fff6f2;font-size: 1.1rem;letter-spacing: 0.05rem;}
.M-002.footer .footer-sample .logo-part{ margin-top: 10px; }
.M-002.footer .footer-sample .logo-part .logo{ max-width: 250px; margin:0; }
.M-002.footer .footer-sample .contact-us-part a:hover,.M-002.footer .footer-sample .service-item-part a:hover{ color: #e4da88;}
.M-002.footer .footer-sample .service-item-part .social-btn {  position: absolute;  top: 110px; left: 8.333333%;  padding-left: 15px; }
.M-002.footer .footer-sample .service-item-part .social-btn a { position: relative;  display: inline-block;   width: 38px;  font-size: 1.4rem;  color:#ffffff; 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; }
.M-002.footer .footer-sample .service-item-part .social-btn a i{ opacity:1; -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.M-002.footer .footer-sample .service-item-part .social-btn a i:hover{ opacity:0.8}
.M-002.footer .footer-sample .service-item-part .social-btn a::before { content: "";  position: absolute;  width: 38px; height: 38px;  left: 0; top: -2px;  background: #4b524e; border-radius: 40px;  z-index: -1; }
.M-002.footer .footer-sample .service-item-part .social-btn a:nth-child(3)::after { content: ""; position: absolute;  width: 38px;  height: 38px;  background-image: url(https://materials.fillo.com.tw/materials/design/images/6fb5d4af-8004-42fe-8c0d-59b04096e5a5.svg);  background-repeat: no-repeat; background-position: center;  background-size: 22px;   left: 0;     top: -2px; -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; opacity:1}
.M-002.footer .footer-sample .service-item-part .social-btn a:hover::after{opacity:0.7; }
/****Footer  end****/
@media screen and (max-width:1600px){
	/*首頁style1*/
	.M-002.main-style1 .swiper-slide-style { height: 480px;}
}
@media screen and (max-width:1499px){
	/*search 搜尋*/
	.M-002.search .search-area .search-box .select-date .select input {width: calc(45%);}
	/*首頁style1*/
	.M-002.main-style1 .swiper-slide-style { height: 450px;}
	/*主題頁1-style1*/
	.M-002.theme1-style1 .md-img .wall-wrapper .thicon_info h3{ top:20px;}
	.M-002.theme1-style1 .md-img .wall-wrapper .theme_info p.theme-text{ padding-top: 65px; line-height: 24px; letter-spacing: 0; }
	/*footer*/
	.M-002.footer .footer-sample .col-sm-3{ margin-left: 4%; -ms-flex: 0 0 20.6666%; flex: 0 0 20.6666%;  max-width: 20.6666%;}
	.M-002.footer .footer-sample .service-item-part .social-btn { left: 4%;}
}
@media screen and (max-width:1199px) {
	/*search 搜尋*/
	.M-002.search .search-area .search-box .select-date .select input { width: calc(44%);}
	/*首頁style2*/	
	.M-002.main-style3 .editor-content { width: 50%; }
	/*主題頁1-style1*/	
	.M-002.theme1-style1{ -ms-flex: 0 0 91.666667%;  flex: 0 0 91.666667%;  max-width: 91.666667%;}
	/*footer*/
	.M-002.footer .footer-sample .col-sm-3{ margin-left: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
	.M-002.footer .footer-sample .col-sm-2,.M-002.footer .footer-sample .col-sm-3,.M-002.footer .footer-sample .col-sm-7{ padding-left: 25px;}
	.M-002.footer .footer-sample .service-item-part .social-btn{ left: 0;  padding-left: 25px;}
}
@media screen and  (max-width:1199px) and (min-width:992px) {
	.M-002.theme2-style1 .widget-item,.M-002.theme2-style2 .widget-item{ -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
} 
@media screen and (max-width:1023px) {
	/*首頁style1*/
	.M-002.main-style1 .swiper-slide-style { height: 480px;}
}
@media (max-width: 991px){
	/*search 搜尋*/
	.M-002.search .search-area .search-box {  padding: 20px;}
	.M-002.search .search-area .search-box .select-date .select input {  width: calc(48.5%);}
	.M-002.search .search-area .search-box .select-date .select .divide {margin: 25px 0.5% 0px 0.5%; width: 2%;}
	.M-002.search .search-area .search-box .search-btn{ float: inherit;  width: 200px; margin: 15px auto 0; display: block;}
	/*首頁style1*/
	.main-style1 .widget-item>.module-container>.main { margin: 0;}
	.M-002.main-style1 .swiper-slide-style { height: 530px;}
	/*主題頁1-style1*/	
	.M-002.theme1-style1 .lg-img .hover-wall .icon_info h3{font-size: 1.3rem; padding: 0 20px;}
	.M-002.theme1-style1 .md-img .offer-guide-mdimg {padding-top: 30px;}
	.M-002.theme1-style1 .md-img .wall-wrapper .thicon_info{   height: 100%; background: #e9f2ec;}
	.M-002.theme1-style1 .md-img .wall-wrapper .thicon_info span {display:none;}
	.M-002.theme1-style1 .md-img .wall-wrapper .thicon_info h3 {  position: relative;  top: initial;  right: initial;  bottom: inherit;  padding: 15px 15px 0;  letter-spacing: 0; background: transparent;  font-size: 1.3rem;  }
	.M-002.theme1-style1 .md-img .wall-wrapper .wall-row>div:last-child .thicon_info h3{ left: inherit;}
	.M-002.theme1-style1 .md-img .px-0{ padding-left: 15px !important;   padding-right: 15px !important;}
	.M-002.theme1-style1 .md-img .wall-wrapper .theme_info{position: relative;right: 0;  top: 0; width: 100%; overflow: hidden; background: transparent !important;}
	.M-002.theme1-style1 .md-img .wall-wrapper .theme_info p.theme-text{padding-top: 0;}
	/*主題頁2-style1*/	
	.web-page-frame .theme2-style1 .widget-item > .module-container > .main { margin: 0px;}
	.theme2-style1 .wall-wrapper .thicon_info {padding: 5px 5px 14px;}
	.theme2-style1 .wall-wrapper .thicon_info h3{ bottom: 6px;}
	/*主題頁3-style1*/	
	.web-page-frame .theme3-style1>.module-container>.main,.web-page-frame .theme3-style3>.module-container>.main { margin: 0;}
	.M-002 .theme3-style1 .side-menu ul li label {padding: 12px 45px 12px 12px; font-size:1rem;}
	.M-002 .theme3-style1 .side-menu ul li.block {text-indent: 0;}
	.M-002 .theme3-style1 .side-menu ul ul li a { padding-left: 12px;  font-size: 1rem;}
	/*公司簡介*/	
	.M-002.about-content1>.module-container>.main{  margin:0;}
	.M-002.about-content2 .editor-content { padding: 10px 20px;}
	.M-002.about-content3>.module-container>.main { padding: 0 20px;}
	/*聯絡我們*/	
	.M-002.contactus-tab{margin-top: 0 !important; margin-bottom:0 !important; }
	.M-002.contactus-tab .flex-column { -ms-flex-direction: initial !important;  flex-direction: initial !important;}
	.M-002.contactus-tab .flex-column .nav-item { -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width:33.3333%; }
	.M-002.contactus-tab .nav-item a.nav-link.active::before{ display:none;}
	.M-002.contactus-tab .nav-pills .nav-link {  padding: 0.5rem; font-size: 1.2rem;  border-bottom: 0;  text-align: center;}
	/*網站地圖*/	
	.web-page-frame .headline .module-container .main,.sitemap.subtitle-col>.module-container>.main{ margin: 0 15px;}
	.sitemap.subtitle-col, .sitemap .headline-col { -ms-flex: 0 0 33.3333%;  flex: 0 0 33.3333%; max-width: 33.3333%;}
	.sitemap.subtitle-col+.subtitle-col .subtitle .module-container .main{ margin-left: -15px; margin-right: -15px;}
	/*footer*/
	.M-002.footer .footer-sample .col-sm-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; }
	.M-002.footer .footer-sample .col-sm-7{ border-left:0; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; max-width:66.6666%; }
	.M-002.footer .footer-sample .col-sm-2{ -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width:33.3333%; }
	.M-002.footer .footer-sample .logo-part { margin-bottom: 20px;}
	.M-002.footer .footer-sample .service-item-part .social-btn { top: 50px; left: 280px; padding-left: 0; }
}
@media (min-width: 768px) and (max-width: 991px){
	/*header*/
	.M-002.header .header-part .navbar-toggler{ display:none;}
	.M-002.header .navbar-expand-lg .navbar-nav .nav-link{ padding-right: .5rem; padding-left: .5rem;}
	.M-002.header .header-part .navbar-collapse {  display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto;}
	.M-002.header .header-part .collapse:not(.show) {  display: -ms-flexbox!important;  display: flex!important;  }
	.M-002.header .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row;}
	/*主題頁1-style1*/
	.M-002.theme1-style1 .lg-img  .hover-wall .icon_info:hover{bottom:0}
	.M-002.theme1-style1 .lg-img .hover-wall .col-md-6{ -ms-flex: 0 0 100%;   flex: 0 0 100%;     max-width: 100%; }
	.M-002.theme1-style1 .lg-img .hover-wall .icon_info figure{  width: 50%;  margin: 0;}
	.M-002.theme1-style1 .lg-img .hover-wall .icon_info h3{  position: absolute;  width: 50%; font-size: 1.3rem;  right: 0; top: 15px; }
	.M-002.theme1-style1 .lg-img .hover-wall .icon_info h4 {   position: absolute; font-size: 0.95rem;  top: 70px;   right: 0;   width: 50%; }
	.M-002.theme1-style1 .lg-img .hover-wall .icon_info p.animate-text{ position: absolute;  width: 50%;  top: 110px;  right: 0;   -webkit-line-clamp: inherit;}
	.M-002.theme1-style1 .md-img .row.wall-row>div+div { margin-top: 0px;}	
}
@media screen and (max-width:768px) {

}
@media screen and (max-width:767px) {
	.top-mt { margin-top: 0px;}
	/*header*/
	.M-002.header .header-part { padding: 0 20px; }
	.M-002.header .header-part .navbar-toggler { display:none;}
	.M-002.header .header-part .navbar-brand {  height: 65px;}
	.M-002.header .header-part .navbar-brand img { max-height: 45px;}
	.M-002.main-nav.mobile{ background: transparent !important;margin-top: 0;  padding: 0;}
	.M-002.main-nav.mobile>.module-container,.M-002.main-nav.mobile>.module-container>.main,.M-002.main-nav.mobile>.module-container>.main .module{ height: 100%;}
	.M-002.main-nav.mobile>.module-container>.main>.full-menu{ height: 100%; background:transparent;}
	.M-002.main-nav.mobile .responsive-drop-down-menu{ min-height: 0; z-index:100;  height: 100%; background:transparent !important;}
	.M-002.main-nav.mobile .responsive-drop-down-menu .menu-button{ position: fixed;  top: 0; top: 0; width: 60px; right: 5px; display:table; font-size: 0;}
	.M-002.main-nav.mobile .responsive-drop-down-menu > ul{height: 100vh;overflow: scroll;background: #979797;}
	.M-002.main-nav.mobile .responsive-drop-down-menu > ul.open {border-top: 1px solid rgb(184 184 184);padding-bottom: 100px;}
	.M-002.main-nav.mobile .responsive-drop-down-menu > ul > li.active { background: #ffffff;}
	.M-002.main-nav .responsive-drop-down-menu > ul > li:hover > ul{ border:0}
	.M-002.main-nav.mobile .responsive-drop-down-menu ul > li+li {border-top: 1px solid #bcbcbc;}
	.M-002.main-nav.mobile .responsive-drop-down-menu > ul > li > a{  color:#ffffff;}
	.M-002.main-nav.mobile .responsive-drop-down-menu > ul > li:hover > a,.M-002.main-nav.mobile .responsive-drop-down-menu > ul > li.active > a {color: #66a5bb;}
	.M-002.main-nav.mobile .responsive-drop-down-menu ul li ul li ul li a{ position:relative; color: #4E9466;}
	.M-002.main-nav.mobile .responsive-drop-down-menu ul li ul li ul li a::before{ content: "-";  position: absolute;  color: #4e9466;  font-size: 1.2rem; top: 5px; left: 35px; }
	.M-002.main-nav.mobile .responsive-drop-down-menu > ul > li > ul > li {background: #DDEAE1 !important;}
	.M-002.main-nav.mobile .responsive-drop-down-menu > ul > li.has-sub > a::before,.M-002.main-nav.mobile .responsive-drop-down-menu > ul > li.has-sub:hover > a::before{  content:""; position:absolute;background-image: url('https://materials.fillo.com.tw/materials/design/images/b15a473f-1842-43a7-80e4-211c9ace1d32.svg');     background-position: center;     background-repeat: no-repeat;     width: 15px;  height: 15px;  top: 20px;  right: 15px;  opacity: 0.8; display:block;}
	.M-002.main-nav.mobile .responsive-drop-down-menu > ul > li > ul > li.has-sub > a::before,.M-002.main-nav.mobile .responsive-drop-down-menu > ul > li > ul > li.has-sub:hover > a::before{     content: "";     position: absolute;     background-image: url(https://materials.fillo.com.tw/materials/design/images/746e8d07-f6d8-460b-8b38-11c47e35c13a.svg);     background-position: center;     background-repeat: no-repeat;     width: 15px;     height: 15px;     top: 20px;     right: 15px;     opacity: 0.8;     display: block; }
	/* 共用*/	
	.m002-title .header-title { font-size: 1.8rem;}
	/*大圖輪播*/
	.M-002.main-slider .carousel-caption { display: block !important;  right: 10%; left: 10%; transform: translate(0%, -50%);}
	.M-002.main-slider .carousel-control-next, .M-002.main-slider .carousel-control-prev{ display:none;}
	.M-002.main-slider .bs-carousel .carousel-item h5{ font-size: 1.8rem; line-height: 2.6rem;}
	.M-002.main-slider .bs-carousel .carousel-item p{font-size: 1rem;}
	/*首頁style1*/
	.M-002.main-style1 .swiper-slide-style { height: auto;}
	.M-002.main-style1 { margin: 40px 0;}
	/*首頁style3*/
	.M-002.main-style3 .editor-content{ position:initial; width: 100%; margin:0; padding: 30px;}
	/*主題頁1-輪播圖*/
	.M-002.theme1-banner .carousel-caption { display: block !important;  right: 10%; left: 10%; transform: translate(0%, -50%);}
	.M-002.theme1-banner .carousel-control-next,.M-002.theme1-banner .carousel-control-prev{ display:none;}
	.M-002.theme1-banner .bs-carousel .carousel-item h5{ font-size: 1.8rem; line-height: 2.6rem;}
	.M-002.theme1-banner .bs-carousel .carousel-item p{font-size: 1rem;}
	/*主題頁3-主圖*/
	.M-002.theme3-banner .carousel-caption {  display: block !important; top: 0;  bottom: 0;   transform: translate(0, 0); }
	.M-002.theme3-banner .bs-carousel .carousel-item h5 { margin: 0;  padding: 13px 10px;  font-size: 2rem;   letter-spacing: 0.2rem;  line-height: 2rem;}
	.M-002.theme3-banner .bs-carousel .carousel-item p{ display:none;}
	/*主題頁3-style2*/
	.M-002-tab .blk-tabs.dp-tbl{ display: block;  padding: 0 10px;}
	.M-002-tab ul.nav.nav-pills{ display: block; white-space: nowrap; overflow-x: auto;  margin-bottom: 0px;  padding-bottom: 10px; text-align: center; }
	.M-002-tab .nav-pills li.nav-item { display: inline-block;}
	.M-002-tab li.nav-item +li { padding-left: 5px;}
	/*公司簡介*/	
	.M-002.about-content2 .editor-content {width: 100%;}
	/*網站地圖*/
	.sitemap.subtitle-col, .sitemap .headline-col { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;    margin-bottom: 1rem!important; }
}
@media screen and (max-width:600px) {

}
@media (max-width:575px){
	/*search 搜尋*/	
	.M-002.search .search-area .search-box .search-btn { width: 160px;  height: 60px;  line-height: 60px; }
	/*主題頁3-style2*/
	.theme3-style2 section.text-link h2{ font-size: 1.4rem !important;}
	.theme3-style2 div.link-list ul li a, .theme3-style2 div.link-list ul li span{ padding: 10px;font-size: 1rem !important; }
	/*公司簡介*/	
	.M-002.about-content1{ padding: 0 25px; font-size: 1rem;}
	.M-002.about-content1 .header-title { font-size: 1.6em;}
	.M-002.about-content2 .pic-content .img-fluid { width: 200px; max-height: 150px;}
	.M-002.about-content2 .editor-content {  margin-top: 0;}
	.M-002.about-content2 .editor-content h3 { font-size: 1.6rem;}
	/*網站地圖*/
	.sitemap.subtitle-col, .sitemap .headline-col { -ms-flex: 0 0 100%;  flex: 0 0 100%; 	max-width: 100%; }
	/*footer*/
	.M-002.footer .footer-sample .col-sm-2,.M-002.footer .footer-sample .col-sm-7{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; border-left:0;}	
	.M-002.footer .footer-sample .contact-us-part{font-size: 0.9rem;}
	.M-002.footer .footer-sample .service-item-part {  padding-top: 15px; }
	.M-002.footer .footer-sample .service-item-part .social-btn{  top: inherit;   right: 15px;bottom: 110px;   left: inherit; }
}

section.group_table.trip_features .container .group_table_box div{text-align: justify;}
section.group_table.trip_features .container .group_table_box div img{max-width: 100%;height: auto !important;}

/*full-style*/
.sticky-nav nav{display:flex;flex-direction:row;justify-content:space-between;padding: 6px 10px;}
.sticky-nav nav .logo a{display:block;padding: 4px 10px;}
.sticky-nav nav .logo a img{height: 36px;}
.sticky-nav nav .icon{background:#fff;float:right;padding: 11px 0px;}
.sticky-nav nav .icon a{margin: 8px;padding: 2px;color: #4f5154;letter-spacing: 1px;}
.sticky-nav nav .icon a:nth-last-child(1){padding-right:0;}
.sticky-nav nav .icon a:hover{opacity:.8}
.sticky-nav nav .icon a img{width: 18px;}
.sticky-nav nav .btn {padding: 9px 10px;}
.sticky-nav nav .btn img {height: 15px;}

.sticky-nav{background: #fff;}
.sticky-nav.fixed{position: fixed;top: 0;z-index: 1000;}
@media (max-width:991px){.sticky-box{height:0 !important}
.sticky-nav{position: fixed;top: 0;z-index: 1000;}
.sticky-nav nav .icon a{display:none}
}

.sticky-nav .logo{position: absolute;left: calc( 50% - 85px );}

.fixedicon{position:absolute;z-index:100}
.fixedicon p{background:#fff;float:right;padding: 8px 15px;}
.fixedicon p a{padding-right:10px}
.fixedicon p a:nth-last-child(1){padding-right:0px}
.fixedicon p a:hover{opacity: 0.8;}
.fixedicon p a img{width: 18px;}
.fixednav{position:absolute;z-index:100;bottom:0;max-width: 42%;}
.fixednav div.link-list{background:0 0!important}
.fixednav div.link-list ul{display: flex;flex-direction: row;justify-content: center;}
.fixednav div.link-list ul li{font-weight: bold;}
.fixednav div.link-list ul li:after{content:'/'}
.fixednav div.link-list ul li:nth-last-child(1):after{content: '';}
.fixednav div.link-list ul li span {padding: 10px 10px 10px 10px;}
.header_top{position:absolute;z-index:100}
.header_top p{/* background:#fff; */float:right;padding: 14px 20px;}
.header_top p a{margin: 8px;padding: 2px;color: #fff;letter-spacing: 1px;text-shadow: #00000061 0.1em 0.1em 0.2em;}
.header_top p a:nth-last-child(1){padding-right:0px}
.header_top p a:hover{opacity: 0.8;}
.header_top p a img{width: 18px;margin-bottom: 3px;}

.main-hover nav>div{width: 790px !important;width: 42% !important;height:100%;background-color: #ffffff !important;}
.main-hover .module-container nav > div > div{width: 80%;}
.main-hover .module-container .main > div{background-size: auto;overflow: hidden;background-repeat: no-repeat;background-position: center right;/* transform: scale(1.04); */}
.main-hover .module-container .main > div .bg{background-size: auto;background-position: right;transform: scale(1.0);}
.main-hover nav>div>div>div{display: inline-block !important;vertical-align:initial;text-align:left;width:100%;text-align: center;}
.main-hover nav>div>div>div img{margin-top: 28vh;margin-bottom: 8vh;text-align: center;max-width: 148px;}
.main-hover nav>div>div>div ul{display:flex;justify-content:space-around;flex-direction:row;margin:0 auto;width:100%;align-content:center;flex-wrap:nowrap;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.main-hover nav>div>div>div ul li{width: 100%;/*-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;*/}
.main-hover nav ul li a{/* text-align:left; */padding: 20px 10px 20px 10px!important;position: relative;font-weight: bold;color: #6d6e70 !important;margin: 0 auto;}
.main-hover nav ul li a:hover:after{right: 7px;}
.main-hover nav ul li a h3{font-size: 1.0rem;font-weight: bold;letter-spacing: 6px;}
.main-hover nav ul li a p{margin:0;font-size: 0.75rem;font-weight: normal;}
.main-hover .module-container nav>div>div>div ul li:hover > a{background-color: #ffffff00 !important;color: #4e4f53 !important;}
.main-hover nav>div>div>div ul li{position:relative;margin: 0 !important;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
/*.main-hover nav>div>div>div ul li:before{content:'';width: 2px;height: 20px;background: #b6b6b7;position:absolute;top: calc(50% - 10px);left:0}
.main-hover nav>div>div>div ul li:nth-last-child(1):after{content:'';width: 2px;height: 20px;background: #b6b6b7;position:absolute;top: calc(50% - 10px);right: 0;}*/

.w-1440 {max-width: 1440px;margin: 0px auto;}
.w-1650 {max-width: 1650px;margin: 0px auto;}
@media (max-width: 1650px){
.w-1650 {max-width: calc(100% - 165px);}
}
.our-story h1 {/* font-size: 4.8rem; */}
.our-story p {font-size: 1.0rem;line-height: 2.0;}
@media (min-width: 1440px){.our-story .editor-content{padding-right: 10%;}}
@media (max-width: 991px){.our-story .order-md-first{-ms-flex-order: -1;order: -1;}
.our-story .pic-content{margin: 30px auto;}}
@media (max-width: 768px){
.our-story h4 *{display: block;text-align: center;margin: 0 auto;}
.our-story .editor-content img{max-height: 50px;width: auto;text-align: center;}
}
.story-btn{border:1px solid #fff;border-radius:100px;padding:5px 15px 5px 15px;position:relative;font-size:.8rem;letter-spacing: 1.3px;}
.story-btn:hover{letter-spacing: 1.5px;}
.story-btn:after{content:"\f178";color:#fff;padding-left:6px;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition: all 0.4s ease;transform: translateX(0px);position: relative;}
.story-btn:hover:after{transform: translateX(2px);}

.slider-main{/* max-width: 1680px; *//* margin: 0 auto; */}
.slider-main .swiper-container.swiper-container{/* max-width: 100% !important; *//* padding-right: 15px; */}
.slider-main .module-container .swiper-slide-style {/* margin-top: 40px; *//* padding: 0 15px 15px; *//* display:block; *//* transition:.3s; */margin-bottom: 5rem;border-radius: 0;box-shadow: none;background: none;}
.slider-main .module-container .swiper-slide-style:hover {/* margin-top:0; */transition:.5s;/* transform: translateY(-40px); */}
.slider-main .swiper-slide .swiper-img img{border-radius:0}
.slider-main .swiper-slide h3{height:auto;font-weight:700;font-size:1rem;text-align:left;color:#6d6e70;padding:0}
.slider-main .swiper-slide .swiper-content{height:auto;color:#6d6e70;font-weight:700;font-size:1rem;padding-top:5px;padding:0}
.slider-main .module-container .swiper-pagination {display: none;}
.slider-main .module-container .swiper-button-prev {width: 4%;height: 100%;/* background: #ffffff; */opacity: 1;top: 0;left: 0%;z-index: 999;/* display: none; */}
.slider-main .module-container .swiper-button-next {width: 4%;height: 100%;/* background: #ffffff; */opacity: 1;top: 0;right: 0%;/* display: none; */}
.slider-main .module-container .swiper-button-prev:after {font-size: 1.75rem;background: #00000000;padding: 0;color: #000;}
.slider-main .module-container .swiper-button-next:after {font-size: 1.75rem;background: #00000000;padding: 5px 20px 5px 0px;color: #000;}

.slider-main .promo_list .carousel-box .inner{max-width:1650px;margin:0 auto}
@media (max-width:1650px){.slider-main .promo_list .carousel-box .inner{max-width:calc(100% - 165px)}
}
@media (max-width:768px){.slider-main .promo_list .carousel-box .inner{max-width:calc(100% - 15px)}
}
.slider-main .promo .promo_inner .caption{background: none;padding: 0px !important;}
.slider-main .promo .promo_inner div.txt1{height: auto;}
.slider-main .promo .promo_inner div.txt1 span{height: auto;font-weight: bold;font-size: 1.0rem;}
.slider-main .promo .promo_inner div.txt1 p{margin:0}
.slider-main .promo .promo_inner div.txt2{height: auto;color: #6d6e70;font-weight: bold;font-size: 1.0rem;padding-top: 5px;padding-bottom: 0px;}
.slider-main .promo .promo_inner div.txt3{padding-bottom: 10px;}
.slider-main .promo .promo_inner div.txt3 .left_side{float: right;color: #6d6e70;}
.slider-main .promo .promo_inner div.txt3 .price{color: #3f93b1;font-weight: bold;}
.slider-main .promo .promo_inner div.txt3 .right_side{display:none;}

.slider-main .promo-next,.slider-main .promo-prev{background:0 0;top: 45%;}
.slider-main .promo-next-icon,.slider-main .promo-prev-icon{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;font-size: 36px;/* background:#00000000; */padding: 10px;color:#000;position:absolute;top:0;width: 20px;height: 30px;background-repeat: no-repeat;background-image: url(https://contents.fillo.com.tw/resource/images/9e1d73c9-71ba-4925-a9a0-c97e617537ed/arrow-down.svg/?ver=1.0.45);transform: rotate(270deg);}
.slider-main .promo-prev-icon{transform: rotate(90deg);}.slider-main .promo-prev-icon:after{/* content:'prev'; */}
.slider-main .promo-next-icon:after{/* content:'next'; */}
.slider-main .promo-next-icon:after,.slider-main .promo-prev-icon:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;font-size:1.25rem;background:#00000000;color:#000}

.slider-main .promo_pagination{display: none !important;}
.slider-main .promo .promo_inner figure .over{display:none}
@media (max-width:768px){.slider-main .promo-next{right:-30px}
.slider-main .promo-prev{left: -33px;}
}


.slider-creator{margin:0 auto}
.slider-creator .module-container .swiper-slide-style{margin-bottom:0;margin-top:0;border-radius:0;height: 456px;overflow: hidden;}
.slider-creator .swiper-slide .swiper-img img{border-radius:0}
.slider-creator .module-container .swiper-slide-style:hover{transition:.5s}
.slider-creator .module-container .swiper-pagination{/* display:none; */margin-top: 15px;text-align: right;}
.slider-creator .module-container .swiper-button-prev{width:4%;height:100%;opacity:1;top:0;left:0;z-index:999;display:none}
.slider-creator .module-container .swiper-button-next{width:4%;height:100%;opacity:1;top:0;right:0;display:none}
.slider-creator .module-container .swiper-button-prev:after{font-size:50px;background:#00000000;padding:0;color:#000}
.slider-creator .module-container .swiper-button-next:after{font-size:50px;background:#00000000;padding:5px 20px 5px 0;color:#000}
.slider-creator .swiper-slide .swiper-img{margin: 0 0 .5rem;}
.slider-creator .swiper-slide .swiper-content{-webkit-line-clamp: 1;}
.slider-creator .swiper-slide .swiper-title{color:#333;font-size:21px;font-size: 1.5rem;}
.slider-creator .swiper-pagination-bullet{width:12px;height:12px;text-align:center;line-height:20px;font-size:12px;color:#000;opacity:1;background:rgba(0,0,0,.2)}
.slider-creator .swiper-pagination-bullet-active{background:rgb(255 255 255 / 20%)}

.slider-hot{margin-bottom:6rem}
@media (min-width:768px){.slider-hot .swiper-slide .swiper-content{-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%;padding-top:60px;-webkit-line-clamp:8;text-overflow:unset;-webkit-box-orient:vertical;margin-bottom:48px;padding-right:60px}
.slider-hot .swiper-slide .swiper-img{-ms-flex:0 0 40%;flex:0 0 60%;max-width:60%;margin-bottom:60px;position: relative;}
}

.slider-hot .swiper-slide .swiper-img::before {content: '';position: absolute;top: 3rem;bottom: 3rem;left: 50%;right: 50%;border-top: 3px solid #006f97;border-bottom: 3px solid #006f97;opacity: .9;transition: 0.35s;}
.slider-hot .swiper-slide .swiper-img::after {content: '';position: absolute;top: 50%;bottom: 50%;left: 3rem;right: 3rem;border-left: 3px solid #006f97;border-right: 3px solid #006f97;opacity: .9;transition: 0.35s;}
.slider-hot .swiper-slide:hover .swiper-img::before{ left: 2rem; right: 2rem; transition: 0.35s; top: 2rem; bottom: 2rem; }
.slider-hot .swiper-slide:hover .swiper-img::after{ top: 2rem; bottom: 2rem; transition: 0.35s; left: 2rem; right: 2rem; }

.slider-hot .swiper-slide-style{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;box-shadow:none;border-radius:0;transition:.5s;transition:padding .8s cubic-bezier(.4,0,.2,1),opacity .1s}
.slider-hot .swiper-slide-active{padding:0}
.slider-hot .swiper-slide .swiper-title{display:none}
.slider-hot .swiper-slide .swiper-img img{border-radius:0}
.slider-hot .swiper-slide:hover .swiper-img img{box-shadow:5px 3px 25px #c0bdbf}
.slider-hot .swiper-slide .swiper-content{background:#fff!important;background:0 0!important;padding-top:60px;-webkit-line-clamp:8;text-overflow:unset;-webkit-box-orient:vertical;margin-bottom:48px;padding-right:60px;padding-left:60px}
.slider-hot .swiper-slide .swiper-content h3{font-weight:700;color:#333}
.slider-hot .swiper-pagination{position:absolute;right:190px;bottom:0;list-style:none;display:block;text-align:center;padding:0;margin:0;width:160px;height:60px;background:#fff}
.slider-hot .swiper-button-next,.slider-hot .swiper-button-prev{top:unset;bottom:0;height:60px;width:60px;line-height:0;font-size:0;cursor:pointer;opacity:1}
.slider-hot .swiper-button-prev{right:350px;left:unset}
.slider-hot .swiper-button-next{right:130px}
.slider-hot .swiper-button-next:after,.slider-hot .swiper-button-prev:after{padding:0;font-size:1rem;font-weight:600}
.slider-hot .swiper-button-next:hover:after{padding-left:2px}
.slider-hot .swiper-button-prev:hover:after{padding-right:2px}
.slider-hot .module-container .swiper-slide-style{margin-bottom:0}
.slider-hot .module-container .swiper-slide-style:hover{transition:.5s}
.slider-hot .module-container .swiper-pagination{display:none}
.slider-hot .module-container .swiper-button-prev{width:4%;height:100%;opacity:0;top:0;left:0;z-index:999}
.slider-hot .module-container .swiper-button-next{width:4%;height:100%;opacity:0;top:0;right:0}
.slider-hot .module-container .swiper-button-prev:after{font-size:1.25rem;background:#00000000;padding:0;color:#00000078}
.slider-hot .module-container .swiper-button-next:after{font-size:1.25rem;background:#00000000;padding:5px 20px 5px 0;color:#00000078}
.slider-hot:hover .module-container .swiper-button-next,.slider-hot:hover .module-container .swiper-button-prev{opacity:1}
@media (max-width:768px){.slider-hot{margin-bottom:0;padding: 0px 60px;}
.slider-hot .swiper-slide .swiper-img img{padding-right:0}
.slider-hot .swiper-slide .swiper-content{padding:0 30px;width:100%;margin-bottom: 10px;padding: 0;}
.slider-hot .swiper-slide-active{/* padding-bottom:75px; */}
.slider-hot .swiper-pagination{width:100%;right:unset;bottom:50px}
.slider-hot .swiper-button-next{right:30px;bottom:50px}
.slider-hot .swiper-button-prev{right:unset;left:30px;bottom:50px}
}

.slider-hot .swiper-slide .swiper-img{position: relative;}
.slider-hot .swiper-slide .swiper-img::before {content: '';position: absolute;top: 3rem;bottom: 3rem;left: 50%;right: 50%;border-top: 3px solid #006f97;border-bottom: 3px solid #006f97;opacity: .9;transition: 0.35s;}
.slider-hot .swiper-slide .swiper-img::after {content: '';position: absolute;top: 50%;bottom: 50%;left: 3rem;right: 3rem;border-left: 3px solid #006f97;border-right: 3px solid #006f97;opacity: .9;transition: 0.35s;}
.slider-hot .swiper-slide:hover .swiper-img::before{ left: 2rem; right: 2rem; transition: 0.35s; top: 2rem; bottom: 2rem; }
.slider-hot .swiper-slide:hover .swiper-img::after{ top: 2rem; bottom: 2rem; transition: 0.35s; left: 2rem; right: 2rem; }
@media (max-width:768px){
.slider-hot .swiper-slide:hover .swiper-img::before{ left: 1rem; right: 1rem; transition: 0.35s; top: 1rem; bottom: 1rem; }
.slider-hot .swiper-slide:hover .swiper-img::after{ top: 1rem; bottom: 1rem; transition: 0.35s; left: 1rem; right: 1rem; }}

.follow{background: #006f97;}
.follow>.module-container>.main>.blk-tabs, .follow>.module-container>.main>.header-title{/*display: none;*/}
.follow .module-container {max-width: 1650px;margin: 0px auto;}
.follow .widget-item{padding-left: 30px;padding-right: 30px;}
@media (max-width:991px) and (min-width:768px){.follow .widget-item{padding-left: 60px;padding-right: 60px;}}
.podcasts .module-container .main{background: #f4f4f6;}

.title img{max-height: 50px;}
@media (max-width:768px){
.title{margin-top: 2.0rem !important;max-width: 100%;}
.title *{text-align: center;}
.title img{max-height: 50px;width: auto;text-align: center;}
.follow .widget-item{/* padding-left: 15px; *//* padding-right: 15px; */}
}
.gray>.module-container>.main{background: linear-gradient(180deg,#ffffff 70%,#dcdcdd 70%);}

body>.web-page-frame>.row>.col-md-12>div>.row>div:nth-child(1){-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;display: block !important;}
body>.web-page-frame>.row>.col-md-12>div>.row>div:nth-child(2){-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
/*menu*/

body>.web-page-frame>.row>.col-md-12>div [data-position="left"]{ display: none !important;}
body>.web-page-frame>.row>.col-md-12>div .open [data-position="left"]{display: block !important;}
@media (max-width:991px){body>.web-page-frame>.row>.col-md-12>div [data-position="left"]{overflow-y: auto;}}
.memu [data-position="left"]{position: fixed;top: 0;background: #f3f3f3;z-index: 9999;height: 100%;width: 100%;padding: 60px 30px;}
.menu-box>.module-container>.main{height: calc(100vh - 120px);border-right: 1px solid #6d6e70;overflow: hidden;}
@media (max-width:991px){.menu-box>.module-container>.main{height: auto;}}
.menu-box>.module-container>.main>.blk-tabs,.menu-box>.module-container>.main>.header-title{display:none}
.menu-close{display:block;position:fixed;top:20px;left:20px;width:10px;height:10px}
.menu-logo{width:100%;position:relative;}
.menu-logo p{display:block;padding:15px}
.menu-logo img{max-width: 140px;}
.menu-link{position: absolute;bottom: 80px;left: -1px;}
.menu-link div.link-list ul li span{padding: 5px 10px 5px 10px;}
.menu-icon{position: absolute;bottom: 0;}
.menu-icon p{float: right;padding: 8px 20px;}
.menu-icon p a{padding-right: 10px;}
.menu-icon p a:hover{opacity:0.8}
.menu-icon p img{width: 18px;}

.menu-list{padding: 0 60px;}
.menu-item{margin-bottom: 5vh;}
.menu-item .side-menu .options{height:auto;background: none;box-shadow: none;}
.menu-item .header-title{font-size: 1.25rem;color: #6d6e70;font-weight: bold;letter-spacing: 7px;}
.menu-item .module-container{padding:0 15px}
.menu-item .side-menu{padding:0}
.menu-item .side-menu ul{background:#575e6300;-moz-box-shadow:0 0 5px #111;-webkit-box-shadow:0 0 5px #111;box-shadow:none}
.menu-item .side-menu ul li label, .menu-item .side-menu ul li input[type='checkbox']:checked ~ label{border-top:none!important;border-bottom: 1px solid #878e98;background:0 0!important;color: #6d6e70;text-shadow:none;letter-spacing: .02em;font-size: 1.25rem;padding: 0px 0 12px 0;text-indent:0;font-weight: bold;}
.menu-item .side-menu ul li i{display:none;text-indent:0;margin-left:5px;margin-right:5px}
.menu-item .side-menu ul ul li{border:none}
.menu-item .side-menu ul ul li a{text-indent:0;padding:5px 0;color: #6d6e70;font-size: 1.0rem;}
.menu-item .side-menu ul ul li a:hover{color: #6d6e70;}
@media (max-width:991px){
.menu-list{padding: 0 20px;}
.menu-item{margin-bottom: 0;}
.menu-item .side-menu .options{height:0;margin-bottom: 15px;border-bottom: 1px solid #878e98!important;}
.menu-item .side-menu ul li label{margin-bottom: 7px;padding: 5px 0;border: none;}
.menu-item .side-menu ul li input[type='checkbox']:checked ~ label{border-bottom: 1px solid #878e98;}
.menu-item .side-menu ul li input[type='checkbox'] + label:after{content:"\f107";font-size:10px;position: absolute;right: 0px;top: 0px;padding: 11px 22px;font: normal normal normal 14px/1 FontAwesome;font-size: 1.5rem;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.menu-item .side-menu ul li input[type='checkbox']:checked + label:after{content:"\f106";font-size:10px;position: absolute;right: 0px;top: 0px;padding: 11px 22px;font: normal normal normal 14px/1 FontAwesome;font-size: 1.5rem;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.menu-item .side-menu ul li input[type='checkbox'] + label:after{content:"+";}
.menu-item .side-menu ul li input[type='checkbox']:checked + label:after{content:"-"}				 
}

.phone .menu-link, .phone .menu-icon{position: relative;bottom: unset;left: unset;}
.phone .menu-link div.link-list ul{display: block;text-align: center;}
.phone .menu-icon p{text-align: center;float: none;}

.hidden{display:none !important}

.footer-info p{display: inline-block;}
.footer-info span{padding-right: 30px;display: inline-block;}
@media (max-width:768px){
.footer-logo{margin-top: 0.5rem;}
.footer-info p{margin-bottom: 0;}
.footer-info span{padding: 0 10px;font-size: 0.9rem;}
.footer-info p:nth-child(2){display: block;}
.footer-mail span{display: block;}
.footer-mail span.space_line{display:none;}
.footer-address span{padding: 0 10px;font-size: 0.9rem;}
.copyright p{font-size: 0.75rem;}
.copyright p span{color: #a0a0a0!important;}
.copyright p:nth-child(1){display:none;}					
}

.mobile-slider .carousel-control-prev,.mobile-slider .carousel-control-next{/*display:none*/}
.mobile-slider .carousel-control-next:hover,.mobile-slider .carousel-control-prev:hover{opacity:.6}
.mobile-slider .carousel-indicators{margin-bottom:15px;z-index:10}
.mobile-slider .carousel-indicators li{background:#fff;border:none;width:9px;height:9px;border-radius: 14px;margin-right:6px;margin-left:6px}
.mobile-slider .carousel-indicators li.active{width: 24px;}
.mobile-slider .carousel-inner img{transition: all 20s;transform: scale(1.15);}
.mobile-slider .carousel-inner .active img{transform: scale(1);}
.mobile-slider .carousel-caption{bottom: calc(50% - 75px);display: block !important;width: 60%;margin: 0 auto;}
.mobile-slider .bs-carousel .carousel-item h5{text-shadow: -1px 0 4px #b7b7b7, 0 1px 3px #000000;letter-spacing: 1.0px;font-size: 1.6rem;margin-bottom: 0.2em;}
.mobile-slider .bs-carousel .carousel-item p{text-shadow: -1px 0 4px #b7b7b7, 0 1px 3px #000000;letter-spacing: 1.0px;margin: 0;}
.mobile-slider .bs-carousel .carousel-item small{}
.mobile-slider .bs-carousel .carousel-item b{font-size: 1.8rem;}

.gotop .actGotop{right:0;width:50px;height:50px;bottom:0}
.gotop .actGotop a,.gotop .actGotop a:link{width:50px;height:50px;border-radius:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.gotop .actGotop a i{width:50px;font-size:28px;top:10px}
.gotop .actGotop a:hover i{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;top:9px}

.hover-card{overflow:hidden;display:flex;}
.hover-card .module_carousel{padding:0}
.hover-card .country_tab{display:flex;align-items: stretch;/* height: 100vh; */}
.hover-card .country_tab .module_box_title{min-width: 660px;margin-top: 250px;}
.hover-card .country_tab .module_box_title ul{padding: 0 3em 0 3em;margin: 0 20px 0 auto;}
.hover-card .country_tab .module_box_title ul li{border-bottom: 2px solid #e8e8e8;padding:1em 0}
.hover-card .country_tab .module_box_title ul li:hover{border-bottom: 2px solid #006f97;}
.hover-card .country_tab .module_box_title ul li a{font-size:1rem;letter-spacing:2px;display:table;display:flex;flex-direction:column}
.hover-card .country_tab .module_box_title ul li a span{color: #6d6e70;font-weight:700;margin-right:0;margin-bottom:5px;padding:0;font-size: 1.15rem;line-height:30px;margin-left:0;background:#006f9700!important}
.hover-card .country_tab .module_box_title ul li a span::after{border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:12px solid #fff;border:none}
.hover-card .country_tab .module_box_title ul li a:hover span{color: #4e4f53; }
.hover-card .country_tab .module_box_title ul li a p{color: #6d6e70;}
@media (max-width:1440px){.hover-card{-ms-flex:0 0 100%}
.hover-card .country_tab .module_box_title ul li{padding: .5em 0;}
}
@media (max-width:991px){.hover-card .country_tab{display:flex;flex-direction:column}
.hover-card .tab_container{width: 100% !important;}
.hover-card .country_tab .module_box_title{width: 100% !important;padding:5px 30px 15px;margin-top: 10px;}
.hover-card{padding:0 15px 0}
.hover-card .country_tab .module_box_title ul{padding:0}
}
@media (max-width:767px){.hover-card{padding:0 15px 0;max-width: 100%;}
.hover-card .country_tab{display:flex;flex-direction:column}
.hover-card .country_tab .module_box_title ul li{padding:.5em 0}
.hover-card .country_tab .module_box_title ul li a,.hover-card .country_tab .module_box_title ul li a span{font-size:1rem;line-height:24px;letter-spacing:1px}
.hover-card .country_tab .module_box_title{min-width: 100%;}
}

.hover-card .header-title{position:absolute;top: 0;padding-top: 0;display:flex;flex-direction: column;width: 40%;height: 250px;right: 0;text-align: center;display: flex !important;align-items: center;justify-content: center;width: 60%;align-items: flex-start;padding: 0 3em 0 3em;}
.hover-card .header-title h1{font-size: 3rem;font-weight: 400;letter-spacing: 6px;margin-bottom: 2.0rem;}
.hover-card .header-title p{font-size: 1.25rem;font-weight: 300;letter-spacing: 4px;position: relative;/* padding-left: 69px; */color: #305a8c;margin-bottom: 0;}
@media (max-width:1440px){.hover-card .header-title{position:absolute;display:flex;flex-direction:column;padding-top: 0vh;min-width: 660px;}
.hover-card .header-title h1{font-size: 2rem;font-weight: 400;letter-spacing: 6px;margin-bottom: 1rem;}
.hover-card .header-title p{font-size: 1.0rem;font-weight: 300;letter-spacing: 4px;position: relative;/* padding-left: 69px; */color: #305a8c;}
}
@media (max-width:991px){.hover-card .header-title{position: relative;min-width: 100%;padding: 2vh 0;}}
@media (max-width:767px){.hover-card .header-title{position: relative;height: auto;margin-bottom: 1.5rem;align-items: center;}}


.fall .falls-container .grid{margin-bottom:0;}
.fall .falls-container .grid .grid-item p{font-size:1rem;margin:0;line-height:1.6;letter-spacing: 1px;}
.fall .falls-container .grid .grid-item h5{line-height: 1.4;letter-spacing: 5px;font-size: 1.25rem;}
.fall-center.fall .falls-container .grid{align-items: center;}

.esg {padding: 120px 0;}
.esg .mix-wrapper .row{background: none !important;}
.esg .editor-content hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:5px solid rgb(0 0 0);max-width:80%;margin-left:0}
.esg .mix-wrapper .row h5{line-height: 1.0;}
.esg .mix-wrapper .row h5 span{font-family: 'Nunito', sans-serif;sans-serif;font-style: italic;}
.esg .editor-content p{margin-bottom:0;line-height:1.6}

.story-1{padding:60px 0 100px 0;}
.story-2{padding: 0;}
.story-3{}
.story-3:before{content:"";position: absolute;right: -15px;top: -100px;background-image: url(https://www.iuutravel.com/material-alias/我們的故事/our_story_07.png);width: 365px;height: 266px;}
.story-3:after{content:"";position: absolute;left: -15px;bottom: 0px;background-image: url(https://www.iuutravel.com/material-alias/我們的故事/our_story_21.png);width: 362px;height: 169px;}
.story-3>.module-container:after{content:"";position: absolute;right: 0;bottom: -58px;background-image: url(https://www.iuutravel.com/material-alias/我們的故事/our_story_24.png);width: 248px;height: 120px;z-index: 1;}

.story-4 .module-container>.main {padding: 30px 0 0px 0;}
.story-4{}
.best_trip{padding-right:30px;padding-left:30px}
.best_trip img{ margin-bottom: 1rem;}
.best_trip table tr{/*vertical-align: top;*/}
.best_trip table td:nth-child(1){/* width: 60px; */}
.best_trip table img{margin-bottom: 1rem;}
.best_trip h5{line-height: 1.0;}
.best_trip h5 span{font-family: 'Nunito', sans-serif;}
.best_trip p{margin-bottom: 1.0rem;padding: 0 15px;}
.best_trip p:nth-child(1){font-size: 1.25rem;margin-bottom: 0.25rem;line-height: 1.0;}
@media (min-width:1200px){.best_1{margin-left:16.666667%;padding-right: 60px;padding-left: 60px;}
.best_2{padding-left: 60px;padding-right: 30px;}
}
@media (max-width:1200px){.best_trip{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
}
@media (max-width:991px){.story-3:before{width:231px;height:159px;background-size:100%;top:-64px}
.story-3>.module-container:after{width:149px;height:72px;bottom:-28px}
.story-3:after{width:217px;height:101px}
}
@media (max-width:767px){.best_trip{-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;margin: 0 auto;}
.best_trip h5{font-size: 1.5rem;}
.best_trip img{}
}
.story-5 .module-container>.main{padding: 50px 0 0px 0;}
.story-5:before{content:"";position: absolute;left: -15px;top: -78px;background-image: url(https://www.iuutravel.com/material-alias/我們的故事/our_story_66.png);width: 190px;height: 191px;z-index: 1;}
.story-5 h5{line-height: 1.0;}
.story-5 h5 span{font-family: 'Nunito', sans-serif;}
.story-6 .module-container>.main{/* padding: 10px 0 0px 0; */}
.straight-line{width:2px;height:60px;background:#000;display:block;margin:20px auto}
.story-6 .story-fixed{/*position:absolute;*/text-align:center;width:100%}
.story-6 .story-bg p{margin-bottom: 0;}
.story-6:after{content:"";position: absolute;right: -1px;top: 23%;background-image: url(https://www.iuutravel.com/material-alias/我們的故事/our_story_86.png);width: 216px;height: 261px;z-index: 0;}
.story-5 p, .story-6 p {margin-bottom: 0.5rem;}
@media (max-width:767px){.story-1{padding: 60px 0 50px 0;}
.story-5 h5{font-size: 1.5rem;}
.story-5 .module-container>.main{padding: 30px 0 0px 0;}}

.slider-text{margin-top: 60px;margin-bottom: 60px;}
.slider-text .module-container .swiper-slide-style{margin-bottom:0;border-radius:0;box-shadow:none;background:0 0;display:flex;padding:0 120px;/* margin-top: 60px; */}
.slider-text .module-container .swiper-slide-style:hover{transition:.5s}
.slider-text .swiper-slide .swiper-img img{border-radius:0}
.slider-text .swiper-title{height:auto;font-weight:700;font-size:1rem;text-align:left;color:#6d6e70;padding:0;display:none}
.slider-text .swiper-slide .swiper-img{width:30%;order:1}
.slider-text .swiper-slide .swiper-content{height:auto;color:#6d6e70;font-weight:700;font-size:1rem;/* padding-top:5px; */padding-right: 60px;width:70%;-webkit-line-clamp: 6;}
@media (max-width:767px){.slider-text .module-container .swiper-slide-style{display:flex;flex-direction:column;padding: 0 30px;margin-top: 10px;}
.slider-text .swiper-slide .swiper-img{width:100%;order:1;padding: 0 10px;}
.slider-text .swiper-slide .swiper-content{width:100%;padding: 0px 10px;}
.slider-text{margin-top: 30px;margin-bottom: 60px;}
}
.slider-text .swiper-slide .swiper-content h3{color:#6d6e70;font-weight:700;font-size:1.5rem}
.slider-text .module-container .swiper-pagination{display:none}
.slider-text .module-container .swiper-button-prev{width: 50px;height:100%;opacity:1;top:0;left:0;}
.slider-text .module-container .swiper-button-next{width: 50px;height:100%;opacity:1;top:0;right:0}
.slider-text .module-container .swiper-button-prev:after{font-size: 1.25rem;background: #84256c;width: 50px;height: 50px;padding: 11px;border-radius: 100px;text-align: center;color: #fff;}
.slider-text .module-container .swiper-button-next:after{font-size: 1.25rem;background: #84256c;width: 50px;height: 50px;padding: 11px;border-radius: 100px;text-align: center;color: #fff;}

.main-item .hover-wall .htpro_tit{  display: none;}
.main-item .hover-wall .mb-4{ margin-bottom: 0rem!important;}
.main-item .hover-wall .icon_info{/* background: #4E9466; */border-radius: 0;box-shadow: none;}
.main-item .hover-wall .icon_info:hover{ box-shadow: none;}
.main-item .hover-wall .overlay{display: none;}
.main-item .hover-wall .icon_info h4{display: table;margin: 0 auto;padding: 0 10px;margin-bottom: 0.6rem;color: #e6d33c;font-style: initial;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;padding: 0;}
.main-item .hover-wall .icon_info h3{font-size: 1.25em;margin-bottom: 0.8rem;padding-top: 1rem;padding: 0;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.main-item .hover-wall figure .s_img{top: 0px;left: 0px;}
.main-item .hover-wall .icon_info:hover h3{/* color:#e4da88 !important; */}
.main-item .hover-wall .icon_info p.animate-text {max-width: 600px;margin: 0 auto 30px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 0.95rem;letter-spacing: 0.03rem;padding: 0;}
.main-item .hover-wall .icon_info:hover figure .overlay i{ display:none; }

.Featured_slider  .carousel-control-prev,.Featured_slider  .carousel-control-next{/* display:none; */width: 7%;}
.Featured_slider .carousel-control-next-icon, .Featured_slider .carousel-control-prev-icon {width: 20px;height: 50px;background: no-repeat 50%/100% 100%;}
.Featured_slider .carousel-control-prev-icon, .Featured_slider .carousel-control-next-icon{background-image: url('https://materials.fillo.com.tw/materials/iuutravel/images/ae4ee7a5-8e24-462f-a4bb-9a52fdea740f.svg');}
.Featured_slider .carousel-control-next-icon{ transform: rotate(180deg); }
.Featured_slider  .carousel-control-next:hover,.Featured_slider  .carousel-control-prev:hover{opacity:.6}
.Featured_slider  .carousel-inner{max-width: 1440px;margin: 0 auto;width: 90%;}
.Featured_slider  .carousel-indicators{margin-bottom:15px;z-index:10}
.Featured_slider  .carousel-indicators li{background:#fff;border:none;width:9px;height:9px;border-radius: 14px;margin-right:6px;margin-left:6px}
.Featured_slider  .carousel-indicators li.active{width: 24px;}
.Featured_slider  .carousel-inner img{transition: all 10s;transform: scale(1.05);}
.Featured_slider  .carousel-inner .active img{transform: scale(1);}
.Featured_slider  .carousel-caption{bottom: calc(50% - 75px);display: block !important;width: 60%;margin: 0 auto;}
.Featured_slider  .bs-carousel .carousel-item h5{text-shadow: -1px 0 4px #b7b7b7, 0 1px 3px #000000;letter-spacing: 1.0px;font-size: 1.6rem;margin-bottom: 0.2em;}
.Featured_slider  .bs-carousel .carousel-item p{text-shadow: -1px 0 4px #2d2d2de3, 0 1px 3px #000000;letter-spacing: 2.0px;margin: 0;font-size: 2.0rem;}
.Featured_slider  .bs-carousel .carousel-item small{}
.Featured_slider  .bs-carousel .carousel-item b{font-size: 1.8rem;}
@media (max-width:991px){.Featured_slider .bs-carousel .carousel-item h5, .Featured_slider .bs-carousel .carousel-item p{font-size: 1.25rem;}}

.Featured_Title{max-width:60%;min-width:800px;margin: 6rem 0 4rem 0;}
.Featured_Title article{display:-ms-flexbox;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center}
.Featured_Title h4{margin:0;letter-spacing:2px;color:#222}
.Featured_Title .title{padding-right:40px;color:#222;border-right:1px solid #000;margin-right:40px}
.Featured_Title .text{color:#333;flex:1;line-height:1.8}
.Featured_Title .text span{font-size: .9rem;color:#333}
@media (max-width:991px){.Featured_Title{max-width:80%;min-width:80%;margin:2rem 0}
.Featured_Title article{flex-direction:column}
.Featured_Title .title{margin-top:2rem!important;border:none;padding:0;margin:0;position:relative}
.Featured_Title .title:after{content:"";position:relative;display:block;margin:17px auto;width:1px;height:40px;text-align:center;background:#000}
}

.Featured_Itinerary .mix-wrapper{padding:10px 90px}
.Featured_Itinerary .mix-wrapper .row{background:0 0!important;margin-bottom:90px}
.Featured_Itinerary .mix-wrapper .row .editor-content{display:inline-flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.Featured_Itinerary h3{line-height:1.5;font-size:1.8rem;letter-spacing:2px;margin-bottom:2rem}
.Featured_Itinerary p{letter-spacing:2px;margin-bottom:.5rem}
.Featured_Itinerary .price{margin-top:2rem;border-radius:100px;border:1px solid #006f97;display:block;padding:6px 40px 6px 20px;font-size:.8rem;letter-spacing:1px;color:#006f97;margin-bottom:1rem}
.Featured_Itinerary .price a{color:#006f97}
.Featured_Itinerary .price a:after{position:absolute;content:'\f178';font-size:1rem;font:normal normal normal .8rem FontAwesome;padding-left:.5rem;line-height:1.7;transition:.3s}
.Featured_Itinerary .price:hover a:after{padding-left:.75rem;transition:.5s}
@media (max-width:768px){.Featured_Itinerary .mix-wrapper{padding:10px 40px}
.Featured_Itinerary .mix-wrapper .row{margin-bottom:0}
.Featured_Itinerary h3{line-height:1.5;font-size:1.5rem;letter-spacing:2px;margin-bottom:1rem}
.Featured_Itinerary .price{margin-top:.75rem}
}

.links .function-row{text-align:center;margin-top:2rem}
.links .function-row .flex-row li{border-bottom:1px solid #d4d4d4;-ms-flex:0 0 16.666667%!important;flex:0 0 16.666667%;max-width:16.666667%;margin-right:15px;margin-left:15px}
@media (min-width:1200px){.links .function-row .flex-row li{-ms-flex:unset;flex:unset;max-width:300px;width:170px;border-bottom:1px solid #d4d4d4}
}
@media (max-width:1200px){.links .function-row{margin-top:2rem;width:90%;margin:4rem auto .5rem auto}
.links .function-row .flex-row li{flex:0 0 150px!important;max-width:150px;margin-right:5px;margin-left:5px}
.function-row .flex-row{overflow-x:scroll;width:100%}
}
.links .function-row li a{padding:5px 5px}
.links .function-row li a h3{font-size:.9rem;font-weight:600;letter-spacing:2px}
.links .function-row li a p{font-size:.75rem;font-weight:600;margin-bottom:0;letter-spacing:0}

.bg_gray{position:relative;padding-top: 2rem;}
.bg_gray:before{background-color: #f0f0f0;content:'';width: 50%;height: 100%;position:absolute;top:0;right: 0;}
@media (max-width:991px){.bg_gray{padding-top: 1rem;}
.bg_gray:before{width: 70%;}}

.anchor{position:absolute;top: -56px;right:0;bottom:0;left:0;display:block;visibility:hidden}
@media (max-width:768px){.anchor{top:-56px;}}
/*End full-style*/

/*form*/
section.group_table .container>h2{display:none}
.contac_form .form-row{background: url(https://materials.fillo.com.tw/materials/cowelltrip/images/8c69b72d-97ab-4f10-a87d-1494a1169217.png) #f7f7f7;padding:0 5%;max-width:900px;margin:0 auto;}
.contac_form .form-row:nth-of-type(2){padding-top:5%}
.contac_form .form-row:nth-of-type(4){padding-bottom:5%}
.contact h4 .note{display:none}
.contact .trip_title{max-width: 900px; margin: 0 auto; letter-spacing: 1.2px;}
.contact .trip_title h5{margin:0}
.contact #form_customForm .trip_title{letter-spacing:1.2px;padding: 0 0 2.0rem 0;border-bottom:none;max-width: 900px;margin: 0 auto;background: url(https://materials.fillo.com.tw/materials/sunlee/images/b7f39a06-6a6c-405c-8863-fa734e020d34.png) #524a45d9;/* background: url(https://materials.fillo.com.tw/materials/cowelltrip/images/8c69b72d-97ab-4f10-a87d-1494a1169217.png) #2e0f50c7; */}
.contact .contac_form .form-row h3{font-size: 1.0rem;color: #efefef;margin: 0;}
.contact .contac_form .form-row #field_20 h3{font-size:2rem;font-weight:400;text-align:center;border-bottom:1px solid #dcdcdc;padding-bottom:30px}
.contact .contac_form .form-row label{font-size:1rem;color: #555;display: block;}
.contact .contac_form .form-row label:hover:before {border: 1px solid #04abf2;background-color: #ffffff;}
section.contact #form_customForm .btn-group-lg>.btn,section.contact #form_customForm .btn-lg{color: #006f97!important;background-color:#343a40;border-color:#343a40;font-size: 0.9rem;font-weight:400;border-radius:30px;padding: .5rem 3rem;background-color: #ffffff !important;border-color: #1074c7 !important;}
section.contact #form_customForm .btn-group-lg>.btn,section.contact #form_customForm .btn-lg:hover {background-color: #ffffff !important;border-color: #006f97 !important;color: #006f97;}
.form_title{padding:0 20px;text-align: center;}
.form_title h2 {color: #fff;font-weight: 100;padding-top: 5rem;margin-bottom: 1.0rem !important;line-height: 1.2;color: #FFFFFF;font-family: 'Nunito', sans-serif;text-align: center;line-height: 1;font-size: 1.5rem;margin-top: 1.0rem;margin-bottom: 0.25rem;}
section.group_table .container h4 {font-size: 1.0rem;text-align: center;color: #a8a8a8;padding: 0;}
.contact .trip_title p {font-size: .9rem;color: #a8a8a8;line-height: 1.5;margin: 0;padding-bottom: 1.0rem;}
.main_text {padding: 0 40px;}
@media (max-width:767px) {
.main_text {padding: 20px 40px;}
.main_text .main_text {padding: 20px 20px;}
.main_text hr {display: none;}
}
textarea.form-control {border-radius: 0;min-height: 150px;}
.form-group select.form-control  {border-radius: 0;height: 50px !important;}
.form-check.radio_style, .form-group .form-check {display: inline-block;}
.form-group .form-check {padding-left: 24px;margin: 10px 15px;}
.form-group .form-check .checkmark:hover {border: 1px solid #ffffff;background-color: #04abf2;}
.form-group .form-check .customcheck:hover input ~ .checkmark {/* background-color: #fff; */border: 1px solid #04abf2;}

/*form:demand*/
@media screen and (min-width:950px){
#field_2, #field_3, #field_8, #field_9, #field_4, #field_10, #field_11, #field_6{flex: 0 0 50%;max-width: 50%;}
#field_2, #field_3, #field_8, #field_10 {padding-right: 1% !important;}
#field_13,#field_14,#field_15{flex: 0 0 33.333%;max-width: 33.333%;}
#field_13, #field_14{padding-right: 2% !important;}
#field_4, #field_11, #field_9{padding-left: 1% !important;}
}
#field_6 .fa-calendar {right: 20px;}
#field_1,#field_5{text-align:center;border:1px solid #d2d2d2;padding:15px;margin-bottom:30px;margin-top:30px;background:#979ba2}
/*end form*/

.inbound_search,.outbound_search{padding: 1rem 1.5rem;margin-top: -5rem;z-index:9;background: #f3f3f3;box-shadow: inset 0px -2px 10px #e2e2e2;}
.inbound_search section.group_banner .search-area .search-box .select-date .select input{width:calc(50% - 18px);background: none !important;border-radius: 0px;height:35px;padding:5px}
.inbound_search .search-area .search-box .select-date .select .divide{margin: 16.5px 8px 0 8px;background: #585858 !IMPORTANT;}
.inbound_search .group_banner.search_banner .search-area>.container, .outbound_search .group_banner.search_banner .search-area>.container {background:0 0;border:none;padding-right: 30px;padding-left: 30px;}
.outbound_search .group_banner.search_banner .search-area>.container{margin-top:.25rem}
.inbound_search section.group_banner .search-area .search-box, .outbound_search section.group_banner .search-area .search-box{margin:0;/* height: 90px; */}
@media (min-width:991px){
.outbound_search section.group_banner .search-area .search-box>div:nth-child(1){-ms-flex: 0 0 15%;flex: 0 0 15%;max-width: 15%;}
.outbound_search section.group_banner .search-area .search-box>div:nth-child(2){-ms-flex: 0 0 15%;flex: 0 0 15%;max-width: 15%;}
.outbound_search section.group_banner .search-area .search-box>div:nth-child(3){-ms-flex: 0 0 15%;flex: 0 0 15%;max-width: 15%;}
.outbound_search section.group_banner .search-area .search-box>div:nth-child(4){-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
.outbound_search section.group_banner .search-area .search-box>div:nth-child(5){-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
.outbound_search section.group_banner .search-area .search-box>div:nth-child(6){}}
.inbound_search section.group_banner .search-area .search-box .select-date,.inbound_search section.group_banner .search-area .search-box .select-departure,.inbound_search section.group_banner .search-area .search-box .select-destination{padding:10px 0;}
.inbound_search section.group_banner .search-area .search-box div{background: none !important;}
.inbound_search section.group_banner .search-area .search-box .select-goal, .inbound_search section.group_banner .search-area .search-box .select-place{padding: 10px 0px;}
.inbound_search section.group_banner .search-area .search-box>div:nth-child(1), .inbound_search section.group_banner .search-area .search-box>div:nth-child(2){-ms-flex: 0 0 22%;flex: 0 0 22%;max-width: 22%;}
.inbound_search section.group_banner .search-area .search-box>div:nth-child(4){-ms-flex: 0 0 42%;flex: 0 0 42%;max-width: 42%;}
.inbound_search section.group_banner .search-area .search-box div .select{/* border-bottom: 1px solid #000; */}
.inbound_search section.group_banner .search-area .search-box div input{border-bottom: 1px solid #006f97!important;}
.inbound_search section.group_banner .area_input, .outbound_search .search-area .search-box .select select{background-color:#f4f4f4;border-radius: 0px;height: 35px !important;background-position:95%;padding:0 8px;border-bottom: 1px solid #006f97!important;}
.inbound_search section.group_banner .search-area .search-box .select-status{bottom:-10px}
section.group_banner .search-area .search-box .search-btn{border-radius: 5px;background: #b7ff93;}
.inbound_search section.group_banner .search-area .search-box .select-date .title,.inbound_search section.group_banner .search-area .search-box .select-departure .title,.inbound_search section.group_banner .search-area .search-box .select-destination .title,.inbound_search section.group_banner .search-area .search-box .select-goal .title,.inbound_search section.group_banner .search-area .search-box .select-place .title{height:30px;min-height:30px;margin-top: 0rem !important;}
.inbound_search section.group_banner .search-area .search-box .select-date .title h6,.inbound_search section.group_banner .search-area .search-box .select-departure .title h6,.inbound_search section.group_banner .search-area .search-box .select-destination .title h6{/* font-size:1rem; */color: #ffffff;margin: 0px;}
.inbound_search section.group_banner .search-area .search-box  .title h6{margin: 0 !important;}
.inbound_search section.group_banner .search-area .search-box .select-date .title i,.inbound_search section.group_banner .search-area .search-box .select-departure .title i,.inbound_search section.group_banner .search-area .search-box .select-destination .title i,.inbound_search section.group_banner .search-area .search-box .select-goal .title i,.inbound_search section.group_banner .search-area .search-box .select-place .title i{display: none;}
.outbound_search section.group_banner .search-area .search-box div div {background: none !important;/* height: auto  !important; *//* min-height: auto  !important; */padding: 0px !important;}
.outbound_search section.group_banner .search-area .search-box div .select-date input{width: calc(50% - 18px) !important;height: 35px;}
.outbound_search section.group_banner .search-area .search-box div div.divide{background: black !important;height: 2px !important;min-height: 2px !important;}
.outbound_search section.group_banner .search-area .search-box .title i{display: none;}
.outbound_search section.group_banner .search-area .search-box .title h6{font-size: 1rem !important;margin: 0px !important;color: #ffffff !important;line-height: 15px;}
.inbound_search section.group_banner .search-area .search-box .search-btn,.outbound_search section.group_banner .search-area .search-box .search-btn{margin-top: 33px;background: #b7ff93;color: #fff;height: 43px;}
.inbound_search section.group_banner .search-area .search-box .search-btn i{display:none}
.inbound_search .search-area .search-box .search-btn h5,.outbound_search .search-area .search-box .search-btn h5{font-size: 1.0rem;}
.outbound_search .search-area .search-box .search-btn i{display: none;}
.inbound_search section.group_banner .search-area .search-box .select-input>input{background:none}
.inbound_search section.group_banner .search-area .search-box .select-input{border-bottom: 1px solid #ffffff;position: relative;}
.inbound_search section.group_banner .search-area .search-box .select-input>input::placeholder{color: #a9cacf;}
.inbound_search section.group_banner .search-area .search-box .select-input>input{height:40px;margin-top:35px}
.inbound_search section.search_banner .search-area .search-box .select-input .data-icon-search{top: calc(12px);color: #ffffff;}
.outbound_search section.group_banner .search-area .search-box .select-input > input{background:none}
.outbound_search section.group_banner .search-area .search-box .select-input{border-bottom: 1px solid #ffffff;position: relative;/* min-height: auto !important; *//* padding: 0px !important; */}
.outbound_search section.group_banner .search-area .search-box .select-input>input::placeholder{color: #a9cacf;}
.outbound_search section.group_banner .search-area .search-box .select-input>input{height: 26px;margin-top: 30px;line-height: 30px;height: 40px;margin-top: 20px;}
.outbound_search section.search_banner .search-area .search-box .select-input .data-icon-search{top: calc(12px);color: #ffffff;}
.datepicker table tr th.dow{color:#04abf2;border-bottom:1px solid #ebebeb}
.datepicker table tr th.dow:nth-last-child(1),.datepicker table tr th.dow:nth-last-child(2){color:#ff9191}
.datepicker .next,.datepicker .prev{background:#eee;border-radius:50px}
.datepicker table tr th.clear{color:#999}
.datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border-radius:4px;border:none;font-size:15px}
.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{color:#bbb}
@media (min-width:1200px){.inbound_search section.group_banner .search-area .search-box{/* height:90px; */}
}
@media (min-width:992px){}
@media (max-width:1600px){.inbound_search,.outbound_search,.search_tabs{/* flex:0 0 83.333333%; *//* max-width:83.333333%; */}
}
@media (max-width:1366px){.inbound_search,.outbound_search,.search_tabs{/* flex:0 0 91.666667%; *//* max-width:91.666667%; */}
}
@media (max-width:991px){.inbound_search section.group_banner .search-area .search-box{/* height:90px; */}
.inbound_search section.group_banner .search-area .search-box .select-input>input{margin-top: 15px;}
.outbound_search section.group_banner .search-area .search-box .select-input>input{height: 40px;margin-top: 10px;}
.inbound_search,.outbound_search,.search_tabs{flex:0 0 100%;max-width:100%;position: relative;margin-top: 0rem;}
.inbound_search section.group_banner .search-area .search-box>div:nth-child(1), .inbound_search section.group_banner .search-area .search-box>div:nth-child(2){-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
@media (max-width:767px){.inbound_search section.group_banner .search-area .search-box .search-btn, .outbound_search section.group_banner .search-area .search-box .search-btn{height:45px;line-height:45px;margin-top: 20px;}
.inbound_search,.outbound_search,.search_tabs{flex:0 0 100%;max-width:100%}
.inbound_search section.group_banner .search-area .search-box>div:nth-child(4){-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.inbound_search section.group_banner .search-area .search-box div{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.inbound_search section.group_banner .search-area .search-box .select-date .title, .inbound_search section.group_banner .search-area .search-box .select-departure .title, .inbound_search section.group_banner .search-area .search-box .select-destination .title, .inbound_search section.group_banner .search-area .search-box .select-goal .title, .inbound_search section.group_banner .search-area .search-box .select-place .title
}

.product_all{width:100%;flex-wrap:wrap;align-content:stretch;margin:2% 0}
.product_box{position:relative;width:32.3%;float:left;margin-bottom:1%;transition:.5s;background-color:#fff;padding:1em 1em 4em}
.product_box:hover{transition:.5s;text-decoration:none;-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.19);-moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.19);-ms-box-shadow:0 1px 5px 0 rgba(0,0,0,.19);-o-box-shadow:0 1px 5px 0 rgba(0,0,0,.19);box-shadow:0 1px 5px 0 rgba(0,0,0,.19)}
.product_box .product_name{float:left;width:100%;color:#333;display:table;text-indent:-1px;margin-top:2rem;padding:15px 2rem 2rem}
.product_box .product_name a{font-size: 1.75rem;font-weight:800;color:#000;text-decoration:none;line-height:1.5em;letter-spacing:.05em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.product_box .product_name a:hover{color: #646464;}
.product_description{width:100%;font-size:1em;line-height:1.5em;letter-spacing:.05em;color:#f03;font-weight:400;padding-left:4px}
.product_description:before{content:"";font-size:1em;line-height:2em;letter-spacing:.05em;color:#666;font-weight:400;width:auto}
.product_offer{width: 60%;float:left;font-size:1em;font-weight:400;color:#000;text-decoration:none;line-height:1.5em;/* letter-spacing:.05em; *//* padding-left:25px; */margin-bottom: 20px;padding: 15px 3rem 0rem;}
.product_offer p{margin-top: 0px;margin-bottom: 0px;background: #f1f1f1;padding: 10px 15px 23px 15px;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;overflow-y: auto;}
.departure_date{width:100%;font-size:1em;line-height:1.5em;letter-spacing:.05em;color:#666;font-weight:400;padding-left:4px;margin-bottom:5px;padding: 15px 3rem 1rem;}
.departure_date>s>a:before{content:' ';color:#f06!important;position:absolute;font-size:15px;width:28px;top:9px;left:0}
.departure_date a{font-size:1.25em;line-height:2em;color:#333;font-weight:400;letter-spacing:.05em;position:relative;text-decoration:underline}
.departure_date a:hover{color:#333;text-decoration:underline}
.product_box .product_img{width:100%;height:auto;background-color-repeat:no-repeat;float:left;overflow:hidden;transition:.5s;margin:0;padding:0;position: r;}
.product_box .product_img img{width:100%;height:auto;transition:1s}
.product_box:hover .product_img img{transform: scale(1.3);transition:.9s;-webkit-animation: 0.6s cubic-bezier(0.47,0,0.745,0.715) forwards flash--light3;animation: 0.6s cubic-bezier(0.47,0,0.745,0.715) forwards flash--light3;opacity: 0.6;}
.product_price{width:100%;text-align:right;left:0;position:absolute;background: #fdfdfd;color:#bd0d22;font-weight:700;font-size:1.3em;/* padding:15px 2rem 2rem; */}
.product_price h{color:#f03;font-size:19px;line-height:1em;font-weight:700;letter-spacing:.05em;padding:5px}
.product_price p{color:#f66;font-size:1em;font-weight:400;margin:0}
.departure_date>s,.departure_date>s>a,.departure_date>s>a:hover{color:#acacac}
.product_box .product_img a{position:relative;background: #4a4039;}
.product_box .product_img a:after{display:block;content:'';background:#ffffffe0;position:absolute;display:block;left:calc(50% - 50px);top:calc(50% - 25px);border-radius:3px;padding:10px 15px;border:1px solid #7c7474e0;margin-left:0;-webkit-transition:all .5s ease .4s;-moz-transition:all .5s ease .4s;-o-transition:all .5s ease .4s;-ms-transition:all .5s ease .4s;transition:all .5s ease .4s;content:'詳細資訊';z-index:14;color:#544f3c;text-shadow:0 4px 8px #fff;letter-spacing:1.5px;display:none}
.product_box:hover .product_img a:after{display:block;letter-spacing:1.25px;box-shadow:4px 4px 14px 3px #00000026}
@media screen and (max-width:991px){.product_offer{display:none!important;padding: 0 2rem 1rem;width: 100%;}
.product_price{bottom:0;position:relative;padding:0 2rem 1rem}
.departure_date{padding:15px 2rem 0}
.product_box .product_name{margin-top:1rem}
}
@media screen and (min-width:981px){.product_box{position:relative;width:100%;float:left;transition:.5s;background-color:#fff;margin:.5%;padding:9px}
.product_box .product_img{width: 50%;height:100%;background-repeat:no-repeat;float:left;overflow:hidden;transition:.5s;vertical-align:middle;clear:right;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;background:url(https://materials.fillo.com.tw/materials/iuutravel/images/38067308-ab4f-4594-9e6f-a20e036e54e7.jpg) no-repeat center;background-size:100%;padding:0}
.product_box .product_img a{width:100%;min-height:300px;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;/* background:#fff; */position: relative;}
.product_box .product_name{float:left;width: 50%;color:#333;display:table;text-indent:-1px;padding: 15px 3.0rem 2rem;}
.product_price{width: 50%;float:right;right:0;position:absolute;line-height: 1;color:#bd0d22;font-weight:600;font-size:1.1em;left:unset;display:flex;justify-content: flex-end;padding: 15px 3rem 2.5rem;z-index: 1;}
.departure_date{width: 50%;float:left;font-size:1rem;line-height:1.5em;letter-spacing:.05em;color:#333;font-weight:600}
.product_description{width:63%;float:left;font-size:1rem;line-height:1.5em;letter-spacing:.05em;color:#f03;font-weight:400;padding-left:1%}
.product_offer{width: 50%;float:left;font-size:1rem;font-weight:400;color:#000;text-decoration:none;line-height:1.5em;/* letter-spacing:.05em; *//* padding-left:1%!important; */-webkit-line-clamp: 5;}
}
@media(min-width:1200px) and (max-width:1400px){.product_offer p{-webkit-line-clamp: 3;}}
@media(min-width:981px) and (max-width:1269px){.product_box .product_img{width: 50%;}
.product_box .product_name a{font-size: 1.25rem;}
.product_price{width:20%;/* padding:20px 0; */}
.product_price h{font-size:1em}
.product_description:before{font-size:14px}
.autopage{width:100%;max-width:100%;flex:0 0 90%}
.product_box .product_name{width: 50%;margin-top: 1rem;}
.departure_date,.product_description{width: 50%;padding: 10px 3rem .5rem;font-size: .9rem;}
.product_offer p{-webkit-line-clamp: 2;overflow-y: auto;}
.auto-tour .product_offer{display:none}
}
@media only screen and (max-width:980px){
.product_box{width:50%}
.product_price{padding: 1px 2rem 2rem;margin-bottom: 1rem;}
.product_price span{/* padding: 0px 3rem 1.5rem !important; */}
}
@media only screen and (max-width:640px){.product_box{width:100%;padding:1em .5em .5em;border-top:1px solid #eee}
.product_box .product_img{width: 100%;overflow:hidden;/* height: 250px; *//* display:none; */}
.product_box .product_img img{width:100%;min-height:150px;object-fit:cover;mix-blend-mode:normal;object-position:50% bottom}
.product_box .product_name{width:100%;margin-left:12px;overflow:hidden;line-height:1.3em;text-overflow:ellipsis;display:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin: 0;}
.product_box .product_name a{font-size:16px;font-size: 1.3rem;letter-spacing:0;line-height:1.5em;font-weight:bolder;-webkit-line-clamp: 2;}
.product_offer{display:none;width:100%;font-size:12px;/* padding-left:0; */}
.product_offer p{width:100%;/* font-size:12px; */line-height:1.5em;padding-left:0;margin-bottom:5px}
.product_description{font-size:13px;line-height:1.2em;border-radius:5px;margin-top:0;padding:5px 0;margin-left:4px}
.departure_date{position:relative;width:100%;font-size:14px;line-height:1.5em;padding-top:5px;color:#666;font-weight:400;margin:0;display:table}
.departure_date a{font-size:14px;line-height:14px;color:#36f;font-weight:600}
.product_price{/* text-align:right; *//* background:0 0; *//* position:relative; *//* right:0; *//* height:auto; */margin-bottom: 1.0rem;padding: 15px 2rem 2rem;}
.product_price h{color:#ff3c2b;font-size:18px;padding:0}
.product_price span{/* padding: 0px 3rem 1.5rem !important; */}
}
.auto-tour .title_box{padding:10px 65px}
.auto-tour .title_box img{display:none}
.auto-tour .title_box h1{font-size: 1.75rem;text-align: center;line-height: 2.5;position: relative;display: table;margin: 1.5rem auto;}
.auto-tour .title_box h1:before{content: "";position: absolute;width: 100%;height: 1px;background: #0f3050;bottom: 0px;}
.auto-tour .product_all{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 40px}
.auto-tour .product_box{margin:0 2% 1.5rem;padding:0;position:relative;width:100%;border:1px solid #e2e2e2;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:#fff;box-shadow: 2.8px 2.8px 2.2px rgb(0 0 0 / 1%), 6.7px 6.7px 5.3px rgb(0 0 0 / 3%), 12.5px 12.5px 10px rgb(0 0 0 / 3%), 22.3px 22.3px 17.9px rgb(0 0 0 / 3%), 41.8px 41.8px 33.4px rgb(0 0 0 / 4%), 43px 56px 42px rgb(0 0 0 / 3%);}
.auto-tour .product_box:hover{border:1px solid #bfbfbf}
.auto-tour .product_img img{max-width:100%;-webkit-transform: scale(1.2);transform: scale(1.2);}
.auto-tour .departure_date,.auto-tour .product_name{font-weight:600}
.auto-tour .product_name{padding-bottom:15px;border-bottom:1px solid #d3d3d3;line-height:1.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient:vertical;white-space:normal}
.auto-tour .product_name,.auto-tour .product_name a{color:#0d1425;font-weight: bold;/* font-size: 1.5rem; */text-decoration:none}
.auto-tour .departure_date,.auto-tour .departure_date a,.auto-tour .product_price{color:#6a6a6a}
.auto-tour .departure_date a:nth-last-child(1){text-decoration:none;color:#a5a5a5;margin-left:10px}
.auto-tour .departure_date a:nth-last-child(1):hover{}
.auto-tour .departure_date a:hover{text-decoration:underline}
.auto-tour .product_price{bottom:0;color:#006f97}
.auto-tour .product_price span{display:block;font-size:1.5rem;font-family:Cinzel;/* padding: 10px 3rem 2.5rem; */float: right;}
.auto-tour .product_offer{position:relative;/* margin:15px; */padding-top: 0px;font-size: 1.0rem;line-height: 1.8;color: #706244;}
.auto-tour .product_offer:before{content:"特別推薦";/* position:absolute; *//* top: 1px; *//* left:0; */padding: 7px 15px;background: #7e7e7e7d;color:#fff;letter-spacing:0;/* margin-bottom: 1rem; */line-height: 1.8em;}
.auto-tour .product_offer article{display:none}

.gotop .side_bar{border-radius: 0;box-shadow: none;padding: 0px;width: 50px;border: 1px solid #ebebeb;}
.gotop .side_bar li{border:none}

@media (max-width:767px){[data-position="center"]{margin-top: 60px;}}

.vendor.youtube h2{font-size: 1.5rem;.vendor.youtubeh2{font-size: 2.4rem;};margin-top: 1.0rem;}