/* CSS Document */
.sample {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 800px;
	background-color: #999999;
	padding: 20px;
	border: 1px solid #FFFFFF;
}
/* abox style */
#abox {
	background: transparent;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 12px;
} 
#abox .top, #abox .bottom {display:block; background:transparent; font-size:1px;} 
#abox .b1, #abox .b2, #abox .b3, #abox .b4 {display:block; overflow:hidden;height:1px;background:#FFFFFF; border-left:1px solid #9933CC; border-right:1px solid #9933CC;} 
#abox .b1 {margin:0 5px; background:#9933CC;} 
#abox .b2 {margin:0 3px; border-width:0 2px;} 
#abox .b3 {margin:0 2px;} 
#abox .b4 {height:2px; margin:0 1px;} 
#abox .boxcontent {
	display:block;
	background:#FFFFFF;
	border:0 solid #9933CC;
	border-width:0 1px;
	padding-right: 5px;
	padding-left: 5px;
} 

/* bbox style */
.bbox {
	background: transparent;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 12px;
} 
.bbox .top, .bbox .bottom {display:block; background:transparent; font-size:1px;} 
.bbox .b1, .bbox .b2, .bbox .b3, .bbox .b4 {display:block; overflow:hidden;height:1px;background:#FFFFFF; border-left:1px solid #9933CC; border-right:1px solid #9933CC;} 
.bbox .b1 {margin:0 5px; background:#9933CC;} 
.bbox .b2 {margin:0 3px; border-width:0 2px;} 
.bbox .b3 {margin:0 2px;} 
.bbox .b4 {height:2px; margin:0 1px;} 
.bbox .boxcontent {
	display:block;
	background:#FFFFFF;
	border:0 solid #9933CC;
	border-width:0 1px;
} 

/* rbox style */
#rbox {
	background: transparent;
}
#rbox b.top,
#rbox b.bottom {
	display: block;
	background: transparent;
}
#rbox b.top b,
#rbox b.bottom b {
	display: block;
	height: 1px;
	overflow: hidden;
	background: #ECE29F;
}
#rbox b.b1 {
	margin: 0 5px;
}
#rbox b.b2	{
	margin: 0 3px;
}
#rbox b.b3	{
	margin: 0 2px;
}
#rbox b.top b.b4,
#rbox b.bottom b.b4 {
	margin: 0 1px;
	height: 2px;
}
#rbox .boxcontent {
	display: block;
	background: #ECE29F;
}

/* xbox style */
#xbox {
	background: transparent;
} 
#xbox .top, #xbox .bottom {display:block; background:transparent; font-size:1px;} 
#xbox .b1, #xbox .b2, #xbox .b3, #xbox .b4 {display:block; overflow:hidden;height:1px;background:#ECE29F; border-left:1px solid #5F8700; border-right:1px solid #5F8700;} 
#xbox .b1 {margin:0 5px; background:#5F8700;} 
#xbox .b2 {margin:0 3px; border-width:0 2px;} 
#xbox .b3 {margin:0 2px;} 
#xbox .b4 {height:2px; margin:0 1px;} 
#xbox .boxcontent {display:block; background:#ECE29F; border:0 solid #5F8700; border-width:0 1px;} 

/* ybox style */
#ybox {
	background: transparent;
} 
#ybox .top, #ybox .bottom {display:block; background:transparent; font-size:1px;} 
#ybox .b1, #ybox .b2, #ybox .b3, #ybox .b4 {display:block; overflow:hidden;height:1px;background:#FAFAFA; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF;} 
#ybox .b1 {margin:0 5px; background:#EFEFEF;} 
#ybox .b2 {margin:0 3px; border-width:0 2px;} 
#ybox .b3 {margin:0 2px;} 
#ybox .b4 {height:2px; margin:0 1px;} 
#ybox .boxcontent {display:block; background:#FAFAFA; border:0 solid #EFEFEF; border-width:0 1px;} 

