body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/****Header start**網頁精靈**/
.M-001.header{z-index: 100; }
.M-001.header .header-part .navbar-brand {  height: 65px; padding: 5px;}
.M-001.header .header-part .navbar-brand img{-webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease; }
.M-001.header .header-part .navbar-nav li a{ border-bottom: 0px  solid #fff;   line-height: 40px;-webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease; }
.M-001.header .header-part .navbar-nav li>a:hover{  background-color: inherit !important;  color: #FFCC02 !important; line-height: 30px; border-bottom: 2px solid #fff;}
.M-001.header .header-part .dropdown.show {background: inherit;}
.M-001.header .dropdown-menu.shadow.show { border: 1px solid #ffcc02;  border-radius: 8px !important;}
.M-001.header .header-part .navbar-nav li>div a.dropdown-item { padding: .25rem 1rem; color: #01305a;}
.M-001.header .header-part .navbar-nav li>div a:hover { color: #01305a!important; background:#ffcc02 !important; }
.M-001.header .header-part .navbar-nav li>div a:first-child{  border-top-left-radius:8px;border-top-right-radius:8px  }
.M-001.header .header-part .navbar-nav li>div a:last-child{  border-bottom-left-radius:8px;border-bottom-right-radius:8px  }
.M-001.main-nav { position: fixed; margin: 0 auto;  margin-top: 75px; width: 100%;  background: #e8f8ff;  z-index:99;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); }
.M-001.main-nav .main { max-width: 1250px; margin: 0 auto !important;}
.M-001.main-nav .responsive-drop-down-menu{ min-height: 52px;}
.M-001.main-nav .responsive-drop-down-menu > ul > li:after{ background:#e8f8ff}
.M-001.main-nav .responsive-drop-down-menu > ul > li > a{color:#4db7ff; font-size: 1.1em; padding: 11px 20px;}
.M-001.main-nav .responsive-drop-down-menu > ul > li:hover > a,.M-001.main-nav .responsive-drop-down-menu > ul > li.active > a {color:#2766BF;}
.M-001.main-nav .responsive-drop-down-menu > ul > li > ul > li { background: #e8f8ff !important;  width: 100%;}
.M-001.main-nav .responsive-drop-down-menu > ul > li > ul > li+li {  border-top: 1px solid #abdaef;}
.M-001.main-nav .responsive-drop-down-menu ul li ul li a{  color: #4db7ff;  font-size: 1rem;}
.M-001.main-nav .responsive-drop-down-menu > ul > li:hover > ul > li:hover a{ color: #ffffff; }
.M-001.main-nav .responsive-drop-down-menu > ul > li:hover > ul > li:hover ul > li:hover a{ color: #ffcc02; }
.M-001.main-nav .responsive-drop-down-menu > ul > li+li > a:after { content: ""; position: absolute; width: 1px; height: 30px;  background:#4db7ff;  left: 0; }
.M-001.main-nav .responsive-drop-down-menu > ul > li.has-sub > a:before { border: 6px solid transparent;  top: 25px; right: 20px; }
.M-001.main-nav .responsive-drop-down-menu > ul > li.has-sub > a:before,.M-001.main-nav .responsive-drop-down-menu > ul > li:hover > a:before{border-top-color:#4db7ff;}
.M-001.main-nav .responsive-drop-down-menu ul li ul li.has-sub:before {  border: 6px solid transparent;border-left-color:#4db7ff; top: 22px;}
.M-001.main-nav .responsive-drop-down-menu > ul > li:hover > ul > li.has-sub:hover:before{border-left-color:#ffffff;}
.M-001.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;}
.M-001-title .header-title.dp-tbl { position: relative;  display: table;  width: auto; color: #01305a;  text-align: center; font-size: 2.1rem; font-weight: 600; font-family: "Helvetica Neue", 微軟正黑體, Helvetica, Arial, sans-serif !important; margin: 50px auto}
.M-001-title .header-title.dp-tbl::before{ content:""; position:absolute; width: 50px;   height: 5px;   left: 30%;  bottom: -8px;   background: #4db7ff;}
.all-btn{ position:relative; display: table;  padding: 0px 40px 0 20px;  border: 1px solid #01305a;  background: #01305a;  font-size: 1rem;  line-height: 2rem;  border-radius: 50px;   -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; }
.all-btn::before{ content: "";     position: absolute;     width: 20px;     height: 8px;     top: 12px;     right: 15px;     background-image: url(https://materials.fillo.com.tw/materials/design/images/8254ef26-1714-434f-aedc-87e7291abebf.svg);     background-repeat: no-repeat;     background-position: center;}
.all-btn,.all-btn a{  color:#ffffff; text-decoration:none;}
.all-btn:hover {  background: #ffcc02; border: 1px solid #ffcc02;}
/****共用 end****/
/****index start****/
/*main-slider 主圖 start*/
.M-001.main-slider section.banner-area .swiper-area{ z-index:0;}
.M-001.main-slider  section.banner-area .swiper-area .banner-swiper { height: 600px;}
.M-001.main-slider .slide-txt-box{ text-align:center !important}
.M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .line{display:none;}
.M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .content{ width:100%; text-align:center;}
.M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt{ top: 30%;}
.M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-img { height: 1120px;}
.M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev,.M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-button-next{ display:none}
/*search 搜尋 start*/
.M-001.search .search-area{ background:#01305a; min-height: 120px; display: flex; align-items: center;}
.M-001.search .search-area  .search-box {padding: 0px 10px;}
.web-page-frame .M-001.search.widget-item .search-area form.container{ width: 100%;}
.M-001.search .search-area form.container{ max-width: 1560px;  padding-left: 0; padding-right: 0; }
.M-001.search .search-area .search-box .select-goal,.M-001.search .search-area .search-box .select-place,.M-001.search .search-area .search-box .select-date,.M-001.search .search-area .search-box .select-keywords{background: #01305a;  padding: 5px 10px;}
.M-001.search .select-keywords{ position:relative; }
.M-001.search .search-area .search-box .select-keywords .title,.M-001.search .search-area .search-box .select-goal .title,
.M-001.search .search-area .search-box .select-date .title,.M-001.search .search-area .search-box .select-place .title { color: #e8f8ff;}
.M-001.search .search-area .search-box .select-date .select { width: 100%;}
.M-001.search .search-area .search-box .select-date .select input { width: calc(46%);}
.M-001.search .search-area .search-box .select-goal .select select,.M-001.search .search-area .search-box .select-place .select select{background-image:url('https://materials.fillo.com.tw/materials/design/images/ba80c1e7-a1a0-4966-ae41-8b1f3c85e438.svg');  }
.M-001.search .search-area .search-box .select-goal .select select,.M-001.search .search-area .search-box .select-place .select select,
.M-001.search .search-area .search-box .select-date .select input,.M-001.search .search-area .search-box .select-keywords .select input {height: 48px; padding:5px; border: none;  background-color: rgba(255,255,255,100);border-radius:8px; }
.M-001.search .search-area .search-box .select-goal .title h6,.M-001.search .search-area .search-box .select-place .title h6,.M-001.search .search-area .search-box .select-date .title h6{ margin:0;  padding-left: 5px;}
.M-001.search .search-area .search-box .select-date .select .divide{margin: 25px 10px 0px 10px; background: white;}
.M-001.search .search-area .search-box .search-btn{  background: #4db7ff;   width: 92%;  height: 72px;  line-height: 72px;  margin-top: 10px;   float: right; border-radius:8px; }
.M-001.search .search-area .search-box .search-btn h5 { letter-spacing: 1.5px;  font-size: 1.1rem;  line-height: 1.1rem; }
.M-001.search .search-area .search-box .select-goal .title i,.M-001.search .search-area .search-box .select-place .title i,.M-001.search .search-area .search-box .select-date .title i,.M-001.search .search-area .search-box .select-keywords .title i { color: #ffcc02;}
/*搜尋月曆*/
.datepicker.dropdown-menu{  border: 1px solid #01305a;}
.datepicker.datepicker-dropdown:before{  border-bottom-color: #01305a;}
.datepicker.datepicker-dropdown.datepicker-orient-top:before{ border-top: 7px solid #01305a;}
.datepicker td, .datepicker th {  width: 30px;height: 30px;}
.datepicker table tr td.active.active{background:#4db7ff;}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background: #ffcc02;}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:hover{background-color: #01305a;}
.datepicker .datepicker-switch,.datepicker .next, .datepicker .prev { color: #01305a;}
/*快捷icon*/
.M-001.main-icon .function-row li a{ -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-001.main-icon .function-row li a:hover{  padding: 15px 5px 5px; }
.M-001.main-icon .function-row li{margin-top: 15px; margin-bottom: 20px;}
.M-001.main-icon .function-row li a h3{  display: block; font-size: 1.2rem; letter-spacing: 0.1rem; margin-top: 10px;}
/*主打商品push*/
.M-001.push .module_carousel{ padding-bottom: 0; background: rgba(255, 255, 255, 0.8);}
.M-001.push .country_tab .module_box_title ul{ padding: 1em;}
.M-001.push .country_tab .module_box_title ul li { padding: 0.6em 1em; border-bottom: 1px solid #c7c7c7; }
.M-001.push .country_tab .module_box_title ul li:hover { border-bottom: 1px solid #4db7ff; }
.M-001.push .country_tab .tab_container,.tw-tour .country_tab .module_box_title{ width:50%; padding: 15px;}
.M-001.push .country_tab .module_box_title{ width: 50%;}
.M-001.push .country_tab .module_box_title ul li a span{  margin-right: 8px;  padding: 4px 15px;  border-radius: 25px; }
.M-001.push .country_tab .module_box_title ul li a span::after{ border: 0;}
.M-001.push .country_tab .module_box_title ul li  a p{ color:#01305a; line-height:2em;}
.M-001.push .country_tab .module_box_title ul li:hover  a p{ color:#4db7ff;}
/*主題專區theme*/
.M-001.main-theme{ margin-bottom:60px}
.M-001.main-theme .hover-wall .htpro_tit{ display:none;}
.M-001.main-theme .hover-wall .icon_info { padding: 15px  15px 20px; height: 500px; background: #f4f4f5; border-radius: 8px; box-shadow: none;  bottom: 0;   }
.M-001.main-theme .hover-wall .icon_info h3{  padding:0 0 0 45px;  font-weight: bold;  letter-spacing: 0.03em;   line-height: 2rem;   font-size: 1.4rem;  overflow: hidden;   text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  white-space: normal;  }
.M-001.main-theme .hover-wall .icon_info h4 { height: 75px; color: #545454;  font-style: initial;  padding: 0px 10px;   line-height: 1.6rem; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;     -webkit-box-orient: vertical;   white-space: normal; }
.M-001.main-theme .hover-wall .icon_info p.animate-text{ position:absolute; display: table;  right: 20px;  bottom: 15px;  margin-bottom: 0;  padding: 0px 40px 0 20px; float: right;  border: 1px solid #01305a; background: #01305a; font-size:1rem;  line-height: 2rem;  border-radius: 50px; -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-001.main-theme .hover-wall .icon_info:hover p.animate-text{ background:#ffcc02; border: 1px solid #ffcc02;}
.M-001.main-theme .hover-wall .icon_info p.animate-text::before{   content: "";     position: absolute;     width: 20px;     height: 8px;     top: 12px;     right: 15px;     background-image: url(https://materials.fillo.com.tw/materials/design/images/8254ef26-1714-434f-aedc-87e7291abebf.svg);     background-repeat: no-repeat;     background-position: center;}
.M-001.main-theme  .hover-wall .icon_info figure{ overflow:visible;}
.M-001.main-theme img.s_img.lazyload.loaded { top: initial;  bottom: -45px;  width: 25px; }
.M-001.main-theme .hover-wall .icon_info:hover figure .b_img{ -webkot-transform: scale(1);     -moz-transform: scale(1);     -ms-transform: scale(1);     -o-transform: scale(1);     transform: scale(1); }
.M-001.main-theme .hover-wall .icon_info figure .overlay { border-radius: 8px;}
.M-001.main-theme .hover-wall .icon_info figure .overlay i,.M-001.main-theme .hover-wall .icon_info:hover figure .overlay i{ display:none }
.M-001.main-theme img.b_img.lazyload.loaded{ border-radius: 8px;}
/****index end****/
/****themepage1 start****/
.M-001.themetab .nav-pills .nav-link { font-family: "Helvetica Neue", 微軟正黑體, Helvetica, Arial, sans-serif !important;  background-color: #ffffff;   padding: .4rem 2rem;  border: 1px solid #4db7ff;   color:#4db7ff; -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-001.themetab .nav-pills .nav-link.active,.M-001.themetab .nav-pills .show>.nav-link { background-color: #4db7ff; color: #ffffff;}
.M-001.themetab .nav-item+.nav-item { margin-left: 8px; }
.M-001.themetab{ padding-bottom: 2rem!important;}
.M-001.themetab .blk-tabs{ display: block; padding: 0 10px;}
.M-001.themetab .blk-tabs ul{ margin-bottom: 0px; padding-bottom: 10px; display: block;  white-space: nowrap; overflow-x: auto;  text-align: center;}
.M-001.themetab .blk-tabs ul .nav-item{display: inline-block;}
.M-001.themepage1 .mix-wrapper { padding: 0px 30px 15px;}
.M-001.themepage1 .mix-wrapper>.row:nth-child(odd) { background: #e8f8ff !important;}
.M-001.themepage1 .pic-content,.M-001.themepage1 .editor-content{ margin-top: 25px;  margin-bottom: 25px; padding-left: 25px; padding-right: 25px;}
.M-001.themepage1 .img-mode .img-box{ text-align:center}
.M-001.themepage1 .tab-block h1{ position: relative;  display: table; font-size: 1.8rem;  color: #4db7ff;  margin-bottom: 0.3rem;  letter-spacing: 0.2rem;}
.M-001.themepage1 .tab-block .title{ margin-bottom: 0.8rem;  padding-bottom: 10px; font-weight: 600; color: #01305a; border-bottom: 1px solid #01305a; font-size: 1.4rem;}
.M-001.themepage1 .tab-block .tab-content span{ color: #ee7122; font-size: 1rem; font-weight: 600; letter-spacing: 0.05rem;}
.M-001.themepage1 .tab-block article{ margin-bottom: 1rem;  padding-bottom: 0 !important;  color: #545454;  line-height: 1.7rem;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;     -webkit-line-clamp: 4;  -webkit-box-orient: vertical; white-space: normal;}
.M-001.themepage1 .tab-block{ display: flex; flex-direction: column; height:100%}
.M-001.themepage1 .tab-content{ -webkit-flex: 87%;  flex: 87%;}
.M-001.themepage1 .price-block { padding: 10px 5px;}
.M-001.themepage1 .tab-block .price{ float: right; font-size: 1.4rem; font-weight:600; color: #01305a; letter-spacing: 0.02rem;}
.M-001.themepage1 .tab-block .price span{ font-size: 0.9rem; padding-left: 0.3rem;}
.M-001.themepage1 .tab-block .more{ -webkit-flex: 13%;  flex: 13%;}
/****themepage1 end****/
/****themepage2 start****/
.M-001.article-block{ max-width:1000px; line-height: 2rem;}
.M-001.article-block .header-title{ font-size: 1.2rem;  margin: 20px 0;   color: #333333;  font-weight: 600; }
.M-001.article-block.widget-item > .module-container > .main, .tab-content .widget-item > .module-container > .main {margin: 20px auto;}
.M-001.pushprice{ background: #e8f8ff;} 
.M-001.pushprice .container-fluid{ padding-left:0; padding-right:0;}
.M-001.pushprice ul.navbar-nav.nav-pills{ z-index:1}
.M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item a.nav-link h5 { margin-bottom: 0;}
.M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item a.nav-link.active,.M-001.pushprice .main_nav .nav-pills .nav-item:hover a.nav-link { border: 1px solid #4db7ff;  padding: 0.8em 2em;}
.M-001.pushprice .anchor-tab-wrapper>.container { position: relative;}
.M-001.pushprice .anchor-tab-wrapper>.container .list_top {  position: absolute;  top: -70px; right: 0; z-index: 1;}
.M-001.pushprice .section-box .bgholder_box {  text-shadow: none;  background: rgba(77, 183, 255, 0.6); width: 157px; height: 132px; display: -webkit-flex; display: flex;  -webkit-align-items: center; align-items: center;  justify-content: center;}
.M-001.pushprice .section-box .bgholder_box h4{ margin-bottom:0 !important }
.M-001.pushprice .main_nav {margin-bottom: 30px;}
.M-001.pushprice .main_nav .nav-pills .nav-item {  padding-right: 20px; }
.M-001.pushprice .main_nav .nav-pills .nav-item a.nav-link { color: #4db7ff; border: 1px solid #4db7ff; padding: 1em 2em; padding: 0.8em 2em;}
.M-001.pushprice .main_nav .nav-pills .nav-item a.active:after,.M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item:hover a:after{border-width: 20px 15px 0 15px;  content: ''; bottom: -10px;}
.M-001.pushprice .list_nav .nav-item{display:none;}
.M-001.pushprice.widget-item .container-fluid { bottom: 0;  background-repeat-y: no-repeat;  background-position: bottom;  padding-bottom: 70px; }
.M-001.pushprice div.Graphic_mode:nth-child(2) .travel_list .list_price .price_sale { color: #7f2c5a;}
.M-001.pushprice .Graphic_mode .card:last-child{ background-color: inherit;}
.M-001.pushprice .Graphic_mode .card:last-child .list_img,.M-001.pushprice .Graphic_mode .card:last-child .list_content{ display:none;}
.M-001.pushprice .Graphic_mode .card:last-child .travel_list .list_price{padding: 0; margin: 0 auto; max-width:150px; background:initial; }
.M-001.pushprice .Graphic_mode .card:last-child .travel_list .list_price .price_sale{ background:#01305a;color: white; padding: 8px 5px; border-radius:50px; -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-001.pushprice .Graphic_mode .card:last-child .travel_list .list_price .price_sale:hover { background:#ffcc02;}
.M-001.pushprice .Graphic_mode .card:last-child .travel_list .list_price .price_sale span{ position:relative;padding-right: 40px;  font-size: 1.2rem; font-style: normal;}
.M-001.pushprice .Graphic_mode .card:last-child .travel_list .list_price .price_sale span::after{ content:""; position:absolute; background-image:url('https://materials.fillo.com.tw/materials/design/images/8254ef26-1714-434f-aedc-87e7291abebf.svg'); background-position:center; background-repeat:no-repeat;  right: 5px;  top: 10px; width: 28px;
 height: 10px;}
.M-001.pushprice .Graphic_mode .card:last-child .travel_list:hover .list_price{background-color: inherit;}
.M-001.pushprice .Graphic_mode{ margin-top: 0px;}
.M-001.pushprice .list_container .card{margin-bottom: 0rem; padding: 20px;}
.M-001.pushprice .list_container .card:hover { background: #ffffff;}
.M-001.pushprice .Graphic_mode .list_container .card+.card {  border-top: 1px solid #add1e6; border-radius: 0;}
.M-001.pushprice .list_container .card:last-child {  border-top: none; }
.M-001.pushprice .list_container .card:last-child:hover{ background:inherit;}
.M-001.pushprice .travel_list .list_price{ background: #f2f2f2;}
.M-001.pushprice .travel_list:hover .list_price {background:#cbe8f5;}
.M-001.pushprice .travel_list .list_price .price_sale { color: #266e97;}
.M-001.pushprice.widget-item .anchor-tab-wrapper>div:nth-child(5) .travel_list .list_price .price_sale { color:#01305a;}
.M-001.pushprice.widget-item .anchor-tab-wrapper>div:nth-child(5) .card:last-child .travel_list .list_price .price_sale{ color:#ffffff}
.M-001.pushprice.widget-item .anchor-tab-wrapper>div:nth-child(5) .travel_list:hover .list_price {  background:#e8f8ff;}
.M-001.pushprice.widget-item .anchor-tab-wrapper>div:nth-child(5) .list_content:hover {  background: #e8f8ff 0;}
.M-001.pushprice .travel_list:hover .list_price .price_sale span { border-bottom: none;}
.M-001.pushprice .travel_list .text { line-height: 2rem;}
.M-001.pushprice .list_content{ -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-001.pushprice .list_content:hover {  background:#f1fbfd 0;}
.M-001.pushprice .card .list_content .title { margin-top: 0;}
.M-001.pushprice .list_content .title a {color: #00a0e8; text-decoration: none;}
/****themepage2 end****/
/****themepage3 start****/
.web-page-frame .M-001.media.widget-item > .module-container > .main { margin-left: 0px; margin-right: 0px; }
.web-page-frame .M-001.media{ padding: 2rem!important;}
.web-page-frame .M-001.media h2 {position:relative; margin-bottom: 10px;  padding-left: 30px; font-size: 1.2rem; font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif !important; font-weight:600;  line-height: 1.8rem; color:#01305a;   overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; white-space: normal; }
.web-page-frame .M-001.media h2::before{ content:""; position:absolute; background-image:url('https://materials.fillo.com.tw/materials/design/images/ce51ab82-97f4-4b96-99c7-009f57b6647e.svg');  background-repeat:no-repeat; background-position:center; width:30px; height:30px; left: 0; top: 0; }
.M-001.media:nth-child(odd) {  background:#dbf0f9;}
.M-001.media:nth-child(even) { background: #edfaff;}
.M-001.sharearticle .swiper-slide .swiper-title { color: #01305A; font-size: 1.4rem; font-weight: 600; text-align: left; height: 50px;}
.M-001.sharearticle .swiper-slide-style {background: #f4f4f5; box-shadow: none;}
.M-001.sharearticle .swiper-pagination-bullet-active { background: #ffcc02;}
.M-001.sharearticle .swiper-slide .swiper-content p { margin-bottom: 0.5rem; color: #4db7ff; font-size: 0.9rem; }
.M-001.sharearticle .swiper-slide .swiper-content { font-size: 0.9em; letter-spacing: 0.02em;}
.M-001.sharearticle [class*='swiper-button-'] { color: #ffcc02; opacity: 1; }
.M-001.sharearticle [class*='swiper-button-']:after { background: none;}
/****themepage3 end****/
/****公司簡介about start****/
.about-content1 .hover-wall .htpro_tit {margin-bottom:0}
.about-content1 .hover-wall .icon_info{ display: flex; height: 100%; padding: 15px 15px 20px;  background: #f4f4f5;  border-radius: 8px;  box-shadow: none;  bottom: 0; }
.about-content1 .hover-wall .icon_info:hover{  bottom: 0;  box-shadow: 0 0 black;}
.about-content1 img.s_img.lazyload.loaded { top: initial;  bottom: -45px;  width: 25px; }
.about-content1 .hover-wall .icon_info:hover figure{ border-radius:8px;}
.about-content1 .hover-wall .icon_info:hover figure .b_img{ -webkot-transform: scale(1);     -moz-transform: scale(1);     -ms-transform: scale(1);     -o-transform: scale(1);     transform: scale(1); }
.about-content1 img.b_img.lazyload.loaded { border-radius: 8px;}
.about-content1 .hover-wall .icon_info figure .overlay i,.about-content1 .hover-wall .icon_info:hover figure .overlay i { display: none;}
.about-content1 .hover-wall .icon_info h3{ position:relative; padding-bottom:10px;}
.about-content1 .hover-wall .icon_info h3::before { content: ""; position: absolute; width: 10%; background: #ffcc02; height: 2px; left: 0;  bottom: 0; }
.about-content1 .hover-wall .icon_info h3::after { content: ""; position: absolute;  width: 88%; background: #aaaaaa;  height: 2px;   bottom: 0; right: 0; }
.about-content1 .hover-wall .icon_info p.animate-text{  color: #545454;  font-style: initial;  padding: 0px 10px;  font-size:1rem; line-height: 1.6rem;     overflow: hidden;     text-overflow: ellipsis;     display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  white-space: normal; }
.about-content2 .mix-wrapper{ padding: 0 15px;}
.about-content2 .pic-content,.about-content2 .editor-content {margin-top: 0;  margin-bottom: 0; padding: 0;}
.about-content2 .editor-content{  display: flex; position: relative; padding: 40px;  background: #4db7ff; color: #ffffff; line-height: 2rem; font-size: 1.2rem; letter-spacing: 0.05rem;  align-items: center;     text-align: center; }
.about-content2 .editor-content::before { content: "";  position: absolute;  width: 0;  height: 0;  border-style: solid;  border-width: 30px 30px 0 0; border-color: #ffcc02 transparent transparent transparent;   top: 0; left: 0; }
.abouthistory article { padding: 10px; font-size: 1.1rem; letter-spacing: 0.04rem; line-height: 1.8rem; text-align: justify;}
.web-page-frame  .abouthistory.widget-item > .module-container { display: flex; align-items: center;height: 100%;}
.web-page-frame .abouthistory.left.widget-item > .module-container { justify-content: flex-end;}
.abouthistory.right { position:relative; border-left: 2px solid #4db7ff;}
.abouthistory.right span::before,.abouthistory.left span::before{ content: "";    position: absolute;   top: 45%;     width: 14px;     height: 14px;   background: #ffcc02;  border-radius: 50%;   z-index: 1;}
.abouthistory.right span::before {  left: -8px; }
.abouthistory.left span::before {  right: -8px; }
.abouthistory.left article,.abouthistory.left span{ margin: 10px 20px 10px 30px; }
.abouthistory.right article,.abouthistory.right span{ margin: 10px 30px 10px 20px; }
.abouthistory.left span,.abouthistory.right span {padding: 10px;}
.abouthistory.text{ color: #01305a;  font-weight: 600;}
.abouthistory.year{ color:#4db7ff; font-size: 1.4rem; letter-spacing:0.05rem;  font-family: "Arial, Helvetica Neue", 微軟正黑體, Helvetica, sans-serif !important;}
/****公司簡介about end****/
/****聯絡我們 start****/
.contact-left, .contact-right { padding: 0px;}
.contact-left .module-container, .contact-left .module-container .main,.contact-left .widget-item .row,.contact-left .widget-item .row .module,
.contact-left .widget-item,.contact-left .widget-item .row .module .map,.contact-left .map-container,.contact-right>.module-container,.contact-right>.module-container>.main{ height: 100%;}
.contact-left>.module-container>.main,.contact-right>.module-container>.main { margin: 0;}
.web-page-frame .contact-right .widget-item.contact-info > .module-container > .main,
.web-page-frame .contact-right .widget-item.contact-social > .module-container > .main{  margin-left:0}
.contact-left>.module-container>.main{ border-right: 1px solid #cad7dc;}
.contact-right>.module-container>.main {  padding-bottom: 40px;}
.contact-info section.text-link h2{ display: table;  position: relative; margin:0; padding: 5px 0; font-weight: 600;}
.contact-info div.link-list{ background:transparent;}
.contact-info .text-container{  padding: 0 20px 20px 30px;}
.contact-info section.text-link h2::before { content: "";  position: absolute;  width: 3px; height: 23px; left: -10px;  background: #4db7ff;}
.contact-info div.link-list ul li span,.contact-info div.link-list ul li a{ padding:5px 10px 5px 0;}
.contact-info div.link-list ul li i { margin-right: 0;}
.contact-social {  padding-left: 35px;}
.contact-social .function-row li a{ width:80px; height:80px; padding-top: 25px; text-align:center; -webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease; }
.contact-social .function-row li a:hover{ background: #278ed4 !important;}
.contact-social .function-row li a h3{ display:none;}
.contact-social .function-row li a i { color: #ffffff !important; font-size: 1.9rem;}
/****聯絡我們 end****/
/****網站地圖 start****/
.sitemap { margin-bottom: 20px;}
.sitemap>.module-container>.main { padding-top: 15px;}
.sitemap>.module-container>.main>.header-title{ position:relative; padding: 0 0 10px 45px; font-weight: bold; letter-spacing: 0.03em;  line-height: 2rem;  font-size: 1.4rem;  color:#01305a;}
.sitemap>.module-container>.main>.header-title::before{ content:""; position:absolute; left: 15px; top: 3px; width: 25px; height:25px; background-image:url('https://design.fillo.com.tw/material-alias/MKIMG/arrow-right-circle.svg'); background-position:center; background-repeat:no-repeat; }
.sitemap .widget-item>.module-container>.main {  margin: 0;}
.sitemap .side-menu ul{ margin-bottom: 20px; box-shadow: 0 0 black;  background: transparent; }
.sitemap .side-menu ul li.block{ text-indent: 0;}
.sitemap .side-menu ul li label{ padding: 8px 12px;  background: #01305a; border-top:0; border-bottom:0; border-radius: 6px; font-size: 1.1rem; text-shadow: 0 0 black; letter-spacing: 0.1rem; font-weight: 600;}
.sitemap .side-menu ul li label:hover{ background: #01305a;}
.sitemap .side-menu ul li input[type='checkbox']:checked ~ label{ background: #4DB7FF; border-top:0; border-bottom:0;}
.sitemap .side-menu ul li i{ font-size: 1.3rem;  vertical-align: baseline; margin-right: 2px;}
.sitemap .side-menu ul ul{ -moz-box-shadow:  0 0 black; -webkit-box-shadow: 0 0 black;  box-shadow: 0 0 black;}
.sitemap .side-menu ul ul li a{ color: #545454;   padding: 8px 12px; font-size: 1rem;}
.sitemap .side-menu ul ul li a:hover{ color: #4db7ff;}
.sitemap .side-menu ul ul.options li{ border-bottom: 1px solid #e4e4e4; text-indent: 10px;}
.sitemap.notitle>.module-container>.main>.header-title{ display:none;}
/****網站地圖 end****/
/****Footer start****/
.M-001.gotop{ z-index:99;}
.M-001 .actGotop a,.M-001 .actGotop a:link{ background: rgb(255 255 255 / 0.6) ; border: 1px solid #4db7ff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; 	transition: all 0.3s ease; }
.M-001 .actGotop a i{top: 7px;}
.M-001.footer{ z-index:98;}
.M-001.footer .footer-wrap .footer_center {background:#e8f8ff;}
.M-001.footer .footer-wrap .icon_wrap {padding: 6px;}
.M-001.footer .footer-wrap .footer_logo{width: 25%; -ms-flex: 0 0 25%;  flex: 0 0 25%;  max-width: 25%; }
.M-001.footer .footer-wrap .footer_cont{ms-flex: 0 0 50%;flex: 0 0 50%;  max-width: 50%;}
.M-001.footer .flogo_box { max-width: 80%; margin: 0 auto;}
.M-001.footer .footer-wrap .flogo_box p{ text-align: center; color:#666666}
.M-001.footer .footer-wrap .flogo_box a {  margin: 0 auto 20px;}
.M-001.footer .footer-wrap .flogo_box a img { max-width: 100%; max-height: 100px; width:auto;  height: auto;}
.M-001.footer .footer-wrap .footer_info {margin-top: 2.5em;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;}
.M-001.footer .footer-wrap .footer_info h2{  line-height: 30px;  letter-spacing: 2px;}
.M-001.footer .footer-wrap .footer_info img.reponsive-fluid{ width:20px; height:auto; }
.M-001.footer .footer-wrap .footer_info a{ display:inline-block; padding-right: 15px; padding-bottom: 5px;}
.M-001.footer .footer-wrap .footer_info h4 { font-size: 1rem;   letter-spacing: 0.1rem;}
.M-001.footer .footer-wrap .footer_info h4 i{padding: 0;}
.M-001.footer .footer-wrap .footer_fbicon .fb-img-1{  -ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%; text-align:right;}
.M-001.footer .footer-wrap .footer_fbicon a img { width: auto;}
.M-001.footer .footer-wrap .footer_fbicon a .tooltiptext {width: 120px;}
.M-001.footer .footer-wrap .icon_wrap ul.footer_bticon{ margin:0;}
/****Footer  end****/
@media screen and (max-width:1600px){
	/*主打商品push*/	
	.M-001.push .country_tab .module_box_title ul li {padding: 1em;}
}
@media screen and (max-width:1499px){
	/*search 搜尋*/
	.M-001.search .search-area .search-box .select-date .select input {width: calc(45%);}
	/*主打商品push*/	
	.M-001.push .country_tab .tab_container {  width: 45%;}
	.M-001.push .country_tab .module_box_title {  width: 55%; padding: 20px 0}
	.M-001.push .country_tab .module_box_title ul li { padding: 0.7em; }
	/*主題專區theme*/		
	.M-001.main-theme .hover-wall .icon_info { height: 450px;}
	/*公司簡介about*/		
	.about-content2 .editor-content{ padding: 20px;  line-height: 1.8rem; font-size: 1rem;}
	/*聯絡我們contactus*/
	.contact-right>.module-container>.main { padding: 15px;}
	.contact-social {  padding-left: 0;}
	.contact-social .function-row li a { width: 60px; height: 60px; padding-top: 15px;}
	.contact-social .function-row li a img { width: 65% !important;}
	.contact-info .text-container { padding: 0 20px 0 0;}
}
@media screen and (max-width:1199px) {
	/*search 搜尋*/
	.M-001.search .search-area .search-box .select-date .select input { width: calc(44%);}
	/*主題專區theme*/		
	.M-001.main-theme .hover-wall .icon_info { height: 400px;}
	/*聯絡我們contactus*/	
	.contact-social .function-row li a{ width: 50px; height: 50px; padding-top: 13px; }
	.contact-social .function-row li a i {font-size: 1.5rem;}
	.contact-social .function-row li a img {  width: 60% !important;}
	/*footer*/
	.M-001.footer .footer-wrap .footer_nav li a { padding: 15px;}
}
@media screen and  (max-width:1199px) and (min-width:992px) {
	/*header*/
	.M-001.main-nav .responsive-drop-down-menu > ul > li.has-sub > a { padding:11px 30px 11px 10px;}
} 
@media (min-width: 992px){
	/*header*/
	.M-001.header .navbar-expand-lg .navbar-nav .nav-link {  padding-right: .6rem; padding-left: .6rem;}
}
@media (max-width: 991px){
	/*共用*/	
	.top-mt { margin-top: 0px;}
	/*header*/
	.M-001.header .header-part{ padding:0}
	.M-001.header .header-part .navbar-brand { margin-left: 5px;}
	.M-001.header .header-part .navbar-toggler { background: #4db7ff;margin-right: 10px;}
	.M-001.header .header-part .navbar-nav li a{ background: #e8f8ff; color: #4db7ff !important; padding: 5px 14px; font-size: 1.1rem;}
	.M-001.header .header-part .navbar-nav li>a:hover{ background-color: #e8f8ff !important;  color: #2766Bf !important; border-bottom: 0; line-height: 40px;}
	.M-001.header .dropdown-menu.shadow.show { border: 0;  border-radius: 0!important;}
	.M-001.header .header-part .navbar-nav li>div a.dropdown-item { background: #4db7ff; color: #ffffff !important;}
	.M-001.header .header-part .navbar-nav li>div a:first-child,.M-001.header .header-part .navbar-nav li>div a:last-child{ border-radius:0}
	.M-001.header .header-part .navbar-nav li>div a:hover { background: #2766BF !important;}
	.M-001.header .navbar-collapse{  height: 100vh; overflow: auto; background: #e8f8ff;}
	.M-001.header .navbar-collapse ul.navbar-nav{ padding-bottom: 150px;}
	/*search 搜尋*/
	.M-001.search .search-area .search-box {  padding: 20px;}
	.M-001.search .search-area .search-box .select-date .select input {  width: calc(48.5%);}
	.M-001.search .search-area .search-box .select-date .select .divide {margin: 25px 0.5% 0px 0.5%; width: 2%;}
	.M-001.search .search-area .search-box .search-btn{ float: inherit;  width: 200px; margin: 15px auto 0; display: block;}
	/*主打商品push*/		
	.M-001.push .widget-item {padding: 0 40px;}
	.M-001.push .country_tab .tab_container,.M-001.push .country_tab .module_box_title{ width: 90%;  margin: 0 auto; float:initial;}
	.M-001.push .country_tab .module_box_title {  padding-top: 0px; }
	.M-001.push .country_tab .tab_container { width: 100%;}
	/*主題專區theme*/		
	.M-001.main-theme .hover-wall .icon_info { height: 500px;}
	/*themepage1*/				
	.M-001.themepage1 .pic-content, .M-001.themepage1 .editor-content { margin-top: 20px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px;}
	.M-001.themepage1 .tab-block .title{ font-size: 1.3rem; line-height: 1.8rem;}
	.M-001.themepage1 .tab-block article{ -webkit-line-clamp: 3;}
	.M-001.themepage1 .price-block { position: absolute; padding: 0 5px;   bottom: 0;}
	/*themepage2*/			
	.M-001.pushprice .card:not(:last-child) .travel_list .list_price .price_sale {  justify-content: flex-end;  top: inherit;}
	.M-001.pushprice .card:last-child .travel_list .list_price{background:#ffffff;}
	.M-001.pushprice .card:last-child .travel_list .list_price .price_sale{ top:0}
	.M-001.pushprice .travel_list .list_price .col {top: 0;}
	/*themepage3*/	
	.web-page-frame .widget-item.sharearticle > .module-container > .main { margin: 0 15px;}
	/*公司簡介about*/	
	.about-content2 + .about-content2 { border-top: 1px solid #ffffff;}
	.abouthistory{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	/*聯絡我們contactus*/		
	.contact-left>.module-container>.main { padding: 25px;}
	/*footer*/
	.M-001.footer .footer-wrap .footer_logo{   width:41.666667%; -ms-flex: 0 0 41.666667%;  flex: 0 0 41.666667%; max-width: 41.666667%; }
	.M-001.footer .footer-wrap .footer_cont{ -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%;  max-width: 58.333333%;}
	.M-001.footer .footer-wrap .footer_fbicon{ width:100%;-ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%;  margin-top: 1.5em;} 
	.M-001.footer .footer-wrap .footer_fbicon .fb-img-1{ text-align:center;}
	.M-001.footer .footer-wrap .flogo_box a {float: initial;}
	.M-001.footer .footer-wrap .footer_nav li a {  padding: 10px;}
}
@media screen and (max-width:768px) {
	.M-001.footer .footer-wrap .footer_nav li { width: 25%;}
	.M-001.footer .footer-wrap .footer_nav li a { text-align: center;  width: 100%;}
	.M-001.footer .footer_fbicon>.row{ justify-content: center;}
	.M-001.footer .footer-wrap .footer_fbicon .fb-img-1 { -ms-flex: 0 0 180px; flex: 0 0 180px;}
	/*themepage2*/
	.M-001.pushprice .main_nav .nav-pills .nav-item a.nav-link,
	.M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item a.nav-link.active,
	.M-001.pushprice .main_nav .nav-pills .nav-item:hover a.nav-link { padding: 0.6em 1em;}
	.M-001.pushprice .main_nav .nav-pills .nav-item { padding-right: 10px;}
}
@media screen and (max-width:767px) {
	.M-001.main-theme .function-row li.col-sm-3{  -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%;  max-width: 33.3333%; }
	/*themepage1*/		
	.M-001.themepage1 .editor-content {  margin-top: 0px;}
	/*themepage2*/	
	.M-001.pushprice .list_nav {  margin-top: 1.5rem;}
	.M-001.pushprice .section-box .bgholder_box h4:before { bottom: -25px;  top: inherit;}
}
@media screen and (max-width:600px) {
	/*公司簡介about*/
	.web-page-frame .abouthistory.widget-item > .module-container { display:block; }
	.web-page-frame .abouthistory.left.widget-item > .module-container { justify-content:initial;}
	.web-page-frame .abouthistory.widget-item > .module-container > .main { margin-left: 0; margin-right: 0;}
	.abouthistory{ -ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%; }
	.abouthistory article{ width:100%;     padding: 15px; font-size:1rem;}
	.abouthistory.order1 { order: 2;}
	.abouthistory.order2 { order: 1;}
	.abouthistory.order3 { order: 3;}
	.abouthistory.order4 { order: 4;}
	.abouthistory.order5 { order: 6;}
	.abouthistory.order6 { order: 5;}
	.abouthistory.order7 { order: 7;}
	.abouthistory.order8 { order: 8;}
	.abouthistory.order9 { order: 10;}
	.abouthistory.order10 { order: 9;}
	.abouthistory.order11 { order: 11;}
	.abouthistory.order12 { order: 12;}
	.abouthistory.order13 { order: 14;}
	.abouthistory.order14 { order: 13;}
	.abouthistory.order15 { order: 15;}
	.abouthistory.order16 { order: 16;}
	.abouthistory.order17 { order: 18;}
	.abouthistory.order18 { order: 17;}
	.abouthistory.order19 { order: 19;}
	.abouthistory.order20 { order: 20;}
	.abouthistory.right,.abouthistory.left{ border:0}
	.abouthistory.right article::before{ display:none}
	.abouthistory.left span::before { right: inherit; left: 9px; top: 10px;}
	.abouthistory.right span::before { top: 10px; left: 9px; }
	.abouthistory.right article, .abouthistory.right span,.abouthistory.left article, .abouthistory.left span {  margin: 0;  padding: 15px; border-left: 2px solid #4db7ff;} 
}
@media (max-width:575px){
	/*header*/
	.M-001.header .header-part .navbar-brand {  margin-left: 0;  padding: 15px 5px; }
	/*search 搜尋*/	
	.M-001.search .search-area .search-box .search-btn { width: 160px;  height: 60px;  line-height: 60px; }
	/*主打商品push*/
	.M-001.push .country_tab .module_box_title ul li a span{ float:initial; display: table; margin-bottom: 5px; }
	.M-001.push .country_tab .module_box_title ul li a p{float:initial; }
	/*themepage2*/	
	.M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item a.nav-link h5 {  font-size: 1rem;}
	.M-001.pushprice .main_nav .nav-pills .nav-item a.nav-link,
	.M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item a.nav-link.active,
	.M-001.pushprice .main_nav .nav-pills .nav-item:hover a.nav-link{  padding: 0.6em 0.4em;  border-radius: 0;  }
	.M-001.pushprice .main_nav .nav-pills .nav-item a.active:after,
	.M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item:hover a:after {  border-width: 10px 10px 0;  bottom: -11px;}
	.M-001.pushprice .main_nav .nav-pills .nav-item { padding-right: 0;}
	.M-001.pushprice .main_nav .nav-pills .nav-item+ .nav-item .nav-link{border-left: 0;}
	/*themepage3*/		
	.M-001.sharearticle .swiper-button-prev.swiper-button-white,.M-001.sharearticle .swiper-button-next.swiper-button-white { display: none;}
	/*footer*/
	.M-001 .actGotop{ bottom: 60px; right: 10px; width: 50px; height: 50px;}
	.M-001 .actGotop a, .M-001 .actGotop a:link{ width: 50px; height: 50px;}
	.M-001 .actGotop a i{ top: 3px; width: 50px;}
	.M-001.footer .footer-wrap .footer_logo{   width:100%; -ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%;border-bottom: 1px solid #b4ceda;  padding-bottom: 15px; }
	.M-001.footer .footer-wrap .footer_cont{ -ms-flex: 0 0 100%; flex: 0 0 100%;  max-width:100%;}
	.M-001.footer .footer-wrap .footer_info { margin-top: 1em;}
	.M-001.footer .footer-wrap .footer_info h4 { font-size: 0.9rem; margin: 4px 0;}
	.M-001.footer .footer-wrap .footer_sbox a {   margin-right: 0.2em; margin-bottom: 10px;}
	.M-001.footer .footer-wrap .footer_nav li { width: 33.3333%;}
	.M-001.footer .footer-wrap .footer_nav li a{padding:10px 5px;  }
}