@charset "utf-8";
@media (min-width: 768px) {
#top{ background-image: url(../img/top/line.png); background-position:0 400px; background-size:100% auto; background-repeat: no-repeat;}
	.main{ width:100%; padding-top: 70px; text-align: center; margin-bottom: 100px;}
	.main .catch{width:90%; margin: 0 auto 30px;;}
	.main p{font-size:20px; letter-spacing: 2px; line-height: 250%;}
	.main p span{font-size:30px;}
	p.btn{border:1px solid #0b132f; border-radius: 5px; width:220px; margin: 0 auto auto; background-color: #fff;}
	p.btn:hover{background-color:#0b132f;}
	p.btn a{width: 100%; display: block; font-size: 14px; letter-spacing: 1px; color:#0b132f; line-height: 250%; text-align: center;}
	p.btn a:hover{ text-decoration: none; color: #fff;}
	.main .mainEntrance{width:120px; display: inline-block; margin: 0 20px; vertical-align: top; font-size: 14px; letter-spacing: 0px;}
	.main .mainEntrance a{color:#0b132f; }
	.main .mainEntrance a:hover{text-decoration: none;}
	.main .mainEntrance:hover{transform: scale(1.1); transition: 0.2s;}
	.main .mainEntrance{transform: scale(1.0); transition: 0.2s;}
	
	
	
	
			/* news
-----------------------------------------*/
	
	.newsTit{font-size:65px; width:220px; float: left; color: #ddd;text-align: center; font-weight: 400;}
	
	.newsWrap{ width: calc( 100% - 220px); float: right; overflow: hidden; margin-bottom: 30px;}
	.newsWrap .new{border-color: #C00;}
	.newsWrap li{border: 1px solid #DDD; width:31%; margin: 0.5%; padding: 1%; display: inline-block; vertical-align: top; background-color: #fff;}
	.newsWrap li p{font-size: 14px;}
	.newsWrap .aicon{width: 100px;; background-repeat: no-repeat; background-size: 30px; padding-left: 35px; height: 30px;font-family: 'Oswald', sans-serif;font-size: 14px; line-height: 210%; float:left ;margin-bottom: 5px;}
	.newsWrap .date{width:100px; float: right; text-align: right; line-height: 210%; margin-bottom: 5px;}
	.newsWrap .media{ background-image: url(../img/top/aicon_media.jpg) ; color: #C00;}
	.newsWrap .information{ background-image: url(../img/top/aicon_information.jpg) ; color:#85D47B;}
	.newsWrap .publication{ background-image: url(../img/top/aicon_publication.jpg) ; color:#09132F;}
	.newsWrap .pressrelease{ background-image: url(../img/top/aicon_pressrelease.jpg) ; color:#ADADAD;}
	.newsWrap .award{ background-image: url(../img/top/aicon_award.jpg) ; color:#E4CA02;}
	
	.newsWrap .new .date{ background-image: url( ../img/top/aicon_new.jpg); background-position: left; background-repeat: no-repeat; background-size: 30px;}
	.newsWrap .read{clear: both; margin-bottom: 0;}

}





@media (max-width: 767px) {
	
	
	#top{ background-image: url(../img/top/line.png); background-position:0 5%; background-size:100% auto; background-repeat: no-repeat;}
	.main{ width:100%; padding-top: 7%; text-align: center; margin-bottom: 10%;}
	.main p{font-size:3.2vw; letter-spacing: 2px; line-height: 200%;}
	.main p span{font-size:4.5vw;}
	p.btn{border:1px solid #0b132f; border-radius: 5px; width:220px; margin: 0 auto auto; background-color: #fff;}
	p.btn:hover{background-color:#0b132f;}
	p.btn a{width: 100%; display: block; font-size: 14px; letter-spacing: 1px; color:#0b132f; line-height: 250%; text-align: center;}
	p.btn a:hover{ text-decoration: none; color: #fff;}
	.main .mainEntrance{width:25%; display: inline-block; margin: 0 0; vertical-align: top;}
	.main .mainEntrance a{color:#0b132f; font-size: 12px; letter-spacing: 0px;}

	
	
			/* news
-----------------------------------------*/
	
	.newsTit{font-size:8vw; width:20%; float: left; color: #ddd;text-align: center; font-weight: 400;}
	
	.newsWrap{ width: 80%; float: right; overflow: hidden; margin-bottom: 10%;}
	.newsWrap .new{border-color: #C00;}
	.newsWrap li{border: 1px solid #DDD; width:93%; margin: 3%; padding: 3%; background-color: #fff;}
	.newsWrap li p{font-size: 14px;}
	.newsWrap .aicon{width: 100px;; background-repeat: no-repeat; background-size: 30px; padding-left: 35px; height: 30px;font-family: 'Oswald', sans-serif;font-size: 14px; line-height: 210%; float:left ;margin-bottom: 5px;}
	.newsWrap .date{width:100px; float: right; text-align: right; line-height: 210%; margin-bottom: 5px;}
	.newsWrap .media{ background-image: url(../img/top/aicon_media.jpg) ; color: #C00;}
	.newsWrap .information{ background-image: url(../img/top/aicon_information.jpg) ; color:#85D47B;}
	.newsWrap .publication{ background-image: url(../img/top/aicon_publication.jpg) ; color:#09132F;}
	.newsWrap .pressrelease{ background-image: url(../img/top/aicon_pressrelease.jpg) ; color:#ADADAD;}
	.newsWrap .award{ background-image: url(../img/top/aicon_award.jpg) ; color:#E4CA02;}
	
	.newsWrap .new .date{ background-image: url( ../img/top/aicon_new.jpg); background-position: left; background-repeat: no-repeat; background-size: 30px;}
	.newsWrap .read{clear: both; margin-bottom: 0;}
	
	
	
	
	

}

main{  background-image: url(../img/top/bg_bottom.png); background-size:contain; background-position: 0 100%; background-repeat: no-repeat; padding-bottom: 10%!important;}
body,html{background-image: url(../img/top/bg.jpg); background-size: 100%; background-repeat: no-repeat;}