
.kv{  
	background-image: url(../images/download_catalogue/kv.jpg); 
}
.content-title{
	font-size: 23px;
	padding-bottom: 34px;
}
.content article{
	font-size: 16px;
}
.content article.chapter-1{
	float: left; 
	width: 49%
}
.content article.chapter-2{
	float: left; 
	width: 49%;
	padding-bottom: 13%;
	background-image: url(../images/honor/honor_cqc_logo.png);background-size: auto 100%;background-position: center; background-repeat: no-repeat;
}
.content article.chapter-3{
	clear: both;
	width: 100%;
	padding-top:38px; 
}

.item-list{
	padding-top: 32px;padding-bottom: 66px;
	font-size: 0;
}
.item-list a{
	display: inline-block;
	width: 240px;
	margin-right:16px; margin-bottom: 34px;
    vertical-align: top;
}
.item-list a:nth-of-type(4n){
	margin-right: 0; 
}
.item-list a img{
	width: 240px; height: 359px;
}
.item-list .intro{
	font-size: 16px;
	margin-top: 16px;
	min-height: 3.4em;
}
.item-list .summary{
	line-height: 1.2
}
.item-list .icon{

}
.item-list .icon-pdf{
	background-image: url(../images/honor/icon-pdf.png);background-size: auto 68%;background-position: right 0.5em; background-repeat: no-repeat;width: 100%;display: inline-block;
}

@media screen and (max-width:640px) {
	
	.kv{   
		background-image: url(../images/download_catalogue/kv_sp.jpg); 
	}
	.content-title{ 
		padding-bottom: 20px;    margin-top: 7vw;
	}
	.content article.chapter-1,
	.content article.chapter-2,
	.content article.chapter-3{
		float: none;
		width: 100%;
		padding-top:0px;padding-bottom: 1em; 
	}
	.content article.chapter-2{
		height: 150px;
		padding-bottom: 0;
		margin-bottom:1em;  
		background-image: url(../images/honor/honor_cqc_logo_sp.jpg);
	}
	.item-list {
		padding-top: 9px;
	}
	.item-list a{
		width: calc(100% / 2 - 25px / 2);
		margin-right: 25px;  margin-bottom: 0;
	}
	.item-list a:nth-of-type(2n){
		margin-right: 0;
	}
	.item-list a img{
		width: 100%; height: auto;
	}
	.item-list .intro{
		font-size: 12px;
		margin-top: 6px;margin-bottom: 23px;
	}     
    .item-list .summary{
    	width: 84%;
    	display: inline-block;
    }
	.item-list .icon-pdf{
		background-size: 19px 26px;    background-position: right 0.27em;
	}
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	.fancybox-close {
		    background-image: url(../images/fancybox_close.png) !important;
		    background-size: 14px 14px !important;
		    right: 6px !important;
		    top: 6px !important;
		    background-repeat: no-repeat;
		    height: 14px !important;
		    width: 14px !important;
	} 
}


.sec.sp{display: none!important;}
.sec.pc {display: block!important;}


.sec.pc{font-size:0;margin-bottom: 6rem;}
.sec.pc .item{width:50%;display:inline-block;vertical-align: top;font-size: 1rem;}

.text-container{text-align: center;}
.text-container a{background-color: #22439c; color: #fff; padding: 12px 74px; display: inline-block; margin-top: 1rem;}

.sec.pc .item:last-child .text-container .text,
.sec.pc .item:last-child .text-container img
{display:inline-block;vertical-align: middle;}
.sec.pc .item:last-child .text-container .text{width: 36%;text-align: center;}
.sec.pc .item:last-child .text-container img{height: 121px;}
@media screen and (max-width:640px) {
	.sec.sp{display: block!important;background-color: #fff;padding-bottom: 4rem;padding-top: 3rem;text-align: center;}
	.sec.pc {display: none!important;}
	.sec.sp .text-container a{width: 58%;padding: 12px 0px;}
	.sec.sp img{width: 52%;margin-bottom: 2rem;}
}

.content .title{margin-bottom: 25px;}
@media screen and (max-width:640px) {
	.content .title{margin-bottom: 7vw;}
}