@charset "utf-8";
/* CSS Document */
div {
	margin:20px;
}
p{padding:20px; line-height:180%}
strong{ font-weight:700}
#wrap{position: relative; z-index:1000; }
#backTop{ position:absolute; z-index:10000; bottom:10px; right:10px}
#copyRight {width:100%;text-align:left;margin:100px 0 50px;text-indent:4em;overflow:hidden;font-size:14px;}
.divBox{width:600px;}
/* RoundCorner
**************************************/
#roundCorderC {
	font-family: Arial;
	border: 5px solid #dedede;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 0;
	height: inherit;
	width: 590px;
	}
#roundCornerI {
  font-family: Arial;
  border: 5px solid #dedede;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 15px;
  padding: 0;
  height: inherit;
  width: 590px;
}
/* RoundCorner End
**************************************/

/* border color
**************************************/
#borderColor {
  border: 10px solid #dedede;
  -moz-border-bottom-colors: #300 #600 #700 #800 #900 #A00;
  -moz-border-top-colors: #300 #600 #700 #800 #900 #A00;
  -moz-border-left-colors: #300 #600 #700 #800 #900 #A00;
  -moz-border-right-colors: #300 #600 #700 #800 #900 #A00;
  -webkit-border-bottom-colors: #300 #600 #700 #800 #900 #A00;
  -webkit-border-top-colors: #300 #600 #700 #800 #900 #A00;
  -webkit-border-left-colors: #300 #600 #700 #800 #900 #A00;
  -webkit-border-right-colors: #300 #600 #700 #800 #900 #A00;
  border-bottom-colors: #300 #600 #700 #800 #900 #A00;
  border-top-colors: #300 #600 #700 #800 #900 #A00;
  border-left-colors: #300 #600 #700 #800 #900 #A00;
  border-right-colors: #300 #600 #700 #800 #900 #A00;
  
  padding: 15px 25px;
  height: inherit;
  width: 590px;
}
#borderColorCorner {
  border: 10px solid #dedede;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -moz-border-bottom-colors: #303 #404 #606 #808 #909 #A0A;
  -moz-border-top-colors: #303 #404 #606 #808 #909 #A0A;
  -moz-border-left-colors: #303 #404 #606 #808 #909 #A0A;
  -moz-border-right-colors: #303 #404 #606 #808 #909 #A0A;
  -webkit-border-bottom-colors: #303 #404 #606 #808 #909 #A0A;
  -webkit-border-top-colors: #303 #404 #606 #808 #909 #A0A;
  -webkit-border-left-colors: #303 #404 #606 #808 #909 #A0A;
  -webkit-border-right-colors: #303 #404 #606 #808 #909 #A0A;
  border-bottom-colors: #303 #404 #606 #808 #909 #A0A;
  border-top-colors: #303 #404 #606 #808 #909 #A0A;
  border-left-colors: #303 #404 #606 #808 #909 #A0A;
  border-right-colors: #303 #404 #606 #808 #909 #A0A;
  padding: 15px 25px;
  height: inherit;
  width: 590px;
}
/* border color end
**************************************/

/*  shadow
**************************************/
#boxShadow {
	border: 5px solid #111;
	-webkit-box-shadow: 5px 5px 7px #999;
	-webkit-border-bottom-right-radius: 15px;
	-moz-box-shadow:5px 5px 7px #999;
	-o-box-shadow:5px 5px 7px #999;
	box-shadow:5px 5px 7px #999;
	padding: 15px 25px;
	height: inherit;
	width: 590px;
}
.textShadowSingle {
	font-size: 3.2em;
	color: #F5F5F5;
	text-shadow: 3px 3px 7px #111;
	text-align: center;
}
.textShadowMultiple {
	font-size: 3.2em;
	color: #FFF;
	text-shadow: 0px -11px 10px #C60, 0px -3px 9px #FF0;
	text-align: center;
	padding: 10px 0px 5px 0px;
	background: #151515;
}
/* shadow end
**************************************/

/*  Background Image
**************************************/
#backgroundSize{
	border: 5px solid #bd9ec4;
	background:url(niu01.jpg) bottom right no-repeat;
	-o-background-size: 150px 250px;
	-webkit-background-size: 150px 250px;
	-moz-background-size: 150px 250px;
	background-size: 150px 250px;
	background-size: 150px 250px;
	padding: 15px 25px;
	height: 250px;
	width: 590px;
}
#backgroundMultiple{
	border: 5px solid #9e9aab;
	background:url(niu01.jpg) top right no-repeat,
	url(niu02.jpg) bottom left no-repeat,
	url(niu03.jpg) bottom right no-repeat;
	padding: 15px 25px;
	height: 400px;
	width: 590px;
}
/*  Background Image end
**************************************/

