/*reset*/
body a:focus, body a:hover{ color: #0e655f;}
h1, h2, h3, h4, h5, h6, p{  font-family: 微軟正黑體,"Helvetica Neue",Helvetica,Arial,sans-serif; }
body{font-family: 微軟正黑體,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.header-top .top-link li span.bag-icon .mcart-number{  background: #004641 none repeat scroll 0 0!important; color: #BB8B60!important;}
.header-top .top-link li span.bag-icon {  background-image: url("images/buying.png")!important;}
.header-top .top-link li span.search-icon { background-image: url("images/magnifier.png")!important;}
.header-top .top-link li span.lock-icon {background-image: url("images/login.png")!important;}
.main-menu ul#nav li a:hover{     color: #fff!important;}
.main-menu ul#nav li ul.sup-menu li{    background-color: #004641;}
.main-menu ul#nav li ul.sup-menu li a{ color:#EDECEA; }
.larg-banner.larg-banner-box-1 a::after{ content:''!important;font-family: unset!important; background-image:url(images/ig.png); background-size:55px; background-repeat: no-repeat; background-color:unset!important; border-radius:unset!important; }
.banner-area-bottom{  background: url(images/stone.jpg)!important;}
.banner-area-bottom .banner-text p{color: #fff!important;}
.section-title{font-weight: 400!important; font-size: 24px!important;}
.footer-top-area.footer-restyle .single-footer-box{  background: #EDECEA none repeat scroll 0 0; color: #BB8B60;font-style: unset;}
.footer-top-area.footer-restyle .single-footer-box a{color: #BB8B60;}
.footer-top-area.footer-restyle .single-footer-box:nth-child(2){ background: #004641 none repeat scroll 0 0; color:#FFFFFF; }
.footer-top-area.footer-restyle .single-footer-box:nth-child(2) a{color:#FFFFFF;}
.footer-social-icon-area.footer-restyle ul li{ background: #004641 none repeat scroll 0 0; }
.footer-social-icon-area.footer-restyle ul li:nth-child(2){ background: #EDECEA none repeat scroll 0 0; }

.footer-brand img{margin-bottom: 20px;}
.footer-brand p{color: #004641; font-size: 16px;}
.footer-menu-re{padding-top: unset!important;border-left: 1px solid #C3C3C3;padding-left: 30px;}
.footer-menu-area .footer-menu-re.footer-menu:nth-child(2){border-left: 1px solid #C3C3C3;}
.footer-menu-re h4{ font-size: 20px; color:#004641; font-weight:400; margin-bottom:10px; }
.footer-menu-re ul li a{font-size: 16px; color: #004641;}
.footer-menu-re ul li a:hover, .mail-to a:hover {color: #004641!important;}
.footer{border-bottom: 1px solid #C3C3C3!important;}
.copyright p{color: #000;font-size: 12px;}
.product-carousal.owl-theme .owl-controls .owl-buttons div:hover, .band-logo-area.owl-theme .owl-controls .owl-buttons div:hover, .product-carousal-home-2.owl-theme .owl-controls .owl-buttons div:hover, .blog-carosul-home2.owl-theme .owl-controls .owl-buttons div:hover, .blog-carosul-home-3.owl-theme .owl-controls .owl-buttons div:hover, .logo-brand-carosol.owl-theme .owl-controls .owl-buttons div:hover{ color: #a19b99!important; }
body .comment-area a:hover, body .post-info h1 a:hover, body .post-info p a:hover, body .post-comment a:hover, body .recent-post-info h3 a:hover{color: #0e655f;}
.shop .breadcrumbs a:hover{color: #0e655f!important;}
.pagination ul li a:hover, .pagination ul li a.current{color: #0e655f!important;}

.action{display: none!important;} 

/*tool*/
.m-open{ display:none; }
.text-left{text-align: left!important;}

.mt--0{margin-top: 0!important;}
.mb-30{margin-bottom: 30px;}
.mb-50{margin-bottom: 50px;}


/*----*/
.ad-area{padding: 80px 0;}
.store-area{padding: 80px 0 20px 0; margin-bottom: 0;}
.page-lens-area.inner{padding: 80px 0 50px 0;}


.sign-up-area.contact-btn-flex{ display:flex; justify-content:center; }
.sign-up-area.contact-btn-flex p{ margin-right:50px; }
.sign-up-area.contact-btn-flex a{ background: #004641 none repeat scroll 0 0; }
.sign-up-area.contact-btn-flex a:hover{color: #fff; opacity: 0.8;}
.shipping-info.shipping-info-re img{ width:60px; display:block; margin:0 auto 15px auto; }
.shipping-info.shipping-info-re h3{ font-weight:400; font-size: 18px;}
.shipping-info.shipping-info-re p{ color:#000; font-size:13px; font-weight: 200;}

.banner_area.index-introbtn-style .banner-text{     background: #004641 none repeat scroll 0 0; }
.banner_area.index-introbtn-style .banner-text::after{background: #004641 none repeat scroll 0 0;}
.banner-area-bottom.index-introbtn-style .banner-text{     background: #004641 none repeat scroll 0 0; }
.banner-area-bottom.index-introbtn-style .banner-text::after{background: #004641 none repeat scroll 0 0;}
.larg-banner.larg-banner-re p{ position: absolute; bottom: 13%; left: 50%; font-size: 30px; transform: translateX(-50%); color: #fff;}
.larg-banner-box-1 a{ display: block; width: 100%; padding-top: calc( 16 / 9 * 62.2% ); overflow:hidden; position:relative; }
.larg-banner-box-1 a img{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }
.larg-banner-box-2 a{ display: block; width: 100%; padding-top: calc( 16 / 9 * 56.5% ); overflow:hidden; position:relative; }
.larg-banner-box-2 a img{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }
.hotsale-box{display: block; width: 100%; padding-top:calc(5 / 4 * 95%); overflow: hidden; position: relative; }
.hotsale-box img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; }
.product-info.hotsale-info a{ font-size: 18px;    margin: 20px auto 5px auto; }

.news-box{ display:block; width:100%; padding-top:calc( 4 / 5 * 83%); overflow:hidden; position:relative;  }
.news-box img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);width:100%; height:100%; object-fit:cover;  }
.blog-text.news-text p{font-size: 14px;}
.blog-text.news-text h2 a{font-size: 14px; overflow: hidden; max-height: 55px;display: block;}
.blog-text.news-text a.readmore{color: #4D4D4D;}
.blog-text.news-text h2 a:hover, .blog-text.news-text a:hover.readmore{color: #0e655f;}

.ad-bgc{ background-color: #BB8B60; }
.ad-wrap img{ max-width:100%; display:block; margin:0 auto 30px auto;  }
.ad-wrap p{font-size: 16px; color: #fff; text-align: center;line-height: 2;}
.store-wrap-main{  display: flex;justify-content: center;border-right: 1px solid #e5e5e5;     }
.store-wrap-main:last-child{border-right: unset!important; }
.store-wrap{/*background: rgba(0, 0, 0, 0) url(images/shadow1.png) no-repeat scroll center 110%; */    height: 202px;}
.page-top-pic{ background-image: url(images/pagetop.png);  text-shadow: 0 0 10px #333030;}
.contact-form-area{  padding-top: 20px!important;}

.page-news-info.post-info p{ max-height: 90px; overflow: hidden;} 
.news-inner-post-main img{height: unset!important;}

.about-img3-box{ width:100%; padding-top: calc( 16 / 9 * 72% ); position: relative; overflow:hidden; }
.about-img3-box img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; }
.about-img4-box{ width:100%; padding-top: calc( 16 / 9 * 77% ); position: relative; overflow:hidden; }
.about-img4-box img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; }
.about-img5-box{ width:100%; padding-top: calc( 16 / 9 * 41% ); position: relative; overflow:hidden; }
.about-img5-box img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; }
.brand-item:nth-child(odd) .brand-box{width: 100%; padding-top: 100%; overflow: hidden; position: relative;background-color: #ccc;}
.brand-item:nth-child(odd) .brand-box img{ position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; }
.brand-item:nth-child(even) .brand-box{width: 100%; padding-top: calc( 5 / 4 * 100%); overflow: hidden; position: relative;background-color: #ccc;width:100%; height:100%; object-fit:cover;}
.brand-item:nth-child(even) .brand-box img{ position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover;}

.portfolio-menu ul li:hover{    color: #0e655f!important;}
.portfolio-menu .btn.active a{color: #fff;}

.blog-details .post-date ul.social-icons li a.instagram:hover, .project-date ul.social-icons li a.instagram:hover { border: 2px solid #9827c6; color: #9827c6;}
.brand-pd-contact{    background: #004641 none repeat scroll 0 0;color: #fff; display: inline-block;  font-size: 14px;font-weight: bold;  padding: 4px 26px; text-decoration: none; transition: 0.4s;}
.brand-pd-contact:hover{color: #fff; opacity: .8;}

.brand-pd-inner-box{width: 100%; padding-top: calc(5 / 4 * 76.5%); overflow: hidden; position: relative; background-color: #ccc;}
.brand-pd-inner-box img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  width: 100%; height: 100%; object-fit: cover; }
.brand-pd-inner-box-s{width: 100%; padding-top: calc(5 / 4 * 90%); overflow: hidden; position: relative; background-color: #ccc;}
.brand-pd-inner-box-s img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.2) rotate(3deg)!important;width: 100%; height: 100%; object-fit: cover;  }
.brand-pd-inner-item{width: 100%; padding-top: 100%; overflow: hidden; position: relative; background-color: #ccc;}
.brand-pd-inner-item img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.2) rotate(3deg)!important;width: 100%; height: 100%; object-fit: cover;  }

.page-lens-item{display: flex; border-radius: 20px;border: 1px solid #f3f0f0; box-shadow:  0px 0px 10px #dcdcdc; justify-content:center; align-items: center; width: 100%; height: 200px; background-color: #bcb3a1; width:100%; background-image: url(images/page-lens-item-bg.jpg);  background-size:cover; background-repeat:no-repeat;  position:relative;  overflow: hidden;}
.page-lens-item::after{content: ''; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7);position: absolute; top: 0; left: 0;z-index: 1;}
.page-lens-item h4{ text-shadow:0 0 6px #fff; position:relative;z-index:10; color:#004641 ; transition:ease 0.5s all; }
.page-lens-item:hover h4{ font-size: 20px;}

.lens-title{font-size: 22px; color: #888;display: inline-block; border-bottom: 3px solid #ccc; position: relative; left: 50%; transform: translateX(-50%);}
.lens-1-block1{display: flex;  margin-left: -10px;}
.lens-1-block1 .left{position: relative;}
.lens-1-block1 .left div{ position:absolute;right:0;display:block; }
.lens-1-block1 .left div:last-child{bottom: 50px;}
.lens-1-block1 .left div:first-child::after{ content:''; display: block; width: 80px; height: 1px; background-color: #ccc;position: absolute; right: -60px;transform: rotate(11deg);}
.lens-1-block1 .left div:last-child::after{content:''; display: block; width: 80px; height: 1px; background-color: #ccc;position: absolute;  right: -60px; transform: rotate(-29deg); top: -10px;}
.lens-1-block1 .right div:first-child::after{  content: ''; display: block; width: 80px; height: 1px;background-color: #ccc; position: absolute; left: -80px; transform: rotate(-29deg);  z-index: -2;}
.lens-1-block1 .right div:last-child::after{  content: ''; display: block; width: 80px; height: 1px;background-color: #ccc; position: absolute;  left: -90px; transform: rotate(31deg);z-index: -2;top: 10px;}

.lens-1-block1 .right{position: relative;}
.lens-1-block1 .right div{ position:absolute;left:0;display:block; }
.lens-1-block1 .right div:last-child{bottom: 50px;}
.lens-1-block1-mob-flex{display: flex;}
.lens-1-block1 .center img{ max-width:100%; width: 300px;  display: block; margin: auto;}

.lens-title-sub{background-color: #dcdcdc; color: #5f5a5a; font-size: 16px; padding: 5px 30px;}
.lens-1-item{ border-right: 1px solid #efefef;}
.lens-1-item:last-child{border-right: unset!important;}
.lens-1-item .box-img img{width: 200px;display: block; margin: auto; max-width: 100%;}
.lens-1-item h4{text-align: center;}
.lens-1-2{border: 1px solid #dcdcdc; border-radius: 50px; padding: 20px 50px;width: 700px; display: block; margin: auto;  max-width: 100%;}



.lens-2-block1{display: flex;  margin-left: -110px;}
.lens-2-block1 .left{position: relative;}
.lens-2-block1 .left div{ position:absolute;right:0;display:block; }
.lens-2-block1 .left div:last-child{bottom: 50px;}

.lens-2-block1 .right{position: relative;}
.lens-2-block1 .right div{ position:absolute;left:0;display:block; }
.lens-2-block1 .right div:last-child{bottom: 50px;}
.lens-2-block1-mob-flex{display: flex;}
.lens-2-block1 .center img{ max-width:100%; }
.lens-color-c-item{ display: flex; align-items: center; width: 200px;margin: auto; padding: 10px 20px; max-width: 100%; background-color:#e2e2e2; color:#000;text-align:center; position:relative; min-height: 100px; }
.lens-color-c-item::after{ content:''; display:block; width: 50px; height: 50px; background-image: url(images/light.png); background-size:cover; background-repeat:no-repeat; position:absolute; left: -20px; top: -30px; }
.lens-color-change h4{text-align: center;}

.lens-4-b1-tt{display: block; border: 1px solid #000; position: 10px 30px;display: inline-block;position: relative; left: 50%; transform: translateX(-50%); margin-bottom: 80px;}
.lens-4-itempic01{ width:100px;max-width:100%; }
.lens-5-block1-txet div{display: flex;  flex-direction: column;  align-content: flex-end; flex-wrap: wrap;}
.lens-5-block1-pic img{ width:250px; max-width:100%; }

.pagination ul li a.previous-arrow{

  background-image: url("img/pag-arrow.jpg");

  background-position: 0 0;

  background-repeat: no-repeat;

  overflow: hidden;

  position: relative;

  text-indent: -9999px;

  width: 22px;

}
.pagination ul li a.previous-arrow:hover {

  background-position: 0 -22px;

}

@media(max-width:1200px){

      .store-wrap-main{   justify-content: flex-start;   border-right: unset; border-bottom: 1px solid #e5e5e5; }
      .store-wrap-main:last-child{border-bottom: unset!important; }
      .store-wrap{background: unset;     height: unset;}
      .store-wrap-main .faq-content .faq-desc{padding-top:50px;}

}


@media(min-width: 992px) and (max-width: 1200px){
          .banner-text { padding: 74px 0 0 82px; min-height: 253px; width: 48%;}
}

@media(max-width:991px){

      .m-width-90{width: 90%!important;}
      .m-width-100{width: 100%!important;}

      .lens-1-block1{flex-direction: column;}
      .lens-1-block1-mob-flex{  flex-direction: column-reverse;}
      .lens-1-block1 .left div{ position: unset!important; margin-bottom: 30px;}
      .lens-1-block1 .right div{position: unset!important;margin-bottom: 30px;}
      .lens-1-block1{ margin-left:0;}

      .lens-1-block1 .left div:first-child::after{ content:unset!important; }
      .lens-1-block1 .left div:last-child::after{content:unset!important; }
      .lens-1-block1 .right div:first-child::after{  content: unset!important; }
      .lens-1-block1 .right div:last-child::after{  content: unset!important; }
      .lens-1-item{ border-right: unset!important;}
      .lens-1-block1 .center img{  max-width: 130px; display: block; margin: auto;}

      .lens-2-block1{flex-direction: column;}
      .lens-2-block1-mob-flex{  flex-direction: column-reverse;}
      .lens-2-block1 .left div{ position: unset!important; margin-bottom: 30px;}
      .lens-2-block1 .right div{position: unset!important;margin-bottom: 30px;}
      .lens-2-block1{ margin-left:0;}

      .lens-2-block1 .left div:first-child::after{ content:unset!important; }
      .lens-2-block1 .left div:last-child::after{content:unset!important; }
      .lens-2-block1 .right div:first-child::after{  content: unset!important; }
      .lens-2-block1 .right div:last-child::after{  content: unset!important; }
      .lens-2-block2{display: flex; margin-top: 100px;}
      .lens-4-b1-tt{margin-bottom: 30px;}
      .lens-5-block1-txet div{align-content: center;}
      .lens-5-block1-pic img{margin: auto;display: block;}

      .sign-up-area.contact-btn-flex{ flex-direction: column;margin-top: 30px;}
      .sign-up-area.contact-btn-flex a{    margin: 30px 0;}
      .sign-up-area.contact-btn-flex p{margin-right: unset!important;}
      .footer-menu-re{    padding-left: unset!important;}
}

@media(max-width:768px){
      /* reset */

      /* tool */
      .m-close{display: none;}
      .m-open{ display:block!important; }



}