@charset "utf-8";

.row {
	margin-right: -8px;
    margin-left: -7px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-right: 8px;
	padding-left: 7px;
}
	body{background: #fff url("../images/bg2.jpg") top center repeat-y; background-size: 100% auto;}
 
 	.main{
		background: url("../images/bg.png") top center no-repeat;
		background-size: 100% auto;
		margin-bottom: 120px;
		overflow: auto;
	  } 
	.header{
		margin-top: 25%;
		margin-bottom: 2%;
	}
	.box{ 	    
		position: relative;   
		/* border-top: 72px solid;
		border-right: 16px solid;
		border-bottom: 16px solid;
		border-left: 16px solid;
		border-image-source: url(../images/intro_bg.png) ;
		border-image-slice: 142 32 32 32;
		border-image-outset: 0; */ 
		background: url(../images/intro_bg.png) top center no-repeat;
		background-size: 100% auto;
		padding: 70px 8px 25px 8px;
		border-radius: 0 0 6px 6px;
		    mask: linear-gradient(180deg, #000 90%, transparent);
	}
 
	.box .bg{ 	 
		padding: 80px 110px 80px 110px;
		border-radius: 6px; 
		   background: linear-gradient(top , #fff , rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, .7) 99%);
            background: -o-linear-gradient(top , #fff , rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, .7) 99%);
            background: -ms-linear-gradient(top , #fff , rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, .7) 99%);
            background: -moz-linear-gradient(top , #fff , rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, .7) 99%);
            background: -webkit-linear-gradient(top , #fff , rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, .7) 99%);
	}
	.intro p { 
		font-size: 18px; 
		color: rgb(51, 51, 51);
		line-height: 2;  
		margin-bottom: 10px;
		text-align: justify;
	}
	.list{ margin-top: 3vw; }
	.list .redbox {position: relative; background-color: #d5200d; border-radius: 12px; padding: 15px 8px 0 7px; margin-top: -10px;}
	/* .list .redbox::before { content: ''; position: absolute; left: 5%; right: 5%; top: -20px; border: 2px solid #d5200d; z-index: 0;  height: 30px;} */
	.list .redbox .col-md-6, .list .redbox .col-md-4, .list .redbox .col-md-3, .list .redbox .col-md-12{  margin-bottom: 15px;}
	
	.list .redbox img{ width: 100%; }
	.list .title{ text-align: center; }
	.list .title img{ width: 90%; margin: 0 auto; }
	/* .list .title img{ width: 230px; margin:0 auto 20px auto;} */
	.list a {display: inline-block;}


  footer {
    border-top: 0px solid #bcb4ad;}

@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1180px;
	}
}

@media (max-width: 1199px) {   
	.nav>li>a { padding: 15px 14px; } 
}
@media (max-width: 991px) {    
	.box .bg{ 	 
		padding: 10%;
	}
	.box { padding-top: 7%;}
}
@media (max-width: 767px) {  
	.header{ margin-top: 50%;} 
	.box .bg{ padding: 8%; }
	.main{ background-size: 140% auto; } 
	.intro p { font-size: 16px; } 
	.list .title { overflow: hidden; }
	.list .title img {width: 170%; margin-left: -35%;}
	.list {
		margin-top: 30px;
	}
	.header{ margin-top: 30%; }  
	.box { padding: 7% 3% 3% 3%;}
} 
@media (max-width: 576px) {
	.header{ margin-top: 30%; }  
	.main{ background-size: 150% auto; } 
	.line img{ width: 200%; margin: 7px auto; box-shadow: none;} 
}