.joyous{display:none;}
/*index*/

#top-search{padding-top: 22px;}
.logo{margin-bottom: 10px; /*display: block;*/ margin-left: 146px;  }
.logo img{ max-width: 35% !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: 18px; line-height: 1.8; 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{ 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 );  }
.service-list-1220:hover >p{ color:#1C35BF; }
.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: rgba(32, 91, 132, 0.7); padding: 20px; border-radius: 30px;  }
.process-title{ background-color: #fff; font-size: 33px; font-weight: 900; border-radius: 50px; margin-bottom: 20px; line-height: 1.8; color:#6DA6C1; text-align: center; }
.process-p{ color: #fff; font-size:20px;  padding: 10px; display: flex; }

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

/*230329*/
.service-list-0329{ width:calc( 100% / 3 - 40px );  }
.f-icon{ display: flex; }
.f-icon li{ margin-right: 20px; }
.footer-info{ display: flex; justify-content: center; flex-direction: column;}
.footer-info p{ font-size: 20px; }
.footer-info a{ color:#000; }
.footer-info a:hover{ color:#000; }
.b-color-230329{ color: #1161AB;}
.b-color-230329-2{ color: #78838d;}
.bg-white-2303{ background-color: #fff;}
.about-info{ background-color: transparent; padding: 10px 10px; display:block; font-size: 25px;}
.m-open{ display: none; }

.process-block{ background-color: rgba(255, 255, 255, 0.3); padding: 50px;}

.layout-1{ display: inline-block;margin-left: 20px; }
.ptb-50{ padding:50px 0; }

/*QA*/

.chead-accordion01 .panel-heading a:hover, .chead-accordion01 .panel-heading a{     background-color: #6DA6C1!important; }


@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: 33px; }
    .navbar.navbar-default .navbar-nav > li > a{     font-size: 20px !important; font-weight: 700!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: 35%;}

   .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(max-width: 991px){
    .logo img{ max-width: 86% !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-open{ display: block; }

    .process-block{  padding: 10px;}
    .position-icon-2303{ left: 15%!important; top: 10px;}

    .service-list-0329{ width:100%;  }
    .process-title{ font-size: 20px; }
    .ptb-50{ padding:5px 5px!important; margin-top: 20px; }

    .m-mt-80{ margin-top: 80px; }
    .m-width-70{ width: 50%;display: block;margin: auto; }
    .m-pb-100{ padding-bottom: 100px; }
    .block-2303{ display: block;}
    .about-info{ font-size: 18px; }
    .m-position-2303{ position: relative; left: 50%; transform: translate(-57%, 0%); }
}