/*  Multipla Column
**************************************/
#multiColumnWidth {
	text-align: justify;
	-moz-column-width: 16em;
	-moz-column-gap: 2em;
	-webkit-column-width: 16em;
	-webkit-column-gap: 2em;
	-o-column-width: 16em;
	-o-column-gap: 2em;
	column-width: 16em;
	column-gap: 2em;
}
#multiColumnCount {
	text-align: justify;
	-moz-column-count: 3;
	-moz-column-gap: 1.5em;
	-moz-column-rule: 1px solid #dedede;
	-webkit-column-count: 3;
	-webkit-column-gap: 1.5em;
	-webkit-column-rule: 1px solid #dedede;
	-o-column-count: 3;
	-o-column-gap: 1.5em;
	-o-column-rule: 1px solid #dedede;
	column-count: 3;
	column-gap: 1.5em;
	column-rule: 1px solid #dedede;
}
/*  Multipla Column end
**************************************/

/*  Font Face
**************************************/
@font-face {
	font-family: qianduanNet;
	src: url("ASSIGN.TTF");
}
.fontFace{
	font-family: qianduanNet;
	font-size: 3.2em;
	letter-spacing: 1px;
	text-align: center;
}
.fontFaceShadow{
	font-family: qianduanNet;
	font-size: 3.2em;
	letter-spacing: 1px;
	text-align: center;
	text-shadow: 3px 3px 7px #111;
}
/*  Font Face end
**************************************/

/*  Opacity
**************************************/
div.opacityL1,div.opacityL2,div.opacityL3,div.opacityL4,div.opacityL5{background:#036; width:600px; height:20px; margin:0}
div.opacityL1 { opacity:0.2;  }
div.opacityL2 { opacity:0.4; }
div.opacityL3 { opacity:0.6; }
div.opacityL4 { opacity:0.8; }
div.opacityL5 { opacity:1.0; }

#imgOpacityBox{width:600px;height:180px;background:#000; text-align:center}
img.opacity1,img.opacity2,img.opacity3{width:150px; height:100px;margin:20px auto auto}
img.opacity1 { opacity:0.25;}
img.opacity2 { opacity:0.50;}
img.opacity3 { opacity:0.75;}
/*  Opacity end
**************************************/

/*  RGBA 
**************************************/

div.rgbaL1,div.rgbaL2,div.rgbaL3,div.rgbaL4,div.rgbaL5{margin:0; height:20px;}
div.rgbaL1 { background:rgba(153, 134, 117, 0.2);}
div.rgbaL2 { background:rgba(153, 134, 117, 0.4);}
div.rgbaL3 { background:rgba(153, 134, 117, 0.6);}
div.rgbaL4 { background:rgba(153, 134, 117, 0.8);}
div.rgbaL5 { background:rgba(153, 134, 117, 1.0);}

/*  RGBA end
**************************************/

/*  HSL & HSLA
**************************************/
div.hslL1,div.hslL2, div.hslL3, div.hslL4, div.hslL5, div.hslL6,div.hslaL1,div.hslaL2, div.hslaL3, div.hslaL4, div.hslaL5{ height:20px; margin:0;}
div.hslL1 { background:hsl(320, 100%, 50%);}
div.hslL2 { background:hsl(320, 50%, 50%);}
div.hslL3 { background:hsl(320, 100%, 75%);}
div.hslL4 { background:hsl(202, 100%, 50%);}
div.hslL5 { background:hsl(202, 50%, 50%);}
div.hslL6 { background:hsl(202, 100%, 75%);}

div.hslaL1 { background:hsla(165, 35%, 50%, 0.2);}
div.hslaL2 { background:hsla(165, 35%, 50%, 0.4);}
div.hslaL3 { background:hsla(165, 35%, 50%, 0.6);}
div.hslaL4 { background:hsla(165, 35%, 50%, 0.8);}
div.hslaL5 { background:hsla(165, 35%, 50%, 1.0);}
/*  HSL & HSLA
**************************************/