@charset "utf-8";

/* ================================ news ================================ */

.news {
	padding: 0% 7%;
}

/* ================================ news-detail ================================ */

.news-detail {
	padding: 0vw 7vw 5vw;
}

.news-detail .left {
	float: left;
	width: 30%;
}

.news-detail .left h1 {
	font-size: 1.5625vw;
	font-family: 'OPPOSans-R';
	font-weight: normal;
}

.news-detail .left h2 {
	color: #666;
	font-size: 0.9375vw;
	font-family: 'OPPOSans-R';
	font-weight: normal;
	margin-top: 0.5vw;
}

.news-detail .right {
	float: right;
	width: 65%;
}

.news-detail .right .ck-content {
}

.news-detail .right .btn-go-back {
	text-align: left;
	margin-top: 5vw;
}

.news-detail .right .other-news {
	margin-top: 8vw;
	margin-bottom: 3vw;
}

.news-detail .right .other-news .top {
}

.news-detail .right .other-news .top h1 {
	font-size: 1.0417vw;
	font-family: 'OPPOSans-R';
	font-weight: normal;
}

.news-detail .right .other-news .content {
	margin-top: 3vw;
}

.news-detail .right .other-news .content .news {
    padding: 0% 0%;
}

@media (min-width: 1px) and (max-width: 750px) {
	
	/* ================================ news ================================ */
	
	.news {
		padding: 0% 7%;
		
		padding: 0% 3%;
		padding: 0% 7%;
	}
	
	/* ================================ news-detail ================================ */
	
	.news-detail {
		padding: 0vw 7vw 5vw;
		
		padding: 3vw 3vw 5vw;
		padding: 0vw 7vw 5vw;
	}
	
	.news-detail .left {
		float: left;
		width: 30%;
		
		width: 100%;
	}
	
	.news-detail .left h1 {
		font-size: 1.5625vw;
		font-family: 'OPPOSans-R';
		font-weight: normal;
		
		font-size: 5vw;
		font-size: 3.2vw;
	}
	
	.news-detail .left h2 {
		color: #666;
		font-size: 0.9375vw;
		font-family: 'OPPOSans-R';
		font-weight: normal;
		margin-top: 0.5vw;
		
		font-size: 4vw;
	}
	
	.news-detail .right {
		float: right;
		width: 65%;
		
		width: 100%;
		margin-top: 4vw;
		margin-top: 6vw;
	}
	
	.news-detail .right .ck-content {
	}
	
	.news-detail .right .btn-go-back {
		text-align: left;
		margin-top: 5vw;
		
		text-align: center;
		margin-top: 12vw;
	}
	
	.news-detail .right .other-news {
		margin-top: 8vw;
		margin-bottom: 3vw;
		
		margin-top: 12vw;
		margin-bottom: 5vw;
	}
	
	.news-detail .right .other-news .top {
	}
	
	.news-detail .right .other-news .top h1 {
		font-size: 1.0417vw;
		font-family: 'OPPOSans-R';
		font-weight: normal;
		
		font-size: 4vw;
	}
	
	.news-detail .right .other-news .content {
		margin-top: 3vw;
		
		margin-top: 4vw;
	}
	
	.news-detail .right .other-news .content .news {
	    padding: 0% 0%;
	}
	
}