*{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:#fff;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
table{border-spacing:1;}
img{border:0;max-width:100%;}
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: #000;-webkit-transition: 0.6s ease;-moz-transition: 0.6s ease;text-decoration: none;}
a:hover { color:#666; -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;}

body{}
h1{font-size:1em; font-weight:600; margin:0px 0 10px;}
#main{ margin:4% auto 0; width:960px; font-size:1.2em;}
#main ul{ width:100%; margin:20px 0;}
.logo{ text-align:center; margin-bottom:10px; font-size:1.5em}

.about{ margin-top:30px;}
.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{ text-align: center;}
.about .info{ float:none; width:100%; margin-left:0%;}
}