/*index*/

#top-search{padding-top: 22px;}
.logo{margin-bottom: 10px; /*display: block;*/ margin-left: 146px;  }
.logo img{ max-width: 55% !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: 30px!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: 16px; line-height: 1.8; color: #fff; }

.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{ 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:#BD936D; font-size: 20px;  border-bottom: 1px dotted #BD936D; display: block; line-height: 2.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; }

/*1110*/
.case-btn-1110{ padding: 5px 12px; border: 1px solid #995F7A; font-weight: 900; font-size: 25px; border-radius: 30px; color: #995F7A;}
.un-flex{ display: block!important;}
.service-info-1111 img{ max-width: 600px; margin: 30px 0; }

/*221209*/

.f-color-w{ color: #fff;}
.f-color-b{ color:#000; }
.f-color-y{ color: #FFCE00;}
.f-color-p{ color: #B52D50;}
.f-color-blu{ color: #0080C4;}
.f-weight-900{ font-weight: 900; }
.f-35{ font-size: 35px;}
.f-20{ font-size: 20px; }

.mb-80{ margin-bottom: 80px; }
.mt-20{ margin-top: 20px;}
.pl-10{padding-left: 10px;}

.border-l{ border-left: 8px solid #0080C4;}
.service-f-s{ font-size: 20px; color:#000; }

.btn2{ background-color: transparent; color: #B52D50; border: 1px solid #B52D50;border-radius: 30px; font-size: 20px; padding: 10px 70px; border-radius: 20px; }
.btn3{ background-color: #B52D50; color: #fff; border-radius: 30px; padding:10px 50px; display: table; margin: 30px auto; }

.border-blu{ border:1px solid #0080C4; }
.news-style-221212 h3{ color:#0080C4; font-size: 20px; margin-bottom: 10px;}

.service-style-221212 h2{ font-weight: 900; font-size: 30px; margin-bottom: 20px; color:#0080C4; }
.service-style-221212 h2.service-title2{ background-color:#0080C4 ; color:#fff; display: inline-block; padding: 10px 30px; }
.service-style-221212 p.service-list{ margin-bottom: 180px; padding: 30px 100px; font-size: 20px; border:8px solid #0080C4; display: inline-block; text-align: left; color:#0080C4; }
.service-style-221212 p{ padding: 30px 100px; font-size: 20px; display: block; text-align: left; color:#0080C4; margin-bottom: 30px; }

.service-list-1220{ width:calc( 100% / 5 - 40px );  }
.flex{ display: flex; flex-wrap: wrap; justify-content: space-around; }
.unjustify{ justify-content: unset!important; }
.mr-30{ margin-right: 30px; }
.line-height{ line-height: 1.8; }

.process, .process2{ background-color: #B52D50; padding: 20px;  }
.process-title{ background-color: #fff; font-size: 33px; font-weight: 900; margin-bottom: 20px; line-height: 1.8; color:#B52D50; text-align: center; }
.process-p{ color: #fff; font-size:24px; text-align: center; padding: 10px; }

.page-contact h2{ color:#B52D50; font-weight: 900; margin-bottom: 30px;}
.page-contact p{ color:#000;    }

.i-dropdown > a::after {
    content: "ᐯ";
    font-family: "hs-icons" !important;
    font-size: 10px;

    display: inline;
    margin-left: 3px;

}

.position-re{ position: relative; }
.service-img-l{ background-image:url(../../assets/images/b1.jpg); background-size: cover; }
.service-img-l:hover{ transition:  all 1s ease; filter: brightness(50%); }
.service-img-c{ background-image:url(../../assets/images/b2.jpg); background-size: cover; }
.service-img-c:hover{ transition:  all 1s ease; filter: brightness(50%); }
.service-img-r{ background-image:url(../../assets/images/b3.jpg); background-size: cover; }
.service-img-r:hover{ transition:  all 1s ease; filter: brightness(50%); }
.service-main{ overflow: hidden; position: relative; bottom: 10px; }
.s-main-height{ height:595px; }
.service-padding{padding-top: 250px; padding-bottom: 30px;  }

.service-poin{ width: 82%; position: absolute; bottom: -6%;left: 50%; transform: translate(-50%, -50%); }
.service-poin p{ color:#fff; height: 110px;}
.service-poin img{ width:300px; }
.pd-non{ padding: unset!important;}

.shadow-2303{ box-shadow: -6px 4px 7px 0px #f0f0f0; background-color: #fff;}
.boder-2303{ border: 1px solid #f0f0f0;}
.media-link a{ margin-top:5px;  color:#BA9465!important; background-color: transparent!important; }
.media-link p{ color:#000; }
.float-r{ float:right; }

.c-black{ border-top:1px solid #000!important; color: #000;}
.mb-100{ margin-bottom: 100px; }


.brn-2303{ padding:10px 30px; color:#ffff; background-color: #BA9465; margin-top: 15px; display: inline-block; }
.brn-2303:hover{ background-color: transparent; border:1px solid #BA9465; color:#BA9465!important; }

.f-title{ font-size: 28px; color:#BA9465; margin-bottom: 20px; }

.m-txt-left{ text-align: left!important; }
.square{ width: 5px; height: 32px; background-color: #fff; display: block; margin-right: 20px; }
.breadcrumb-set:before{ content: ''; position: fixed; top:0; left:0; width:100%; height:100vh;background-repeat:no-repeat; background-position:50% 100%; background-image:url(../../assets/images/top-img.jpg); background-size:cover; }
.breadcrumb-section{ overflow: hidden;}

.about-flex{ display: flex; flex-direction: column;align-items: center;}
.about-flex2{ display: flex; justify-content: space-evenly; align-items: center;}

.about-main h2{ width: 30%;}
.about-main p{ width: 65%; color: #000; line-height: 2.4; font-size: 18px;}
.intro-2303 p{ font-size: 20px; line-height: 2.4; color:#000; }
.page-media{ text-align: center; }
.page-media h3{ color: #B28956; }

ul.service-list li{ font-size: 20px; color: #000; margin-bottom: 10px; border-bottom: 1px dotted #ccc; }
ul.service-list li img{ margin-right: 20px; width: 40px; height: 40px; }
ul.service-list li span{ display: inline-block; }
.service-block h2{ margin-bottom: 100px; }
.service-block{     display: flex;flex-direction: column;align-items: center; }

.ul-flex-2303{ display: flex; }

.flex-2303 img{ width: 40px!important; height: 40px!important; }

.service-p-list:hover >h3{ color: #B28956; }
.service-p-list h3{ margin: 20px auto; }

.service-b1-block{ border:1px solid #EED781; padding: 20px; }
.service-b1-block h2{ margin-bottom: 30px; text-align: center; color:#B28956; }
.service-b1-block p{  padding: 50px  ; font-size: 20px; color:#B28956; }
.decoline-2303{ width: 80%; border: 1px solid #ede6d9; margin: auto;}

.service-b1-flex{ display: flex; justify-content: center; }
.case-2303{ border: 1px solid #ccc; padding: 20px; background-color: #ebe6df;}
.border-bottom{ border-bottom: 1px dotted #dcdcdc;}

.contact-2303 p{ font-size: 20px; color: #000; }
.contact-2303{ margin-bottom: 100px; }
.contact-flex-2303{ display: flex; justify-content: center;  }


@media(max-width: 1200px){

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


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

    /*選單設定*/
    .navbar.navbar-default .navbar-nav > li > a{ padding: 38px 22px !important;  /*border-right: 1px dotted #fff;*/ }
    .navbar.navbar-default .navbar-nav > li > a:hover{ background-color: #0080C4; color:#fff; }
    .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;}

   .navbar-header {width: 28%;     margin-top: 21px;}

   .news-style-221212{ height: 550px; overflow: hidden; }
   .service-flex{ display: flex; flex-direction: column; align-content: center; flex-wrap: wrap; }

}

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

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

    .service-info-1111 img{ max-width: 100%; }

}   

@media(min-width: 991px){
    .intro-flex{ display: flex; justify-content: center; }
}
@media(max-width: 991px){
    .logo img{ max-width: 79% !important; }
    .logo{ display: unset!important; }
    .footer-flex-left{align-content: unset;}
    .page-title h1{ padding: unset!important; }

    .service-style-221212 p.service-list{ border: unset; padding: 30px 10%; }
    .service-style-221212 h2{ margin-top: 80px;}
    .service-style-221212 p{ padding: 30px 10%; }

    .service-list-1220{ width:100%;  }
    .flex{ display: unset;  }

    .m-txt-left{ text-align: left!important; }
    .s-main-height{ height:500px; }
    .brn-2303{ text-align: center; margin: 50px auto; display: table; }
    .m-float-non{ float: unset!important; }
    .service-poin p{ color:#fff; height: 150px;}
    .flex-2303{ display: flex; }
    .flex-2303 a{ display: contents; }

    .about-flex2{ flex-direction: column; }
    .about-main h2{ width: 90%; margin-top: 100px; margin-bottom: 50px; }
    .about-main p{  width: 90%; text-align: justify; }
    
    .page-title h1{ display: flex; font-size:26px!important; }
    .m-w-90{width: 90%;}

    .m-mt-100{ margin-top: 100px; }
    .service-b1-block p{  padding: 10px; }

    .m-f-28{ font-size: 28px!important; }
    .m-pt-50{ padding-top: 50px; }

    .case-2303{margin-bottom: 20px; }
    .m-unflex{ display: unset!important; }


}