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-color: #2e536b;
  background-size: auto;
  background-position: left center;
  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;
}
.swiper-slide .swiper-content{
	padding: 0px 3px;
}

/****公版****/
/*list*/
.WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner{height: 240px;}
.WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area{bottom: calc(50% - (110px));}
@media (max-width: 1199px) {
    .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner { height: 340px;}
    .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area {bottom: calc(50% - (160px));}
}
@media (max-width:767px) {
    .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner{height: 580px;}
    .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area{bottom: calc(50% - (555px/2));}
}
/*product*/
.D_products_group_molddetail .MGO .DetailContainer .FeeDescription > div.container{margin-bottom: 50px;}
.D_products_group_molddetail .Detail.DayTrip .TripBlock.ImgNone .TripHotel > div:nth-last-child(1){flex-wrap: wrap; align-content: center;}
.D_products_group_detail section.group_table.trip_features{text-align: left;}
.D_products_group_detail section.group_table.trip_features .group_table_box .item h2{font-size: 1.5rem; font-weight: normal; text-shadow: none;}
.D_products_group_detail section.group_table.trip_features .group_table_box .item h3{font-size: 1.125rem; margin-bottom: 0.5rem;}
.D_products_group_detail section.group_table.trip_note .container .group_table_box h2{color: unset; font-weight: normal; text-shadow: none;}
.D_products_group_molddetail .DetailContainer > nav.Detail {margin-top: 80px;}
.D_products_group_molddetail .DetailContainer > nav.Detail ol.breadcrumb {margin-bottom: 0;}
.D_products_group_detail .M-002.subnav .side_box, .D_products_group_detail .go-to-top{display: none !important;}
.D_products_group_detail .Day_menu{padding-bottom: 0;display: initial;}
.day_style_20 .item{margin-bottom:1.5rem;}
.day_style_20 .item-image-box{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 1rem;}
.day_style_20 .item-image-box img{width:50px;height:50px;margin-right:1.5rem;}
.day_style_21 .item{margin-bottom:1.5rem;}
.day_style_21 .item-title-box{margin-bottom:2rem;}
.day_style_21 .item-title-box h4{margin-bottom: 1rem; font-weight: bold;border: none; padding: 0; font-size: 24px;}
.day_style_21 .item-title-box h6{margin-bottom: 1rem;}
.day_style_21 .item-info-box{border-bottom: 1px solid #e2e2e2; margin-bottom: 1rem; display: flex; flex-wrap: wrap; align-items: center;}
.day_style_21 .item-info-box .item-left-box{width:40%;}
.day_style_21 .item-info-box .item-right-box{width:60%;}
.day_style_21 .item-info-box h3{margin-bottom: 1rem; font-size: 24px; font-weight: bold;}
.day_style_22 .item iframe{height: 600px !important;width:100% !important;}
@media (min-width:992px) and (max-width: 1350px){
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li a {font-size: 16px;}
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li a i {font-size: 16px;}
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li{height: 45px;}
    .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){padding: 5px 15.5px;}
    .D_products_group_detail .M-002.subnav .actGotop{bottom: 0;}
    .D_products_group_detail .sub_menu-trip .trip_menu{width: 89px;}
    .D_products_group_detail .sub_menu-trip .trip_menu i{font: 18px;}
    .D_products_group_detail .sub_menu-trip .trip_menu li{margin-bottom: 5px;}
    .D_products_group_detail .sub_menu-trip .trip_menu li a{padding-bottom: 4px;}

}
@media (min-width:768px) and (max-width:1279px) {
    .D_products_group_detail .trip_note .b.b-text.cf:nth-last-child(1){min-width: auto !important;}
    .D_products_group_detail .trip_note .mt-i-c.cf.mt-border.line-color{display: block !important;}
    .D_products_group_detail .trip_note .mt.mt-pricelist.b-s.cf{padding: 0 !important;}
}
@media (max-width:991px) {
	.D_products_group_detail .group_table iframe{width:100% !important;max-width: 100%;}
	.day_style_22 .item iframe{height: 450px !important;width:100% !important;}
}
@media (max-width:767px) {
	.D_products_group_molddetail .DetailContainer > nav.Detail{margin-top: 65px;}
    .D_products_group_detail .trip_note .table-responsive thead tr th{padding: 0;}
    .D_products_group_detail .trip_note .table-responsive thead tr th:first-child{width: 20%;}
    .D_products_group_detail .trip_note .table-responsive thead tr th:last-child{}
	.day_style_22 .item iframe{width:100% !important;height: 300px !important;}
}

