﻿
/* CSS Document */

/* Spring CSS Framework v0.1 on 2011.7.6 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;

}

table td{	vertical-align:middle;}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input, textarea, select {
*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}
del, ins {
	text-decoration:none;
}

html {
	background:#FFF;
}


/*text reset*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	color:#444;
	font-family:Arial, Tahoma, Helvetica, sans-serif ;
	font-size:12px;
	line-height:18px;
}
/*Arial, Helvetica, sans-serif*/
input,textarea,select{
vertical-align:middle;
background:#FFFFFF;

padding:2px;

}


/*basic link*/
a{
	color:#016798;
	text-decoration:none;
}
/*a:link{
	color:#005695;
	text-decoration:none;
}
a:visited{
	color:#005695;
	text-decoration:none;
}
*/
a:hover{
	color:#F60;
	text-decoration:underline;
}
/*a:active{
	color:#F6921D;
	text-decoration:none;
}
*/

/*common functional class*/
.inline {
	display:inline;
}
.block {
	display:block;
}

.hidden{
	visibility:hidden; 
}
.none-dspl{
	display:none;
}
.none-bg{
	background:none;
}
.none-bdr{
	border:none;
}
.none-deco{
	text-decoration:none;
}

.clear{
	clear:both;
    overflow: hidden;
}

.flt-left{
	float:left;
}
.flt-right{
	float:right;
}

.algn-left{
	text-align:left;
}
.algn-center{
	text-align:center;
}
.algn-right{
	text-align:right;
}
.nowrap {white-space:nowrap;}

.bold{
	font-weight:bold;
}
.normal{
	font-weight:normal;
}


.red{
 color:#d96363;
}
.green{
	color:#00FF00;
}
.yellow{
	color:#FFFF00;
}
.blue{
	color:#0067c4;
}

.grey{color:#c6c6c6;}

/* Reset Mates */

h1 {font-size:28px; font-family:Arial, Tahoma, Helvetica, sans-serif,"微软雅黑"; line-height:1.8em; }
h2 {font-size:22px; font-family: Arial, Tahoma, Helvetica, sans-serif,"微软雅黑"; line-height:1.8em; }
h3 {font-size:16px; line-height:2em;  font-family:Arial,Tahoma, Helvetica, sans-serif,"微软雅黑";}
h4 {font-size:14px; line-height:2em; }
h5 {font-size:12px; line-height:2em; }
h6 {font-size:12px; line-height:2em; font-style:italic; font-weight:normal;}
.zh-CN .text p, .zh-HK .text p {text-indent:2em;}/* 中文首行缩进2个字 */
.us-EN .text p {text-indent:0;}/* 英文首行缩进0个字 */




/* Grid Layout */
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18 {float:left; margin-right:10px;}
.grid_1 {width:40px;}
.grid_2 {width:90px;}
.grid_3 {width:140px;}
.grid_4 {width:190px;}
.grid_5 {width:240px;}
.grid_6 {width:290px;}
.grid_7 {width:340px;}
.grid_8 {width:390px;}
.grid_9 {width:440px;}
.grid_10 {width:490px;}
.grid_11 {width:540px;}
.grid_12 {width:590px;}
.grid_13 {width:640px;}
.grid_14 {width:690px;}
.grid_15 {width:740px;}
.grid_16 {width:790px;}
.grid_17 {width:840px;}
.grid_18 {width:890px;}
.grid_19 {width:940px;}
.grid_last {margin-right:0;}


/* Common Class */
.wrapper,.Headerwrapper {width:1000px; margin:0 auto; text-align:left;}
.H_auto_overflow { height:auto; overflow:hidden;}

