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

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

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