@charset "utf-8";
/* CSS Document */
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	background:url(../../images/background/bg_ds.gif) left top repeat-x;
	background-color:#fff;
	padding:0px;
	margin:0px;
}
div, dl, dt ,dd, ul, ol, li, p, span, blockquote, h1, h2, h3, h4, h5, h6, label, iframe, font{
	list-style:none;
	padding:0px;
	margin:0px;
	float:none;
	overflow:hidden;
	font-size:13px;
}
img{
	border:none;
	padding:0px;
	margin:0px;
}
a{
	color:#dbaa11;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.sideLeft{
	float:left;
}
.sideRight{
	float:right;
}
.fontHeader{
	color:#FD6862;
}
.fontPink{
	color:#c8234a;
}
.fontBold{
	font-weight:700;
}
.fontYear{
	color:#fff;
	font-size:14px;
}
.fontMonth{
	color:#666;
	font-size:14px;
}
.fontSpHead{
	color:#ff6767;
}
.fontSpData{
	color:#999;
}
/* backLayout
-------------------------------------------------------------------------------------------*/
.backLayout{
	width:824px;
	margin:0px auto;
	position:relative;
}
.day{
	position:absolute;
	text-align:center;
	line-height:17px;
	left:0px;
	top:97px;
}
.day_top, .day_bottom{
	width:31px;
	height:29px;
	text-align:right;
}
.day_middle{
	width:31px;
	background:url(../../images/background/bg_day_middle.png) left top repeat-y;
}
.day_middle p{
	width:27px;
	padding:0px 0px 2px 4px;
	font-weight:700;
	background:url(../../images/background/bg_day.gif) 2px top no-repeat;
}
.day_middle a{
	cursor:pointer;
}
.day_middle a:hover p{
	text-decoration:underline;
	color:#FFFFFF;
}
/* pageLayout
-------------------------------------------------------------------------------------------*/
.pageLayout{
	width:762px;
	margin:0px auto;
	border-left:2px solid #f6efeb;
	border-right:2px solid #f6efeb;
}
.bigLayout{
	width:760px;
	margin:0px auto;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	background-color:#FFFFFF;
}
h1{
	width:758px;
	padding:1px;
	margin:0px auto;
}
.logoLine{
	width:760px;
	height:2px;
	margin:0px auto;
	border-top:1px solid #ddd;
	background-color:#f5f5f5;	
}
/* middleLayout
-------------------------------------------------------------------------------------------*/
.middleLayout{
	width:760px;
	margin:0px auto;
	padding:0px 0px 15px 0px;
}
/* leftLayout ---------------------------------------*/
.leftLayout{
	width:195px;
	padding:0px 10px 0px 15px;
	float:left;
}
.leftBoxLine{
	width:193px;
	height:1px;
	background-color:#e1e1e1;
	margin:0px auto;
}
.leftBox{
	width:193px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	margin:0px auto;
}
.leftBoxHeader{
	width:181px;
	padding:0px 5px;
	height:27px;
	margin-top:1px;
	color:#555;
	border-bottom:1px solid #e1e1e1;
	background:url(../../images/background/bg_head_ds.gif) left top repeat-x;
	background-color:#f4f4f4;
	font-weight:700;
	margin:0px auto;
	position:relative;
}
.leftBoxHeader p{
	padding:4px 0px 0px 3px;
}
.leftBoxMiddle{
	width:193px;
	margin:0px auto;
}
.picDl{
	width:177px;
	padding:10px 8px;
	text-align:center;
}
.headerTip{
	background:none;
	border-bottom:0px;
}
.headerTip p{
	padding-top:5px;
}
.middleTip{
	width:173px;
	padding:6px 5px;
	border-top:1px solid #e1e1e1;
	line-height:18px;
}
.middleTip p{
	font-size:11px;
}
.leftBoxFooter{
	width:192px;
	height:27px;
	margin-bottom:1px;
	border-top:1px solid #efefef;
	background-color:#f4f4f4;
	float:right;
}
.leftBoxFooter p.bulletSquare{
	padding:5px 0px 0px 21px;
	background:url(../../images/icon/bullet_square_ds.gif) 9px 11px no-repeat;
}
/* centerLayout ---------------------------------------*/
.centerLayout{
	width:330px;
	padding:0px 10px 0px 10px;
	float:left;
}
.centerBoxLine{
	width:328px;
	height:1px;
	background-color:#e1e1e1;
	margin:0px auto;
}
.centerBox{
	width:330px;
	margin:0px auto;
}
.centerBoxHeader{
	width:328px;
	height:27px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	color:#555;
	background:url(../../images/background/bg_head_ds.gif) left top repeat-x;
	background-color:#f4f4f4;
	font-weight:700;
	float:right;
}
.centerBoxHeader p{
	padding:3px 0px 10px 8px;
	border:1px solid #fff;
	border-bottom:0px;
}
.centerBoxMiddle{
	width:320px;
	padding:0px 5px;
}
.boxMiddlePic{
	width:320px;
	text-align:center;
	margin:0px auto;
}
.boxMiddlePic img{
	padding:4px;
	border:1px solid #e1e1e1;
	background-color:#fff;
	border-top:0px;
}
.boxMiddlePic a:hover img{
	border-color:#ebb719;
}
.boxMiddleText{
	width:310px;
	padding-top:10px;
	line-height:18px;
	margin:0px auto;
}
/* rightLayout ---------------------------------------*/
.rightLayout{
	width:165px;
	padding:0px 15px 0px 10px;
	float:left;
}
.rightBoxLine{
	width:163px;
	height:1px;
	background-color:#FCF2C8;
	margin:0px auto;
}
.rightBox{
	width:159px;
	padding:2px 3px;
	background-color:#FCF2C8;
	margin:0px auto;
	position:relative;
}
.arrowHead{
	width:8px;
	height:12px;
	position:absolute;
	top:9px;
	left:2px;
	background:url(../../images/icon/arrow_head_ds.gif) left top no-repeat;
}
.rightBoxIn{
	width:157px;
	border:1px solid #f2d96e;
	background-color:#fffcef;
	margin:0px auto;
}
.rightBoxHeader{
	width:147px;
	height:25px;
	border-bottom:1px solid #f2d96e;
	color:#555;
	font-weight:700;
	margin:0px auto;
}
.rightBoxHeader p{
	padding:4px 0px 0px 6px;
}
.rightBoxMiddle{
	width:147px;
	padding:10px 0px 2px 0px;
	border-top:1px solid #fff;
	text-align:center;
	margin:0px auto;
}
.picProductSM{
	margin-bottom:0.7em;
}
.picProductSM img{
	border:1px solid #999;
}
.picProductSM a:hover img{
	border-color:#5d3113;
}
/* footerLayout
-------------------------------------------------------------------------------------------*/
.footerLayout{
	width:760px;
	padding:15px 0px 20px 0px;
	margin:0px auto;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background-color:#f4f4f4;
}
.footerText{
	width:760px;
	text-align:center;
	line-height:20px;
}
.linkMain{
	font-weight:700;
	text-decoration:underline;
}
.linkMain:hover{
	text-decoration:none;
}
.footerPic{
	width:760px;
	padding-top:15px;
	text-align:center;
}
.footerPic img{
	border:1px solid #c9d2e5;
}
.footerPic a:hover img{
	border-color:#ebb719;
}
/* subpageLayout
-------------------------------------------------------------------------------------------*/
.subpageLayout{
	width:730px;
	margin:0px auto;
}
.navigate{
	width:730px;
	padding-top:15px;
	font-size:10px;
	color:#aaa;
}
h2.subpageHeader{
	width:730px;
	padding:2px 0px 3px 0px;
	font-size:23px;
	font-weight:normal;
	color:#000077;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px dashed #ccc;
}
.subpagePic{
	width:730px;
	text-align:center;
	padding:10px 0px 10px 0px;
}
.subpageData{
	width:710px;
	padding:10px 10px 0px 10px;
	line-height:20px;
}
.btnBuyTop{
	float:left;
	margin-top:5px;
	padding-right:15px;
}
.dataBuyTop{
	width:572px;
}
.subpageBoxBuy{
	width:710px;
	padding:15px 10px 5px 10px;
}
.subpageList{
	width:710px;
	padding:20px 10px 0px 10px;
	line-height:20px;
}
.subpageList li{
	width:695px;
	padding:8px 0px 0px 15px;
}
.bulletCircle li{
	background:url(../../images/icon/bullet_circle_black.gif) 1px 17px no-repeat;
}
.bulletCircleGrey li{
	background:url(../../images/icon/bullet_circle_grey.gif) 1px 17px no-repeat;
}
.bulletNum li{
	padding-left:0px;
}
.bulletNum .sideLeft{
	width:15px;
}
.bulletNum .sideRight{
	width:678px;
}
.listSideSM .sideRight{
	width:378px;
}
.listSideSM{
	width:395px;
	float:left;
}
.listSideSM li{
	width:395px;
}
.list2{
	width:680px;
	padding-left:15px;
	color:#777;
}
.subpageBoxFree{
	width:274px;
	margin:20px 5px 0px 0px;
	padding:10px;
	float:right;
	line-height:20px;
	border:3px solid #ffcc99;
	background-color:#ffffcc;	
}
.subpageBoxFree img.imgBorder{
	padding:3px;
	margin:5px 0px;
	background-color:#FFFFFF;
}
.subpageBoxFree img.imgNoBorder{
	margin:8px 0px;
}
img.sideRight{
	margin-left:10px;
}
img.sideLeft{
	margin-right:10px;
}
.freeProject{
	width:630px;
	padding:0px 50px 0px 50px;
	line-height:20px;
	float:left;
}
.freeProject p{
	width:630px;
	padding:10px 0px;
}
.freeProject p img, img.borderPicGrey{
	border:1px solid #e1e1e1;
	padding:2px;
}
.subpagePicLeft{
	width:680px;
	padding:10px 10px 5px 40px;
	text-align:left;
}
/*---------------------------------------*/
.lineSpace{
	margin-top:15px;
}
.lineSpace2{
	margin-top:5px;
}
/* title ------------------------*/
.titlebg{
	color:#fff;
	border:1px solid #666;
	font-size:11px;
	background-color:#666;
}