@charset "utf-8";
/* CSS Document */
html{ font: normal 62.5% Microsoft YaHei; }
body{ margin:0; font-size:1.4rem; }
.main{ margin:0 auto; width:1200px;}
.clr{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
img{ display:block;}
.red{color:#F25561;}

/*.loading{background:url(../images/loading.gif) 50% no-repeat #f0f0f0;}
.loading ul{opacity:0;opacity:0;}*/

a{ color:#444; text-decoration:none;}
a:hover{ color:#F25561;
transition-property:color;
transition-duration:0.4s;
/* Firefox 4 */
-moz-transition-property:color;
-moz-transition-duration:0.4s;
/* Safari and Chrome */
-webkit-transition-property:color;
-webkit-transition-duration:0.4s;
/* Opera */
-o-transition-property:color;
-o-transition-duration:0.4s;

transition-property: background-color;
transition-duration:0.4s;
/* Firefox 4 */
-moz-transition-property:background-color;
-moz-transition-duration:0.4s;
/* Safari and Chrome */
-webkit-transition-property:background-color;
-webkit-transition-duration:0.4s;
/* Opera */
-o-transition-property:background-color;
-o-transition-duration:0.4s;
}
.green{ color:#0B9444;}
.gay{ color:#666;}
.errmsg{ color:#F30;}
ul{ list-style:none; margin:0px; padding:0;}

#logo{ float:left;  margin:15px 0 0; width:150px;}
#logo img{ width:160px;}
#nav{ float:right; z-index:9999;  }
#logInfo{ float:right; margin-left:3.4rem; line-height:5rem;  text-decoration:none; }
#logInfo a{ color:#195E8B; font-size:1.8rem;}
#header{ position:relative; background-color:#85C7CB; width:100%; min-width:1200px;  }
#language{ position:absolute; top:10px; right:7.6%;}
#language a{ text-decoration:none;}
#nav ul{ list-style:none; margin:0;}
#nav ul.mainmenu{ float:right;  }
#nav li{float:left; position:relative; margin-left:3.4rem; display:block; }
#nav li a{display:block; color:#FFF; text-decoration:none; font-size:1.8rem; line-height:5rem; }

@media screen and (max-device-width: 1024px) {
	#nav li{margin-left:3.0rem;  }
	#nav li a{font-size:1.4rem;}
}


@media screen and (min-device-width: 1367px) and (max-device-width: 1440px) {
	#nav li{margin-left:3.0rem;  }
	#nav li a{font-size:1.5rem;}
	}

@media screen and (min-device-width: 1025px) and (max-device-width: 1366px) {
	#nav li{margin-left:3.0rem;  }
	#nav li a{font-size:1.5rem;}
	}
#gaga{
	margin-top:31px;display:none;margin-left:74%;
}
#gaga dt a:hover{ color:#FAE645;}
#gaga dl{
           width: 100px;
           display: block;
           margin-top: -30px;
           text-align: center;
		   background-color: #85C7CB;
       }	
#gaga dl dt{
           border-bottom: solid #FFF 1px;
            padding: 5px;
			
			
        }
#gaga dt a{
			color:#FFF;
			font-size:1.8rem;
            text-decoration: none;
            padding: 5px;
        }	
#gaga a:hover{ color:#FAE645;}	
#subNav{ position:absolute; top:55px; height:0;overflow:hidden;width:100px}
#subNav li a{ background: #85C7CB ;text-align: center;width:90px;line-height: 50px;}
#subNav li {float:left; margin-left:-20px;  border: solid 2px white;
            border-top-width: 0px;border-left-width: 0px;border-right-width: 0px;}	
#nav li a:hover{ color:#FAE645;}
#nav li a.selected{color:#FAE645;}
#nav li a.selected2{color:#FAE645;}
#nav li.selected .submenu{display:block;}
#nav li ul.submenu{position:absolute;top:3.1rem;left:calc(50% - 10rem); background-color:#999;  width:20rem; display:none;z-index:9999; }
#nav li ul.submenu li{text-align:center; width:100%; margin:0; }
#nav li ul.submenu li a{height:3.2rem; line-height:3.2rem; color:#fff; font-size:1.4rem;text-align:center; font-weight:normal;  }
#nav li ul.submenu li a:hover{ background-color:#FAE645;}

.boxTitle{ border-bottom:2px solid #999;  position:relative; margin-top:35px; margin-bottom:30px; }
.boxText{ background-color:#FFF; margin:0 auto;  display:inline; padding:0 5px; color:#333; position:absolute; height:25px; line-height:25px; top:-11px; font-size:20px; font-weight:bold;}
.boxText span.en{ font-style:italic; color:#999;}

.boxTitle .more{position:absolute; display:block; height:20px; line-height:20px; top:-10px; border-radius:2px; right:0px; background-color:#999; color:#FFF; padding:0 10px; font-size:1.2rem; text-decoration:none;}
.boxTitle .more:hover{ background-color:#F25561; color:#FFF;}

#pageList{ text-align:right; margin-top:20px; margin-bottom:10px; font-size:14px;}
#pageList a{display:inline-block;  text-decoration:none;text-align:center; border-radius:3px; border:1px solid #CCC;}
a.pageNum{ width:25px;  line-height:25px; margin:0 3px; font-weight:bold; }
a.pageControl{ width:70px; line-height:25px; margin:0 5px;  }
a.cur{ background-color:#F25561;; color:#FFF; border-color:#88C438;}
a.unavailable{ color:#bbb;}

a.pageNum:hover,a.pageControl:hover{ color:#F30;}
a.cur:hover{ background-color:#F30; color:#FFF;}
#footer{ background-color:#85C7CB; margin-top:20px; text-align:center; width:100%; min-width:1200px; color:#f9f9f9; padding:30px 0; line-height:180%;}

.menuTitle{ font-size:16px; font-weight:bold; margin:10px 25px 5px; border-bottom:2px solid #ccc; line-height:30px;}
.menuTextBox{ margin:0 25px;}
a.infosText{ display:block; border-bottom:1px dotted #999; line-height:28px;}
#tags{ margin-top:20px;}




/*reg*/
.regDiv{ border:1px solid #eee; padding:50px 40px 0px; width:500px; background-color:#FFF;}
.regDiv a{ text-decoration:underline;}
.loginDiv{ }
.inputText{ border:1px solid #eee; height:20px; padding:10px ; line-height:20px;  border-radius:5px; outline:none;}
.inputText2{ border:1px solid #eee; height:20px; padding:5px 10px ; line-height:20px;  border-radius:5px; outline:none;}
.inputText:hover,.inputText2:hover{ background-color:#fcfcfc;}
.inputText:focus,.inputText2:focus{
	box-shadow: 0px 0px 6px #007eff;;
  -webkit-box-shadow: 0px 0px 6px #007eff;
  -moz-box-shadow:  0px 0px 6px #007eff;
  -o-box-shadow: 0px 0px 6px #007eff;}
  
.inputTextarea{border:1px solid #eee;  padding:10px; line-height:18px;  border-radius:5px; outline:none;} 
.inputTextarea:hover{ background-color:#fcfcfc;}
.inputTextarea:focus{
	box-shadow: 0px 0px 6px #007eff;;
  -webkit-box-shadow: 0px 0px 6px #007eff;
  -moz-box-shadow:  0px 0px 6px #007eff;
  -o-box-shadow: 0px 0px 6px #007eff;}

.inputFull{width:calc(100% - 20px);}
.inputErr{ border:1px solid #F30; color:#F30;}
.inputNoPadding{padding-left:0px; padding-right:0px;}
.textCenter{ text-align:center;}
.regItem{ padding:5px 0;}
.regBottom{ border-top:1px solid #e7e7e7; margin:20px -40px 0; height:50px; line-height:50px; background-color:#fcfcfc;}
.btn{ background-color:#FFB000; padding:10px 0; text-align:center; width:100%; color:#FFF; border:0px;  border-radius:5px; cursor:pointer; display:block; }
.btn:hover{ background-color:#F79700; color:#FFF;}
.btnNormal{background-color:#55A32A; padding:10px 50px; text-align:center; color:#FFF; border:0px;  border-radius:5px; cursor:pointer;}
.btnSmall{background-color:#55A32A; padding:5px 20px; text-align:center; color:#FFF; border:0px;  border-radius:5px; cursor:pointer;}
.btnSmall:hover{ background-color:#3D8901; color:#FFF; }
.btnRed{background-color:#F36F20;}
.btnBlue{ background-color:#4A6BB2;}
.btnBlue{ background-color:#214796;}
.btnWrite{background-color:#f9f9f9; color:#333; border:1px solid #eee; width:auto; padding:10px 20px;}
.btnWrite:hover{ background-color:#f0f0f0; color:#000;}
.regTitle{ font-size:28px; font-weight:bold; margin-bottom:10px;}
.marginCenter{ margin:0 auto; }
.marginTop{ margin-top:50px; margin-bottom:50px;}
.regType{ border-bottom:2px solid #EEE; height:40px; margin:10px 0; }
.regType a{ color:#444; line-height:40px; padding:0 20px 10px; display:inline;margin-bottom:0px; font-size:16px;}
.regType a:hover{color:#00B161;}
.regType a.hover{ border-bottom:2px solid #00B161;color:#00B161; }

#getCode{ width:120px; text-align:center; line-height:30px; margin-top:5px; border-radius:3px; border:1px solid #e0e0e0; cursor:pointer; display:inline-block; text-decoration:none;}
#getCode:hover{ background-color: #f0f0f0;}
.clicked{ color:#bbb;  background-color: #f0f0f0;}
.clicked:hover{ color:#bbb;}