@charset "gb2312";

/* == reset == */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    
}

body { font-family:'΢ÈíÑźÚ', simsun; font-size:14px; color:#222222; margin:0; padding:0; background:#F8F8F8;}
a {
	color:#006600;
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
	text-decoration:none;
}

a:hover { color:#690;
 
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
button {
	cursor:pointer;
}
.nobg{ background-image:none!important; padding-left:0px!important;}
.red{color:#ff6600;margin:0 12px 0 4px;}
.clear{ clear:both; width:100%; height:10px; line-height:10px;}
.f14{ font-size:14px!important;}
.lbig{ line-height:180%!important;}
.w{ width:1100px; margin:0 auto; background:#fff;}


/*nav
---------------------------------------------------------------------*/
.nav{background-color:#29A7E1;}
.nav ul{
	margin:0 auto;
	background-color:#29A7E1;
	color:#FFF;
	margin-left:-1px;
	height:50px;
	overflow:hidden;
	
}
.nav ul li{ min-width:50px;  height:50px; float:left; list-style:none; }
.nav ul li a{ font-family:"΢ÈíÑźÚ", Geneva, sans-serif; padding-left:15px; padding-right:15px;line-height:50px; font-size:16px; font-weight:normal; color:#fff; display:block; text-align:center; text-decoration:none;}
.nav ul li a:hover{ background-color:#29A7C0; color:#CCFF00;}
/* Layout
---------------------------------------------------------------------*/

.hidden { 
	display: none; 
}
.hidden-accessible {
	position: absolute;
	left: -99999999px;
}

.reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none; 
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}
.clearfix { 
	display: inline-block; 
}
/* clearfix in Opera \*/
* html .clearfix { 
	height: 1%; 
}
.clearfix { 
	display: block; 
}
/* end clearfix */
.zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
}
/* Corner radius
---------------------------------------------------------------------*/

.corner-tl {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
}
.corner-tr {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
.corner-bl {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.corner-br {
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.corners-top {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.corners-bottom {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.corners-right {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.corners-left {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.corners {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
/* Boxes
---------------------------------------------------------------------*/

.box {
	padding: 8px;
	margin-bottom:8px;
	color:#333;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#eee;
	border-radius:4px;
}
.box-info {
	padding-left: 32px;
	border:1px solid #B8E2FB;
	background:#E8F6FF url("imginformation.png") no-repeat 8px 50%;
}
.box-warning{
	padding-left: 32px;
	border:1px solid #F2DD8C;
	background:#FFF5CC url("imgerror.png") no-repeat 8px 50%;
}
.box-error{
	padding-left: 32px;
	border:1px solid #F8ACAC;
	background:#FFD1D1 url("imgexclamation.png") no-repeat 8px 50%;
}
.box-loading{
	padding-left: 32px;
	border:1px solid #F8ACAC;
	background:#FFD1D1 url("imgloading.gif") no-repeat 8px 50%;
}
.loading{
	background-image:url("imgloading.gif")!important;
}
.box-error-msg{
	margin-top:-8px;
	background:#FFF1F1;
	border-top:0 none;
	border-bottom:1px solid #FDDCDC;
	color:#664B4B;
	padding:12px;
}
.box-msg{
	margin-top:-8px;
	border-top:0 none;
	border-bottom:1px solid #ccc;
	color:#664B4B;
	padding:12px;
	line-height:180%;
	background-color: #FFFFFF;
}
.box-error-msg ol {
	margin-top: 0;
	margin-bottom: 0;
}
.box-success{
	padding-left: 32px;
	border-top:1px solid #BBDF8D;
	border-bottom:1px solid #BBDF8D;
	background:#EAF7D9 url("imgaccept.png") no-repeat 8px 50%;
}





/* Icons
---------------------------------------------------------------------*/

.icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float:left;
	margin-right: 4px;
}
.icon-add {
	background:url("imgadd.png") no-repeat;
}
.icon-ok {
	background:url("imgaccept.png") no-repeat;
}
.icon-cancel {
	background:url("imgcancel.png") no-repeat;
}

.btn-special .icon {
	margin-top: 2px
}

/* Labels
---------------------------------------------------------------------*/

span.label {
	background:url("imgtag-bg.gif") no-repeat scroll 100% 50% transparent;
	padding:4px 16px 5px 5px;
	text-transform:uppercase;
	color:#fff;
	font-weight:normal;
}
span.label a{ color:#FFF!important;}
span.label-red {
	background-color:#df0000;
}
span.label-green {
	background-color:#4BA508;
}
span.label-blue {
	background-color:#0085CC;
}
span.label-purple {
	background-color:#6E0A9E;
}
span.label-gray {
	background-color:#555;
}
span.label-gold {
	background-color:#b90;
}
span.label-silver {
	background-color:#ccc;
}
span.label-yellow {
	background-color:#FFC806;
}
span.label-black {
	background-color: #111;
}




/* Forms
---------------------------------------------------------------------*/

form {

}
input:focus,textarea:focus,select:focus {
	outline-width:0; /* No outline border for Safary */
}
input[type="text"],input[type="password"],input[type="select"],input[type="search"],input[type="file"],textarea,select {
	border-color:#C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
	border-style:solid;
	border-width:1px;
	padding:4px;
	color:#777;
}
input[type="checkbox"]{
	margin-top:0;
	
	}
textarea {
	line-height:18px;
	overflow:auto;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
textarea.small {
	height:5.5em;
}
textarea.medium {
	height:10em;
}
textarea.large {
	height:20em;
}
input.half,select.half,textarea.half {
	width:50%;
}
input.full,select.full,textarea.full {
	width:97%;
}
input.title {
	font-size:20px;
}
input[type="submit"],input[type="reset"],input[type="button"] {
	margin-bottom:0;
}
input:focus,textarea:focus {
	-moz-box-shadow:0 1px 1px rgba(196,196,196,0.5);
	-webkit-box-shadow:0 1px 1px rgba(196,196,196,0.5);
	box-shadow:0 1px 1px rgba(196,196,196,0.5);
	-webkit-focus-ring-color:none;
	border-color:#c4c4c4;
	background-color:#FFFFF0;
}
fieldset {
	border:0 none;
	border-top:1px solid #ddd;
	padding:10px 0;
	position:relative;
}
legend {
	background:#fff;
	color:#29A7E1;
	font-weight:normal;
	padding:0 6px 0 10px;
	font-size:16px;
	font-family: "΢ÈíÑźÚ", "Liberation Serif", Times, "Times New Roman", serif
}
label {
	font-size:14px;
	text-transform:uppercase;
}
label.required:before {
	content:"*";
	color:red;
	font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}
label.ok {
	background:url("../img/valid.gif") no-repeat;
	padding-left:16px;
}
label.error {
	color:#d00;
	text-transform:none;
	margin-left:6px;
}
label.choice {
	vertical-align:middle;
	font-weight:normal;
	text-transform:none;
}
fieldset small {
	color:#999;
	font-size:12px;
	display: block;
}

.line{clear:both;line-height:50px; min-height:40px; height:auto; margin-top:2px; margin-bottom:2px;}

.con{min-height:40px;height:auto;overflow:visible}

.chk{height:36px;*margin-top:-4px;_margin-top:4px;}

.infoname,.inp,.tip{float:left;}

.infoname,.inptxt{width:180px;text-align:right;line-height:28px;overflow:hidden; color:#333;}
.inptxt{ width:700px; text-align:left; text-indent:1em;}
.inp .iText,.inp .iwText{height:20px;line-height:16px;padding:4px 0 2px 0;width:230px;padding-left:4px;border:1px solid #7F9DB9;*position:relative;*top:-1px;}
.inp .iwText{ width:280px;}
.inp .iTextNormal{border:1px solid #7B99DF;background:#E6EDFD}

.inp .iTextError{border:1px solid #ED8F8F;background:#FFF2F2}

.kootip{color:#FF6600;line-height:28px; padding-left:5px;}

/*main
---------------------------------------------------------------------*/
.main{ margin-top:10px;}

/*flickr pagesize
---------------------------------------------------------------------*/

.pagelistbox {
	font-size:14px;PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 10px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.pagelistbox A {
	BORDER-RIGHT: #dedfde 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #dedfde 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dedfde 1px solid; COLOR: #0061de; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #dedfde 1px solid; TEXT-DECORATION: none
}
.pagelistbox a:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #FFFFFF!important; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #0061de
}
.pagelistbox strong {
	BORDER-RIGHT: #dedfde 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #dedfde 1px solid;PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
.footer{ text-align:center; margin-top:10px;  line-height:200%; border-top:1px dotted #020880; padding-top:10px;background-color:#42B5D8;color:#FFF;}
.footer .w{background-color:#42B5D8;}
.footer .w a{ color:#FFF;}
/*----------------header*/

.head .banner{
	background-color: #FFFFFF;
	background-image: url("../../2016/images/banner.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	height:225px;
	width:100%;
}