@charset "UTF-8";
/* CSS Document */
.h4{ padding:8px 35px 0 25px; margin-bottom:40px;}
.h4{ background:#e9f6f1; font-size:26px; line-height:26px; font-weight: bold; color:#21a879; box-sizing:border-box;}
.h4 p{ display:inline-block; float:right;}
.h4 span{ float:left; padding-top:16px;}

.title{ font-weight:bold; font-size:22px;}
.title span{ display:inline-block;}
.mb{ margin-bottom:25px; display:block;}
.ml{ margin-left:15px;}
.ml2{ margin-left:10px;}
#list{ margin-bottom:50px; box-sizing:border-box; padding:0 2px;}
#list a{ text-decoration: underline; color:#0042ff;}
#list a:hover{ text-decoration:none;}
.bold{ font-weight:bold;}
#list p{ font-weight:normal; font-size:15px;}
#list li{list-style:decimal;}
.level1{ font-size:18px; font-weight:bold; margin-left:25px;}
.level2{ font-size:15px; font-weight:bold; margin-left:10px;}
.level3{ font-size:15px; font-weight:normal; margin-left:20px;}
.level4 li{ list-style:upper-alpha !important; font-weight:normal;}

/*===============================
             MEDIA
================================*/
@media only screen and (max-width:1200px){
}
@media only screen and (max-width:960px){
.mb{ margin-bottom:2.5%;}	
.level1{margin-left:2.5%;}
.level2{margin-left:1%;}
.level3{margin-left:2%;}
.ml{ margin-left:1.5%;}
.ml2{ margin-left:1%;}

}
@media only screen and (max-width:736px){
.h4{ margin-bottom:5%; font-size:18px;}
#list{ padding:0 1%;}
.title{ font-size:18px;}
.level1{ font-size:16px;}
}

@media only screen and (max-width:480px){
.h4{ padding:0 2%; font-size:14px;}
.h4 span{ padding-top:4%;}
.h4 p{ width:25%;}
.inline_block{ display:inline-block;}
.title{ font-size:14px;}
#list{ padding:0 3%; margin-bottom:65px;}
#list p,.level3,.level2{ font-size:12px;}
.level1{ font-size:14px;}
#list li{ margin-left:3%;}
}

@media only screen and (max-width:375px){
}