/* pxbox style */
#pxbox {
	BACKGROUND: transparent url(none) repeat scroll 0% 0%;
}
#pxbox .top {
	BACKGROUND: transparent url(none) repeat scroll 0% 0%;
	FONT-SIZE: 1px;
	DISPLAY: block;
	margin: 0px;
	padding: 0px;
}
#pxbox .bottom {
	BACKGROUND: transparent url(none) repeat scroll 0% 0%;
	DISPLAY: block;
	FONT-SIZE: 1px;
	margin: 0px;
	padding: 0px;
}
#pxbox .b1 {
	BACKGROUND: #679b3c;
	DISPLAY: block;
	HEIGHT: 1px;
	MARGIN: 0px 5px;
	OVERFLOW: hidden;
}
#pxbox .b2 {
	BACKGROUND: #EEEEEE;
	DISPLAY: block;
	HEIGHT: 1px;
	BORDER-RIGHT: 1px solid #679b3c;
	BORDER-LEFT: 1px solid #679b3c;
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 2px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 2px;
	MARGIN: 0px 3px;
	OVERFLOW: hidden;
}
#pxbox .b3 {
	BACKGROUND: #EEEEEE;
	HEIGHT: 1px;
	DISPLAY: block;
	MARGIN: 0px 2px;
	OVERFLOW: hidden;
	BORDER-RIGHT: 1px #679b3c solid;
	BORDER-LEFT: 1px #679b3c solid;
}
#pxbox .b4 {
	BACKGROUND: #EEEEEE;
	DISPLAY: block;
	HEIGHT: 2px;
	BORDER-RIGHT: 1px solid #679b3c;
	BORDER-LEFT: 1px solid #679b3c;
	MARGIN: 0px 1px;
	OVERFLOW: hidden;
}
#pxbox .boxcontent {
	BACKGROUND: #EEEEEE;
	font-size: 13px;
	DISPLAY: block;
	BORDER-TOP: 0px solid #679b3c;
	BORDER-LEFT: 1px solid #679b3c;
	BORDER-BOTTOM: 0px solid #679b3c;
	BORDER-RIGHT: 1px solid #679b3c;
}
#pxbox .container {
	margin: 0px;
	padding: 10px 15px;
}
#pxbox h3 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #679b3c;
	color: #679b3c;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#pxbox h3 span {
	font-size: 12px;
	color: #999999;
	margin-left: 10px;
	font-weight: normal;
}
#pxbox ul {
	clear: both;
	float: none;
	display: block;
}
#pxbox li {
	list-style-type: none;
	float: left;
	display: block;
	margin-right: 10px;
	margin-left: 10px;
}
#pxbox form {
	margin: 0px;
	background-color: #C0DDA8;
	padding: 10px;
}

/* savon_box style */
#savon_box {
	BACKGROUND: transparent url(none) repeat scroll 0% 0%;
}
#savon_box .top {
	BACKGROUND: transparent url(none) repeat scroll 0% 0%;
	FONT-SIZE: 1px;
	DISPLAY: block;
	margin: 0px;
	padding: 0px;
}
#savon_box .bottom {
	BACKGROUND: transparent url(none) repeat scroll 0% 0%;
	DISPLAY: block;
	FONT-SIZE: 1px;
	margin: 0px;
	padding: 0px;
}
#savon_box .b1 {
	BACKGROUND: #679b3c;
	DISPLAY: block;
	HEIGHT: 1px;
	MARGIN: 0px 5px;
	OVERFLOW: hidden;
}
#savon_box .b2 {
	BACKGROUND: #EEEEEE;
	DISPLAY: block;
	HEIGHT: 1px;
	BORDER-RIGHT: 1px solid #679b3c;
	BORDER-LEFT: 1px solid #679b3c;
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 2px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 2px;
	MARGIN: 0px 3px;
	OVERFLOW: hidden;
}
#savon_box .b3 {
	BACKGROUND: #EEEEEE;
	HEIGHT: 1px;
	DISPLAY: block;
	MARGIN: 0px 2px;
	OVERFLOW: hidden;
	BORDER-RIGHT: 1px #679b3c solid;
	BORDER-LEFT: 1px #679b3c solid;
}
#savon_box .b4 {
	BACKGROUND: #EEEEEE;
	DISPLAY: block;
	HEIGHT: 2px;
	BORDER-RIGHT: 1px solid #679b3c;
	BORDER-LEFT: 1px solid #679b3c;
	MARGIN: 0px 1px;
	OVERFLOW: hidden;
}
#savon_box .boxcontent {
	BACKGROUND: #EEEEEE;
	font-size: 13px;
	DISPLAY: block;
	BORDER-TOP: 0px solid #679b3c;
	BORDER-LEFT: 1px solid #679b3c;
	BORDER-BOTTOM: 0px solid #679b3c;
	BORDER-RIGHT: 1px solid #679b3c;
}
#savon_box .container {
	margin: 0px;
	padding: 10px 15px;
}
#savon_box h3 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #679b3c;
	color: #679b3c;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#savon_box h3 span {
	font-size: 12px;
	color: #999999;
	margin-left: 10px;
	font-weight: normal;
}
#savon_box ul {
	clear: both;
	float: none;
	display: block;
	margin-top: 10px;
}
#savon_box li {
	list-style-type: none;
	float: left;
	display: block;
	margin-right: 10px;
	margin-left: 10px;
}
#savon_box #list {

}
#savon_box #list li {
	width: 85px;
}
#savon_box form {
	margin: 0px;
	padding: 0px;
}


