@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0}
img{vertical-align:middle;
max-width:100%;



}

.o{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:320px;
		
}
.ha{
	border-left-style:solid;
	border-left-width:10px;
	margin-left:5px;
		
}
.hai{
	margin-bottom:8px;


	
	
}
.bl{
	color:#3CF;
}
.red{
	color:#F00;
}
h1{
	font-size:25px;
}
p{
	font-size:15px;
	line-height:25px;
}
.right{
	
}
.co ul{
	width: 100%;
    display: table;
	list-style:none;
	
}
.co ul li{
	vertical-align: top;
    display: table-cell;
    width: 50%;
 
}
.co p{
	text-align:center;
	font-size:9px;
}
.ll{
	float:left;
	margin-left:5%;
	width:50%;
	text-align:left;
	font-size:11px;
	
}
.lll{
	margin-left:55%;
	text-align:left;
	font-size:11px;
}
table{
	width:100%;
}
td{
	width:25%;
	font-size:10px;
	text-align:left;
}

@media screen and (min-width : 768px){
	
.o{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:768px;
		
}
.ha{
	border-left-style:solid;
	border-left-width:10px;
	margin-left:5px;
		
}
.hai{
	margin-bottom:8px;


	
	
}
.tl{
	width:50%;
	float:left;
}

.bl{
	color:#3CF;
}
.red{
	color:#F00;
}
h1{
	font-size:35px;
}
p{
	font-size:20px;
	line-height:25px;
}
.right{
	clear:left;

}
.co ul{
	width: 100%;
    display: table;
	list-style:none;
	
}
.co ul li{
	vertical-align: top;
    display: table-cell;
    width: 50%;
	float:left;
 
}
.co p{
	text-align:center;
	font-size:15px;
}
.ll{
	
	font-size:22px;
	
}
.lll{
	font-size:22px;
}
table{
	width:100%;
}
td{
	width:25%;
	font-size:15px;
	text-align:left;
}