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

/* main tag */
html{
	background:url(../img/background.jpg) center top no-repeat !important;
}

body{
	width:1000px;
	margin:0px auto;
}

html,
body{
	font-family:'CircularRegular';
	font-size:18px;
}

a{
	cursor:pointer;
	text-decoration:none;
}

*:focus{
	outline: none;
}

::-moz-selection{
   background-color: #dd98ae;
   color: #fff;
}

::-webkit-selection{
   background-color: #dd98ae;
   color: #fff;
}

::selection{
    background-color: #dd98ae;
    color: #fff;
}

@font-face{
    font-family: 'CircularRegular';
    src: url('../font/circular-webfont.eot');
    src: url('../font/circular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/circular-webfont.woff') format('woff'),
         url('../font/circular-webfont.ttf') format('truetype'),
         url('../font/circular-webfont.svg#CircularRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.opacity{
	opacity:0.4;
}

/* alert */
.alert{
	display:none;
	background:url(../img/bg_back80.png) repeat;
	height:100%;
	width:100%;
	position:fixed;
	left:0px;
	top:0px;
	z-index:999999;
}

.alert_sitename{
	clear:both;
	height:55px;
	width:250px;
	font-size:60px;
	font-weight:normal;
	text-align:center;
	color:#f8991d;
	position:relative;
}

.alert_sitename span{
	color:#2279be;
}

.alert_sitedes{
	clear:both;
	height:25px;
	width:250px;
	margin:0px auto;
	font-size:24px;
	font-weight:normal;
	text-align:center;
	color:#ccc;
	position:absolute;
	left:0px;
	bottom:-25px;
}

.alert_logo{
	background:url(../img/logo_header.png) center no-repeat;
	height:100px;
	width:50px;
	position:absolute;
	left:-35px;
	bottom:-20px;
}

/* alert_msg */
.alert_msg{
	background:url(../img/bg_back80.png) repeat;
	height:100%;
	width:100%;
	position:fixed;
	left:0px;
	top:0px;
	z-index:999999;
}

.alert_msg_text{
	float:left;
	background:#fff;
	border-radius:5px;
	border-top:5px solid #d17a96;
	padding:25px 30px 30px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	line-height:30px;
	color:#555;
	position:absolute;
	top:-9999px;
	left:-9999px;
}

/* banner */
.banner_left{
	float:left;
	background:#696;
	width:170px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:5;
}

.banner_right{
	float:left;
	background:#696;
	width:170px;
	position:fixed;
	top:0px;
	right:0px;
	z-index:5;
}

.banner_box{
	float:left;
	width:170px;
}

.banner_exit{
	cursor:pointer;
	height:25px;
	width:170px;
	padding-top:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	text-align:center;
	color:#aaa;
	position:absolute;
	left:0px;
	bottom:-35px;
}

.banner_exit:hover{
	font-weight:bold;
	color:#2279BE;
}

/* login */
.login{
	display:none;
	background:#dd98ae;
	height:400px;
	width:300px;
	border-radius:5px;
	position:fixed;
	left:0px;
	top:0px;
	z-index:1000000;
}

.login_wrap{
	height:394px;
	width:294px;
	border:1px solid #eeccd7;
	border-radius:5px;
	position:absolute;
	top:2px;
	left:2px;
}

.login_title{
	clear:both;
	width:294px;
	padding:15px 0px 20px;
	font-size:40px;
	text-align:center;
	color:#774c4c;
}

.login_title span{
	font-size:24px;
}

.txt_login{
	clear:both;
	height:35px;
	width:220px;
	margin:0px 0px 15px 27px;
	border:0px;
	padding:5px 10px 0px;
	font-family:'CircularRegular';
	font-size:25px;
	line-height:35px;
	color:#555;
}

.login_des{
	clear:both;
	height:25px;
	width:240px;
	margin-left:27px;
	font-size:24px;
	color:#774c4c;
}

.login_regis{
	clear:both;
	height:25px;
	width:294px;
	margin-top:15px;
	font-size:24px;
	text-align:center;
	color:#cb7390;
}

.login_regis a{
	color:#774c4c;
}

.login_regis a:hover{
	color:#fff;
}

.login_checkbox{
	clear:both;
	height:30px;
	width:244px;
	padding-left:50px;
}

.login_chkdes{
	cursor:pointer;
	float:left;
	height :27px;
	width:140px;
	padding-top:3px;
	font-size:24px;
	text-align:center;
	line-height:30px;
	color:#774c4c;
}

.login_chkdes:hover{
	color:#fff;
}

.chk_false{
	float:left;
	background:#fff;
	height :8px;
	width:8px;
	margin: 10px;
	padding: 2px;
	border:0px solid #774c4c;
}

.chk_true{
	display:none;
	float:left;
	background:#aaa;
	height :8px;
	width:8px;
}

.chk_login{
	display:none;
}

.login_button{
	cursor:pointer;
	background:url(../img/btn_light_h25.png) repeat-x;
	background-color:#cb7390;
	height:50px;
	width:240px;
	margin:5px 0px 0px 27px;
	border:0px;
	border-radius:5px;
	font-family:'CircularRegular';
	font-size:24px;
	color:#f9d3df;
	
	text-shadow: 1px 1px 2px #946868;
	filter: dropshadow(color=#946868, offx=1, offy=1);
}

.login_button:hover{
	background-color:#ba617f;
	color:#fff;
}

/* setting */
.setting{
	display:none;
	background:#dd98ae;
	height:200px;
	width:300px;
	border-radius:5px;
	position:fixed;
	left:0px;
	top:0px;
	z-index:1000000;
}

.setting_wrap{
	height:194px;
	width:294px;
	border:1px solid #eeccd7;
	border-radius:5px;
	position:absolute;
	top:2px;
	left:2px;
}

.setting_title{
	clear:both;
	width:294px;
	padding:15px 0px 5px;
	font-size:40px;
	text-align:center;
	color:#774c4c;
}

.setting_title span{
	font-size:24px;
}

.setting ul li{
	clear:both;
	width:294px;
	margin:15px 0px;
	font-size:24px;
	text-align:center;
	color:#774c4c;
}

.setting ul li a{
	color:#774c4c;
}

.setting ul li a:hover{
	cursor:pointer;
	color:#fff;
}


/* header */
#header{
	clear:both;
	float:left;
	height:100px;
	width:1000px;
	padding-top:30px;
	position:relative;
}

#header h1{
	clear:both;
	height:55px;
	width:250px;
	margin:0px auto;
	font-size:60px;
	font-weight:normal;
	text-align:center;
	color:#f8991d;
	position:relative;
}

