@charset "utf-8";
/* global set start */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,table,td,tr,input{margin:0px;padding:0px;line-height:150%;}
div,body,tr,th{text-align:center;}
div, span, th, td, dt, dd, h1, h2, h3, h4, h5, h6, em, strong, i, a, b, a, p, ul, li {word-wrap:break-word;}
body{font-size:12px; font-family:Arial, Helvetica,verdana, sans-serif;}
table{border-collapse:collapse;border-spacing:0;margin-left:auto;margin-right:auto;border-width:0 none;}
ol,ul,li {list-style-type:none;}

a,a:link {text-decoration:none;color:#000;}
a:visited {text-decoration:none;color:#000;}
a:hover {text-decoration:underline;color:#900;}
a:active {text-decoration:none;color:#000;}
a{text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:none;}
.clear{	height: 1px;background-color: transparent;overflow: hidden;clear: both;}

.height_5{
	height:5px !important;
	_height:5px;
	overflow:hidden;
}
.height_10{
	height:10px !important;
	_height:10px;
	overflow:hidden;
}
/* global set end */

/* page layout start*/
body{
	background-image:url(../images/download/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#wapper{
	width:980px;
	height:auto !important;
	height:800px;
	min-height:800px;
	margin:0 auto;
}
#top{
	marign:0 auto;
	height:308px;
	width:980px;
	background-image:url(../images/download/top.jpg);
	position:relative;
	}
#lineBg{
	width:980px;
	height:26px;
	background-image:url(../images/index/line.jpg);
}
#menu{
	width:901px;
	height:55px;
	margin:0 auto;
	position:relative;
}
#content{
	width:901px;
	height:auto !important;
	height:600px;
	min-height:600px;
	margin:0 auto;
	background-image:url(../images/download/reg2.jpg);
	background-repeat:repeat-y;
}
#conArea{
	width:901px;
	height:auto !important;
	height:600px;
	min-height:600px;
	margin:0 auto;
	background-image:url(../images/download/reg1.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
}
#left{
	width:243px;
	height:auto !important;
	height:550px;
	min-height:550px;
	margin:0 auto;
	float:left;
}
.leftMenu{
	width:226px;
	float:right;
}
.leftMenu ul li a:link,.leftMenu ul li a:visited{
	list-style-type:none;
	padding:0px;
	margin:0px;
	text-align:left;
	width:226px;
	height:51px;
	font-size:16px;
	line-height:51px;
	vertical-align:middle;
	display:block;
	color:#7e7e7e;
	text-indent:2em;
}
.leftMenu ul li a:hover,.leftMenu ul li a:active{
	list-style-type:none;
	padding:0px;
	margin:0px;
	text-align:left;
	width:226px;
	height:51px;
	font-size:16px;
	line-height:51px;
	vertical-align:middle;
	display:block;
	color:#c59327;
	text-indent:2em;
	text-decoration:none;
	background-image:url(../images/download/leftMenuBg.jpg);
}
.selectedMenu a:link,.selectedMenu a:visited{
	display:block;
	color:#c59327;
	text-indent:2em;
	text-decoration:none;
	background-image:url(../images/download/leftMenuBg.jpg);
}
#right{
	width:640px;
	height:auto !important;
	height:550px;
	min-height:550px;
	margin:0 auto;
	float:right;
}
#rightArea{
	width:615px;
	height:auto !important;
	height:550px;
	min-height:550px;
}
#conBottom{
	width:901px;
	height:29px;
	background-image:url(../images/download/reg3.jpg);
}
#bottom{
	width:970px;
	margin:0 auto;
	height:56px;
	background-image:url(../images/index/bottomBg.jpg);
	position:relative;
}
.regArea{
	width:100%;
	height:auto !important;
	height:400px;
	min-height:400px;
	margin:0 auto;
}
.regTitle{
	color:#c59327;
	font-weight:bold;
	font-size:16px;
}
.conLine{
	width:615px;
	height:41px;
	margin:0 auto;
	background-image:url(../images/register/line.jpg);
}
.conTxt{
	width:94%;
	font-size:12px;
	color:#75786c;
	text-align:left;
	margin:0 auto;
	line-height:130%;
}
.regTable td{color:#cecece;font-size:13px;}
.txtColor{font-size:14px;color:#cecece;}
.txtYellow{color:#ffc103; text-decoration:underline;}

.regBtn a:link,.regBtn a:visited{
	width:120px;
	height:40px;
	background-image:url(../images/register/regBtn.jpg);
	background-position:0px 0px;
	margin:0 auto;
	display:block;
	text-decoration:none;
}

.regBtn a:hover,.regBtn a:active{
	width:120px;
	height:40px;
	background-image:url(../images/register/regBtn.jpg);
	background-position:0px -40px;
	margin:0 auto;
	display:block;
	text-decoration:none;
}
.inputSty1{ 
	background-color:#7f7b72;
	width:170px;
	height:20px;
	border:1px solid #111;
	color:#000;
	padding:1px;
}
.inputSty{ 
width:15px;height:15px;
color:#000;
}
.psdBtn a:link,.psdBtn a:visited{
	width:120px;
	height:40px;
	background-image:url(../images/register/regBtn.jpg);
	background-position:-120px 0px;
	margin:0 auto;
	display:block;
	text-decoration:none;
}

.psdBtn a:hover,.psdBtn a:active{
	width:120px;
	height:40px;
	background-image:url(../images/register/regBtn.jpg);
	background-position:-120px -40px;
	margin:0 auto;
	display:block;
	text-decoration:none;
}
.txtTitle{
	text-align:left;
	color:#0c9fbf;
	font-size:16px;
	font-weight:bold;
}
.lineDot{
	width:100%;
	height:5px;
	overflow:hidden;
	border-bottom:1px dotted #151310;
}

.tips{ background:#FFF9F0;border: solid 1px #EDE1DC; padding:5px 10px; font-size:14px; margin:20px 10px; }
.tipsSuc{ background:#2E2B24;padding:5px; color:#339900; position:absolute;width:250px; top:-11px;text-align:left;}
.tipsError{ background:#FFE1E1;border: solid 1px #ffe1e1; padding:5px; color:#cb4445; position:absolute;width:250px; top:-13px; text-align:left;}
.tipsWord{
    position:absolute; 
    top:-13px;
    width:280px; 
    
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    color:#fff;
    text-align:left;
    font-size:12px;
    opacity:0.8;
    filter: alpha(opacity = 80);

  
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

.re{ position:relative;}

.errorMsg{ background:#FFE1E1;border: solid 1px #ffe1e1; padding:10px; color:#cb4445;text-align:left;margin-bottom:10px;}
.inforMsg{ background:#FFFFEB;border: solid 1px #FFFFEB; padding:10px; color:#161000;text-align:left;margin-bottom:10px;}

.iconSuc,.iconError,.iconFault,.iconClose,.iconNotice,.iconLock,.iconArrow,.iconArrowDown{ background:url(../images/icon.gif) no-repeat; height:14px; width:14px; vertical-align:middle;}
.iconError{ background-position:left -50px;}
.iconLock{background-position:left -300px;}
.iconArrow{background-position:left -350px; cursor:pointer;}
.iconArrowDown{ background-position:left -400px; cursor:pointer; }
.iconText{ cursor:pointer;}
.ulList li{ margin-left:25px; list-style-type:decimal;}
.ulList1 li{ margin-left:25px; list-style-type:circle;;}

#registerVideoBox {
  position: absolute;
  bottom: 75px;
  left: 35px;
  width: 180px;
  height: 275px;
  z-index: 20;
  overflow: hidden;
  border-radius: 8px;
  pointer-events: none; 
}

#registerVideoBox video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tassel {
  position: absolute;
  z-index: 99;
  pointer-events: none;
  width: 46px; 
  height: auto;
}

.tassel-top {
  top: 300px;
  left: 228px; 
}

.tassel-bottom {
  bottom: 20px;
  left: 120px; 
}

.floating1 {
  animation: sway1 6.5s ease-in-out infinite;
  transform-origin: top center;
}

.floating2 {
  animation: sway2 7.2s ease-in-out infinite;
  transform-origin: top center;
}

@keyframes sway1 {
  0%   { transform: rotate(0.4deg); }
  20%  { transform: rotate(1.5deg); }
  40%  { transform: rotate(-1.2deg); }
  60%  { transform: rotate(1.8deg); }
  80%  { transform: rotate(-1deg); }
  100% { transform: rotate(0.4deg); }
}

@keyframes sway2 {
  0%   { transform: rotate(-0.6deg); }
  20%  { transform: rotate(1.3deg); }
  40%  { transform: rotate(-1.5deg); }
  60%  { transform: rotate(1.1deg); }
  80%  { transform: rotate(-0.8deg); }
  100% { transform: rotate(-0.6deg); }
}