html, body, body a,body p,body span,body h1,body h2,body h3,body h4,body h5,body h6, li, table{
  font-family: "蘋果儷中黑","微軟正黑體","Microsoft JhengHei","微軟雅黑體","Microsoft YaHei",'Arial' !important;}
.container-fluid{padding-left:0; padding-right:0; overflow:hidden;} 
#google-map{margin-bottom:0;} 
.bg-primary{background:#cfad6a !important;}
.abt-new{padding:80px 0;}
.abt-new p{font-size:16px; line-height:25px; margin-bottom:20px;}
.text-white{color:#fff;}
.text-primary{color:#232e35;}
.text-secondry{color:#d72323;}
.text-black{color:#000;}
.text-light-black{color:#555;}
.text-gray{color:#f5f6f6;}
.text-gray-dark{color:#d3d3d3;}
.text-red{color:#99090A;}
.text-green{color:#557131;}
.text-yellow{color:#f8b62b;}
.text-light-blue{color:#004F83;}
.text-bold{font-weight:bold;}
.hero-slider-item-wrapper--fullwidth .hero-slider-content p.slider-title--big-light,
.hero-slider-item-wrapper--fullwidth .hero-slider-content p.slider-title--small{ font-family: 'Poppins', sans-serif, 'Arial' !important;}

.header-area--multi-row .header-wrapper{ padding-top: 0px;}
.header-area .sticky-logo{ display: none;}
.header-area.is-sticky .sticky-logo{ display: block;}
.header-area.is-sticky .main-logo{display: none;}
.header-area--multi-row .header-wrapper .img-fluid{ height: 80px; width: auto;}

.nav-logo-wrapper{ 
    -webkit-flex-basis: 30%;
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;}
.nav-button-wrapper{ 
    -webkit-flex-basis: 70%;
	-ms-flex-preferred-size: 70%;
	flex-basis: 70%;}

.header-area--multi-row .header-wrapper .nav-button-wrapper .navigation-menu-wrapper nav > ul{ text-align: right;}
.nav-button-wrapper .header-icon-wrapper{ margin: 14px 0 16px;}
.nav-button-wrapper .header-icon-wrapper > ul{ padding-right: 18px;}
.nav-button-wrapper .navigation-menu-wrapper nav > ul > li{ margin: 0 0 0 10px; }


.header-area.is-sticky .header-wrapper .navigation-menu-wrapper{ -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; margin-left: 60px; padding: 0;}

.header-area.is-sticky .navigation-menu-wrapper nav > ul > li > a{ color: #000; padding:0 10px;}

.lang-wrapper .lang-flag{ padding-right: 10px; width: 32px; height: auto;}
.lang-wrapper li.active a{ color: #e33; }

.mega-menu.four-column > li{ padding: 0;}
.mega-menu.four-column > li.pmenu-section .img-title{ padding:0 0px 0 10px; font-size: 1.4em;}
.mega-menu.four-column > li.pmenu-section .img-title i{ margin-left: 10px; font-size: 1.4em; line-height: 1.4em; vertical-align: middle;}
.mega-menu.four-column > li.pmenu-section-links{padding-left: 20px; }
.mega-menu.products-menu > li > a{ padding-top: 10px; font-size: 1.2em; margin-bottom: 10px;}
.mega-menu.products-menu li.pmenu-section a.img-box{ padding: 10px;}
.mega-menu.products-menu li.pmenu-section a.img-box img{ width: 100%; height: auto;}
.mega-menu.products-menu > li > ul > li > a {font-size: 13px; line-height:18px;}

.index_top_box{ max-width: 90%; margin: -70px auto 0;}

.index_top_imgbox{ padding: 6px; background: rgba(255,255,255,1); box-shadow: 1em 1em 1em rgba(0,0,0,0.3);}
.index_top_imgbox .banner-link { font-size: 12px; font-weight: normal; color: #fff; border-bottom: none; border: 1px solid #fff; padding: 4px 8px;}
.index_top_imgbox .banner-link i{ font-size: 1.5em; vertical-align: middle; padding-left: 10px;}

.index_top_imgbox .banner-link:hover{ color: #fff; border-color: #fff;}
.index_top_imgbox .banner-link:hover i{ padding-left: 20px;}

.feature-logo-wrapper .img-fluid{ width: 120px;}

.index-about-section .section-space--inner{ padding: 100px 20px !important;}
.index-about-section .single-testimonial-item__content h2{ color: #fff; margin-bottom: 0.2em; letter-spacing: 0.1em;}
.index-about-section .single-testimonial-item__content .testimonial-text{ font-size: 16px; letter-spacing: 0.05em; line-height: 2.5em; color: #fff; width: 90%; max-width: 800px; margin: 0 auto;}

.section-title-wrapper h1{ letter-spacing: 0.1em; font-size: 26px;}
.section-title-wrapper .section-subtitle{ font-size: 14px; letter-spacing: 0.08em;}

.single-slider-post__content .title{ margin: 10px auto; font-size: 15px;}
.single-slider-post__content .post-meta{ margin: 10px auto 0; font-size: 14px; color: #333;}
.single-slider-post__content .post-date{ font-size: 12px; letter-spacing: 0.05em; color: #999;}

/*--mobile Nav--*/
.header-icon-wrapper > ul > li.cart{ margin-right: 10px;}
.header-icon-wrapper > ul > li.cart a:before { content: "詢價車"; font-size: 14px;}
.header-icon-wrapper > ul > li a i{ font-size: 20px; vertical-align: middle; }
.offcanvas-mobile-search-area a.mobile-search{ padding: 10px; display: block; font-size: 15px;}
.offcanvas-mobile-search-area a.mobile-search i{ padding-right: 10px; font-size: 18px; vertical-align: middle;}
/*--end mobile Nav--*/

.index-contact-btn{ font-size: 16px; padding: 24px; background: #e33; color: #fff; letter-spacing: 0.1em; display: inline-block; width: 40%; margin: 40px 4%; border-radius: 4px; border: 2px solid #e33;}
.index-contact-btn:after{ font-family: "Fontawesome"; content: "\f061"; margin-left: -15px; opacity: 0; color: #e33; font-size: 20px; vertical-align: baseline;}
.index-contact-btn.mail-btn:after{ content: "\f003";}
.index-contact-btn:hover{ color: #e33; background: #fff;}
.index-contact-btn:hover:after{ margin-left: 10px; opacity: 1;}
.index-contact-btn.mail-btn{ background: #fff; color: #e33;}

 
.page-content-wrapper.index-map-wrapper{ border-bottom: 0; margin: 4em auto 0; padding-bottom: 0;}


/*====== plist setting ======*/

.breadcrumb-wrapper.plist-bg{ padding: 50px 0 50px; margin-top:115px;}

.plist-bg .breadcrumb-content h1{ color: #fff; text-shadow: 0 0 4px #000;  margin-top:20px; font-size: 2.5em; letter-spacing: 0.05em; margin-bottom: 10px;}
.plist-bg .breadcrumb-content h2 { color: #fff; text-shadow: 0 0 4px #000; font-size: 1.5em;}

.plist-search{ margin: -120px auto 40px; background: #fff; box-shadow: 0 0 1em rgba(0,0,0,0.3); position: relative; z-index: 99; width: 90%; max-width: 1280px; padding: 30px 20px;}


.plist-search .inner-box.left{ border-right: 1px solid #ccc;}
.plist-search .inner-box h3{ font-size: 24px; margin-bottom: 10px; letter-spacing: 0.1em;}
.plist-search .inner-box p.small-text{ font-size: 16px; margin-bottom: 10px; color: #666;}
.plist-search .inner-box p.short-desc{ font-size: 15px; margin-bottom: 10px; color: #999;}
.plist-search .inner-box p.short-desc{ margin-bottom: 30px;}

.plist-search .inner-box{ text-align: center;}
.plist-search .inner-box input{ width: 80%; margin: 10px auto; height: 40px; border: none; border-bottom: 1px solid #000; text-align: center;}
.plist-search .inner-box .plist-select-wrapper{ width: 80%; margin: auto;}
.plist-search .inner-box select, .plist-search .inner-box input.class2{ width: calc(50% - 4px); height: 40px; padding: 0 10px; text-align: center; margin: 10px auto;}
 .plist-search .inner-box input.class2 { text-align:left;
	    border: 1px solid rgb(169, 169, 169); 

}
.plist-search .inner-box button{ display: block; margin: 10px auto 0; height: 60px; border-radius: 4px; border: 1px solid #cfad6a; padding: 0 40px; color: #cfad6a; letter-spacing: 0.1em; font-size: 15px;}
.plist-search .inner-box button:hover{ background: #cfad6a; color: #fff; }
.plist-search .inner-box button i{ padding-left: 10px;}

.page-content-area.plist-contnet h1.current-text{ font-size: 24px;}

.page-wrapper.plist-wrapper{ margin-top: 0;}

.plist-brand-wrapper .card-body{ padding: 0.75em 1.25em;}
.card-header h5 button[aria-expanded='true']:hover{ color: #fff;}
.plist-brand-wrapper .card-body ul li a:hover,
.plist-brand-wrapper .card-body ul li.active a, 
.plist-brand-wrapper .btn-link:hover{ color: #cfad6a;}
.plist-brand-wrapper .card-body ul li{ margin: 10px auto; padding-bottom:5px; border-bottom:1px solid #f1f1f1;}
.plist-brand-wrapper .card-body ul li a.active{ color: #cfad6a;}
/*====== end plist setting ======*/
/*====== products-info setting ======*/

.plist-bg.pinfo-bg{
    background: url(../img/banners/pinfo-bg.jpg) no-repeat center;
	background-size: cover;
}

.product-details-small-image-slider-wrapper--vertical-space .slick-arrow{ background: #cfad6a;}
.product-details-small-image-slider-wrapper--vertical-space .slick-arrow i{ color: #fff;}

.plist-bg .breadcrumb-content h2.info-text{ font-size: 1.5em;}

.single-product-content-description .product-title{ font-size: 22px; font-weight: bold; margin-bottom: 1em;}
.single-product-content-description .single-info{ color: #cfad6a; font-weight: bold; font-size: 13px;}
.single-product-content-description .single-info .value{ line-height: 1.0em; color: #333;}

.single-product-content-description .cart-btn i{ padding-left: 10px;}
.single-product-content-description .cart-btn:hover{ background: #cfad6a; color: #fff; border-color: #cfad6a;}

.single-product-content-description .product-actions{ margin: 40px auto;}

.back-plist-btn{ display: block; margin: 20px auto; border-radius: 4px; border: 1px solid #cfad6a; padding: 20px 40px; color: #cfad6a; letter-spacing: 0.1em; font-size: 15px; text-align: center;}
.back-plist-btn i{ font-size: 18px; vertical-align: middle; padding-right: 10px;}
.back-plist-btn:hover{ color: #fff; background: #cfad6a;}
.single-grid-product__image img{border:1px solid #ccc;}
.slick-slide img{border:1px solid #ccc;}
.hero-slider-content img {border:0px;}
/*=========== footer ================*/

footer {
  padding: 96px 0;
  position: relative;
  overflow: hidden;
}
footer {
    padding: 72px 0;}

footer.bg-dark h1
footer.bg-dark h2,
footer.bg-dark h3,
footer.bg-dark h4,
footer.bg-dark h5,
footer.bg-dark h6 {
  color: #ffffff;
}

footer.bg-dark p,
footer.bg-dark span,
footer.bg-dark li {
  color: #fefefe;
}

.bg-dark hr{ border-color: #555;}

/*!---------- 36. FOOTERS ----------*/
footer.bg-dark a {
  color: #fff;
}
.footer-1 .logo {
  max-height: 30px;
}
.footer-1 .sub {
  opacity: .5;
}
.social-list {
  margin: 0;
}
.image-bg .social-list a {
  color: #fff;
}
.bg-dark .social-list a,
.image-bg .social-list a {
  color: #fff;
  opacity: .5;
}
.bg-dark .social-list a:hover {
  opacity: 1;
}
.image-bg .social-list a {
  opacity: 1;
}
.bg-light .social-list a {
  color: #222;
}

footer .footer-logo{ background: url(../img/logo2.png) no-repeat center; width: 158px; height: 56px; background-size: 100% auto; display: block;}
footer .footer-about{ line-height: 1.8em; font-size: 13px; padding-right: 20px; color: #999 !important;}

footer .footer-add-info li{ margin-bottom: 10px; }


footer .icon-list{ margin: 20px auto 30px; padding-left: 10px;}
footer .icon-list > ul{ display: block; max-width: 400px;}
footer .icon-list > ul > li{ display: inline-block; width: 23%; margin: 0 auto!important; padding: 0;}

footer .app-list li{ margin-bottom: 10px;}
footer .app-list i{ font-size: 26px; display: inline-block; padding-right: 10px;}

footer .icon-list.mail-info i{ display: block; font-size: 32px; color: #fff;  margin-bottom: 10px;}
footer .icon-list.mail-info a{ font-size: 13px; font-weight: normal; display: block; letter-spacing: 0.02em;}

footer.bg-dark .icon-list  ul  li a i:before{ vertical-align: middle;}
footer.bg-dark .icon-list  ul  li a i.line-icon:before{ content: ''; width: 32px; height: 32px; display: inline-block; background: url(../img/line-icon.svg) no-repeat center; background-size: 100% auto; vertical-align: middle;}

footer.bg-dark .icon-list  ul  li a,
footer .icon-list.mail-info a i{ font-size: 32px; color: #fff; opacity: 0.6;}
footer.bg-dark .icon-list  ul  li a:hover,
footer .icon-list.mail-info a:hover i{ opacity: 1;}

footer h6.title{ font-size: 14px; color: #999;}

footer .link-list li { margin: 8px 0;}
footer .link-list li a{ font-size: 14px; letter-spacing: 0.05em;}

footer .copyright{ letter-spacing: 0.05em;}

/*== end footer ==*/


/*===========RWD Setting==============*/

@media (max-width: 991px){
.breadcrumb-wrapper.plist-bg{ padding: 50px 0 50px; margin-top:0px;}
.hero-slider-item-wrapper{ display: block; padding-top: 6em;}

    
/*-- p-list--*/    
    .plist-search .inner-box.left{ border: none; margin-bottom: 100px;}
    .hidden-sm{ display: none;}
    .plist-search .inner-box input,
    .plist-search .inner-box .plist-select-wrapper{ width: 100%; max-width: 480px;}
    
    
}/*--end 992px --*/

@media (max-width: 767px){
.index_top_box{margin-top:30px;}
.single-sidebar-widget__title{margin-top:30px;} 
.hero-slider-item-wrapper{ display: block; padding-top: 2em;}

.search-form {top: 12%; width: 90%;}
.search-form h2{ font-size: 3em;}
.search-form form label{ font-size: 18px;}
    
}/*--end 767px --*/


@media (max-width: 480px){

.single-hover-banner--middlesize-text__content{ max-width: none;}
    
.search-form {top: 34px;}
.search-form h2{ font-size: 2em; margin-bottom: 1.6em;}
.search-type-wrapper{ margin-bottom: 30px;}
.search-form form label{ margin-bottom: 0;}
.search-form form input{ width: calc(100% - 100px);}
.search-form form button{ width: 60px;}
.search-form form button:after{ content: ''; }
.search-form form button i{ padding-right: 0;}
    
}/*--end 480px --*/



/*===========animation==============*/
.mega-menu,
.settings-menu-wrapper,
#scroll-top,
#scroll-top span,
#scroll-top i,
.index-contact-btn,
.index-contact-btn:after,
.plist-search .inner-box button,
.product-details-small-image-slider-wrapper--vertical-space .slick-arrow,
.back-plist-btn{  
  -webkit-transition: all 0.4s ease; 
  -moz-transition: all 0.4s ease; 
  -ms-transition: all 0.4s ease; 
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.index_top_imgbox .banner-link,
.index_top_imgbox .banner-link i,
.setting-button,
.setting-button span,
.icon-list a,
.search-form form button,
.pagination-section li a{  
  -webkit-transition: all 0.2s ease; 
  -moz-transition: all 0.2s ease; 
  -ms-transition: all 0.2s ease; 
  -o-transition: all 0.2s ease;
}

 .navbar-right > * {
    float: left;
}

    header .navbar-right > *:not(li) {
        padding-right: 15px;
        padding-left: 15px;
    }

.navbar-right > .lan-menu {
    padding-right: 0;
}

.navbar-mini {
    background-color: #343a40;
    color: #fff;
    font-size: 12px;
    border-bottom: 1px solid rgb(228,228,228);
}

    .navbar-mini .navbar-left span:first-child {
        padding-left: 0;
    }

    .navbar-mini span {
        padding: 0 7px;
        float:left;
        display:inline-block;
    }

        .navbar-mini span i {
            margin-right: 7px;
        }

    .navbar-mini hr {
        width: 1px;
        background-color: #BEBEBE;
        margin: 0 0 -2px 0;
        display: inline-block;
        height: 12px;
        padding: 0;
    }
.navbar-mini .navbar-left {
    padding-top: 10px;
}
span.category{font-size:12px; color:#cfad6a;}
.xsub-menu li{border-bottom:0px !important; font-size:12px; padding-left:10px; margin:5px 0 !important;}