body{ font-size: 20px; line-height: 2.2; }

.logo-resize{ max-width: 120%; }
.social-icon ul li .line:hover{     background: #23a823; border-color: #23a823; }

.prodcut-name{ margin-top:unset!important; }


.align-item{ display: flex; align-items: center; }



.stepss{ padding:10px;  color:#000; border-radius: 50%; /*width: 168px;height: 150px;*/ /*text-align: center;*/ display: flex; align-items: center;
    justify-content: center; margin-right: 30px; font-weight: 700; }


.stepss::after{     content: '';
    color: #000;
    position: relative;
    
    font-size: 50px; top:27px; left: 35px;display: inline-block; background:url(images/service/step-img01.png); width: 20px; height: 20px;}

    .less::after{ content: ''!important; background:unset; }

.mt100{margin-top: 100px;}



.flex-step{ display: flex;      }


.icon-e{ opacity:0 ; position: relative; top: -46px; left: 0; }
.icon-d:hover{ opacity: 0; }
.icon-e:hover{ opacity: 100; }
.font-set{ font-size: 20px; line-height: 2.2 !important; }
.mbs-80{ margin-bottom: 80px; }

.titleset{display: flex; align-items: baseline;}
.titleset h3::after{content: ''; color: #ccc; position: relative; display: inline-block; top:4px; left: 35px; background:url(images/service/step-img.png); width: 20px; height: 20px;}
.titleset p::after{content: ''; color: #ccc; position: relative; display: inline-block; top:4px; left: 35px; background:url(images/service/step-img.png);width: 20px; height: 20px;}
.titleset span{ margin-left: 75px; }
.titleset p{margin-left: 75px; }
.titleset p a,.titleset span a{ color: #ccc; }

.story-main{ padding:30px 15px 15px 15px; border:1px solid #ccc; height: 300px; overflow: hidden; }

.story-main span{ font-weight: 900; margin-left: 15px; }
.story-main p{ font-size: 18px; }

.f-blue{ color: #2395ec;}

.story-img img{ display: block; margin:auto; width: 100%; }
.shape::before{content: ''; border-top: 20px solid #000; border-right: 20px solid #fff; transform: rotate(90deg); position: relative; top: 5px;}
.shape:hover::before{ border-top: 20px solid #2395ec; transition: all .3s ease-out 0s; }
.f-dark-w{ color: #000 !important; font-weight: 700;}
.f-dark-w:hover{ color:#2395ec !important; }

/*news1*/

.news1-l{ display: flex; border-bottom: 1px dotted; #ccc; margin:20px; padding-left: 5px;align-items: center; }
.news1-l .news1-title{ line-height: 1.8;    margin-left: 20px; font-size: 24px; font-weight: bold; }
.news1-i{ width: 10px; height: 10px; background-color: #ccc;     margin-right: 15px; }

.story-br{ display: none; }


/*關於的排版*/
.align-center{     display: flex;align-content: center; flex-wrap: wrap; }


/*footer*/
.f-title{ color:#a6abb3; font-weight: 900; font-size: 20px!important; }

.logo, .logo img{ width: 126%; }

.bg-230321{  background-color: #424141;  }
.bg-230321 a{color:#fff; line-height: 2.4;}


@media(min-width: 1200px){
    .height-50{ height:50px;width: 100%; }
}
@media (min-width:992px) and (max-width:1199px) {

   .header-area .contact-email{ display: unset!important; }
}

@media(max-width: 1200px){
    .story-br{ display: unset; }
    .story-main span{ margin-left: unset; margin-bottom: 10px;  }
     .story-main{height: unset!important; padding: 15px ;}
     .g-title{ font-size: 22px!important; }
}

@media(max-width: 1024px){
   
    
    
}


@media(max-width: 991px){

    .row{ display: unset; }
    .col-lg-6{ width: 95%; max-width: 95%;}
    .story-img img{ width: 100%; }
    .none{ display: none; }

    .social-icon-area img{ display: block; margin:auto; }
    .si-icon p{display: unset!important;}
    .news1-l{ display: unset!important;}
    .logo, .logo img{ width: 100%!important; }

    .story-main h3{ font-size: 20px; }
    .account-area{ padding: 0!important; }

}

@media(max-width: 768px){

    .flex-step{ display: unset;}
    .mbs-80{ margin-bottom: unset; }
    .titleset{display: unset;}

    .titleset span{ margin-left: unset;text-align: center; display: block; }
.titleset p{margin-left: unset;text-align: center;}
    .titleset h3::after{content: '';}
    .titleset p::after{content: '';}

.titleset h3::after{ display: none; }
.titleset p::after{ display: none; }
.stepss::after{display: none;}
.tag-p{margin-top: 50px;}
.tag-s{ margin-top: 50px; margin-bottom: 100px; }
.line01{ width:2px;  height:30px; background-color: #ccc; position: relative; left:50%; top: 24px;}
.h1{ text-align: center;  }
.f-dark-w{ font-size: 40px!important;}


}