/*index*/
.search-cart-header .top-cart{/*padding-top: 22px;*/ margin-bottom: 10px;}
#top-search{padding-top: 22px;}
.logo{margin-bottom: 10px; display: block;}
.logo img{ max-width: 61% !important; }

.top-cart .shopping-cart{padding-right: 15px;}

.text-left{ text-align: left; }
.ml-407{     margin-left: 407px; }
.list-002 li{ margin-bottom: 15px; }

.portfolio-post-2 .portfolio-title{ text-align: unset!important; }
.portfolio-post-2 .portfolio-title h4{ font-size: 40px!important;     color: #C06D71; }
.portfolio-post-2 .portfolio-title p{ font-size: 18px; color:#000; }




/*about*/
.about-p-01{     margin: 20px 0 20px; font-size: 20px;}


/*子穗index*/
.pa-80{padding: 80px;}
.p-style-ss{ font-size: 20px; line-height: 2.2; color: #000000; }

.work-a-box{ width: calc(100%/5); box-shadow: 5px 5px 5px; }
.work-a-box img:hover{ opacity:0.8; }

/*about*/
.top-deco{ width: 100%; height: 10px; background:linear-gradient(45deg, #483F4F 35%, #E5BB0A 35%); }
.fa-search-plus{ color: #fff!important; }


/*contact table*/
table.shopss{width:100%; border: 1px solid #888888; }
table.shopss tr.title{ background-color: #000!important;  }
table.shopss .title td{ color: #fff; width: calc(100%/2); }
table.shopss tr{  text-align: center; font-size: 20px; }
table.shopss tr td{padding:15px;}
table.shopss tr td a{ color: #666666; line-height: 2.2;}
table.shopss tr:nth-child(odd){ background-color: #ececec; }
tr.title{ font-weight: 800; }

/*1101*/
.new-info img{width:100%;  }
.new-info p{ font-size: 18px; padding: 10px; color: #595757; text-align: center; }
.center{text-align: center;}
.btn-1101-a{ padding:10px 20px; background-color:#CFAD99 ; color:#fff; border-radius: 30px; margin-top: 50px; display: inline-block; }
.contact-link-info p{ color:#000; font-size: 20px; }
.img-cover{ position: absolute;  opacity: 0; transition: all 1s ease-out; }
.img-cover:hover{ opacity: 1; }
.new-box-img{background-color: #e9e9e9;width: 100%; padding-top: 100%; overflow: hidden; position: relative;}
.new-box-img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width:100%; height: 100%;object-fit: cover; z-index: 5; }
.mb-50{ margin-bottom: 50px; }

.price{ margin-top: -18px;  font-weight: 900; }
.product-img{ padding:0 30px 30px 30px;  }
.p-img-top-s{     display: flex; justify-content: center; }
.p-img-top-s img{width: calc(100% / 4 - 40px)!important;margin-right: 10px; margin-top: 10px;}
.product-info h2{ color:#341237; }
.product-info p{ color:#000;font-size: 16px; margin:9px 0; }
.dddd-1555{ width: 100%; border: 1px solid #eee; font-size: 16px; border-radius: 10px; overflow-y: auto; max-height: 160px; }

.num-bt{ display: flex;align-items: center; }
.minus ,.num ,.plus{ margin-right: 30px; }
.minus ,.plus{padding: 0px 10px;border-radius: 50px; border: 1px solid #ccc; width: 30px; height: 30px;} 

.m-op{display: none!important;}

.gold{ display: flex;    justify-content: space-evenly;}
.gold p{ font-size: 24px; color:#000; }
.gold p span{ margin:0 50px; color:red; }


/*car*/
.num-bt{ display: flex; }
.pp-block{ display: flex; margin-bottom: 30px;}
.pp-block select{ margin-left: 45px; }
.pp-block .num-bt{ margin-left: 45px;}
.minus ,.plus{width: 30px; height: 30px; border-radius: 50%;}
.price{width: 170px;}

/*shopping-list*/
.shopping-step{width: 100%; margin: auto; margin-bottom: 80px;}
.shopping-step ul{ list-style: none; display: flex; justify-content: center; }
.shopping-step ul li{ background-color: #ccc; color:#fff; box-shadow: 1px 1px 4px #888; padding:10px 120px; font-size: 18px; letter-spacing:3px ; font-weight: 900; }
.shopping-step ul li.active{ background-color: #CFAD99; }
.submit{ padding:5px 20px; background-color: #607381;  border: unset; color: #fff;}
.revise{ padding:10px 20px; background-color: #ccc; border: unset; color: #000;}


.car-align{ padding: 30px!important;}

.list-finish{ width: 100%; border: 1px solid #607381; padding: 30px;  margin-bottom: 100px;}
.list-finish p{ font-size: 20px; color: #607381; text-align: center;}

  /*shopping ul*/
.shopping-list-main .none{display: none!important;}
.shopping-list-main{width: 100%; margin:0 auto 50px auto; display: block; overflow: hidden;border: 5px solid #cfad99; border-radius: 10px;}
.shopping-list-main h2{ font-size: 18px; display: block; background-color: #CFAD99; color:#fff; text-align: center!important; padding: 10px 50px; }
.shopping-list-main h2 small{ display: inline-block;margin-right: 13px;transform: translateY(-2px);font-weight: 800; width: 20px; height: 20px; background-color: #fff; color: #CFAD99;border-radius: 20px;line-height: 1.8; }

.form-wrape-2408{ margin-top: 10px; border: 5px solid #CFAD99; display: block; overflow: hidden; padding: 15px; border-radius: 10px;}
.shopping-box{display: flex;display: flex;  width: 100%; justify-content: space-between; padding: 20px;}
.shopping-list-info{  width: 100%;}
.shopping-list .contact-title h2{font-size: 20px;font-weight: 400;margin-bottom: 10px;}
.shopping-list .contact-title h2 small{display: inline-block;margin-right: 13px;padding-left: 2px;transform: translateY(-2px);font-weight: 800; width: 20px; height: 20px; background-color: #CFAD99; color: #fff; text-align: center; border-radius: 20px;line-height: 1.4;}
.shopping-list .contact-form h2{font-size: 20px;font-weight: 400;}
.shopping-list .contact-form h2 small{display: inline-block;margin-right: 13px;padding-left: 2px;transform: translateY(-2px);font-weight: 800; width: 20px; height: 20px; background-color: #CFAD99; color: #fff; text-align: center; border-radius: 20px;line-height: 1.4;}
.part{display: flex; width: 100%;}
.shopping-cash{display: flex; width: 100%;}
.s-box-name{width: 30%;}
.s-box-average{}
.shopping-list-title{ width: 80%; display: inline-flex;  font-weight: 900; font-size: 16px;  }
.shopping-list-data{ padding: 20px 30px; text-align: center; }
.shopping-img{overflow: hidden;width: 15%;position: relative;}
.shopping-img img{position: absolute;top: 0;left: 0;}
.shopping-title-content{ width: 50%;}
.shopping-list-data input{min-height: 30px; width: 60px!important; }
.ss-color-type{ display: inline; margin-left: 20px; }
.clear-list{ float: left; }
.re-list{float: right;}
.float-right{ float: right;}
.list-btn-bar{ border-bottom:1px solid #ccc ; border-top: 1px solid #ccc; padding: 20px; }
.shopping-btn0{ color: #000!important;}
.shopping-btn1{ background-color: #dcdcdc!important; color: #000; f3efef}
.shopping-btn2{ background-color: #f3efef!important; color: #000; }
.shopping-btn3{ background-color: #CFAD99; color: #fff; box-shadow: 1px 2px 10px #708b9f; padding: 10px 30px 9px 30px; display: inline-block; }
.shopping-next a{ float: right; margin-top: 50px;    margin-right: 10px;margin-bottom: 10px; }
.total p{ float: right; font-size: 20px; font-weight: 900; margin-right: 20px; margin-top: 10px; letter-spacing: 3px;}
.shipping-radio-flex{ display: flex;align-items: center;}

.shipping-radio{position: relative; width: 100%; padding: 10px; overflow: hidden; border:1px solid #dbcec6; border-radius: 10px; }
.shipping-radio:has(input:checked){  width: 100%; border:1px solid #CFAD99; background-color: #fff9f6;}
.shipping-radio p{margin: 0 10px!important;}
.form-wrape-2408 .border-bottom-88{border-bottom: 1px solid #efefef; padding: 0 30px;}
.shipping-radio span{position: absolute; right: 25px;top: 50%;transform: translateY(-50%);}
.shipping-radio-hr{margin: 20px 0;}
.shipping-btn{padding: 10px 30px;color: #fff; background-color: #CFAD99; border: unset; width: 178px; display: block;margin: auto;margin-top: 15px;}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select, textarea{ border: 1px solid #dbcec6; }
.form-control{ border: 1px solid #dbcec6; }
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, select:focus, textarea:focus{    border: 1px solid #dbcec6;}
.form-control:focus{box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(207 173 153);}
.form-control:focus{border: 1px solid #dbcec6;}
.form-wrape-2408 select option:hover{ color: #ccc!important; }

/*login*/
.bg-AF7E46{background-color: #AF7E46;}
.login{ width: 30%; margin:auto; display: block;  border: 1px solid #AF7E46; padding: 20px 50px;}

/*register*/

.register{  width: 50%; margin:auto; display: block;}
.register button{ border: unset; color: #fff; background-color:#AF7E46 ; }

.shopping-cart-num{ background-color: #cea789; display: inline-block; color: #fff; border-radius: 26px;width: 20px; height: 20px;font-size: 12px; position: relative;right: -44px; top: -14px; text-align: center;
 line-height: 1.5;}
 .f-shopping-cart-num{ background-color: #fff; display: inline-block; color: #341237; border-radius: 26px;width: 15px; height: 15px;font-size: 12px; position: relative;right: -34px; top: -28px; text-align: center;
 line-height: 1.3;}

 .back-to-top{     right: 18px!important; bottom: 98px!important; }
.search-0901{ width: 100px!important; border-radius: 35px!important; }
.top-search{ position: relative;right:37px; }
.top-search img{ width:38px; height:38px; }
.search-cart-header .top-cart{margin-right: -24px!important;}

.search-cart-header .top-cart{     margin-right: -25px!important; }
.about-06-img img{ max-width: 450px; min-width: 280px; float: right; }
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.about-06-flex{display: flex;align-items: center;}
.about-info{padding-left: 20px;}
.about-tt::after{ content: '';width: 86px; height: 1px; background-color:#cbcbcb;display: block; position: absolute; left: 0;bottom: -8px; }
.about-tt{position: relative;}
.about-info p{color: #000;}
.call-0613{color: #988575;  font-size: 20px; display: inline-block; border-bottom: 1px solid #988575; margin-top: 20px;}
.call-0613:hover{color: #988575;  opacity: 0.5;}
.width-80{width: 80%;display: block; margin: auto;}
.feedback-logo{width: 25px; height: 25px; float: right;}
.feedback-block{padding: 20px; border-radius: 20px; background-color: #f1f1f1; clear: both; display: block;}
.feedback-user-box{width: 40px; height: 40px; overflow: hidden; border-radius: 50px;}
.feedback-user-box img{width: 100%; height: 100%; object-fit: cover;}
.feedback-info{display: flex; align-items: center;}
.feedback-user-name{margin-left: 15px;}
.feedback-user-name h3{font-size: 14px; color: #000;  }
.feedback-user-name p{font-size: 12px;letter-spacing: 2px; color: #888; margin-bottom: 0;}
.feedback-star{font-size: 20px; color: #ccc; margin-bottom: 10px;}
.feedback-star span{ color: #fbbc04!important;}
.feedback-user-txt p{font-size: 14px;line-height: 1.5; color: #000; margin-bottom: 0; position: relative;}
.clear{ clear: both; }

/*clickshow*/
.showcontent{width: 100%;height: 75px;overflow: hidden;transition: ease 0.3s all;position: relative; }
.showcontent::after{content: ''; display: block; width: 100%; height: 35px; background:linear-gradient(360deg, #f1f1f1 0%, #f1f1f1 50%, #f1f1f1c7 55%, #ffffff00 100%); position: absolute; bottom: -20px;}
.showcontent.show{width: 100%;height: unset!important; }
.showcontent.show::after{content: unset!important;}
.hidetogglebtn{background-color: unset;color: #000; border: unset; border-bottom: 1px solid #000; padding: 3px 0; }

@media(max-width: 1200px){

    .ml-407{     margin-left: 70%; }
}

@media( max-width: 1024px){
    .navbar.navbar-default .navbar-nav > li > a{ font-size: 20px; }
}

@media screen and (min-width: 992px){

    /*選單設定*/
    .navbar.navbar-default .navbar-nav > li > a{ padding: 3px 44px !important; /*margin-top: 34px;*/ /*border-right: 1px solid #fff;*/ }
    .navbar.navbar-default .navbar-nav{ /*margin-top: 20px;*/ }
    .navbar.navbar-default .navbar-nav > li > a{     font-size: 16px !important; }
    .navbar.navbar-default .navbar-nav li.drop ul.drop-down li a{ font-size: 16px !important;}
   .border-un{ border-right: unset!important; }

   .justfy-center{ display: flex; justify-content: center;}

}

@media(max-width: 994px){
    .ml-407{  margin-left: unset !important; }
    .position-none{ position: unset!important; }
    .service-icon{ width: 300px!important;}
    .list-002{ display: flex; flex-direction: column; align-content: space-around; flex-wrap: wrap;}
    
    /*online*/
    .videoss{ width: 100%!important; }

    .pa-80{padding: 10px;}
    .work-a-box{ width: 100%;  }

    .m-close{ display: none;}
    .width100{ width: 100%!important; }

    .m-pl-40{ padding-left:40px!important; }
    .m-op{display: block!important;}

    .gold{ display: unset;   text-align: center;}

}
@media(max-width: 991px){
        /*shopping*/
    .shopping-step ul li{ padding:10px 20px; font-size: 12px; letter-spacing: 0; }
    .car-align a{ display: block; width: 70px!important;  }
    /*shopping ul*/
    .shopping-list-main h2{ font-size: 16px; letter-spacing: 3px;}
    .shopping-list-main{width: 95%;}
    .shopping-list-info{ width: 100%;}
    .part{display: unset; width: 100%;}
    .shopping-img{width: 25%;}
    .shopping-cash{display: unset; width: 100%;}
    .shopping-title-content{     width: 100%; padding-left: 20px;}
    .ss-color-type{ display: block; margin-left: unset; }
    .s-box-name{width: 100%;}
    .s-box-average{ width: 100%;}
    .list-btn-bar{ /*border-bottom:unset; border-top:unset;*/ }
    .shopping-list-title{  border-bottom:unset; text-align: left!important; padding: 10px 10px;font-size: 14px;width: 100%;}
    .shopping-list-data{text-align: right;  display: flex; flex-direction: column;align-items: flex-end;  padding: 10px 10px; width: 100%;}
    .shopping-list{ width: 100%!important; }
    .shipping-radio span{  position: unset!important;right:  unset!important;top:  unset!important; transform:  unset!important; }
    .shipping-radio p{ margin: 5px 10px !important;}

    .shopping-box{ padding: 10px 0; display: block; }
    .shopping-list-data input{text-align: right;  }

    .re-list{float: unset;}
    .clear-list{float: unset;}
    .shopping-btn1{ width: 100%; margin-bottom: 20px;}
    .shopping-btn2{     margin-right: 5px!important;}
    .m-block{display: block; margin-bottom: 20px;}
    .m-b-line{ border-bottom: 1px solid #ebebeb;}

    /*login*/
    .login{ width: 90%; }

    .navbar-default .navbar-collapse.collapse.in{     max-height: 500px!important; }
    .copyright-section{     padding: 19px 0px 95px 0!important; }
    .fix-f-search a img{ margin-top: -12px; }
    .about-06-img img{  float: unset!important; display: block;margin: auto; width: 100%; max-width: 100%; }
    
    .about-06-flex{display: unset!important;}
    .about-info{padding-left: unset!important;}
}