/* CSS Document */
/*標題字體*/
@media screen and (min-width: 480px) and (max-width: 850px){
/*@media (max-width: 850px) {*/
.message{
	width:10%;
	float:left;
	margin-top:0;
	text-align:center;
}
.message .article{
	width:100%; /* 760px; */
	min-width:760px; /* N add */
	margin:0 auto;
	text-align:center;
	margin-top:-15px;
}
.img_bg{
	position:absolute;
	z-index:8;
	float:left;
	left:69px;
	margin-top:14px;
}
.img_bg img{
	width:55px;
	height:105px;
}
.article .lab1{
	position: relative;
    width:100%;
	float:left;
	height:67px;
	padding-bottom:25px; /* N add */
}
.lab1 .year{
	width:60px;
	float:left;
	margin-top:30px;
	font-size:10px;
}
.lab1 .content{
	height:62px;
	float:left;
	margin-top:-26px;
}
.article .lab2{
	position: relative;
	float:left;
	width:100%;
	height:67px;
	margin-left:23px;
	margin-top:8px; /* -20px; */
}
.lab2 .year{
	width:60px;
	float:left;
	margin-top:30px;
	font-size:10px;
}
.lab2 .content{
	height:62px;
	float:left;
	margin-top:-26px;
}
.article .lab3{
	position: relative;
	float:left;
	width:100%;
	height:67px;
	margin-top:8px; /* -20px; */
	padding-top: 16px; /* N add */
}
.lab3 .year{
	width:60px;
	float:left;
	margin-top:30px;
	font-size:10px;
}
.lab3 .content{
	height:62px;
	float:left;
	margin-top:-23px; /*-26px;*/
}

.lab_item {
	width: 37px;
	/* height: 132px; */
	margin:5px;
	position: relative;
	display: inline-block;
}

.hexagon2 {
	position: absolute;
	width: 43px;
	height: 86px;
	top: 18px;
}
.hexagon-in2 h1{
	-webkit-transform:scale(0.8);
	-o-transform:scale(1);
	font-size:9px;
	margin-top:32px;
	margin-left:-3px;
	width:48px;
}	


}