@charset "utf-8";
/***********************CSS RESET*********************/


body{
    background:url(../../images/linen-lt.png);
    
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
     background-color: transparent;
                padding: 0;  
                border: 0;
}

h1.title {
    font: 32px "microsoft yahei";
    margin:10px 20px;
}
/* Forms */

::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background: #FDFDFD;}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

@-webkit-keyframes animate-cloud {
  from {
    background-position: 600px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@-moz-keyframes animate-cloud {
  from {
    background-position: 600px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@-ms-keyframes animate-cloud {
  from {
    background-position: 600px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@-o-keyframes animate-cloud {
  from {
    background-position: 600px 100%;
  }
  to {
    background-position: 0 100%;
  }
}

html{
	height: 100%;
}
body{
   background:url(../images/cloud.png) 0 bottom repeat-x  #049ec4;
  -webkit-animation: animate-cloud 20s linear infinite;
  -moz-animation: animate-cloud 20s linear infinite;
  -ms-animation: animate-cloud 20s linear infinite;
  -o-animation: animate-cloud 20s linear infinite;
  animation: animate-cloud 20s linear infinite;
  width: 100%;
  height: auto;
}


.head{background:url(body_bg.png) repeat-x 0 0;text-align:right;color:#afe3f3}
.head .area{height:97px;background:url(head_bg.jpg) no-repeat center 0}
.head .logo{float:left;width:220px;padding-top:9px}
.head .logo a{float:left;width:210px;height:56px;line-height:999px;overflow:hidden}
.head .head_right,.head .head-right{float:right;width:736px;padding-top:8px;padding-right:4px;color:#fff;text-align:right}
.head span{margin:0 0 0 12px;vertical-align:middle}
.head a:link,.head a:visited{color:#0a467c}
.head a:hover{text-decoration:underline}
.head .feedback a:link,.head .feedback a:visited,.head .feedback a:hover,.head .help a:link,.head .help a:visited,.head .help a:hover{color:#fff}
.head span.help{margin-left:0}
.head span.sep{margin:0 5px}
.head .gov{margin-left:7px}
.head .gov a:link,.head .gov a:visited,.head .gov a:hover{display:inline-block;height:19px;width:89px;padding-top:4px;padding-left:13px;line-height:15px;*line-height:19px;_line-height:15px;text-align:left;background:url(head_btn.png) no-repeat;color:#fff}
.head .head_contact{position:relative;height:24px;margin-top:11px;padding-right:109px;line-height:24px;color:#b9cde7}
.head .contactOnError{padding-right:0}
.head .head_contact span{margin-left:3px}
.head .head_contact span.retail{margin-left:8px}
.head .head_contact .wpa{position:absolute;right:0;top:0}
.head .tools{padding-top:10px;padding-right:2px}
.head .tools span{display:inline-block;height:16px;padding-left:22px}
.head .tools .phone{background:url(head_kf.png) no-repeat 0 1px}
.head .tools .mail{background:url(head_mail.png) no-repeat 0 0}
.head .tools .mail a{color:#fff}