#header h1 span{
	color:#2279be;
}

.logo_des{
	clear:both;
	height:25px;
	width:250px;
	font-size:24px;
	font-weight:normal;
	text-align:center;
	color:#8c7070;
	position:absolute;
	left:0px;
	bottom:-25px;
}

.logo_header{
	background:url(../img/logo_header.png) center no-repeat;
	height:100px;
	width:50px;
	position:absolute;
	left:-35px;
	bottom:-20px;
}

.header_member{
	height:25px;
	font-size:20px;
	text-align:right;
	line-height:25px;
	color:#555;
	position:absolute;
	top:5px;
	right:10px;
}

.header_member a{
	color:#555;
}

.header_member a:hover{
	color:#dd98ae;
}

.header_member span{
	color:#ddd;
}

/* nav */
#nav{
	clear:both;
	float:left;
	background:url(../img/nav_bg.png) repeat-x;
	background-color:#dd98ae;
	height:50px;
	width:1000px;
	border-radius:5px;
}

#nav a{
	color:#fff;
}

#nav ul li{
	cursor:pointer;
	float:left;
	background:url(../img/nav_separator.png) left top no-repeat;
	height:35px;
	padding-top:15px;
	font-size:24px;
	text-align:center;
	color:#fff;
	position:relative;
	
	text-shadow: 1px 1px 1px #b57e89;
    filter: dropshadow(color=#b57e89, offx=1, offy=1);
}

