@charset "utf-8";
/*code based on Stu Nicholls "ultimate dropdown menu"

http://www.cssplay.co.uk*/

/*common styling*/

/*menu container*/

.menucontainer{  width:850px; text-align:center; margin:8px auto 0px auto; float:right; _height:29px; position:relative; z-index:1000;  }

/*basic menu styling*/

.menu {float:left;width:100%;position:relative;font-size:14px;  height:35px;}

.menu ul {padding:0;margin:0;list-style-type:none;float:left;position:relative; }

.menu ul li {float:left;position:relative;display:inline; height:35px; background:none;/*font-family: "Microsoft Yahei", "΢���ź�", Tahoma, Arial, Helvetica, STHeiti;*/font-family:Arial, Helvetica, sans-serif;}

/*style of main items normal state*/

.menu ul li a, .menu ul li a:visited {float:left;display:block;background:none;text-decoration:none;width:auto; color:#494949;padding:0px 15px 0px 15px;line-height:35px;height:35px;/*width:100px; *width:100px;*/  font-weight:bold;font-size:14px; font-family:Arial, Helvetica, sans-serif;  }



/*hide sub nav items*/

.menu ul li ul {display:none;}

/*clear the main nav bg*/

.menu ul li ul li{background:none;}

/*style for table of sub nav items*/

.menu ul li:hover a {color:#fff;line-height:35px; height:35px;font-size:14px; background:#0a869a; font-weight:bold; }

 #select { line-height:35px; height:35px;font-size:14px;background:#0a869a;color:#fff;}
 #select:hover { line-height:35px; height:35px;font-size:14px; background:#0a869a; color:#FFFFCC; }
/*specific to non IE browsers*/

/*main nav over state*/



/*show drop-down list*/

.menu ul li:hover ul {display:block;position:absolute;top:35px;margin-top:-1px;left:0px;width:180px; background:#0a869a; height:0px; text-align:left;}

/*drop-down on state*/

.menu ul li:hover ul li a {display:block;color:#fff;line-height:37px; height:37px;padding:0px 3px 0px 8px;width:169px; font-size:13px; background:#0a869a;font-family:Arial, Helvetica, sans-serif; text-align:left;}

.menu ul li:hover ul li a:hover {display:block;color:#FFFFCC;  background:#0a869a;line-height:37px; height:37px;padding:0px 3px 0px 8px;width:169px;font-size:13px;font-family:Arial, Helvetica, sans-serif;text-align:left;}

/*sub drop-down over state*/

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width:100%;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #0a869a;
  color: #fff;	
  padding: 5px;
}

ul#menu li a:hover {
  background: #ff8400;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #0a869a solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }


.mod18Box { margin: 0px auto; width:448px; }
.mod18Box  img{ padding:0;}
.mod18{ width:448px; height:269px; margin: 0px auto; position: relative; background:url(../images/xx_03.jpg);  }
.mod18 .btn{position:absolute;width:15px;height:70px;top:336px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0; }
.mod18 #prevTop,.mod18 #nextTop{top:140px;width:46px;height:48px;}
.mod18 #prevTop{ }
.mod18 #nextTop{ }
.mod18 .next{right:0; }
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:448px;height:280px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:400px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:330px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:280px;position:absolute;}
.mod18 .picBox li{width:448px;height:269px;}
.mod18 .listBox{ width: 440px; height: 92px; margin: -50px auto 0 auto; position: relative;  overflow: hidden; }
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:147px;height:92px;cursor:pointer;position:relative; background:url(../images/xx_05.jpg); }
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:124px;height:70px;}
.mod18 .listBox li img{width:140px;height:84px;}
.mod18 .listBox .on img{width:138px;height:82px;border:2px solid #c80000;}
.mod18 .listBox .on i{display:block;}


#con {
	FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH: 100%;
}
#tags {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT:45px; border-bottom:#cccccc 1px dashed;
}
#tags LI {
	BACKGROUND: url(images/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 10px; LIST-STYLE-TYPE: none; HEIGHT:45px
}
#tags LI A {
	font-size:20px; font-family:'Times New Roman', Times, serif;    FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #999; LINE-HEIGHT: 45px; PADDING-TOP: 0px; HEIGHT:45px; TEXT-DECORATION: none
}
#tags LI.emptyTag {
	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px
}
#tags LI.selectTag {
	BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT:45px;font-size:20px; font-family:'Times New Roman', Times, serif; font-weight:bold;  
}
#tags LI.selectTag A {
	BACKGROUND-POSITION: right top; COLOR: #303030; LINE-HEIGHT:45px; HEIGHT:45px;font-size:20px; font-family:'Times New Roman', Times, serif; font-weight:bold; 
}
#tagContent {
	 PADDING-RIGHT: 1px;  PADDING-LEFT: 1px; PADDING-BOTTOM: 1px;   PADDING-TOP: 1px;  BACKGROUND-COLOR: #fff
}
.tagContent {
	  DISPLAY: none;  BACKGROUND: url(images/bg.gif) repeat-x;  WIDTH: 100%; COLOR: #474747;   min-height: 250px
}
#tagContent DIV.selectTag {
	DISPLAY: block
}

/* login */
.login-header{width:100%;text-align:center;height:30px;font-size:24px;line-height:30px;}
.login{width:500px;position:fixed;border:#00809a solid 3px;height:400px;top:50%;left:50%;display:none;background:#ffffff;box-shadow:0px 0px 20px #ddd;z-index:9999;margin-left:-250px;margin-top:-140px;}
.login-title{width:100%;margin:10px 0px 0px 0px;text-align:center;line-height:40px;height:40px;font-size:18px;position:relative;}
.login-title span{position:absolute;font-size:12px;right:-20px;top:-30px;background:#ffffff;border:#ebebeb solid 1px;width:40px;height:40px;border-radius:20px;}
.login-title span a{display:block;}
.login-input-content{margin-top:20px;}
.login-input {overflow:hidden;margin:0px 0px 20px 0px;}
.login-input label{float:left;width:90px;padding-right:10px;text-align:right;line-height:35px;height:35px;font-size:14px;}
.login-input input.list-input{float:left;line-height:35px;height:35px;width:350px;border:#ebebeb 1px solid;text-indent:5px;}
.login-button{width:50%;margin:30px auto 0px auto;line-height:40px;font-size:14px;border:#ebebeb 1px solid;text-align:center;}
.login-button a{display:block;}
.login-bg{width:100%;height:100%;position:fixed;top:0px;left:0px;background:#ebebeb;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;display:none;}