body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/** modify style code here. :) */

*{font-family:Microsoft Jhenghei, Arial;}
ul, li {list-style: none; margin: 0; padding: 0;}
a, a:hover {text-decoration: none; /*-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;*/}
.row{/*margin:0 !important;*/}
.web-page-frame.lock{/*padding:0 !important;*/}

/*header*/
.header_logo img{width:100%;}
.header_rt .link-list{min-height: 41px !important;}
.header_rt ul{float:right;}
.header_rt ul li a{padding: 8px 25px 5px 10px !important;line-height: 25px !important;}
.header_rt ul li a i{font-size: 25px !important;margin-right: 0px !important;}
.header_rb nav ul li{border-right:1px solid #e0e0e0;}
.header_rb nav ul li a{padding: 15px 0px !important;font-size: 1.2em !important;color: #000 !important;font-weight: normal !important;}
.header_m{padding:0 !important;}
.header_m_box nav.header-part{padding:0 10px;}
.header_m_box nav.header-part a.navbar-brand{height: 60px;padding: 10px;}

/*footer*/
.protour_footer{width: 100%;display: inline-block;background: #14141e;}
.ft_wrapper{width: 100%;display: inline-block;background: #14141e;}
.nav_wrap{border-bottom: 1px solid #34343c;}
.footer_nav{display: table;margin: 0 auto;}
.footer_nav li{float: left;padding: 30px;position: relative;}
.footer_nav li a{color: #fff;font-size: 1.2em;letter-spacing: 0.05em;}
.footer_nav li a::after{content:'';width:1px;height:25px;background:#fff;display:block;position: absolute;right: 0;top: 1.7em;}
.footer_nav li:nth-last-child(1) a::after{display:none;}

.footer_center{width: 100%;display: table;}
.footer_info{padding:2em 2em;}
.info_nav{width: 100%;display: table;}
.info_nav li{float: left;margin-right: 1em;}
.info_nav li p{color: #fff;letter-spacing: 0.02em;font-size: 1.2em;}
.info_nav li a{color: #fff}
.info_nav li a.footmap{border: 1px solid #fff; padding: 2px 7px; color: #fff;font-size: 0.9em;}

.widget-item .module-container .main .module-wrapper .side_box .side_bar li a{width:40px;}
@media (max-width: 1442px){.header_rb nav ul li a{font-size: 1em !important;letter-spacing: -1px !important;}}
@media (max-width: 1093px){.header_rb nav ul li a{font-size: 0.9em !important;}}
@media(min-width: 992px){
.header_l{width: 210px;max-width: 210px;padding: 0;flex: 0 0 210px;background: #000000;}
.header_r{width: calc(100% - 200px);max-width: calc(100% - 210px);flex: 0 0 calc(100% - 210px);padding: 0;}
}
@media(max-width:991px){
  .footer_nav li{padding:10px;}.footer_nav li a::after{top:0.7em;}
  .header_l, .header_r{display:none !important;}
  .header_m{display:block !important;}
}
@media(max-width:767px){
.header_l{padding:0 !important;}
.header_logo img {width: auto !important;margin: 0 auto;display: table;}
.header_r{padding:0 !important;}
.full-menu .module .responsive-drop-down-menu .menu-button{background:#1165ca !important;}
}
@media(max-width:320px){
  .header_m_box .header-part div.navbar-collapse ul.navbar-nav li.nav-item  a.nav-link {padding: 0;}
}

/*index*/
.web-page-frame > .row:nth-child(2) > .col-md-12, .web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row > .col-md-12{padding:0;}
.slide_j{padding:0;}
.slide_j .anim-horizontal{width:100%; margin-bottom: 0;}

.theme_gotop .side_box{display:none;}

/*隱藏輪播零件*/
.o-sliderContainer .o-slider-pagination{display:none;}
.widget-item .o-sliderContainer .o-slider-arrows{display:none;}


.all_tabs{/*padding:0;*/position: absolute;top: 501px;z-index: 9;}
.all_tabs .blk-tabs ul.nav{display: inline-block !important;float: left;width: auto;border: none; padding: 1.5em;}
.all_tabs .blk-tabs ul.nav li{float: left;position: relative;}
.all_tabs .blk-tabs ul.nav li a{border: none;padding: .5rem 1.5rem;font-size: 1.4em;font-weight: bold;color: #666;}
.all_tabs .blk-tabs ul.nav a.nav-link.active{background:none;color:#0064d1;}
.all_tabs .blk-tabs ul.nav li::after{content: '';background: url(https://materials.fillo.com.tw/materials/protour/images/d0be98be-0272-4312-8f15-4b66599da88e.png) no-repeat center; display: block;width: 18px;height: 18px;position: absolute;top: 15px;right: -10px;}

.theme_protit .text-link div.link-list{display:none;}
.theme_protit .text-link h2{font-weight: bold;border-left: 7px solid #ED1C2C;}
.demoinfo_bg{/*padding:0;*/}
.theme_item{background-image: url(https://materials.fillo.com.tw/materials/protour/images/a0ab4c4a-7720-4ba8-b517-00e49ff68506.png);background-size: initial;background-repeat: repeat;background-position: left top;background-attachment: scroll;}
.theme_item .falls-container div.grid a.grid-item img{margin:15px 0 0;padding:0;}
.theme_item .falls-container div.grid a.grid-item h3{margin: 0;background: #333;color: #ffe100;padding: 15px 15px 5px;line-height: 1.4em; text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4 !important;-webkit-box-orient: vertical; height: 70px;}
.theme_item .falls-container div.grid a.grid-item p{text-align: right;margin: 0;background: #333;color: #fff;padding: 0 15px 7px;font-size: 1.2em;font-weight: bold;}

.gray_bg{background:#e8e8e8;}
.recommemd_wrap{/*background:#ffffff;*/}
.recommemd_wrap > .module-container > .main > .promo_product > .container > h2.animated{font-family:Microsoft Jhenghei, Arial !important;color: #000;letter-spacing: 1px;margin: 0;padding-bottom: 10px;font-size: 2.5em;}
.recommemd_wrap .promo_list .caroufredsel_wrapper{width: 1552.5px !important;}
.recommemd_wrap .promo_list .caroufredsel_wrapper ul li{width:518px;}
.recommemd_wrap .promo_list .caroufredsel_wrapper ul li .promo_inner:hover .txt1 span{/*color:#1463c8 !important;*/}
.recommemd_wrap .promo_list .caroufredsel_wrapper ul li .promo_inner:hover .caption{border-color:#1463c8 !important;}
.recommemd_wrap .promo_list .caroufredsel_wrapper ul li .promo .promo_inner figure{margin-bottom:0 !important;}
.recommemd_wrap .promo_list .caroufredsel_wrapper ul li .promo .promo_inner div.txt1{display:none !important;}
.recommemd_wrap .promo_list .caroufredsel_wrapper ul li .promo .promo_inner .txt3{display:none !important;}
.recommemd_wrap .promo_list .caroufredsel_wrapper ul li .promo .promo_inner figure .over{display:none !important;}
.recommemd_wrap .promo_list .caroufredsel_wrapper ul li .btn-default.btn1{font-size:0;background:none;border:none;box-shadow:none;}
.recommemd_wrap .promo_list .caroufredsel_wrapper ul li .btn-default.btn1::before{float:left;margin-right:10px;content:'MORE';display:block;color:#1463c8;font-size:20px !important;}
.recommemd_wrap .promo_list .caroufredsel_wrapper ul li .btn-default.btn1::after{content:'\f061';display: inline-block;font-size:20px !important;color:#1463c8; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.recommemd_wrap > .module-container > .main > .promo_product > .container > h2::after{content:'';display:block;width:270px;height:18px;background: url(https://materials.fillo.com.tw/materials/protour/images/a65a4892-9d16-4465-82d6-463915418093.png)no-repeat center center;text-align: center;margin: 10px auto 0;}
.recommemd_wrap > .module-container > .main > .promo_product{padding-top:30px !important;}

.web-page-frame .widget-item > .module-container > .main{margin:0;}
@media (min-width: 1200px){
.gray_bg .container {max-width: 1552.5px !important;}
.demoinfo_bg .container {max-width: 1552.5px !important;}
}
@media(max-width:1040px){
.all_tabs{top: 301px;}
}
@media(max-width:784px){
.all_tabs{top: 201px;}
  /*side*/
  .side_box .side_bar{padding: 10px 5px;width: 50px;}
  .responsivetop .actGotop{width: 50px;height: 50px;}
  .responsivetop .actGotop a{width: 50px;height: 50px;line-height: 65px;}
  .responsivetop .actGotop a i{width: 50px;font-size: 30px;}
}
@media(max-width:480px){
.theme_item{margin-top:3em;}
}
@media(max-width:375px){
.theme_item{margin-top:6em;}
}

.responsivemenu .responsive-drop-down-menu > ul > li > a {font-size: 18px; font-weight: 400;}
.responsivemenu .responsive-drop-down-menu > ul > li > ul > li > a {font-size: 16px;}
.responsivenavlink .header-part .navbar-nav .nav-link {font-size: 18px;}
.responsivenavlink .header-part .navbar-brand img {height: 50px; width:200px;}
.responsivenavlink .header-part {height: 90px;}
.responsivenavlink .navbar-collapse {background:#1165CA !important;}

body > .web-page-frame > .header > .block-item:nth-child(1) {padding:0;}

.responsivetop {min-height: 0px;}

/*nav*/
.responsivenavlink .header-part {height: 70px;padding:0;}
.responsivenavlink .header-part .navbar-brand{height: 70px;padding: 10px 15px;}
.responsivenavlink .navbar-dark .navbar-toggler{margin-right: 15px;}
.responsivenavlink .navbar-collapse{background: rgb(61, 61, 61);}

.full-menu .module .responsive-drop-down-menu .menu-button {background: #109FC3!important;}
.actGotop {right: 5px !important;}

.theme_item .falls-container div.grid a.grid-item h3 {height: 115px;}