﻿/*--------------------base-----------------*/
body{margin:0px;padding:0px;margin-left:auto;margin-right:auto;text-align:center;background-color:#fff;}
body>div{margin-right:auto;margin-left:auto}
body{line-height:normal!important;}
label{cursor:hand}
h1, h2, h3, h4, h5, h6,p,ol,ul,li,dl,dt,dd,form,div{margin:0px;padding:0;text-align:left;}
img{border:0;margin:0;}
form{margin:0px;padding:0px}
input,select,button{vertical-align:middle;}
input{font-weight:bold;}

select{color:#333333;height:22px;line-height:22px;margin:0;}
input{color:#333333;height:17px;line-height:17px;margin:0;}
button{margin:0;padding:0 0 10px 0; height:24px;line-height:20px;}
a,table,div,p,ul,li,td,pre,dt,dd,select,input,textarea,span{font-family:arial !important;font-size:12px;}
td,th{overflow:hidden;}
li{list-style-type:none;}
a{text-decoration:none;color:#0476d9;}
a:hover{text-decoration:underline;color:#db2c30;}
a.noline{text-decoration:none}
.clear{clear: both;}
.text{margin:0;height:17px;line-height:17px;}


/*------------float text-align------------------*/
.fl{float:left}
.fr{float:right}
.tr{text-align:right}
.tl{text-align:left}
.tc{text-align:center}
.of{overflow: hidden;}
.clr{clear: both;}

/*Color*/
.blue {color:#6189D4}
.white {color:#fff}
.red {color:#ce3000}
.yellow {color:#fab000}
.gray{color:#999}
.bold{font-weight:bold;}

/*----------h1-h6---------------*/
h2
{margin:0px 0px 5px 0px;
	color:#666;
	border-bottom:solid 1px #D6DEEC;
	padding:0px 0px 10px 5px;
	font:14px Arial;
	
}
h3
{
    margin:5px 0px 5px 0px;
	color:#999;
	padding:0px 0px 0px 5px;
	font:12px Arial;
	
}
h4
{
    margin:5px 0px 5px 0px;
	color:#000;
	background-color:#f3f5fa;
	border-bottom:solid 1px #eeeeee;
	padding:0px 0px 0px 10px;
	font:bold 12px Arial;
	line-height:27px;
	
}
h5
{
    margin:0px 0px 0px 5px;
	color:#999;
	padding:0px 0px 0px 5px;
	font:12px Arial;
	
}
/*----------Font-----------t*/
.fs12 {font-size:12px}
.fs14 {font-size:14px}
.fs22 {font-size:22px}
.lh22 {line-height:22px}
.lh20 {line-height:20px}
.lh23 {line-height:23px}
.lh30 {line-height:30px}
.lh40 {line-height:40px}

/*----------bgcolor---------------*/
.bgblue1{background:#f3f5fa;}

/*----------bgimg---------------*/
.bg970top{width:970px;height:10px;background: url(/images/980x10top.gif) no-repeat;}
.bg970btm{width:970px;height:10px;background: url(/images/980x10btm.gif) no-repeat;}
.bg640top{width:640px;height:10px;background: url(/images/640x10top.gif) no-repeat;}
.bg640btm{width:640px;height:10px;background: url(/images/640x10btm.gif) no-repeat;}
.bg320top{width:320px;height:10px;background: url(/images/320x10top.gif) no-repeat;}
.bg320btm{width:320px;height:10px;background: url(/images/320x10btm.gif) no-repeat;}

/*----------margin---------------*/
.mgb5{margin:0px 0px 5px 0px;}
.mgl10{margin:0px 0px 0px 10px;}
.mgl5{margin:0px 0px 0px 5px;}
.mgt20{margin:20px 0px 0px 0px;}
.mgt30{margin:30px 0px 0px 0px;}
.mgt10{margin:10px 0px 0px 0px;}

/*----------padding---------------*/
.pd2{padding:2px;}
.pdlr20{padding:0px 20px 0px 20px;}
.pdlr10{padding:0px 10px 0px 10px;}
.pdlr9{padding:0px 9px 0px 9px;}

/*----------border---------------*/
.bdsb11{border-bottom:solid 1px #eeeeee ;}
.bdsb12{border-bottom:solid 1px #D6DEEC;}
.bdslr11{border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
.bdslr12{border-right:1px solid #ff3431;border-left:1px solid #ff3431;}
.bddt11{border-top:1px dotted #D5D5D5;}


/*----------width---------------*/
.w640{width:640px;}
.w638{width:638px;}
.w320{width:320px;}
.w318{width:318px;}
.w300{width:300px;}
.w970{width:970px;}

/*----------height---------------*/
.h300{min-height: 300px;height: auto !important;height: 300px;} 
.h108{min-height: 108px;height: auto !important;height: 108px;} 


/*----------label------------------*/
label
{
	display: block;
    color:#000000;
    font:12px Arial;
    margin:5px 0px 1px 0px;
    font-weight:bold;
}
label span
{
    color:#ff0000;
    font-weight:normal;
    font-family:宋体;
    margin: 0px 0px 0px 2px;
}

label.inline 
{    display: inline;
}

/*----------header---------------*/
#header{clear:both;width:970px;margin-left: auto;margin-right: auto;}
#header .logo {float:left;margin-top:5px;width:188px;height:62px;overflow:hidden;}
#header .logo a{display:block;}
#header .declare{float:left;left:176px;top:0;width:280px;text-align:left;margin-top:3px;padding:45px 0 0 10px;font:12px/1.3 arial;overflow:hidden;}
#header .declare a,#header .declare a:visited,#header .declare a:hover,#header declare a:active{color:#0476d9;}
#header .desc{float:right;top:0;background:url(/images/topbgrt.png);width:243px;height:26px;text-align:center;}
#header .desc .info{text-align:center;font:100 12px/26px arial;color:#333;width:243px;}
#header .desc .info a,#header .desc .info a:visited{font-size:12px;color:#000;}

/*----------navier---------------*/
#naver{clear:both;width:970px;margin-left: auto;margin-right: auto;background:#fff;}
#naver .channel{height:36px;width:100%;margin-left: auto;margin-right: auto;background:#f94900 url(/images/navimd.jpg);}
#naver .channel .left{height:36px;width:11px;background:url(/images/navilt.jpg);float:left;}
#naver .channel .right{height:36px;width:11px;background:url(/images/navirt.jpg);float:right;}
#naver .channel ul{list-style-type:none;margin:2px 0px 0px 0px;padding:0px;text-decoration:none;}
#naver .channel ul li{color:#fff;float:left;display:block;text-decoration:none;min-width:50px;width: auto !important;width:50px;height:31px;text-align:center;margin:0px 0px 0px 0px;padding:0 1px 0 1px;line-height:31px;text-indent:0px;background:url(/images/naviln.jpg) no-repeat right  6px;overflow:auto;}
#naver .channel ul li a{text-decoration:none;color:#fff;min-width:34px;width: auto !important;width:auto;line-height:31px;text-align:center;font-size:14px;font-weight:bold;}
#naver .channel ul li a:hover{color:#fed827;text-decoration:none;min-width:34px;width: auto !important;width:auto;line-height:31px;text-align:center;font-size:14px;font-weight:bold;}
#naver .channel .current a{color:#f94900;text-decoration:none;float:left;display:block;min-width:55px;width: auto !important;width:55px;background: url(/images/navicu2.png);padding:0px 1px 0 1px;height:30px;margin:2px 1px 0px 0px;text-align:center;line-height:32px;text-indent:2px;font-size:14px;font-weight:bold;}
#naver .channel .current a:hover{color:#f94900;text-decoration:none;float:left;display:block;min-width:55px;width: auto !important;width:55px;background: url(/images/navicu2.png);padding:0px 1px 0 1px;height:30px;margin:2px 1px 0px 0px;text-align:center;line-height:32px;text-indent:2px;font-size:14px;font-weight:bold;}
#naver .channel .current1 a{color:#f94900;text-decoration:none;float:left;display:block;min-width:81px;width: auto !important;width:81px;background: url(/images/navicu1.png);padding:0px 1px 0 1px;height:30px;margin:2px 1px 0px 0px;text-align:center;line-height:32px;text-indent:2px;font-size:14px;font-weight:bold;}
#naver .channel .current1 a:hover{color:#f94900;text-decoration:none;float:left;display:block;min-width:81px;width: auto !important;width:81px;background: url(/images/navicu1.png);padding:0px 1px 0 1px;height:30px;margin:2px 1px 0px 0px;text-align:center;line-height:32px;text-indent:2px;font-size:14px;font-weight:bold;}
#naver .navi{overflow:hidden;height:4px;width:100%;margin:0px;margin:0px;padding:0px;background:#f94900;border-top:1px solid #efefef;border-bottom:3px solid #f7f3ff;}

/*----------contenter---------------*/
#contenter{width:970px;min-height:440px;height:auto !important;height:440px;clear: both;margin-left: auto;margin-right: auto;}

#footer{border-top:1px solid #D1D7DC;clear:both;margin:10px auto;width:970px;text-align:center;}
#footer .hr{display:block;margin:0 auto 10px 0;border-top:1px solid #eee;}
#footer .navi{display:block;height:10px;margin:10px auto 10px 0;text-align:center;}
#footer .navi a,#footer .navi a:visited{margin:0 7px;}
#footer .copyright{clear:both;margin:5px auto 0 0;color:#666;text-align:center;}

/*--------------------input--------------------------------------

input[type="text"] 
{
    width: auto;
    height:18px;
    line-height:18px;
}

input[type="password"] 
{
    width: auto;
    height:18px;
    line-height:18px;
}
input[type="button"] 
{
    padding:2px 5px 2px 5px;
	font-size:12px;
}
input[type="submit"] 
{
    padding:2px 5px 2px 5px;
	font-size:12px;
	font-weight:bold;
	
}

textarea
{
	width: auto;
	font-size:12px;
}

select
{
    width: auto;
    height:22px;
    line-height:22px;
}
*/

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

/* validator  
----------------------------------------------------------*/
.onShow
{
    /* background:url(/images/reg1.gif) no-repeat left 50%; */
    padding-left:2px; 
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
	color:#666;
}
.onFocus
{
    /* background:url(/images/reg2.gif) no-repeat left 50%; */
    padding-left:2px; 
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
	color:#0079e6;
}
.onError
{
    background:url(/images/reg3.gif) no-repeat left 50%;
    padding-left:19px;
	font-size: 12px;
	line-height:22px; 
	color:#ff390b;
	vertical-align:middle;
}
.onSuccess
{
    background:url(/images/regok.gif) no-repeat left 50%;
    padding-left:19px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
	color:#6ab23a;
}
.onLoad
{
    background:url(/images/regloading.gif) no-repeat 3px 3px;
    padding-left:16px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
	
} 
/*--------------------button----------------------*/

.btnsbt{*overflow:visible;border:0;height:29px;line-height:29px !important;line-height:25px;min-width:66px;width: auto !important;width:66px;background:url(/images/btnsubmit.png) left center repeat-x;margin-left:10px;margin-right:10px;padding:0;text-decoration:none;font-size:14px;font-weight:bold;color:#fff;cursor:pointer;}
*html .btnsbt{height:29px;padding-top:2px;}
.btnyellow{*overflow:visible;border:0;height:33px;line-height:23px !important;line-height:23px;width:211px;background:url(/images/btnyellow.png) left center repeat-x;margin-left:10px;margin-right:10px;padding:0;text-decoration:none;font-size:14px;font-weight:bold;color:#fff;cursor:pointer;}
*html .btnyellow{height:33px;padding-top:2px;}
.btnblue{*overflow:visible;border:0;height:33px;line-height:23px !important;line-height:23px;width:211px;background:url(/images/btnblue.png) left center repeat-x;margin-left:10px;margin-right:10px;padding:0;text-decoration:none;font-size:14px;font-weight:bold;color:#fff;cursor:pointer;}
*html .btnblue{height:33px;padding-top:2px;}
.btncnl{*overflow:visible;border:0;height:30px;line-height:30px !important;line-height:25px;width:72px;background:url(/images/btncancel.png) left center repeat-x;margin-left:10px;margin-right:10px;padding:0;text-decoration:none;font-size:14px;font-weight:bold;color:#fff;cursor:pointer;}
*html .btncnl{height:30px;padding-top:2px;}
.btngray{*overflow:visible;border:0;height:33px;line-height:23px !important;line-height:23px;width:211px;background:url(/images/btngray.png) left center repeat-x;margin-left:10px;margin-right:10px;padding:0;text-decoration:none;font-size:14px;font-weight:bold;color:#000;cursor:pointer;}
*html .btngray{height:33px;padding-top:2px;}

/*-------------------box--------------------------*/

.boxred {background:#fbe5e7;width:100%;}
.boxred .top {width:100%;overflow:hidden;}
.boxred .top .left{background:url(/images/boxrlt.gif) no-repeat;width:3px;height:3px;float:left;}
.boxred .top .right{background:url(/images/boxrrt.gif) no-repeat;width:3px;height:3px;float:right;}
.boxred .bot {width:100%;background:#fbe5e7;height:3px;overflow:hidden;}
.boxred .bot .left{background:url(/images/boxrlb.gif) no-repeat;width:3px;height:3px;float:left;}
.boxred .bot .right{background:url(/images/boxrrb.gif) no-repeat;width:3px;height:3px;float:right;}

.boxgray {background:#fff;width:100%;}
.boxgray .top-home {width:100%;height:106px;overflow:hidden;}
.boxgray .top {width:100%;height:4px;background:url(/images/boxgmt.gif);overflow:hidden;}
.boxgray .top .left{background:url(/images/boxglt.gif) no-repeat;width:4px;height:4px;float:left;}
.boxgray .top .right{background:url(/images/boxgrt.gif) no-repeat;width:4px;height:4px;float:right;}
.boxgray .bot {width:100%;background:#fff;height:4px;background:url(/images/boxgmb.gif);overflow:hidden;}
.boxgray .bot .left{background:url(/images/boxglb.gif) no-repeat;width:4px;height:4px;float:left;}
.boxgray .bot .right{background:url(/images/boxgrb.gif) no-repeat;width:4px;height:4px;float:right;}

.boxblue {background:#edf0f4;width:100%;}
.boxblue .top {width:100%;overflow:hidden;}
.boxblue .top .left{background:url(/images/boxblt.gif) no-repeat;width:3px;height:3px;float:left;}
.boxblue .top .right{background:url(/images/boxbrt.gif) no-repeat;width:3px;height:3px;float:right;}
.boxblue .bot {width:100%;background:#edf0f4;height:3px;overflow:hidden;}
.boxblue .bot .left{background:url(/images/boxblb.gif) no-repeat;width:3px;height:3px;float:left;}
.boxblue .bot .right{background:url(/images/boxbrb.gif) no-repeat;width:3px;height:3px;float:right;}
