@charset "utf-8";
article h3{
	padding:20px 0 5px;
	background:none;
	border:none;
	}

/* News , Events, Products */
#news,
#events{
	width:49%;
	float:left;
	margin-top:20px;
	}
#news{
	margin-right:2%;
	}
#goodsBox,
#linkBox{
	margin-bottom:20px;
	}
#news h2,
#events h2,
#goodsBox h2,
#linkBox h2{
	width:100%;
	color:#e73687;
	line-height:1.5;
	font-weight:bold;
	font-size:1.4em;
	letter-spacing:1px;
	}
#news h2 span,
#events h2 span,
#goodsBox h2 span,
#linkBox h2 span{
	margin-left:5px;
	font-size:0.8em;
	color:#fdcee2;	
	font-weight:normal;
	}
#news dl,
#events dl{
	width:100%;
	}
#news dl dt span,
#events dl dt span{
	display:block;
	}
#news dl dt span img,
#events dl dt span img{
	width:100%;
	height:auto;
	padding:15px;
	border:1px solid #fdcee2;	
	}
#news dl dt h3,
#events dl dt h3{
	display:block;
	width:95%;
	height:3.5em;
	margin:15px auto;
	font-size:1.2em;
	color:#000;
	line-height:1.4;
	letter-spacing:1px;
	}
#news dl dt a,
#events dl dt a{
	color:#000;
	}
#news dl dt a:hover,
#events dl dt a:hover{
	color:#cc0000;
	}
#news dl dd,
#events dl dd{
	width:95%;
	margin:10px auto;
	font-size:1em;
	color:#7f7985;
	line-height:1.8em;
	letter-spacing:1px;
	}
#news dl dd span,
#events dl dd span{
	font-size:0.9375em;
	color:#a5a1a9;
	}

#news .more,
#events .more{
	float:right;
	margin-right:5px;
	margin-top:0px;
	}
#news .more a,
#events .more a{
	color:#a5a1a9;
	text-decoration:underline;
	}
	
#news .more a:hover,
#events .more a:hover{
	text-decoration:none;
	}
#news .more a:before,
#events .more a:before{
	content:url(../images/arrow_more.png);
	margin-right:5px;
	}	

/* Goods */
#goodsBox{
	width:100%;
	margin-top:20px;
	overflow:hidden;
	}

/*.goods .cf li span{
	position:absolute;
	display:block;
	width:486px;
	left:75px;
	bottom:0;
	padding:10px 20px;
	line-height:22px;
	text-align:left;
	background:rgba(0,0,0,0.6);
	filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}*/
 
/* Link CSS start */

.community{
	position:relative;
	width:92%;
	min-height:130px;
	margin:0 auto;
	padding-top:20px;
	}
.community ul{
	width:auto;
	height: auto;
	overflow:hidden;
	}
.community li{
	position:relative;
	float:left;
	width:15%;
	height:auto;
	margin-right:0.5%;
	margin-left:0.5%;
	font-size:0.92em;
	text-align:center;
	}
.community li span{
	display:block;
	width:auto;
	text-align:center; 
	font-size:1em;
	padding:10px;
	min-height:40px;
	}
.community li:hover{
	opacity:0.8;
	}
.community li a{
	display:block;
	width:160px;
	height:auto;
	margin:auto;
	}
.community li a svg,
.community li a img{
	width:66px;
	height:66px;
	}

@media screen and (max-width: 736px){
section h3{
	margin:1em auto 0.5em;
	padding:0.3em 0;
	}
/* News , Events, Products */
#news,#events{
	float:none;
	width:100%;
	margin-top:20px;
	}
#news{
	margin-right:auto;
	}	
#news dl,
#events dl{
	width:auto;
	}
#news dl dt span,
#events dl dt span{
	float:none;
	margin:auto;
	padding:0;
	border:none;
	text-align:center;
	}
#news dl dt img,
#events dl dt img{
	width:auto;
	height:auto;
	padding:19px;
	border:1px solid #fdcee2;
	}

/* Link CSS start */

.community{
	width:100%;
	height:auto;}
.community ul li{
	width:32%;
	margin-left:0px;
	}
}
@media screen and (max-width: 540px){
/* News , Events, Products */
#news dl dd,
#events dl dd{
	font-size:1em;
	line-height:1.5em;
	}	
#news dl dt img,
#events dl dt img{
	width:100%;
	height:auto;
	padding:13px;
	border:1px solid #fdcee2;
	}
#news dl dt h3,
#events dl dt h3{
	height:auto;
	}
/* Link CSS start */

.community ul li{
	width:49%;
	margin-right:1%;
	font-size:0.8em;
	}
.community li a svg,
.community li a img{
	width:60px;
	height:60px;
	}

}