#footer { margin-top: 0; }
.area { width: 100%; background-position: 50% 0; }
.area .box { margin: 0 auto; width: 980px; }
#area { background-color: #000; }
#area1 { height: 1102px; background-image: url(area_01.jpg); }
#area2 { height: 644px; background-image: url(area_02.jpg); }
#area3 { height: 1247px; background-image: url(area_03.jpg); }
#area4 { height: 249px; background-image: url(area_04.jpg); }
#area5 { height: 1405px; background-image: url(area_05.jpg); }
#area6 { height: 726px; background-image: url(area_06.jpg); }
#area7 { height: 690px; background-image: url(area_07.jpg); }
#area8 { height: 200px; background-image: url(area_08.jpg); }
#area9 { height: 200px; background-image: url(area_09.jpg);  }

#area11 { height: 200px; background-image: url(area_11.jpg); }
#area12 { height: 200px; background-image: url(area_12.jpg); }
#area13 { height: 200px; background-image: url(area_13.jpg); }
#area14 { height: 200px; background-image: url(area_14.jpg); }
#area15 { height: 200px; background-image: url(area_15.jpg); }
#area16 { height: 200px; background-image: url(area_16.jpg); }
#area17 { height: 200px; background-image: url(area_17.jpg); }
#area18 { height: 200px; background-image: url(area_18.jpg); }
#area19 { height: 200px; background-image: url(area_19.jpg); }
#area20 { height: 200px; background-image: url(area_20.jpg); }
#area21 { height: 200px; background-image: url(area_21.jpg); }
#area22 { height: 200px; background-image: url(area_22.jpg); }
#area23 { height: 200px; background-image: url(area_23.jpg); }
#area24 { height: 200px; background-image: url(area_24.jpg); }
#area25 { height: 200px; background-image: url(area_25.jpg); }
#area26 { height: 200px; background-image: url(area_26.jpg); }
#area27 { height: 200px; background-image: url(area_27.jpg); }
#area28 { height: 200px; background-image: url(area_28.jpg); }
#area29 { height: 200px; background-image: url(area_29.jpg); }
#area30 { height: 200px; background-image: url(area_30.jpg); }
#area31 { height: 200px; background-image: url(area_31.jpg); } 
#area32 { height: 200px; background-image: url(area_32.jpg); }
#area33 { height: 200px; background-image: url(area_33.jpg); }
#area34 { height: 200px; background-image: url(area_34.jpg); }
#area35 { height: 200px; background-image: url(area_35.jpg); }

@-webkit-keyframes area1show1
{
0%{-webkit-transform:scale(1,1); }
88%{-webkit-transform:scale(1,1); }
91%{-webkit-transform:scale(1.1,1.1); }
94%{-webkit-transform:scale(1,1); }
97%{-webkit-transform:scale(1.1,1.1); }
100%{-webkit-transform:scale(1,1); }
}
#area1 .div1 { margin: 37px 0 0 392px; width: 209px; height: 216px; background:url(logo.png) 50% 50% no-repeat; background-size:cover; -webkit-animation:area1show1 5s; -webkit-animation-iteration-count:999; -webkit-animation-timing-function:linear; }

#area2 .div1 { margin: -20px 0 0 450px; width: 85px; height: 85px; }

#area26 .div1 { margin: 10px 0 0 400px; width: 180px; height: 80px; }

#area6 .div1{ margin:-6px 0 0 130px; width: 134px; height: 38px;}

#area8 .div1{ margin:24px 0 0 743px; width: 134px; height: 38px;}

#area10 .div1{ margin:25px 0 0 130px; width: 162px; height: 38px;}

#area12 .div1{ margin:57px 0 0 715px; width: 162px; height: 38px;}

#area14 .div1{ margin:57px 0 0 130px; width: 162px; height: 38px;}

#area15 .common1 { width: 180px; height: 35px;}
#area15 .common1 input { position: absolute; padding: 0 5px; width: 168px; height: 33px; line-height: 33px; border: none; color: #000; background: none; font-size: 14px; }
#area15 .div1 { margin: 100px 0 0 167px; }
#area15 .div2 { margin: 156px 0 0 167px; }
#area15 .div3 { margin: 102px 0 0 520px; }
#area15 .div4 { margin: 156px 0 0 522px; }
#area15 .div5 { margin:155px 0 0 748px; width: 160px; height: 37px; }
#area15 .div5 button { width: 160px; height: 37px; border: none; background: none; cursor: pointer; }
#area15 .div6 { margin: 107px 0 0 770px; text-align: center; width: 100px; height: 34px; line-height: 34px; font-size: 24px; color: #900; font-weight: bolder; font-family: ΢���ź�; }