@charset "utf-8";
/* CSS Document */


.abouttop{ height:385px; overflow:hidden;}
.abouttitle{ background:rgba(175,5,0,0.9);; padding:80px 80px 80px 80px; float:left; width:40%; min-width:400px;    height: 390px;} 

@media only screen and (max-width: 1040px) {
.abouttitle{ height:auto;}
.ntopdt{ height:200px!important;}

}
@media only screen and (max-width: 1640px) {
.ntopdt{background-size:auto 100%!important;}
}
@media only screen and (max-width: 840px) {
.ntopdt{background-position: 70% 0!important;}
}

.abouttitle p{ font-size:2.5em; font-weight:bolder; color:#fff; border:3px solid #fff; padding:60px; margin:auto; float:right; letter-spacing:5px}
.abobg{background:url(../images/separate.png) #ddd top center repeat-y;}

.abob{ padding:80px 0; background:#ddd;}
.abob h1{margin-bottom:40px;}

.story{ padding:0px 0 20px; /*position: relative;*/}
.story ul{}
.story ul li{margin-bottom:20px; /*height:570px;*/ text-align:left; /*overflow:hidden;*/
    /*display: flex;*/
    /*position: relative;*/
    justify-content: center;
    align-items: center;
	width: 40%;
    float: left;
	margin-left:0px;
	margin-right:10%;
}
.story ul li:nth-child(2n) {
    /*top: 110px;*/
	margin-left:10%;
	margin-right:0px;
}
.story ul li:nth-child(2n+1) { clear:both;}
.story ul li span{ /*position:absolute;*/ width:80%; border-top: #af0500 solid 3px; margin-bottom:5px; top:0px; left:0px; display:block;}
.story ul li h1{/* position:absolute;font-size:50px;*/ color:#333; /*top:0px; left:0px;*/; font-weight:normal;}
.story ul li p{ /*position:absolute; top:70px; left:0px;*/}