/*comm*/

.sub_tit h3 span{ font-weight:900;}
.sub_tit2{}
.sub_tit2 h3{text-align:center}
.sub_tit2 h3 span{font-weight:900}
.sub_tit2 h3 span font{font-weight:400}
.sub_tit2 p{color:#201716; text-align:center; line-height:1.4em; font-weight:300}

.class_tit{position:relative; }
.class_tit::after{position:absolute; bottom:0; left:0; width:100%; background: linear-gradient(to right, #0068b7, #16a693); content:''}
.class_tit h5{color:#201716;}
.class_tit h5 span{display:inline-block; color:#201716; font-weight:400;  vertical-align:middle}
.class_tit p{color:#201716; font-weight:300; line-height:1.4em}



.cate{text-align:center;  font-size:0; }
.cate a{display:inline-block;border-radius:50%;color:#201716;text-align:center;cursor:pointer;background: #f6f6f6;}
.cate a {}
.cate a.on{color:#fff;background: linear-gradient(to right, #0068b7, #16a693);position: relative;z-index: 1;}

 

.basic_list{}
.basic_list table{border-top:1px solid #dfdfdf}
.basic_list th{background-color:#f6f6f6; color:#201716; text-align:center; border-bottom:1px solid #dfdfdf; font-weight:500}
.basic_list td{ color:#201716; text-align:center; border-bottom:1px solid #dfdfdf}
.basic_list td a.btn{display:inline-block;border-radius:0;text-align:center;font-size: 80%;vertical-align: middle; color:#fff}

 
@media (min-width: 649px){
/*P T*/

 
}

@media (min-width:1358px){
/*pc*/
 
.sub_tit{padding:100px 0;}
.sub_tit h3 span{ font-size:60px;}

.sub_contents{padding-bottom:150px;}
.company.sub_contents{padding-top:150px;}




.sub_tit2 h3{margin-bottom:50px;}
.sub_tit2 h3 span{font-size:80px}
.sub_tit2 p{font-size:23px;}



.class_tit::after{height:3px;}
.login_box{padding:40px 0 150px;}
.class_tit{padding-bottom:30px;margin-bottom: 35px;}

.class_tit h5{font-size:30px;}
.class_tit h5 span{float:right;height:40px; line-height:25px; border-radius:20px;  font-size:20px; }
.class_tit p{font-size:18px;  margin-top:15px;}


.cate{border-radius:30px;margin-bottom: 40px;}
.cate a{width: 384px;height: 60px;font-size:23px;border-radius: 30px;line-height: 60px;margin: 0 -30px;}
.cate.x6 a{margin: 0 -25px !important;width: auto !important;padding: 0 79px;}
.cate.x5 a{margin: 0 -25px !important;width: auto !important;padding: 0 110px;}



.basic_list th,.basic_list td{font-size:18px; height:60px;}
.basic_list td a.btn{width:100px; height:30px; line-height:30px; margin-left:1%;}


}
@media (min-width:650px) and (max-width:1357px){
/*tab*/
.sub_tit{padding:8vw 0;}
.sub_tit h3 span{ font-size:5vw;}
.sub_contents{padding-bottom:16vw;}
.company.sub_contents{padding-top:16vw;}

.sub_tit2 h3{margin-bottom:3.5vw;}
.sub_tit2 h3 span{font-size:6.6vw}
.sub_tit2 p{font-size:2vw;}



.class_tit::after{height:3px;}
.class_tit{padding-bottom: 4vw;margin-bottom: 4vw;}
.class_view .class_tit{padding-bottom:2vw !important;margin-bottom: 3vw !important;}

.class_tit h5{font-size: 2.5vw;}         
.class_tit h5 span{float:right;border-radius: 1.7vw;padding: 0 2.5vw;font-size: 2vw;margin-right: 1vw;}
.class_tit p{font-size:2vw;  margin-top:1.5vw}

.cate{border-radius:3.5vw; margin-bottom:5vw; }
.cate a{width: 30%;height:5vw;font-size: 2.5vw;border-radius: 3.5vw;line-height: 5vw;margin: 1vw -3%;}

 
 
 

.basic_list th,.basic_list td{font-size: 2vw;height: 6vw;}
.basic_list td a.btn{width: 8vw;height: 3vw;line-height: 3vw;margin-left:1%;}

 
}

@media (max-width:649px){
/*mb*/
 .sub_tit{padding:10vw 0;}
.sub_tit h3 span{ font-size:10vw;} 

.sub_contents{padding-bottom:20vw;} 
.company.sub_contents{padding-top:20vw;}

.sub_tit2 h3{margin-bottom:3vw;}
.sub_tit2 h3 span{font-size:10vw}
.sub_tit2 p{font-size:3.5vw;}



.class_tit::after{height:0.3vw;}
.class_tit{padding-bottom:5vw;margin-bottom: 5vw;}
.class_view .class_tit{padding-bottom:3vw !important;margin-bottom:3vw !important;}

.class_tit h5{font-size: 4.8vw;}
.class_tit h5 span{height: 6vw;line-height: 3.2vw;border-radius: 3vw;padding: 0 3vw;font-size: 3.2vw;margin-right: 1vw;}
.class_tit p{font-size:3vw; margin-top:2vw;}

 .cate{border-radius: 5vw;margin: 0 -3vw 6vw;}
.cate a{width: 50%;height: 8vw;font-size: 3.5vw;border-radius: 4vw;line-height: 8vw;margin: 0 -3vw 2vw;}



.basic_list th,.basic_list td{font-size: 3vw;height: 10vw;line-height: 10vw;}
.basic_list td a.btn{width: 12vw;height: 5vw;line-height: 5vw;margin-left: 2%;}

.pay_tb{margin-top:10vw;}
.pay_tb th,.pay_tb td{padding:2vw 0; height:auto; line-height:1.4em}
.pay_tb a{display:block;width:100%;height: 8vw;font-size: 3.5vw;border-radius: 4vw;line-height: 8vw; margin-bottom:2vw; color:#fff;}

}











.cate_add{display: flex;justify-content: center;}
.cate_add a{display:inline-block;color:#201716;text-align:center;cursor:pointer;background: #fff;border:1px solid #b5b5b5}
.cate_add a:first-child{border-radius: 10px 0 0 10px;}
.cate_add a:last-child{border-radius: 0 10px 10px 0;}
.cate_add a {}
.cate_add a.on{color:#fff;background: linear-gradient(to right, #0068b7, #16a693);position: relative;z-index: 1; font-weight:bold;}



 
.cate_add2 a{border-radius:10px !important;}
 


@media (min-width:1300px){

.cate_add{ margin-bottom: 40px;}
.cate_add a{width: 180px;height: 70px;font-size:23px;line-height: 70px;}
 
.cate_add2 a{ margin:0 5px;}

}

@media (min-width:750px) and (max-width:1300px){
.cate_add{margin-bottom: 5vw;}
.cate_add a{width: 15vw;height: 6vw;font-size: 1.8vw;line-height: 6vw;}
 
.cate_add2 a{ margin:0 1vw;}


}


@media (max-width:750px){

.cate_add{margin-bottom: 15vw;}
.cate_add a{width: 30vw;height: 12vw;font-size: 4vw;line-height: 12vw;}

 .cate_add2{
    justify-content: space-around;
    margin-bottom: 5vw;
}
.cate_add2 a{width: 20vw;font-size:3vw;}

}