/* rsf_box style */
#rsf_box {
	BACKGROUND: transparent url(none) repeat scroll 0% 0%;
}
#rsf_box .top {
	BACKGROUND: transparent url(none) repeat scroll 0% 0%;
	FONT-SIZE: 1px;
	DISPLAY: block;
	margin: 0px;
	padding: 0px;
}
#rsf_box .bottom {
	BACKGROUND: transparent url(none) repeat scroll 0% 0%;
	DISPLAY: block;
	FONT-SIZE: 1px;
	margin: 0px;
	padding: 0px;
}
#rsf_box .b1 {
	BACKGROUND: #7D8496;
	DISPLAY: block;
	HEIGHT: 1px;
	OVERFLOW: hidden;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#rsf_box .b2 {
	DISPLAY: block;
	HEIGHT: 1px;
	BORDER-RIGHT: 1px solid #7D8496;
	BORDER-LEFT: 1px solid #7D8496;
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 2px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 2px;
	OVERFLOW: hidden;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #7D8496;
}
#rsf_box .b3 {
	BACKGROUND: #7D8496;
	HEIGHT: 1px;
	DISPLAY: block;
	OVERFLOW: hidden;
	BORDER-RIGHT: 1px #7D8496 solid;
	BORDER-LEFT: 1px #7D8496 solid;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#rsf_box .b4 {
	BACKGROUND: #7D8496;
	DISPLAY: block;
	HEIGHT: 2px;
	BORDER-RIGHT: 1px solid #7D8496;
	BORDER-LEFT: 1px solid #7D8496;
	OVERFLOW: hidden;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#rsf_box .boxcontent {
	BACKGROUND: #7D8496;
	font-size: 13px;
	DISPLAY: block;
	BORDER-TOP: 0px solid #7D8496;
	BORDER-LEFT: 1px solid #7D8496;
	BORDER-BOTTOM: 0px solid #7D8496;
	BORDER-RIGHT: 1px solid #7D8496;
}
#rsf_box ul {
	clear: both;
	float: none;
	display: block;
	margin-top: 10px;
}
#rsf_box li {
	list-style-type: none;
	float: left;
	display: block;
	margin-right: 10px;
	margin-left: 10px;
}
#rsf_box form {
	margin: 0px;
	padding: 0px;
}
.spacer {
	clear: both;
	float: none;
}

