@charset "utf-8";
/* *_statistics.jsp */

/* HEADER */
#KS22_header , #KS22_header > ul , #KS22_header li , #KS22_header li > b , #KS22_header li > a , 
#KS22_header_infor  { width:100% ; box-sizing:border-box }
#KS22_header { margin-bottom:4rem }
#KS22_header li , #KS22_header_infor { 
    margin-bottom:0.6rem ; padding:1.5rem 1.5rem 1.5rem 8rem ;
    border:solid 1px rgba(0,0,0,0.1) ; overflow:hidden ; border-radius:0.4rem ;
    position:relative ;
}
#KS22_header li > span , #KS22_header li > span::after , #KS22_header_infor > span {  display:block ; overflow:hidden  }
#KS22_header li > span , #KS22_header_infor > span { 
    width:7rem ; padding-bottom:0.2rem ;
    position:absolute ; left:0 ; top:50% ; transform:translateY(-50%) ;
    font-size:1.2rem ; line-height:1.8rem ; text-align:center ;
}
#KS22_header_infor > span { transform:none ; top:2rem}
#KS22_header_infor > span::after ,
#KS22_header li > span::after {
    content:"" ; width:1px ; height:1rem ;
    background-color:#000000 ; opacity:0.1 ;
    position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
}
#KS22_header li > b { 
    display:block ; padding-bottom:0.2rem ;
    font-size:1.8rem ; line-height:2rem ; font-weight:400 ; color:#444444 ;
    letter-spacing:-0.05rem ; word-break:keep-all ;
}
#KS22_header li:first-child > b { font-size:2.2rem ; line-height:2.6rem ; font-weight:600 ; letter-spacing:-0.1rem }
#KS22_header li:last-child { padding:0 ; border:none  }
#KS22_header li:last-child a::before , #KS22_header li:last-child a > span {  position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) }
#KS22_header li:last-child a {
    background-color:#000000 ; display:block ; height:5rem ;
    position:relative ; 
    background:rgb(18,107,150);    
    background:linear-gradient(to bottom, rgba(18,107,150,1) 50%,rgba(85,145,63,1) 100%);   
}
#KS22_header li:last-child a , #KS22_header li:last-child a::before , #KS22_header li:last-child a > span { transition:0.3s all }
#KS22_header li:last-child a::before {
    display:block ; overflow:hidden ; content:"" ; width:100% ; height:100% ; 
    background-color:#000000 ;
}
#KS22_header li:last-child a > span {
    display:inline-block ; padding:0 0 0.2rem 3.5rem ; opacity:0.9 ;
    font-size:1.6rem ; line-height:2.8rem ; color:#ffffff ; font-weight:500 ;
    background:url(../img/icon_openBook_w.png) no-repeat left center ; background-size:3rem auto ;
    
}
#KS22_header li:last-child a:hover::before { opacity:0.1 } 
#KS22_header li:last-child a:hover > span { text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ; opacity:1 }



/* BOOKS */
#KS22_books , #KS22_books > figure , #KS22_books img { width:100% ; box-sizing:border-box }
#KS22_books { text-align:center ; font-size:0 }
#KS22_books > figure , #KS22_books > figure::after { border-radius:0.4rem ; overflow:hidden }
#KS22_books > figure { 
    margin:0.5rem ; position:relative ;
    max-width:35rem ; display:inline-block }
#KS22_books > figure::after {
    display:block ; overflow:hidden ; content:"" ;
    width:100% ; height:100% ; box-sizing:border-box ; border:solid 1px rgba(0,0,0,0.1) ;
    position:absolute ; left:0 ; top:0 
}
 


/* IMAGE */ 
.KS_img     { max-width:90rem }  
 
 


/* TABLE */
.KS22_table  , .KS22_table > table { width:100% } 
.KS22_table { overflow:auto }
.KS22_table > table { border:0 ; border-collapse:collapse ; border-spacing:0 ; min-width:80rem }
.KS22_table th , .KS22_table td {
    padding:0.5rem 0.5rem 0.7rem 0.5rem ; text-align:center ; vertical-align:middle ;
    font-size:1.6rem ; line-height:2.4rem ; border:solid 1px rgba(0,0,0,0.1)
}
.KS22_table th { background-color:rgba(0,0,0,0.03) ; border-color:rgba(0,0,0,0.15) }
.KS22_table tbody tr:first-child {border-top:solid 0.2rem #8756c0 }
.KS22_table_caption { text-align:center }
.KS22_table_caption > b { 
    display:inline-block ; padding:0.6rem 2rem 0.8rem ; border:solid 1px rgba(0,0,0,0.1) ; border-radius:4rem ;
    font-size:1.8rem ; line-height:2.6rem ; font-weight:500 ; letter-spacing:-0.1rem ; 
    margin-bottom:1.5rem ; background-color:#f7f7f7 ;
} 
.KS22_point td { background-color:#f7f7f7 ; color:#111111 ; font-weight:500 }
 
#KS22_table2 img { width:100% ; max-width:8.6rem }
 



/* PC **********/
@media all and (min-width:1100px){

    /* HEADER */
    #KS22_header , #KS22_books { max-width:110rem ; margin-left:auto ; margin-right:auto }
    #KS22_header > ul , #KS22_header li , #KS22_books { overflow:hidden }
    #KS22_header li { display:block ; float:left }
    #KS22_header li:nth-child(2) { margin-right:0.6rem ; width:50rem } 
    #KS22_header li:nth-child(3) { width:33rem } 
    #KS22_header li , #KS22_header_infor { padding-left:9rem }
    #KS22_header li > span { width:7rem }
    #KS22_header li:last-child { width:24rem ; float:right }
    #KS22_header li:last-child a { height:5.4rem }
 


    /* BOOKS */  
    #KS22_books > figure { margin:0 ; margin-right:2.5rem ; display:block ; float:left }
    #KS22_books > figure:last-child { margin-right:0 }
 
}