@charset "utf-8";

html{font:12px/1.5 Arial,sans-serif; color: #000; word-wrap:break-word; -webkit-text-size-adjust:none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,legend,input,textarea,p,th,td,figure{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; -webkit-tap-highlight-color:transparent; }
table{ width:auto; border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4{font-size:100%;font-weight:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
textarea{resize:none;}
a{text-decoration:none; outline:0;}

img{ vertical-align: middle; }
.container,.img_box{ max-width: 960px; margin: 0 auto; min-width: 320px; }




.header{ height: 40px; padding-left: 80px; margin-bottom: 20px; }
.header li{ line-height: 40px; float: left; width: 20%; text-align: center; }


.body{  }
.body .box{ position: relative; padding-left: 80px; height: 100px; margin-bottom: 10px; }
.body .box .name{ width: 76px; position: absolute; left: 0; top: 0; height: 100px; line-height: 100px; font-size: 14px; text-align: right; }
.body li{ line-height: 100px; float: left; width: 20%; text-align: center; }
.body li img{ cursor: pointer; width: 50%; }

.generate {
  width: 100px;
  text-align: center;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  text-shadow: 2px 2px 3px #000000;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 7px 20px 7px 20px;
  text-decoration: none;
  display: block;
  margin: 0 auto;
}

.generate:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
/*@media query for mobile*/
@media (max-width: 480px) {
	.body .box{ margin-bottom: 0; }
	.body li img{ width: 90%; }
}


.perload{ height: 0; overflow: hidden; }