/*time table*/
.time-tt-width{width: 100%;}
.tg  {width: 100%;background-color: #fefff8; border: 20px solid #c8d3d9; border-collapse:unset;border-spacing:0; margin: auto;}
.tg td{font-family:Arial, sans-serif; line-height: 1.2; font-size:14px;padding:0px 5px 5px 5px;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-lqy6{text-align:left;vertical-align:top}
.tg .tg-lqy6 a{margin-right: 30px;}
.tg .tg-0lax{text-align:left;vertical-align: middle;padding-top: 10px; }
.border-bottom-bcbcbc td{border-bottom:1px dotted #bcbcbc;}
.border-left-bcbcbc td{border-left:1px dotted #bcbcbc;}
.border-left-bcbcbc td:nth-child(1){border-left:unset!important;}
.border-top-7D8780{border-top:1px solid #7D8780;}
.border-left-7D8780{border-left:1px solid #7D8780;}
.border-right-7D8780{border-right:1px solid #7D8780;}
.border-bottom-7D8780{ border-bottom:1px solid #7D8780;}
.c-7D8780{ color:#7D8780; }
.c-332E32{color:#332E32;}
.c-fff{color: #fff;}
.c-888{color: #888;}
.bgc-fff{background-color: #fff!important;}
.bgc-c8d3d9{ background-color: #c8d3d9; }
.text-right{ text-align: right!important; }
.text-center{ text-align: center!important; }
.pd-rset{ padding: 10px 0 5px 0!important;    width: 45px; }
.pb-5{padding-bottom: 20px!important;}
.table-bt-line  {      position: relative;  top: -1px;   }
.line-js-line{ display: block; border-bottom: 1px solid #000;  width: 94%; margin: auto; }
.table-rwd{ border:unset; }
.circle-box{display: inline-block; width:15px; height:15px; border-radius: 50px; margin-right: 5px; }
.circle-4e5f8f{display: inline-block; width:15px; height:15px; background-color: #4e5f8f; border-radius: 50px; margin-right: 5px; }
.circle-b189bd{display: inline-block; width:15px; height:15px; background-color: #b189bd; border-radius: 50px; margin-right: 5px; }
.circle-b69631{display: inline-block; width:15px; height:15px; background-color: #b69631; border-radius: 50px; margin-right: 5px;}
.circle-6375ad{display: inline-block; width:15px; height:15px; background-color: #6375ad; border-radius: 50px; margin-right: 5px;}
.ver-align{display: flex; vertical-align: middle;}
.time-topleft{display: inline-block;}
.time-topleft p{background-color: #fff; color: #000; border-radius: 5px; padding: 7px 20px; margin-bottom: 0!important; display: inline-block; }
.deadline{color: red;font-size: 10px; text-align: center; display: block; width: 71px;margin: auto;}
.tg-0lax .flex p{ margin:0!important ; color: #000; font-size: 12px;}
.tg-0lax .flex{justify-content: center;}
.time-box{padding: 0px 5px; display: block; width: 57px; margin: 0 auto 5px auto; border-radius: 5px; font-size: 14px; color: #fff;}
.n-4e5f8f{ padding: 0px 5px; display: block; width: 57px; margin: 0 auto 5px auto; border-radius: 5px; font-size: 14px; background-color:#4e5f8f; color: #fff;}
.n-b189bd{ padding: 0px 5px; display: block; width: 57px; margin: 0 auto 5px auto; border-radius: 5px; font-size: 14px; background-color:#b189bd; color: #fff;}
.n-b69631{ padding: 0px 5px; display: block; width: 57px; margin: 0 auto 5px auto; border-radius: 5px; font-size: 14px; background-color:#b69631; color: #fff;}
.n-6375ad{ padding: 0px 5px; display: block; width: 57px; margin: 0 auto 5px auto; border-radius: 5px; font-size: 14px; background-color:#6375ad; color: #fff;}
table tr.even, table tr.alt, .time-info table tr:nth-of-type(even){background: transparent;}


.back-to-top{ right: 10px!important;width: 32px!important;  height: 32px!important; }


/*index*/

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


.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; align-items: center;}
.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; }
.mb-64{ margin-bottom: 64px; }
.mt-20{ margin-top: 20px!important;}
.pt-20{ padding-top:20px; }
.pl-10{padding-left: 10px;}
.pd-20{ padding:20px; }

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

/*直角按鈕*/
.btn1{ background-color: #DBD6D4; color: #31282D;  font-size: 20px; padding: 10px 20px; }
/*圓角按鈕*/
.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  );  }
.service-list-1220:hover >p{ color:#5D5F7A; }
.service-list-1220 .opacity-0{ opacity: 0; transition: all 1s ease ; }
.opacity-0:hover{ opacity: 1; }
.service-list-1220 p{ letter-spacing: 8px; color:#5D5F7A; font-size: 22px; }
.flex{ display: flex;  }
.justify-sp{ justify-content: space-between; }
.shadow{ box-shadow: 1px 1px 9px #ccc; }
.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:24px;  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: 10px; margin-left: 10px; }
.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;}
.about-info{ background-color: rgba(255, 255, 255, 0.7); 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; }

/*QA*/

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

/*230406*/
.index-case{ position: relative;  right: -13%;width: 80%;}
.case-title{ color:#4F5576; font-size: 20px; margin-top:10px; margin-bottom: 0; }
.case-p{ font-size: 20px;}
.news-l-img{ margin-right: 20px; width: 70px; height: 70px;}
.news-title{ margin-top: 0!important; margin-bottom: 0; color: #5A5C76; font-weight: 900; font-size: 22px;}
.news-time{margin-bottom: 0; font-size: 22px!important; }

.height-500{ height:540px; }
.height-400{ height:400px; }
.un-padding{ padding: unset!important;}
.hidden-2304{ overflow: hidden; }

.mlr-10{ margin-left: 10px; margin-right: 10px; }
.bt-style-re230407-1{ background-color: transparent!important; border: 1px solid #6B798A; color: #000!important;}
.bt-style-re230407-1:hover{ background-color: #5D5F7A!important; color:#fff!important; }
.f-logo{ width: 280px; }
.news-list li:hover{ background-color: #EEEDEA; opacity: 0.8; }
.hover-w:hover{ color:#4f51d4; }
.wm-rl{ -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; }

.breadcrumb-section h1::after{ content: ''; width: 1px; height:100px; background-color: #000; display: block; }
.top-font-p{ text-align: end; margin-bottom: unset!important; font-weight: 700; font-family: 'Times New Roman', 'Times', 'serif'!important; }
.page-title h1{ font-family: '標楷體'!important;}

.bgcolor-C8D3D9{ background-color:#C8D3D9;}
.page-sidebar li{ border-bottom: 1px solid #fff;  }
.page-sidebar li:last-child{ border:unset!important; }
.page-sidebar a{ font-size: 20px; }
.sidebar-title:hover{ color:#7887A1!important; }
.page-sidebar-inline li{ border-bottom: unset!important; margin-bottom: unset!important; }
.sidebar-sub-item:hover{ color:#7887A1!important; }
.none{ display: none; }

.page-deco{ width: 100px; position: absolute; right: -18px; top: -50px; transform: rotate(239deg); }
.post-description h1{ color:#9DAEC4; }
.post-text p{ font-size: 20px!important;}
.blog-post .blog-img img, .single-blog-post .blog-img img{ width: 400px ; margin: auto; display: block; }

.page-timeImg-230410{ width: 70%; }

.page-contact{ display: flex!important; justify-content: center; }
.page-contact p{  font-size: 20px; line-height: 2.4;}
.page-contact p a{ color: #5D5F7A!important; }
.page-news-230410 h4{ margin: 0 0 40px 0; }
.page-news-230410 a{ color:#5C5F79; }
.page-news-230410 a:hover{ color:#ABAEC9; }
.bg-color-230410{ background-color: #5C5F79; }
.height-180{ height:180px; }
.position-2304{ position: absolute; bottom: 38px;}

.navbar.navbar-default .navbar-nav{ margin-top: 0; margin-right: unset; }

.border-2304{ border:1px solid #ccc; padding: 10px; }

.footer-info p{ margin-top: 30px; }
.navbar.navbar-default .navbar-nav > li > a{   font-family: '標楷體'!important;  font-size: 20px ;  }

.top-time{ display: flex; justify-content: flex-end; align-items: center; }

.align-2304::after{ margin-top: 60px; }

.news-pic:hover > img{filter: unset!important; transform: scale(1.5); }
.f-p-style a{ color:#000!important;  }
.f-p-style{ margin-top: 30px; }
.m-margin-auto{ margin:auto; }

.post-description p img{ max-width: 1000px; max-height: auto;}
.margin-non{margin: unset!important;}


@media(max-width: 1606px){
    .navbar.navbar-default .navbar-nav{margin-top: 0;margin-right: 11px;}
.navbar.navbar-default .navbar-nav > li > a{ padding: 9px 17px ;  /*border-right: 1px dotted #fff;*/ }
.m-bg-position-center{ background-position: right; }
}

@media(max-width: 1560px){
   /*time table*/
  .tg td{ font-size:12px;}
  .tg{ width: 630px; }
}


@media(max-width: 1500px){
    .navbar.navbar-default .navbar-nav{     margin-top: 0!important;     }
    .navbar-right{ margin-right: 10px; }
    .search-cart-header .top-cart { left: 1176px;}
}

@media(max-width: 1382px){
    .navbar.navbar-default .navbar-nav > li > a{     font-size: 16px!important ;  }
    .search-cart-header .top-cart { left: 1035px;}

    .logo{  margin-left: 95px;  }
    .navbar-header{ margin-top: 20px;}
}


@media(max-width: 1205px){

    .navbar.navbar-default .navbar-nav > li > a{ padding: 9px 10px !important;  /*border-right: 1px dotted #fff;*/ }
    .search-cart-header .top-cart { left: 901px;}
}

@media(max-width: 1205px){
    .search-cart-header .top-cart { left: 800px;}
}


@media(max-width: 1200px){

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


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

    /*選單設定*/
    .navbar.navbar-default .navbar-nav > li > a:hover{ background-color: #0080C4; color:#fff; }
    .navbar.navbar-default .navbar-nav > li > a, .navbar.navbar-default .navbar-nav > li > a.active{     padding-top: 40px!important; padding-bottom: 40px!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: 26%;}

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

   .head-right-wrape{ float: left; background-color: transparent;     position: relative; height: 100px; }
   .search-position-2304{     position: absolute; right: 0; top: 20px;}
}

@media(max-width: 1000px){


}

@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: 32% !important; position: relative; left: 50%; transform: translate(-50%); }
    .logo{ display: unset!important; }
    .footer-flex-left{align-content: unset;}
    .page-title h1{ padding: unset!important; text-shadow: 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; }

    .index-case{ position: unset!important;  right:unset!important; margin:auto;  width: 80%;}
    .case-230406{ background-position: right!important; }
    .m-text-center{ text-align: center;}

    .float-r{ float: unset; }
    .breadcrumb-section{ background-position: center!important; background-image: ; }
    .m-f-w{  background-color: rgba(255, 255, 255, 0.8); }
    .page-title{ width: 110px; }
    .page-title h1{     margin:unset; }

    .page-timeImg-230410{ width: 100%; }
    .m-bg-position-center{ background-position: center!important; }
    .m-bg-position-r{ background-position: right!important; }
    .m-bg-position-l{ background-position: left!important; }
    .m-bg-position-65{ background-position: 65%!important; }
    .m-bg-about{ background-image: url(../../assets/images/m-page-top001.png); }

    .navbar-nav{ text-align: center; }

    /*time table*/
    .tg{ min-width: 100%; max-width: 100%; width: 100%!important; }
  .table-rwd{ width: 100%; display: block; margin:auto; }
  .time-info{    position: relative; width: 100%;overflow: auto; }
  .time-info:hover::before, .time-info:focus::before{opacity: 0;transition: ease 0.5s all;}
  .time-info::before{ content: ''; background-image: url(assets/img/slider-hand.png); background-position: left;background-size: 100%; display: block;width: 50px; height: 50px;position: absolute; bottom: 19px;left: 50%; opacity: 0.5; z-index: 99;}
  .time-info tr td.tg-0lax:nth-of-type(1) .flex{display: flex!important;}
  .time-topleft{margin-bottom: 20px;}


}

@media(max-width: 768px){
    .height-400{ height:unset; }
    .m-width-100{ width:100%!important; }

    .post-description p img{ max-width: 100%; max-height: auto;}
}