/*! Thu Aug 06 2020  | Author by Tino Tseng*/
.footer_pc-bottom-col ul li a:hover,
.footer_pc-top h4 a:hover,
.footer_pc-top-td ul li a:hover {
    text-decoration: underline
}

.post {
    transition: width 5s;
    -moz-transition: width 5s;
    -webkit-transition: width 5s;
    -o-transition: width 5s
}

@-webkit-keyframes rotate {
    from {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes {
    from {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0)
    }

    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes {
    from {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0)
    }

    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    to {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@media (min-width:768px) {
    .pc_pad_hide {
        display: none !important
    }
}

@media (max-width:767px) {
    .mb_hide {
        display: none !important
    }
}

@media (min-width:992px) {
    .pc_hide {
        display: none !important
    }
}

.section_new_cont ul li:after,
.section_new_cont:after {
    clear: both;
    display: block;
    content: ''
}

.kv .slick-next,
.kv .slick-prev {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.section_2 {
    padding: 10px 0 50px
}

.section_3 {
    padding: 8px 0 50px;
    position: relative
}

.section_2-body-item .text.no {
    min-height: auto
}

.section_new_cont {
    margin-top: 50px;
    margin-bottom: 30px
}

.section_new_cont ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    text-align: center
}

.section_new_cont ul li {
    margin-bottom: 30px;
    padding-left:10px;
    padding-right: 10px;
}

@media (min-width:992px){
    .section_new_cont ul li {
    width: 14%;
    flex: 0 0 14%;
}
}

.section_new_cont a {
    display: inline-block;
    text-align: center;
    border: 1px solid #00a9e9;
    font-size: 22px;
    font-weight: 700;
    padding: 4.3px 0;
    position: relative;
    width: 85%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #00a9e9;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease
}

.section_new_cont a:hover {
    background: #00a9e9;
    color: #251e1c
}
@media (min-width:768px) {
    .section_new_cont {
       margin: auto;
       margin-top: 50px;
       margin-bottom: 0px;
       width:90%;

   }
}



@media (max-width:767px) {
    .section_new_cont ul li {
        margin-bottom: 15px;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
    }

    .section_new_cont a {
        font-size: 18px;
        padding: 8px 0px;
        width: 75%;
    }
}

.section_1-Process.style2 {
    background: #f6f6f6
}

.section_1-Process.style2 .section_1-Process-right {
    width: 100%;
    float: none;
    text-align: center;
    padding:30px 40px 10px;
}

.section_1-Process.style2 .section_1-Process-right .section_1-Process-right-title:before {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%
}

.section_1-Process.style2 .section_1-Process-right img {
    width: 100%;
    max-width: 790px
}

.section_1-Process.style2 .section_1-Process-right .img {
    margin-bottom: 0
}

.section_1-Process.style2 .section_1-Process-right .text-right {
    text-align: right;
    max-width: 790px;
    margin: 0 auto
}

.contactus-btn,
.form2-btn,
.main_form-btn,
.news-btn a,
.section_1 .btnLink,
.section_1-Process-right-btnLink,
.section_4-btnLink,
.service-btn {
    color: #4697d2;
    border: 2px solid #4697d2;
}

.contactus-btn:hover,
.form2-btn:hover,
.main_form-btn:hover,
.news-btn a:hover,
.section_1 .btnLink:hover,
.section_1-Process-right-btnLink:hover,
.section_4-btnLink:hover,
.service-btn:hover {
    background: #4697d2;
    color: #fff
}

.new_btn {
    padding: 22px 0 20px;
}

.new_btn-tb {
    display: table;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px
}

.new_btn-td {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0%;
    text-align: center
}

.new_btn-td img {
    max-width: 110px !important;
}


.new_btn-td span {
    font-size: 16px;
    margin-top: 5px;
    font-weight: bolder;
}

.new_btn-td .section_1-Process-right-btnLink {
    margin-bottom: 0;
    margin-top: 5px ;
    font-size:22px;
    font-weight: bold;
    padding: 4px 30px;
}
.section_3 .right_img{
    right: -109px;
}
.section_3 .left_img{
    left: -110px;
}

.section_3 .right_img img{
    max-width: 70px !important;
}
.section_3 .left_img img{
    max-width: 70px !important;
}
@media (min-width:768px){
    .new_btn-td img {
       max-width: 80px !important;
   }
   .new_btn-td img.new_btn-td-img2 {
       max-width: 90px !important;
   }
   .new_btn-td-span{
    padding-top: 25px;
   }
   .new_btn-td .section_1-Process-right-btnLink{
    margin-top: 21px;
      }
   .new_btn-td .section_1-Process-right-btnLink + .section_1-Process-right-btnLink{
    margin-left: 12px;
}
}


.footer_pc {
    background: #9e9e9e;
    padding: 40px 0 20px
}

.footer_pc-top {
    border-bottom: 1px solid #000;
    display: table;
}

.footer_pc-top h4 {
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    margin-left:-10px;
}

.footer_pc-top h4 a {
    color: #000;
    font-size: 100%
}

.footer_pc-top-td {
    display: table-cell;
    vertical-align: top;
    padding: 0 15px;
    position: relative
}

.footer_pc-top-td:after {
    content: '';
    width: 1px;
    background: #000;
    position: absolute;
    left: 0;
    top: 11px;
    display: block;
    height: 80px
}

.footer_pc-top-td:first-child:after {
    display: none
}

.footer_pc-top-td ul {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0;
    list-style: none
}

.footer_pc-top-td ul li {
    color: #000;
    float: none;
    padding: 0 5px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 16px;
}

.footer_pc-top-td ul li a {
    color: #000;
    font-size:12px;
}

.footer_pc-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0
}

.footer_pc-bottom-col {
    vertical-align: top;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    max-width: 100%
}

.footer_pc-bottom-col:first-child {
    max-width: 105px
}

.footer_pc-bottom-col>p {
    font-size: 12px;
    color: #000
}

.footer_pc-bottom-col > ul {
    margin-bottom: 0;
    padding-left: 11px;
    list-style: none
}

.footer_pc-bottom-col > ul > li {
    color: #000;
    display: inline-block;
    padding: 0 5px;
    font-size:12px;
}

.footer_pc-bottom-col > ul > li a {
    color: #000;
    font-size: 12px;
}

.footer_pc-bottom-col .footer_pc-bottom-td-tb_ul {
    display: table;
    width: 100%
}

.footer_pc-bottom-col .footer_pc-bottom-td-tb_ul li {
    display: table-cell
}

.bookmark{
    bottom: 30%;
}

.cd-top{
    bottom: calc(30% - 54px);
}

.sweep .newyear-ma-ul{
    list-style: none;
    margin-bottom: 10px;
    padding-left: 70px;
}

 .sweep .qa_body.newyear-ma-qa{
    padding-left: 30px;
 }
 
 .sweep .section_1-title{
    margin: 46px 0px 31px;
    padding-bottom:16px;
 }

 .sweep .newyear-ma-ul li ,  .sweep p ,.sweep p b , .sweep ol , .sweep .qa_body{
    line-height: 1.7em;
    font-size: 16px;
 }
 .sweep .service-title span{
    margin-bottom: 25px;
 }

.sweep .collapse{
    margin-top: 35px;
}
.sweep .qa_title , .sweep .qa_body:before{
    font-weight: bold;
}

.sweep .section_1-title span{
    font-weight: bold;
}
.section_1{
    padding: 27px 0px 10px;
}

.section_1-title span ,.section_1-title{
font-size: 40px;
font-weight: bold;
}
.section_new_cont a{
    font-size: 23px;
    line-height: 26px;
    width: 98%;
    padding: 12px 0px;
    border: 2px solid #00a9e9;
    border-radius: 25px;
    height: 83px;
}

.service-item .text p{
    overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 4em;
}
@media (min-width:768px) and (max-width:1130px) {
    .section_new_cont a {
        display: block;
        width: 83px;
        margin: 0 auto;
    }
    .new_btn-td .section_1-Process-right-btnLink + .section_1-Process-right-btnLink{
        margin-left: 0px;
    }
}

@media (max-width:768px){
    .section_new_cont a {
        width: 75px;
        margin: 0 auto;
        height: 75px;
        font-size: 22px;
        line-height: 22px;
    }
}

.section_new_cont a span{
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
}



.section_new_cont .id-newyear{
    margin-left: 25%;
    margin-right: 25%;
    position: relative;
}

.section_new_cont .id-newyear a {
    width: 100%;
    line-height: 55px;
}

@media (max-width: 991px){
    .section_new_cont .id-newyear{
    margin-left: 16.666667%;
    margin-right: 16.666667%;
}
.section_new_cont .id-newyear a {
    line-height: 47px;
}
}

.index-all{
    max-width: unset;
}
.section_1-Process-right-title , .section_2-title ,.section_3-title{
    color: #009fe6;
    font-size: 35px;
    margin-bottom: 30px;

}
.section_1-Process-right-pcimg{
    padding: 0 80px;
}
.section_2-title, .section_3-title{
    margin-top: 10px;
}

@media (min-width:768px){
    .section_new_cont{
        margin-top: 32px;
        width: 98%;

    }
    .section_1-Process.style2 .section_1-Process-right .text-right{
        padding: 0 80px;
    }
    .section_1-Process.style2 .section_1-Process-right .text-right .section_1-Process-right-btnLink{
        font-size: 14px;
        padding: 5px 14px;
        border-radius: 12px;
    }
    .section_4 .slick-prev , .section_4 .slick-next{
        width: 80px;
        height: 80px;
    }

}


@media (max-width:767px) {

    .new_btn-tb,
    .new_btn-td {
        display: block
    }

    .new_btn-td span {
        margin-bottom: 5px;
        margin-top: 15px;
        display: block
    }
}


@media (max-width:767px){
    #wh-widget-send-button.wh-widget-right{
        z-index: 160 !important;
        bottom:22px !important;
        right:-13px !important;
    }
    .cd-top{
        bottom: 100px !important;
    }
    .sweep .newyear-ma-ul{
        padding-left: 0px;
    }
    .bookmark {
        bottom: -5px;
        z-index: 16000165 
    }
}
