/* CSS Document 2009.6.24 */
body { font-family:"ËÎÌå", arial;margin:0; padding:0; background: #FFF; font-size:12px; color:#000; line-height:150%;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; }
li{list-style-type:none;}
img{vertical-align:top;}
strong{font-weight:normal;}
em {font-style:normal;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:12px; font-weight:normal;}
p{ margin:0px; text-indent:24px;}
/* Link */
a:link {color: #ffffff; text-decoration:none;}
a:hover {color: #ffffff; text-decoration:underline;}
/* Font  */
.fB {font-weight: bold;}
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}
/* other  */
.hide{ display:none;}
.clear{ clear:both;}
/* html  */
#warp{ width:1002px; padding:0px; margin:0px auto; position:relative;}
#warp .gw{ width:95px; height:95px; position:absolute; top:50px; left:173px; z-index:9999;}
#warp .layer1{ height:103px; background:url(images/index_r1_c1.jpg) no-repeat;}
#warp .layer2{ height:174px; background:url(images/index_r2_c1.jpg) no-repeat; position:relative;}
#warp .layer2 .sub1{width:108px; height:111px; position:absolute; left: 88px; top: 3px;}
#warp .layer2 .sub2{width:97px; height:98px; position:absolute; left: 185px; top: 41px;}
#warp .layer3{ height:184px; background:url(images/index_r3_c1.jpg) no-repeat; position:relative;}
#warp .layer3 .sub1{width:91px; height:31px; position:absolute; left: 788px; top: 152px;}
#warp .layer4{ background:url(images/index_r6_c1.jpg) repeat-y;}
#warp .layer4 .content{ background:url(images/index_r4_c1.jpg) no-repeat center top; padding-top:50px; width: 1002px;}
#warp .layer4 .content .title{ width:690px; height:88px; margin:0px auto; background:url(images/index_r7_c1.jpg) no-repeat;}
#warp .layer4 .content .text{ width:660px; background-color:#FFFFFF; margin:0px auto; padding:10px 15px; font-size:12px; font-weight:bold;}
#warp .layer4 .content .title2{ width:642px; _width:653px; height:719px; margin:0px auto; background:url(images/index_r8_c1.jpg) no-repeat; position:relative; padding:75px 0px 0px 48px; _padding:75px 0px 0px 37px;}
#warp .layer4 .content .bg{ width:667px; height:113px; position:absolute; left:46px; _left:37px;}
#warp .layer4 .content .bg1{ top:106px;}
#warp .layer4 .content .bg2{ top:240px;}
#warp .layer4 .content .bg3{ top:374px;}
#warp .layer4 .content .bg4{ top:506px;}
#warp .layer4 .content .bg5{ top:637px;}
#warp .layer4 .content .title2 a{width:40px;height:25px;position:absolute;left: 627px; z-index:9999;}
#warp .layer4 .content .title2 .sub1{top: 187px;}
#warp .layer4 .content .title2 .sub2{top: 321px;}
#warp .layer4 .content .title2 .sub3{top: 456px;}
#warp .layer4 .content .title2 .sub4{top: 587px;}
#warp .layer4 .content .title2 .sub5{top: 718px;}
#warp .layer4 .content .title2 li{ width:129px; height:87px; border:thin solid #FFFFFF; background-color:#DEDEDE; float:left; margin:13px 0px 0px 11px; text-align:center;}
#warp .layer4 .content .title{ width:690px; height:58px; margin:0px auto; background:url(images/index_r7_c1.jpg) no-repeat;} 
/* page  */
#page{ width:1002px; padding:0px; margin:0px auto; position:relative;}
#page .gw{ width:95px; height:95px; position:absolute; top:50px; left:173px; z-index:9999;}
#page .layer1{ height:103px; background:url(images/index_r1_c1.jpg) no-repeat;}
#page .layer2{ height:174px; background:url(images/index_r2_c1.jpg) no-repeat; position:relative;}
#page .layer2 .sub1{width:108px; height:111px; position:absolute; left: 88px; top: 3px;}
#page .layer2 .sub2{width:97px; height:98px; position:absolute; left: 185px; top: 41px;}
#page .layer3{ height:184px; background:url(images/index_r3_c1.jpg) no-repeat; position:relative;}
#page .layer3 .sub1{width:91px; height:31px; position:absolute; left: 788px; top: 152px;}
#page .layer4{ background:url(images/page_r6_c1.jpg) repeat-y;}
#page .layer4 .content{height:950px; background:url(images/page_r4_c1.jpg) no-repeat center top; padding-top:50px; position:relative;}
#page .layer4 .content .sub{ width:120px; height:53px; position:absolute; top:72px;}
#page .layer4 .content .sub1{ left:180px;}
#page .layer4 .content .sub1:hover{ background:url(images/page_r5_c2.jpg) no-repeat 0px 0px;}
#page .layer4 .content .subn1{ left:180px; background:url(images/page_r5_c2.jpg) no-repeat 0px 0px;}
#page .layer4 .content .sub2{ left:310px;}
#page .layer4 .content .sub2:hover{ background:url(images/page_r5_c2.jpg) no-repeat -130px 0px;}
#page .layer4 .content .subn2{ left:310px; background:url(images/page_r5_c2.jpg) no-repeat -130px 0px;}
#page .layer4 .content .sub3{ left:439px;}
#page .layer4 .content .sub3:hover{ background:url(images/page_r5_c2.jpg) no-repeat -259px 0px;}
#page .layer4 .content .subn3{ left:439px; background:url(images/page_r5_c2.jpg) no-repeat -259px 0px;}
#page .layer4 .content .sub4{ left:568px;}
#page .layer4 .content .sub4:hover{ background:url(images/page_r5_c2.jpg) no-repeat -388px 0px;}
#page .layer4 .content .subn4{ left:568px; background:url(images/page_r5_c2.jpg) no-repeat -388px 0px;}
#page .layer4 .content .sub5{ left:698px;}
#page .layer4 .content .sub5:hover{ background:url(images/page_r5_c2.jpg) no-repeat -518px 0px;}
#page .layer4 .content .subn5{ left:698px; background:url(images/page_r5_c2.jpg) no-repeat -518px 0px;}
#page .layer4 .content .pic{ width:700px; margin:0px auto; position:absolute; left:165px; top:150px;}
#page .layer4 .content .pic li{ width:197px; height:379px; background:url(images/page_r9_c1.jpg) no-repeat; margin:0px 0px 30px 20px;  _margin:0px 0px 30px 14px; float:left; position:relative;}
#page .layer4 .content .pageto{width:650px; height:30px; margin:0px auto; text-align:center;}
#page .layer4 .pageto .s1{ padding:3px; border:1px solid #dedede;}
#page .layer4 .pageto .s1:hover{background-color:#FF0000;	text-decoration: underline;}
#page .layer4 .content .pic li .vote{ width:74px; height:25px; position:absolute; top:341px; left:104px;}
#page .layer4 .content .pic li .name{ position:absolute; top:18px; left:65px; color:#FFFFFF; font-weight:bold; font-size:16px; letter-spacing:5px;}
#page .layer4 .content .pic li .photos{ width:156px; height:205px; position:absolute; top:43px; left:20px;}
#page .layer4 .content .pic li .explain{ width:149px; height:63px; position:absolute; top:268px; left:25px;color:#FFF;}
#page .layer4 .down{ height:27px; background:url(images/page_r8_c1.jpg) no-repeat;}
/* from  */
#page .layer4 .content2{height:836px; background:url(images/From_r4_c1.jpg) no-repeat center top; position:relative;}
#page .layer4 .content2 .submit{ width:198px; height:59px; position:absolute; top:664px; left:402px;}
#page .layer4 .content2 .input{ width:460px; height:22px; border:0px solid #000000; position:absolute; left:328px; padding-top:8px; font-size:14px;}
#page .layer4 .content2 .input1{ top:189px;}
#page .layer4 .content2 .input2{ top:264px;}
#page .layer4 .content2 .input3{ top:336px;}
#page .layer4 .content2 .input4{ top:410px;}
#page .layer4 .content2 .input5{ width:346px; top:483px; left:443px;}
#page .layer4 .content2 .input6{ top:551px;}

.layer5{ width: 1002px; margin: 0 auto; height:258px; background:url(images/index_r5_c1.jpg) no-repeat center bottom;  }
.layer5 .copy{ width:400px; height:60px; padding-top:90px; padding-left:340px; font-size:12px; line-height:140%; color:#FFFFFF;}
.layer5 .copy a{text-decoration: none; color:#ffffff;}
.layer5 .copy a:hover {text-decoration: underline;}