/* Basic Element */
body {
	margin:0px;
	font-family: ËÎÌå, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
a {
	color:#6795bc;
	text-decoration:none;
}
a:hover {
	color:#fe915b;
	text-decoration:underline;
}
img {
	border:0px;
}

form { margin:0px; padding:0px; }

/****** Layout ******/
.mainbox { margin:0px auto 0px; }


/****** incommon ******/
.left, .center, .right { float:left; margin:0px; padding:0px; }

.mb25 { margin-top:25px; }
.mb20 { margin-bottom:20px; }


.b { font-weight:bold; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }

.fc1 { color:#f00; }
.fc2 { color:#6795bc; }
.fc3 { color:#666; }
.fc4 { color:#f37e00; }

.br { border:1px solid #dbeaf7; }
.br1 { border:1px solid #dbeaf7; background:#f5f9fd; width:110px; height:21px; line-height:21px; padding:0px 5px; }
.br2 { border:1px solid #6795bc; width:180px; height:21px; line-height:21px; padding:0px 5px; }
.br3 { border:1px solid #6795bc; height:15px; line-height:15px; width:30px; text-align:center; }
.br4 { border-top:1px solid #a4bfd7; }
.bg { background:#f5f9fd; height:39px; line-height:39px; }

.w60 { width:60px; }
.w85 { width:85px; }
.w220 { width:220px; }
.w226 { width:226px; }
.w236 { width:236px; }
.w240 { width:240px; }
.w255 { width:255px; }
.w416 { width:416px; }
.w446 { width:446px; }
.w465 { width:465px; }
.w740 { width:740px; }
.w880 { width:880px; }
.w960 { width:960px; }

.pd1 { padding-left:290px; }
.pd2 { padding-left:370px; }
.pd3 { padding-left:452px; }
.pd4 { padding-left:532px; }

.pt1 { padding-top:10px; }

/****** Background ******/
.arrowpd { padding:2px 0px 0px 43px; }
.arrowpd1 { padding:2px 0px 0px 37px; }
.arrow1 { background:url(../images/arrow02.gif) no-repeat 12px top; }
.arrow2 { background:url(../images/arrow03.gif) no-repeat 12px top; }
.arrow3 { background:url(../images/arrow04.gif) no-repeat 12px 2px; }
.arrow4 { background:url(../images/arrow05.gif) no-repeat 12px 1px; }
.arrow5 { background:url(../images/arrow06.gif) no-repeat 12px 2px; }
.arrow6 { background:url(../images/arrow07.gif) no-repeat 12px top; }
.arrow7, .arrow8, .arrow9, .arrow10, .arrow11, .arrow12, .arrow13 { float:left; padding-left:60px; height:39px; }
.arrow7 { background:url(../images/arrow09.gif) no-repeat 20px 8px; }
.arrow8 { background:url(../images/arrow13.gif) no-repeat 20px 8px; }
.arrow9 { background:url(../images/arrow14.gif) no-repeat 20px 6px; }
.arrow10 { background:url(../images/arrow10.gif) no-repeat 20px 6px; }
.arrow11 { background:url(../images/arrow14.gif) no-repeat 20px 6px; }
.arrow12 { background:url(../images/arrow11.gif) no-repeat 22px 5px; }

.dot1 { background:url(../images/dot1.gif) repeat-x left top; }
.dot2 { background:url(../images/dot5.gif) repeat-y left top; }


/****** Header ******/
.headerbox { background:url(../images/bg_header.gif) repeat-x left top; height:100px; }
.header { margin: 0px auto 0px; width:960px; }
.logo, .navbox { float:left; margin:0px; }
.logo { background:url(../images/bg_logo.gif) no-repeat left top; height:70px; width:210px; text-align:center; padding-top:21px; }
.navbox { width:750px; padding-top:15px; text-align:right; }
.navlist { float:right; margin:23px 0px 0px 0px; }
.navlist li { float:left; margin:0px 0px 0px 25px; }
.navlist li a { color:#000; text-decoration:none; }
.navlist li a:hover { color:#fe915b; text-decoration:none; }
.navcon { float:left; margin-top:13px; display:none; }
.bgcon { background:url(../images/arrow01.gif) no-repeat left 2px; float:left; text-align:left; color:#fff; cursor:hand; padding-left:13px; }


/****** ListBox ******/
.list { float:left; margin:0px 0px 15px 0px; padding:1px; }
.bglist { background:url(../images/bg_list.gif) repeat-x left top; height:25px; line-height:25px; margin:0px; }
h1 { font-size:14px; font-weight:bold; }

.listcon { float:left; margin:0px; padding:5px; }
.listcon  p { float:left; margin:0px; padding:8px 3px 8px 8px; line-height:180%; text-indent:2em; }

.login { float:left; margin:0px; width:206px; padding:20px 0px 0px 20px; }
.login li { float:left; margin:0px; padding-bottom:10px; }
.login li.dl1 { width:60px; height:23px; line-height:23px; }
.login li.dl2 { width:122px; }

.more { font-weight:normal; font-size:12px; float:right;margin-top:-25px;padding-right:10px; }
.more a { color:#000; text-decoration:none; }
.more a:hover { color:#000; text-decoration:underline; }


/****** NewsList ******/
.newslist { float:left; margin:0px; padding:15px 0px 0px 12px; width:416px; }
.newslist li { float:left; margin:0px; padding-bottom:7px; }
.newslist li.dl1 { background:url(../images/arrow08.gif) no-repeat left 1px; padding-left:20px; width:336px; }
.newslist li.dl2 { width:60px; text-align:center; }

.news { float:left; margin:0px; padding:0px; }
.news li { float:left; margin:0px; padding:10px 0px 8px 0px; background:url(../images/dot4.gif) repeat-x left bottom; }
.news li.dl1 { float:left; width:110px; padding-left:60px; }
.news li.dl2 { float:left; width:477px; }
.news li.dl3 { text-align:center; width:233px; }

.news1 { float:left; margin:0px; padding:0px; width:880px; }
.news1 li { float:left; margin:0px; padding:10px 0px 8px 0px; background:url(../images/dot4.gif) repeat-x left bottom; }
.news1 li.dl1 { float:left; width:587px; padding-left:60px; }
.news1 li.dl2 { text-align:center; width:233px; }

.page { float:left; margin-top:1px; padding:15px 60px 15px 0px; width:820px; text-align:right; }
.page span { float:right; margin-top:-20px; background:#ff0; }

/****** ProductList ******/
.product { margin:0px auto 0px; width:434px; padding:8px 0px; }
.product ul { float:left; margin-bottom:9px; padding:0px; width:208px; background:url(../images/dot3.gif) repeat-x left bottom; }
.product ul img { padding:4px 9px 8px 3px; }
.product ul li { float:left; margin:0px; }
.product ul li span { float:left; margin-top:-22px; padding:0px; color:#666; width:208px; text-align:right; }
.line { float:left; width:16px; height:75px; background:url(../images/dot2.gif) repeat-y center 4px; }


/****** Left Menu ******/
.menunav, .menucon { float:left; margin:10px 0px 0px 0px; }
.menunav { width:155px; padding-top:10px; }
.menunav li { float:left; margin-bottom:10px; background:url(../images/arrow15.gif) no-repeat 20px 1px; padding-left:40px; width:115px; }
.menunav li a { color:#000; text-decoration:none; }
.menunav li a:hover { color:#fe915b; text-decoration:underline; }

.menucon { width:790px; padding:5px 0px 20px 14px; background:url(../images/dot5.gif) repeat-y left top; }
.menucon ul { float:left; margin:0px; width:790px; padding:0px; }
.menucon ul li { float:left; margin:0px; width:79px; height:23px; line-height:23px }
.menucon ul li input { vertical-align:middle }
.menucon ul li a { color:#000; text-decoration:none; }
.menucon ul li a:hover { color:#fe915b; text-decoration:underline; }

.blackform {
	border:#ccc 1px solid; color:#646464; padding:5px; width:778px; height:40px; overflow:auto
}


/****** Search ******/
.search { float:left; margin:0px; padding:0px; width:200px; background:#f5f9fd; }
.search span { float:left; margin:0px; padding:0px; }
.search .tit { float:left; padding-left:30px; margin:8px 0px; background:url(../images/arrow16.gif) no-repeat 17px top; width:170px; }
.input1 { border:1px solid #C9C9C9; width:80px; vertical-align:middle; padding:0px 3px; height:19px; line-height:19px; }

/****** Footer ******/
.foot { margin:0px auto 0px; }
.foot p { float:left; margin:15px 0px; border-top:1px solid #666; line-height:180%; padding:15px 0px; text-align:center; }


/****** Slide ******/
.axx,.bxx{padding:1px 7px;border-left:#ccc 1px solid;}
a.axx:link,a.axx:visited,a.axx:active,a.axx:hover,a.bxx:link,a.bxx:visited,a.bxx:active,a.bxx:hover { text-decoration:none;color:#fff;line-height:16px;height:16px; }
a.axx:link,a.axx:visited{ background:#666; }
a.axx:active,a.axx:hover{ background:#999; }
a.bxx:link,a.bxx:visited{ background:#D34600; }
a.bxx:active,a.bxx:hover{ background:#D34600; }
