@charset "utf-8";
/* CSS Document */

.contain{
	width:70%;
	margin:auto;
	background-color:#FFF;
	overflow:hidden;
	font-size:13px;
}
.b01{
	width:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
.b02{
width:100%;
	margin:0px;
	overflow:hidden;
}
.b03{
	width:100%;
	margin:0px;
	overflow:hidden;
}
.col-3{
	width:23.22%;
	margin-left:1%;
	float:left;
	background-color: #fff;
}
.col-6{
	width:45%;
	padding-left:0.5%px;	
	float:left;
		background-color:#FFF
}


ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: #054E57;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 12px 16px;
    text-decoration: none;
	margin:0px;
}

li a:hover:not(.active) {
    background-color: #555;
}

.active {
    background-color: #F00;

}

.col-3 a{
	display:block;
	margin:auto;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	
}
.col-3 a:hover{
	background:#CCC;
	border-radius:8px;
	color: #000;
	text-shadow:1px 1px 3px #555;
	
}
.col-6 a:hover img{
	transform:scale(1.1,1.1);
}
	
	
hr{
	margin:0;
}



@media screen and (max-width: 800px) {
    .contain{
	display:block;
	width:98%;
	margin:0;
	font-size:14px;
}


.col-3 {width:80%;float:none;margin:auto;}

.col-3 a{padding:10px; float:none;}
.col-6 {width:95%;float:none;}


.col-3 img{width:90%;}
.col-3 .menuline{width:80%;}
.title{width:40%;}


}