/* boxS style */
.boxS {
	padding:0px;
	margin:0px;
}
.boxS .container {
	font-size:12px;
	padding:0 12px;
}
.boxS .r {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
}
.boxS .a1 {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
}
.boxS .a2 {
	margin:0 3px;
	border-right-width:2px;
	border-left-width:2px;
}
.boxS .a3 {
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;
}
.boxS .a4 {
	margin:0 1px;
	height:2px;
}
.boxS .a5 {
	height:auto;
}
/* 上部背景 */
.boxS .top .r, .boxS .a5 {
	background: url(../../images/nav_bg2.gif) repeat-x 0px -4px;
}
/* 背景颜色 */
.boxS .r {background-color: #FFFFFF;}
/* 边框颜色 */
.boxS .r {
	border-right:1px solid #9933CC;
	border-left:1px solid #9933CC;
}
.boxS .a1 {
	background-color: #9933CC;
}



/* boxD style */
.boxD {
	margin: 10px;
}
.boxD .r1 {
	height:1px;
	overflow:hidden;
	margin:0 5px;
	background:#f60;
}
.boxD .r2 {
	height:1px;
	border-left:2px solid #f60;
	border-right:2px solid #f60;
	margin:0 3px;
	background:#ff0;
	overflow:hidden;
}
.boxD .r3 {
	height:1px;
	border-left:1px solid #f60;
	border-right:1px solid #f60;
	margin:0 2px;
	background:#ff0;
	overflow:hidden;
}
.boxD .r4 {
	height:2px;
	border-left:1px solid #f60;
	border-right:1px solid #f60;
	margin:0 1px;
	background:#ff0;
	overflow:hidden;
}
.boxD .content {
	background:#ff0;
	border-left:1px solid #f60;
	border-right:1px solid #f60;
	zoom:1;
}
/*---修改边框颜色---*/
.boxD .r2,
.boxD .r3,
.boxD .r4,
.boxD .content {
    border-color:#9933CC;
}
.boxD .r1 {
    background:#9933CC;
}
/*---修改背景颜色---*/
.boxD .r2,
.boxD .r3,
.boxD .r4,
.boxD .content {
	background-color: #f3fdff;
}
/*---修改背景颜色---*/
.boxD .top .r2,
.boxD .top .r3,
.boxD .top .r4,
.boxD .content {
	background-image: url(../../images/nav_bg2.gif);
	background-repeat: repeat-x;
	background-position: 0px -4px;
}
/*---修改圆角模式---*/
.boxD .top .r1,
.boxD .top .r2,
.boxD .top .r3,
.boxD .top .r4 {
}
.boxD .bottom .r1,
.boxD .bottom .r2,
.boxD .bottom .r3,
.boxD .bottom .r4 {
	margin-left:0;
	border-left:1px;
	margin-right:0;
	border-right:1px;
}

/*---boxD2 style 修改圆角大小---*/
.boxD2 {
	width:500px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.boxD2 .r1 {
    height:1px;
    overflow:hidden;
    margin:0 2px;
    background:#f60;
}
.boxD2 .r2 {
    height:1px;
    overflow:hidden;
    margin:0 1px;
    border-left:1px solid #f60;
    border-right:1px solid #f60;
    background:#ff0;
}
.boxD2 .content {
    background:#ff0;
    border-left:1px solid #f60;
    border-right:1px solid #f60;
    padding:7px 10px;
    zoom:1;
}

/* boxD3 style */
.boxD3 {
	margin: 0px;
	padding: 0px;
}
.boxD3 .r1 {
	height:1px;
	overflow:hidden;
	margin:0 5px;
	background:#f60;
}
.boxD3 .r2 {
	height:1px;
	border-left:2px solid #f60;
	border-right:2px solid #f60;
	margin:0 3px;
	background:#ff0;
	overflow:hidden;
}
.boxD3 .r3 {
	height:1px;
	border-left:1px solid #f60;
	border-right:1px solid #f60;
	margin:0 2px;
	background:#ff0;
	overflow:hidden;
}
.boxD3 .r4 {
	height:2px;
	border-left:1px solid #f60;
	border-right:1px solid #f60;
	margin:0 1px;
	background:#ff0;
	overflow:hidden;
}
.boxD3 .content {
	background:#ff0;
	border-left:1px solid #f60;
	border-right:1px solid #f60;
	zoom:1;
	margin: 0px;
	padding: 0px;
}
/*---修改边框颜色---*/
.boxD3 .r2,
.boxD3 .r3,
.boxD3 .r4,
.boxD3 .content {
    border-color:#9933CC;
}
.boxD3 .r1 {
    background:#9933CC;
}
/*---修改背景颜色---*/
.boxD3 .r2,
.boxD3 .r3,
.boxD3 .r4,
.boxD3 .content {
	background-color: #f3fdff;
}
/*---修改背景颜色---*/
.boxD3 .top .r2,
.boxD3 .top .r3,
.boxD3 .top .r4,
.boxD3 .content {
	background-image: url(../../images/nav_bg2.gif);
	background-repeat: repeat-x;
	background-position: 0px -4px;
}
/*---修改圆角模式---*/
.boxD3 .top .r1,
.boxD3 .top .r2,
.boxD3 .top .r3,
.boxD3 .top .r4 {
}
.boxD3 .bottom .r1,
.boxD3 .bottom .r2,
.boxD3 .bottom .r3,
.boxD3 .bottom .r4 {
}