@charset "utf-8";
/* CSS Document */
.KMmainArea{width:960px; margin:0 auto; height:auto; position:relative;}
.KMmainArea:after{content:""; display:block; clear:both; height:0.1em; overflow:hidden;}
/*\*/
* html .KMmainArea{
height: 0.1em;
overflow: visible;
}
/**/


.KMboxArea{margin:0 auto; padding:0px; padding-top:10px; height:auto; padding-bottom: 30px;}
.KMboxArea{
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}

.KMboxArea:after{content:""; display:block; clear:both; height:0.1em; overflow:hidden;}
/*\*/
* html .KMboxArea{
height: 0.1em;
overflow: visible;
}
/**/


.Lbox{float:left;}
.Rbox{float:right;}


/*base*/
@media only screen and (min-width:960px) and (max-width:1280px) {


}

/*base*/
@media only screen and (min-width:600px) and (max-width:959px) {
.KMmainArea{width:100%;}
}

/*base*/
@media only screen and (max-width:599px) {
.KMmainArea{width:100%;}
}


/*add*/
@media screen and (max-width: 768px) {

}


.Col100{width:100%; clear:both;}
.Col95{width:95%;}
.Col90{width:90%;}
.Col85{width:85%;}
.Col80{width:80%;}
.Col75{width:75%;}
.Col70{width:70%;}
.Col65{width:65%;}
.Col60{width:60%;}
.Col55{width:55%;}
.Col50{width:50%;}
.Col48{width:48%;}
.Col45{width:45%;}
.Col40{width:40%;}
.Col35{width:35%;}
.Col30{width:30%;}
.Col25{width:25%;}
.Col20{width:20%;}
.Col15{width:15%;}
.Col10{width:10%;}
.Col5{width:5%;}


/*base*/
@media only screen and (min-width:960px) and (max-width:1280px) {

}

/*base*/
@media only screen and (min-width:600px) and (max-width:959px) {
.Col100{width:100%;}
.Col95{width:100%;}
.Col90{width:100%;}
.Col85{width:100%;}
.Col80{width:100%;}
.Col75{width:100%;}
.Col70{width:70%;}
.Col65{width:65%;}
.Col60{width:60%;}
.Col55{width:55%;}
.Col50{width:50%;}
.Col48{width:48%;}
.Col45{width:45%;}
.Col40{width:40%;}
.Col35{width:35%;}
.Col30{width:30%;}
.Col25{width:100%;}
.Col20{width:100%;}
.Col15{width:100%;}
.Col10{width:100%;}
.Col5{width:100%;}
}

/*base*/
@media only screen and (max-width:599px) {
.Col100{width:100%;}
.Col95{width:100%;}
.Col90{width:100%;}
.Col85{width:100%;}
.Col80{width:100%;}
.Col75{width:100%;}
.Col70{width:100%;}
.Col65{width:100%;}
.Col60{width:100%;}
.Col55{width:100%;}
.Col50{width:100%;}
.Col48{width:100%;}
.Col45{width:100%;}
.Col40{width:100%;}
.Col35{width:100%;}
.Col30{width:100%;}
.Col25{width:100%;}
.Col20{width:100%;}
.Col15{width:100%;}
.Col10{width:100%;}
.Col5{width:100%;}
}




.KMbox{margin:0px; float:left; box-sizing:border-box; position:relative;}
.KMbox section{width:auto; height:auto; padding:5px; border:1px solid #FFFFFF; border-radius:5px;}

.Colbox{width:100%;}
.Col1box{width:80px;}
.Col2box{width:160px;}
.Col3box{width:240px;}
.Col4box{width:320px;}
.Col5box{width:400px;}
.Col6box{width:480px;}
.Col7box{width:560px;}
.Col8box{width:640px;}
.Col9box{width:720px;}
.Col10box{width:800px;}
.Col11box{width:880px;}
.Col12box{width:960px;}
.Col13box{width:1040px;}
.Col14box{width:1120px;}
.Col15box{width:1200px;}



.Rowbox{height:auto;}

.Rowbox section{border:1px solid #BEA574;}




.Col3box img{width:240px; display:block;}


.Col3box section{position:relative;}

.Col3box section .cate{font-size:16px; font-weight:normal; line-height:20px; display:inline-table; padding:5px;}
.Col3box section .cate{position:absolute; top:5px; height:5px;}
.Col3box section .cate{  
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius:3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:3px;   /* Firefox用 */  
}


.Col3box h2{
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	width: 290px;
	height: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	margin: 0 auto;
}

.Col3box .date{
	line-height:20px;
	font-size: 13px;
	font-weight: normal;
	width: 290px;
	height:24px;
	color:#555555;
	overflow:hidden;
	padding-top:5px;
}


.Col3box section p{
	display: block;
	margin: 0 auto;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	width: 290px;
	height: 90px;
	color: #FFFFFF;
	overflow: hidden;
}


.Col3box section dt{float:left; width:10%;}
.Col3box section dd{float:right; width:87%;}

.Col3box section dl{clear:both;}
.Col3box section dl:after{content:""; display:block; clear:both; height:0.1em; overflow:hidden;}
/*\*/
* html .KMboxArea{
height: 0.1em;
overflow: visible;
}
/**/



@media only screen and (max-width:768px) {	
.Col3box{width:100%; !important}		
.Col3box img{width:95%; display:block; margin:2% auto; height:auto;}
.Col3box section{position:relative;}

.Col3box section .cate{font-size:16px; font-weight:normal; line-height:20px; display:inline-table; padding:5px;}
.Col3box section .cate{position:absolute; top:15px; left:15px;}
.Col3box section .cate{  
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius:3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:3px;   /* Firefox用 */  
}


.Col3box h2{font-size:16px; line-height:20px; font-weight:bold; width:95%; height:38px; padding-top:5px; padding-bottom:5px; overflow:hidden; margin:0 auto;}

.Col3box .date{
	line-height:20px;
	font-size: 13px;
	font-weight: normal;
	width: 220px;
	width:95%;
	color:#555555;
	overflow:hidden;
	padding-top:5px;
	padding-left:15px;
}


.Col3box section p{
	display: block;
	margin:0 auto;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	width:95%;
	height:90px;
	color:#555555;
	overflow:hidden;
}

}