/*tool*/
.justify{ text-align: justify!important; }
.clear{ clear:both; }
.f-24{ font-size: 24px; }
.f-20{ font-size: 20px; }
.f-18{ font-size: 18px!important; }
.f-16{ font-size: 16px; }
.c-000{ color:#000; }
.c-fff{ color:#fff!important; }
.c-1D2D90{ color:#1D2D90; }
.c-152e9d{color:#152e9d!important;}
.c-a1806d{color:#a1806d!important;}
.bg-102fbb{background-color: #102fbb;}
.bgc-535d97{ background-color: #535d97; }
.bgc-fff{ background-color: #fff; }
.bg-888{background-color: #888888;}
.bg-3443a4{ background-color: #3443a4; }
.bg-000{ background-color: #000; }
.line-h-1{line-height:2!important;}
.width-90{ width:90%; margin: auto;}

.m-open{ display: none; }
.f-w-900{ font-weight: 900!important; }
.f-w-700{ font-weight: 700!important; }
.pd-10{ padding:10px; }
.pb-20{ padding-bottom:20px; }
.pb-40{padding-bottom: 40px;}
.mb-20{ margin-bottom: 20px;}
.mb-30{margin-bottom: 30px!important;}
.mb-50{margin-bottom: 50px!important;}
.mt-50{ margin-top:50px; }
.mr-20{ margin-right:20px; }
.height-233{ height: 233px;}

.inline-block{display: inline-block;}
.block{ display: block; }
.t-boder-b{ border-bottom:1px solid #4C4B4B; }
.t-boder-t{ border-top:1px solid #4C4B4B; }
.border-000{border: 1px solid #000;}
.radius-non{ border-radius: unset!important;}
.float-r{ float: right;}
.clear{ clear:both: }
/*btn*/
.letter-s{ letter-spacing: 5px;}
.move-l{ position: relative;  }
.move-l .move-box-o >span{  transition-property: margin-left; transition-timing-function: ease ;  transition-duration: 0.5s; }
.move-l:hover .move-box-o >span{ margin-left:10px;  }
.move-box-o{ width: 25px; height: 20px; overflow: hidden; display: inline-block;}
/*box-img 1x1*/
.box-img{ overflow: hidden; width: 100%; padding-top:100%; position: relative; }
.box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*box-img 16x9*/
.box-img-16-9{ overflow: hidden; width: 100%; padding-top:calc( 9 / 16 * 100% + 45px ); position: relative; }
.box-img-16-9 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*box-img 5x4*/
.box-img-5-4{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% ) ; position: relative; }
.box-img-5-4 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*box-img 4x5*/
.box-img-4-5{ overflow: hidden; width: 100%; padding-top: calc( 5 / 4 * 100% ) ; position: relative; }
.box-img-4-5 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*article set*/
.max-w-800 img{ max-width: 800px; }
/*table-rwd*/
.table-rwd{ overflow-x: auto; }






/*index*/

#top-search{padding-top: 22px;}
.logo{margin-bottom: 10px; display: block; margin-left: 30px;  }
.logo img{ max-width: 100% !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; }


/*221014*/
.border-left{ border-left: 1px solid #BD936D; padding-left: 100px;}
.float-r{ float: right; }
.no-padding{ padding: unset!important; }

.footer-flex-left{    display: flex;flex-direction: column;align-content: space-around;flex-wrap: wrap; }
.footer-flex-right{     display: flex; flex-direction: column;align-content: flex-start;flex-wrap: wrap; }

.product-info h2{ color: #BD936D; margin-bottom: 30px;}
.product-info p{color:#000; }
.product-h-1{ color:#000; font-weight: 900; font-size: 22px;  margin-top: 30px; }

ul.sidebar-s li{/* margin-bottom: 30px;*/ }
ul.sidebar-s li a{ color:#000; font-size: 18px; margin-left: 2px;  display: block; line-height: 1.8;}
ul.sidebar-s li a:hover{ opacity: 0.5; }
.radius-1017 img{     border-radius: 300px 300px 0 0;     border: 5px solid #BD936D; }
.radius-1017-2 img{ border-radius:300px 300px;  }

.width-80-t{ display: block; margin: auto;    width: 80%;}

.panel-body p{ text-align: center; }
.btn-contact{ padding:5px 10px; color:#fff; background-color: #BD936D; border-radius: 5px;     float: left;margin-right: 20px; }
.btn-contact:hover{ background-color: #E8E7D2; }

.product-area{padding-top: 100px;}
.product-item h3{ color:#a1806d; font-size: 18px; }
.btn-product{ padding: 5px 20px; color: #fff; background-color:#a1806d; font-size: 20px;display: inline-block; position: relative; left: 50%; transform: translateX(-50%); }
.btn-product:hover{ color: #fff!important; opacity: 0.8; }
.breadcrumb-ul{ list-style: none; padding: 0;}
.breadcrumb-ul li{ padding: 0; font-size: 24px; font-weight: 900; color:#a1806d!important;letter-spacing: 0!important; }
.breadcrumb li::after{content: "/"!important; font-size: 17px!important;  padding: 0 0px 0 5px!important;}
.breadcrumb li:last-child::after{content:unset!important;}

.pagination li a{ border-radius: 80px!important; padding: 3px 9px!important; font-size: 14px!important;  border:1px solid #a1806d!important; color: #a1806d; margin-right: 10px; }
.pagination li.active a, .pagination li.active a:hover{ background-color: #a1806d!important; padding: 3px 11px!important; color:#fff; }
.product-right p{ font-size: 14px; }
.product-name{ font-size: 32px!important; margin-bottom: 30px; color: #a1806d; }
.product-price{ font-size: 24px!important; margin-bottom: 30px; font-weight: 700!important; color: #000;}
.product-c-re{ transform: unset!important; position: unset!important; }
.product-c-re:hover{ color:#fff; }
.intro-title h4{ color: #a1806d; border-bottom: 1px solid #000; margin-top: 50px;margin-bottom: 20px; padding-bottom:8px; letter-spacing: 0; }
.height-ps{ height: 70px; overflow: hidden; }
.product-main img{ max-width: 100%; }
.index-about-img img{ float: right; }

@media(max-width: 1200px){

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


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

    /*選單設定*/
    .navbar.navbar-default .navbar-nav > li > a{ padding: 3px 22px !important; margin-top: 6px;  }
    .navbar.navbar-default .navbar-nav{ margin-top: 31px; }
    .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; }

   .pd-130{ padding: 130px;}

}

@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;}

    .border-left{ border-left:unset; padding-left: unset;}
    .un-flex{ display: unset!important;}

    .f-logo-100{ width: 100%; }
    .m-center{ text-align: center; }

    /*空間布置*/
    .box-top{ padding: unset!important;}
    .box-pic{ overflow-x: scroll!important; width: 90%!important; height: 73px!important; margin:50px auto!important; }
    
    .contact-socil{ display: block!important;}
    .btn-contact{ float: unset!important; line-height: 2.5;}

}   
@media(max-width: 991px){
    /*tool*/
    .m-mb-50{ margin-bottom: 50px; }
    .m-mt-non{ margin-top: unset!important; }

    .product-main img{ max-width: 100%; width: 100%; height:unset!important; }
    .index-about-img img{ float: unset; }
}