.clear:after {content:"";height:0;display:block;clear:both;}
.row {width:25%;float:left;padding:;}
body {font-family:"\5FAE\8F6F\96C5\9ED1";font-size:62.5%;}

/*-----header----*/
#header {padding:20px 0px;}
.logo{background:url("images/small_logo.png") no-repeat;width:90%;height:42px;margin:0 auto;}

/*----body-----*/
.banner {background:url("images/banner.jpg") no-repeat center center;background-size:cover;height:500px;}
.access {margin:0 auto;width:85%;margin-top:40px;}
.access a {display:block;width:162px;height:180px;padding-top:150px;cursor:pointer;margin:0 auto;}
.access .description {font-size:2em;display:inline-block;text-align:center;width:100%;}
.beans {background:url('images/beans_icon.png') no-repeat;}
.oil {background:url('images/oil_icon.png') no-repeat;}
.doil {background:url('images/doil_icon.png') no-repeat;}
.add {background:url('images/add_icon.png') no-repeat;}

/*----footer-----*/
#footer{margin-top:70px;margin-bottom:5px;color:#aaa;font-size:1.2em;}
#footer p {text-align:center;}