/*reset*/
a:hover{text-decoration: unset!important;}
.navbar{    padding: 0px 100px!important;}
.navbar-brand{padding-top: unset!important; padding-bottom:unset!important ;}
.u-arrow-v1::before{ color: #009999!important;}
.show-img-i img{max-width: unset!important;max-height: unset!important;}
.u-pagination-v1-4--active{    background-color: #009999; border-color: #009999;} 

/*tool*/
.c-009999{ color:#009999!important; }
.ml-44{margin-left: 44px;}
.text-height{height: 47px; overflow: hidden;}

.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-ccc{ color: #ccc;}
.c-1D2D90{ color:#1D2D90; }
.c-152e9d{color:#152e9d!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; }
.mt-20{ margin-top:20px; }
.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; background-color: #dcdcdc; }
.box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%) !important; }

/*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; }



/*---*/
.title-01, .title-02{ color:#000; }
.title-01::before{  content: '';border-bottom: 3px solid #009999; display: block; width: 73px; position: relative; bottom: -56px; left: 47px;}
.title-02::before{  content: '';border-bottom: 3px solid #009999; display: block; width: 73px; position: relative; bottom: -56px; left: 49%; }
.about-list li{ color:#000; }
.repair-0628 p{ width: calc(100% / 4 - 15px)!important; }
.repair-0628 p img{width: 100%!important;}
.f-info{display: inline-block;margin-left: 20px;}
.f-info a, .f-info p{ display: block; text-align: left; color:#000; font-size: 16px;  }
.f-logo, .f-qr{margin-top: -30px;}
.page-about-content p{ margin-left: 44px;}
.page-case a:hover >h3{color:#009999; }
.news-list p{ margin-bottom: unset!important; }
.news-main img{ max-width: 100%; }


@media(max-width: 991px){
  .news-main img{ max-width: 100%; width: 100%; height:unset!important; }
  .navbar{     padding: 0px 10px!important; }
  .repair-0628 p{ width:100%!important; }
}