*{padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6,b{ font-weight:normal; font-size:100%;}
input,select,button,textarea{vertical-align:middle;line-height:normal;font-size:100%;}
textarea{line-height:100%;} 
a{outline:0;cursor:pointer;*star:expression(this.onFocus=this.blur()); text-decoration:none; color:#444;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
table{border-spacing:1;}
img{border:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
p{word-break:break-all;text-justify:inter-ideograph; line-height:160%em;}
p{ font-size:14px; line-height:200%;}
.fl{float:left;}
.fl2{margin-left:10%}
.fr{float:right;}
.tCen{ text-align:center;}
.clear{clear:both;} 
.hd{ overflow:hidden;}
.block{ display:block;}
.none{ display:none;}
a {color: #666;-webkit-transition: 0.6s ease;-moz-transition: 0.6s ease;text-decoration: none;}
a:hover { color:#9E6C9D; -webkit-transition: 0.6s ease;-moz-transition: 0.6s ease;}
::-webkit-input-placeholder { /* WebKit browsers */color: #bbb;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #bbb; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #bbb;}
img{ max-width:100%; transition: all 0.6s;}
img:hover { transform: scale(1.02);}

body{}
h1{font-size:1.4em;color:#333; font-weight:600; margin:10px 0 10px; text-align:center}
h2{font-size:1em; color:#666; margin:0px 0 10px; text-align:center}
#main{ margin:5% auto 10px;	width:860px; font-size:1.2em;}
#main ul{ width:100%; margin:20px 0;}
#main .u1 li{ float:left; width:32%; margin-right:1%;margin-bottom:10px; }
#main .u1 li:nth-child(3n){ margin-right:0%;}
.logo{ text-align:center; margin-bottom:20px; }
.logo h1{ text-align: center;}

.about{ margin-top:50px;}
.about .info h1{ text-align: center;}
.about .info{ width:100%; }

@media only screen and (min-width:240px) and (max-width: 500px){
	#main{ margin:10% 2% 0;	width:96%;}
	.about{ margin-top:50px;}
h1{font-size:1em;}
h2{font-size:0.8em;}
.about{ margin-top:20px;}
.about .info{ float:none; width:100%; margin-left:0%;}
#main .u1 li{ float:left; width:48%; margin-right:2%; }
#main .u1 li:nth-child(3n){ margin-right:2%;}
#main .u1 li:nth-child(2n){ margin-right:0%;}

}