/*order*/
.group_home .general_order_width, .group_home .group_order_width{margin-top: 90px;}
.D_products_signup_confirm .receipt_info .receipt_info_content > div.row > div:nth-child(2){display: none;}
#page2 .stepPage_btn > div.d-flex { flex-wrap: wrap; justify-content: center; max-width: 100%; flex: 0 0 100%;}
@media (max-width:767px) {
    #page2 .stepPage_btn > div.d-flex > div:nth-child(1) button { margin-left: 5px;}
}

/*member*/
.D_member_my_index .member_home{padding-top: 4rem;}

/****Header start****/
body .row.header{background-color: rgba(26, 67, 92, .8); position: fixed; width: 100%;z-index: 999;}
.M-002.header .navbar{ margin: inherit !important;}
.M-002.header .header-part{ padding: 0 3rem 0 2rem; letter-spacing: 1px;}
.M-002.header .header-part .navbar-brand { display: flex; height: 75px; padding: 8px 0; align-items: center; }
.M-002.header .header-part .navbar-brand img { height: auto; max-height: 62px;}
.M-002.header .navbar li.nav-item + .nav-item{ padding-left:2rem; }
.M-002.header .header-part .navbar-nav li a, 
.M-002.header .header-part .navbar-nav .nav-link{color: #fff;font-size: 18px; border-bottom: 5px solid transparent;background: none;padding: 0;line-height: 65px;}
.M-002.header .header-part .navbar-nav li a:hover, 
.M-002.header .header-part .navbar-nav .nav-link:hover{color: #99e0d7;border-color: #99e0d7;}
.M-002.header .header-part .navbar-nav li a i{display: none;}
.M-002.subnav .side_box{ position: fixed; top: initial; right: 0px; bottom: 180px; }
.M-002.subnav .side_bar li{border-bottom: 0; padding: 0 5px; opacity: 1; flex: 0 0 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; margin: 0.5rem 0;}
.M-002.subnav .side_bar li:hover { opacity: 0.7;}
.M-002.subnav .side_bar li a i{ font-size: 1.3rem; opacity: 1;}
.M-002.subnav .side_box .side_bar{ display: flex; margin: 0; min-width: unset; height: auto; align-items: center; border-radius: 0; box-shadow: 0 0 black; flex-wrap: wrap; padding: 0.5rem 0;}
.M-002.subnav .side_bar li a p {margin: 0;}
.M-002.subnav .side_bar li a .img-fluid { width: 22px; vertical-align: text-top; opacity: 1;}
.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: #3a7899 !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:#3a7899;}
.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: #3a7899; font-size: 1rem; }
.M-002.main-nav .responsive-drop-down-menu > ul > li:hover > ul{ border: 1px solid #ceded3;}
.M-002.main-nav .responsive-drop-down-menu > ul > li:hover > ul > li:hover a{ color: #3a7899; }
.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/design/images/746e8d07-f6d8-460b-8b38-11c47e35c13a.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/design/images/746e8d07-f6d8-460b-8b38-11c47e35c13a.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;}
/*置入翻譯外掛*/
.M-002.header .navbar .navbar-collapse > ul.navbar-nav{
    padding-right: 7rem;
}
.language_position{
    position: absolute;
    z-index: 999;
    right: 15px;
    max-width: max-content;
    flex: unset;
    top: 50%;
    transform: translate(0px, -50%);
}
.language_position a.glink img{opacity: 1;}
.language_position select.gt_selector{display: block; max-width: 129px;}
@media (max-width:1599px) {
    .M-002.header .navbar li.nav-item + .nav-item{padding-left: 1rem;}
    .M-002.header .header-part .navbar-nav li a, .M-002.header .header-part .navbar-nav .nav-link{letter-spacing: 0;}
}
@media (max-width:1399px) {
    .M-002.header .header-part{padding-left: 15px;}
    .M-002.header .navbar .navbar-collapse > ul.navbar-nav {
        padding-right: 6.5rem;
    }
    .M-002.header .navbar li.nav-item + .nav-item {
        padding-left: 5px;
    }
    .M-002.header .header-part .navbar-nav li a, .M-002.header .header-part .navbar-nav .nav-link{
        font-size: 17px;
    }
}
@media (max-width:991px) {
    .M-002.header .navbar .navbar-collapse > ul.navbar-nav{
        overflow: auto;
        max-height: calc(100vh - 65px);
        padding-right: 0px;
    }
    .language_position{right: 8.5rem;transform: unset; top: 10px;}
}
@media (max-width:767px) {
    .language_position{right: 6rem;top: 4px;}
}
@media (max-width:375px) {
    .language_position{right: 85px;}
}
@media (max-width:320px) {
    .M-002.header .header-part {
        padding-left: 5px;
    }
    .language_position a.glink img {
        width: 20px;
        height: 20px;
    }
    .language_position select.gt_selector {
        max-width: 110px;
    }
}
/****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: #3a7899; 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 #3a7899; border-radius: 0;
color: #3a7899; 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:#3a7899; border: 1px
solid #3a7899; color: #ffffff;}
/****共用 end****/
/****index start****/
/*大圖輪播*/
/*.M-002.slider-style [class*='swiper-button-']:after{background: none;}
@media (min-width:992px) {
    .M-002.slider-style section.banner-area .swiper-area .banner-swiper{height: calc(100vh - 140px);}
    .M-002.slider-style section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-img{height: calc(100vh - 140px);}
    .M-002.slider-style section.banner-area .swiper-area .banner-swiper .swiper-slide .cover{height: calc(100vh - 140px);}
}
.M-002.slider-style section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-img{transform: scale(1.05);}
.M-002.slider-style section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-img{transform: scale(1);}
.M-002.slider-style section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt{top: 50%;transform: translate(-50%, -50%);}*/
/*search 搜尋 start*/
.M-002.search section.group_banner  .search-area{ background:#f5f5f5; min-height: 120px; display: flex; align-items: center;}
.M-002.search section.group_banner  .search-area .search-box {padding: 0px 10px;margin-top: 1.25rem; margin-bottom: 1.25rem;}
.web-page-frame .M-002.search.widget-item .search-area form.container{ width: 100%;background: none; border: none;}
.M-002.search section.group_banner .search-area form.container{ max-width: 1560px; padding-left: 0; padding-right: 0; }
.M-002.search section.group_banner .search-area .search-box .select-goal, .M-002.search section.group_banner .search-area .search-box .select-place, 
.M-002.search section.group_banner .search-area .search-box .select-date, .M-002.search section.group_banner .search-area .search-box .select-keywords{background: #f5f5f5;
padding: 5px 0;}
.M-002.search .select-keywords{ position:relative; }
.M-002.search section.group_banner .search-area .search-box .select-keywords .title,.M-002.search section.group_banner .search-area .search-box .select-goal
.title,
.M-002.search section.group_banner .search-area .search-box .select-date .title,.M-002.search section.group_banner .search-area .search-box .select-place .title {
color:#3a7899;}
.M-002.search section.group_banner .search-area .search-box .select-date .select { width: 100%;}
.M-002.search section.group_banner .search-area .search-box .select-date .select input { width: calc(50% - 18px);}
.M-002.search section.group_banner .search-area .search-box .select-goal .select select, .M-002.search section.group_banner .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 section.group_banner .search-area .search-box .select-goal .select select, 
.M-002.search section.group_banner .search-area .search-box .select-place .select select, 
.M-002.search section.group_banner .search-area .search-box .select-date .select input, 
.M-002.search section.group_banner .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: #d5dcd7;}
.M-002.search section.group_banner .search-area .search-box .search-btn{ background: #3a7899; width: 100%; height: 45px; margin-top: 31px; 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 section.group_banner .search-area .search-box .search-btn:hover{ background: #286375;}
.M-002.search section.group_banner .search-area .search-box .search-btn h5 {position: relative; display: table; margin: 0 auto; padding-right: 25px; width: 100%; height: 30px; font-size: 1rem; line-height: 2rem;}
.M-002.search section.group_banner .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 section.group_banner .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:#3a7899;}
.M-002.search section.group_banner .search-area .search-box .select-input .data-icon-search{line-height: 29px;position: unset; display: block;color: #3a7899;}
.M-002.search section.group_banner .search-area .search-box .select-input .data-icon-search::after{content: '關鍵字'; font-style: normal; font-size: 15px; letter-spacing: 1px; margin-left: 10px; color: #666;}
.M-002.search section.group_banner .search-area .search-box .select-input > input{height: 48px; padding: 5px; border: 1px solid #d5dcd7;}
/*搜尋月曆*/
.datepicker.dropdown-menu{ border: 1px solid #3a7899; z-index:999;}
.datepicker.datepicker-dropdown:before{ border-bottom-color:#3a7899;}
.datepicker.datepicker-dropdown.datepicker-orient-top:before{ border-top: 7px solid #3a7899;}
.datepicker td, .datepicker th { width: 30px;height: 30px;}
.datepicker table tr td.active.active{background:#3a7899;}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background:#e4da88;}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active,.datepicker table tr
td.active:hover:hover{background-color: #3a7899;}
.datepicker .datepicker-switch,.datepicker .next, .datepicker .prev { color: #3a7899;}
.datepicker table tr td span.active.active{ background:#3a7899;}
/*首頁style1*/
.M-002.main-style1{ padding-bottom:40px;}
.M-002.main-style1>.module-container>.main::before{ content: ""; position: absolute; background: #3a7899; 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: #3a7899; 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: 2px auto; padding: 2px 5px; background:
#f4d8bd; color: #333333; letter-spacing: 0.05rem; }
/*首頁style2*/
.M-002.main-style2 .wall-wrapper{margin-top: 1rem;}
.M-002.main-style2 .wall-wrapper .wall-row > div{padding: 1px !important;}
.M-002.main-style2 .wall-wrapper .thicon_info figure{aspect-ratio: 1/1;background-color: #001f3b;}
.M-002.main-style2 .wall-wrapper .thicon_info figure .b_img{max-width: 100%; object-fit: cover; object-position: center center; height: 100%;}
.M-002.main-style2 .wall-wrapper .thicon_info:hover figure .b_img{opacity: .4;transform: scale(1);-webkit-filter: grayscale(1);}
.M-002.main-style2 .wall-wrapper .thicon_info span{font-size: 16px;left: 50%; bottom: unset; transform: translate(-50%, -63%); top: 70%; opacity: 0; transition: .3s;}
.M-002.main-style2 .wall-wrapper .thicon_info:hover span{opacity: 1; transition: .3s;top: 63%;}
.M-002.main-style2 .wall-wrapper .thicon_info h3{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-bottom: 1px solid #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    margin: 0;
    padding: 2px;
    width: 80%;
    height: auto;
    text-align: center;
    text-shadow: 2px 2px 3px #192d50;
    bottom: unset;
    padding-bottom: 0.8rem;
}
.M-002.main-style2 .wall-wrapper .thicon_info .theme_info{display: none;}
/*首頁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: #3a7899; 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(33 49 64 / 0.8) !important;}
.M-002.main-style4 .widget-item .module-container .main { padding: 0 15px;}
.M-002.main-style4 .thicon_info h3{ padding: 10px; background: #508899; position: relative; margin: 0;
font-weight: 400; font-size: 1.4em;bottom: 0px; text-shadow: 0 0 black; text-align: center;}
/****index 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 #3a7899; 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 { min-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 { min-height: 450px;}
/*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%; }
/*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){
/*header*/
.M-002.header .navbar li.nav-item, .M-002.header .navbar li.nav-item + .nav-item{padding-left: 1rem;padding-right: 1rem;}
/*search 搜尋*/
.M-002.search section.group_banner .search-area .search-box { padding: 20px;}
.M-002.search section.group_banner .search-area .search-box .select-date .select input { width: calc(48.5%);border-radius: 0;text-align: left;}
.M-002.search section.group_banner .search-area .search-box .select-date .select .divide {margin: 25px 0.5% 0px 0.5%; width: 2%;}
.M-002.search section.group_banner .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;}
/*首頁style2*/
.M-002.main-style2 .wall-wrapper{padding: 0 14px;}
/*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; }
.M-002.footer .footer-sample .contact-us-part .contact-use-row{width: 100%;}
}
@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;}*/
}
@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 .navbar li.nav-item, .M-002.header .navbar li.nav-item + .nav-item{padding-left: 1rem;padding-right: 1rem;}
.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: #3a7899;}
.M-002.main-nav.mobile .responsive-drop-down-menu > ul.open { border-top: 1px solid rgb(123, 147, 179); 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 #7bb38e;}
.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: #3a7899;}
.M-002.main-nav.mobile .responsive-drop-down-menu ul li ul li ul li a{ position:relative; color: #3a7899;}
.M-002.main-nav.mobile .responsive-drop-down-menu ul li ul li ul li a::before{ content: "-"; position: absolute; color:
#3a7899; 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; }
.M-002.subnav .side_box .side_bar{width: 45px;}
.M-002.subnav .actGotop{width: 45px; height: 45px;}
.M-002.subnav .actGotop a, .M-002.subnav .actGotop a:link{width: 45px;height: 45px;font-size: 0;}
.M-002.subnav .actGotop a i{width: 45px;}
/* 共用*/
.m002-title .header-title { font-size: 1.8rem;}
/*大圖輪播*/
/*.M-002.slider-style section.banner-area .swiper-area .banner-swiper{height: 45vh;}
.M-002.slider-style section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-img{height: 45vh;}
.M-002.slider-style section.banner-area .swiper-area .banner-swiper .swiper-slide .cover{height: 45vh;}
.M-002.slider-style section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title{font-size: 24px;}
.M-002.slider-style section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .line{margin:5px 0;}
.M-002.slider-style section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .content{font-size: 15px;}
.M-002.slider-style section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .content *{margin-bottom: 5px;}
.M-002.slider-style section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt{transform: translate(-50%, -40%);}
.M-002.slider-style section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt a.btn {padding: 0.2rem 0.7rem; font-size: 1rem;}*/
/*serch 搜尋*/
.M-002.search section.group_banner.search_banner{width: 100%;}
.M-002.search section.search_banner .search-area .search-box .select-input{padding: 8px 0;}
/*首頁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;}
}
@media screen and (max-width:600px) {

}
@media (max-width:575px){
/*search 搜尋*/
.M-002.search section.group_banner .search-area .search-box .search-btn { width: 160px; height: 60px; line-height: 60px; }
/*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; }
}

/****主題頁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: #3a7899;  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: #3a7899;  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: #3a7899;   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 #3a7899;}
.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(78 148 102/1);  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(78 148 102/1);}
.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:#3a7899 !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:#e9f2ec;  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 #b6d2bf; 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: #3a7899;  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:#36734b;}
.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 #3a7899;}
.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: #3a7899;}
.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: #3a7899; }
.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: #3a7899; 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: #3a7899;  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: #3a7899; 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: #3a7899; }
.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: #3a7899;  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: #3a7899;}
.M-002.contactus-tab .nav-item a.nav-link{ position:relative; color: #3a7899;}
.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: #3a7899 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 #3a7899;}
.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 #3a7899; 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 #3a7899;}
.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: #3a7899;  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****/
@media screen and (max-width:1600px){
}
@media screen and (max-width:1499px){
	/*主題頁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; }
}
@media screen and (max-width:1199px) {
	/*主題頁1-style1*/	
	.M-002.theme1-style1{ -ms-flex: 0 0 91.666667%;  flex: 0 0 91.666667%;  max-width: 91.666667%;}
}
@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) {
}
@media (max-width: 991px){
	/*主題頁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;}
}
@media (min-width: 768px) and (max-width: 991px){
	/*主題頁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) {
	/*主題頁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){
	/*主題頁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%; }
}
/*slide-new*/
.M-002.slider-style .rslides{ margin: 0;}
@media (min-width:768px) {
	.M-002.slider-style .rslides .slide1{height: calc(100vh - 140px);}
}
.M-002.slider-style .rslides .slide1 a{ overflow: hidden;}
.M-002.slider-style .slider-container{ max-width: 100%;}
.M-002.slider-style ul.thumb { z-index: 1; position: absolute; bottom: 0;  left: 50%; max-width: 1460px; transform: translate(-50%, 0); margin: 0;  display: -ms-flexbox; display: flex; }
.M-002.slider-style .thumb li {  flex:1; display: flex; justify-content: center; line-height: 20px; padding-top: 0; margin: 0 0 29px; text-align: left; color: #f3cb45; width: auto !important; transition: all .4s ease;}
.M-002.slider-style .thumb li.active{ color: #fff;}
.M-002.slider-style .thumb li.active:after{ display: none; }
.M-002.slider-style .thumb li:nth-child(2).active,.M-002.slider-style .thumb li:nth-child(3).active,
.M-002.slider-style .thumb li:nth-child(4).active,.M-002.slider-style .thumb li:nth-child(5).active{ color: #fff; }
.M-002.slider-style .thumb li span::after{ content: ""; position: absolute; width: 100%; height: 1px; bottom: 2px; left: 0; background: #fff; opacity: 0; transition: all .4s ease;}
.M-002.slider-style .thumb li.active span::after{ opacity: 1;}
.M-002.slider-style .thumb li span{ margin: 0; padding-bottom: 15px; font-size: 16px; border-bottom: 1px solid #f3cb45; font-size: 16px; font-weight: 600; width: calc( 100% - 60px); transition: all .4s ease;}
.M-002.slider-style .thumb li.active span,.M-002.slider-style .thumb li:nth-child(2).active span,
.M-002.slider-style .thumb li:nth-child(3).active span,.M-002.slider-style .thumb li:nth-child(4).active span,
.M-002.slider-style .thumb li:nth-child(5).active span{ border-bottom: 1px solid #fff;  font-size: 20px; font-weight: 600;}
.M-002.slider-style .thumb li + li:before{ display: none;}
.M-002.slider-style .slider::after { content: ""; position: absolute; background: linear-gradient(180deg, rgba(0,0,0,0.7), rgba(0,0,0,0.7)); width: 100%; height: 95px; left: 0; bottom: 0; z-index: 0; }
.M-002.slider-style .rslides a img{ 
	/* -webkit-animation-name: scaleDraw; 
	animation-name: scaleDraw;  */
	-webkit-animation-timing-function: ease-in-out; 
	animation-timing-function: ease-in-out; 
	-webkit-animation-iteration-count: infinite; 
	animation-iteration-count: infinite; 
	-webkit-animation-duration:8s; 
	animation-duration: 8s; 
	width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
}
@media(max-width:1460px) {
    .M-002.slider-style ul.thumb{ max-width: 100%;}
}
@media(max-width:991px) {
    .M-002.slider-style ul.thumb { max-width: 95%; }
    .M-002.slider-style .thumb li span{ color:transparent; font-size: 0; border-bottom: 1px solid rgb(186 150 92 / 60%); width: calc( 100% - 20px);}
    .M-002.slider-style .thumb li.active span{ color: inherit;}
    .M-002.slider-style .thumb li.active span,.M-002.slider-style .thumb li:nth-child(2).active span,.M-002.slider-style .thumb li:nth-child(3).active span,
    .M-002.slider-style .thumb li:nth-child(4).active span { font-size: 15px; }
}
@media(max-width:767px) {
	.M-002.slider-style{margin-top: 64px;}
    .M-002.slider-style .slider { margin-bottom: 0; }
	.M-002.slider-style .thumb li{margin-bottom: 8px;}
	.M-002.slider-style .thumb li.active{flex: 0 0 100%;}
	.M-002.slider-style .slider::after{height: 45px;}
    .M-002.slider-style .thumb li span{width: calc( 100% - 20px); white-space: normal; height: 30px;}
}
@keyframes scaleDraw { 0% { transform: scale(1); } 100% { transform: scale(1.1); } }