#nav ul li:hover{
	background:url(../img/nav_h.png) repeat-x;
}

.nav1{width:150px;}
.nav2{width:100px;}
.nav3{width:50px;}

#nav ul li img{
	margin-top:-15px;
}

.nav_des{
	background:#d17a96;
	height:23px;
	width:70px;
	border-radius:10px;
	padding-top:7px;
	font-size:20px;
	color:#fff;
	position:absolute;
	top:-20px;
	left:-10px;
	opacity:0;
	
	text-shadow: 0px 0px 0px #fff;
    filter: dropshadow(color=#fff, offx=0, offy=0);
}

.nav_des_arrow{
	background:url(../img/des_arrow.png) no-repeat;
	height:10px;
	width:10px;
	position:absolute;
	left:30px;
	bottom:-10px;
}

/* captcha */
.captcha{
	float:left;
	height:30px;
	width:100px;
	border:1px solid #ccc;
	border-right:0px;
	position:relative;
}

.captcha_watermark{
	height:30px;
	width:100px;
	position:absolute;
	top:0px;
	left:0px;
}

.txt_captcha{
	float:left;
	height:30px;
	width:100px;
	border:1px solid #ccc;
	border-left:0px;
	padding:0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	text-align:center;
	line-height:30px;
	color:#555;
}

/* num_page */
.num_page_wrap{
	clear:both;
	float:left;
	height:30px;
	width:998px;
	padding:20px 0px;
}

.num_page{
	clear:both;
	float:left;
	height:30px;
	position:relative;
}

.num_pre_page{
	cursor:pointer;
	background:url(../img/arrow_pre_page.png) 0px 10px no-repeat;
	height:25px;
	width:60px;
	padding:5px 0px 0px 20px;
	font-size:22px;
	color:#777;
	position:absolute;
	top:0px;
	left:-90px;
}

.num_next_page{
	cursor:pointer;
	background:url(../img/arrow_next_page.png) 50px 10px no-repeat;
	height:25px;
	width:40px;
	padding:5px 20px 0px 0px;
	font-size:22px;
	text-align:right;
	color:#777;
	position:absolute;
	top:0px;
	right:-70px;
}

.num_pre_page:hover,
.num_next_page:hover{
	color:#555;
}

.num_button{
	cursor:pointer;
	float:left;
	background:url(../img/btn_num_page.png) no-repeat;
	background-color:#dee9ed;
	height:25px;
	width:30px;
	margin:0px 5px;
	border-radius:5px;
	padding-top:5px;
	font-size:24px;
	text-align:center;
	color:#777;
}

.num_button:hover{
	background-color:#96c2d3;
	color:#fff;
}

.num_button_separator{
	float:left;
	height:30px;
	width:20px;
	font-size:24px;
	text-align:center;
	color:#d3d5d6;
}

/* footer */
#footer{
	clear:both;
	float:left;
	height:100px;
	width:1000px;
	margin-top:50px;
}

.footer_nav{
	clear:both;
	height:50px;
	width:1000px;
}

.footer_nav a{
	cursor:pointer;
	color:#555;
}

.footer_nav a:hover{
	color:#dd98ae;
}

.footer_nav ul{
	float:left;
	margin-left:130px;
}

.footer_nav ul li{
	float:left;
	height:20px;
	margin-top:15px;
	border-right:1px solid #ccc;
	padding:0px 30px;
	font-size:24px;
	text-align:center;
}

.footer_copy{
	height:35px;
	width:1000px;
	padding-top:15px;
	font-size:24px;
	text-align:center;
	color:#555;
}