@charset "utf-8";

.head_top {
    position: relative;
    width: 100%;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background-color: #f4f4f4;
}
.head_top p {
    font-size: 25px;
    color: #413e3d;
    font-weight: bold;
}
.head_width{
    width: 750px;
    margin: 0 auto;
    position: relative;
}
.back_left_b {
    position: absolute;
    top: 50%;
    left: -7vw;
    transform: translate(0, -50%);
}
.back_left_b div {
    height: 17px;
    width: 17px;
    display: block;
    border: 2px solid gray;
    border-right-width: 0;
    border-bottom-width: 0;
    -webkit-transform: rotate(-45deg);
}
#container{
	width: 850px;
    margin: 0 auto;
    padding-top: 50px;
}
.text_scroll_box p{
    font-size: 18px;
    line-height: 23px;
}
.text_scroll_box li{
    font-size: 16px;
    line-height: 23px;
	    list-style-type: none;
}
.mt10 {
    margin-top: 50px !important;
}
ol{
    padding: 10px 19px 50px 0px;
}









@media screen and (max-width:900px) {
.head_width, #container{
    width: 640px;
}
.back_left_b {
    left: 0px;
}
}
@media screen and (max-width:480px) {
html{
    height: 100%;
}
body{
    height: 100%;
}
.head_top {
    position: fixed;
    width: 100%;
    height: 17vw;
    line-height: 17vw;
    text-align: center;
    background-color: #f4f4f4;
}
.head_top p {
    font-size: 4.3vw;
    color: #413e3d;
    font-weight: bold;
}
.back_left_b {
    position: absolute;
    top: 50%;
    left: 6vw;
    transform: translate(0, -50%);
}
.head_width, #container {
    width: 100%;
}
.back_left_b div {
    height: 3vw;
    width: 3vw;
    display: block;
    border: 0.4vw solid gray;
    border-right-width: 0;
    border-bottom-width: 0;
    -webkit-transform: rotate(-45deg);
}
#main {
    height: 100%;
    padding: 5vw 6vw;
}
.text_scroll_box{
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ddd;
    padding: 2.4vw;
    overflow-y: scroll;
    overflow-x: hidden;
}
.text_scroll_box p, .text_scroll_box li {
    font-size: 3.2vw;
    line-height: 4.5vw;
}
ol,ul{
	
	list-style:none;
	box-sizing:border-box;
}

ol{
    width: 100%;
    margin: 0vw auto 3.6vw auto;
    padding: 0 3.6vw;
}
#container {
    padding-top: 17.5vw;
    box-sizing: border-box;
    overflow: auto;
}
#container.not_footer {
    height: 100%;
}
.mt10 {
    margin-top: 2vw !important;
}
.mt20 {
    margin-top: 4vw !important;
}
.back_left:hover {
	opacity: 0.6;
}
.back_left_b {
    top: 50% !important;
}
}