@charset "utf-8";
@import url(color.css);
@import url(common.css);
@import url(board.css);
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
/*	font-size: 0.75em;*/
	line-height: 1.4; /*normal*/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/* part 1 of 2 centering hack */
	background: #ffffff;
}
ul,li{ margin:0; padding:0; list-style:none;}

.headerBg{ background:url(../images/head_bg.gif) repeat-x; height:79px;}
.searchText{ background:url(../images/search_text.gif) no-repeat; width:97px; height:18px; line-height:18px; border:0; padding-left:18px; color:#999999;}
.searchBtn{ background:url(../images/search_btn.gif) no-repeat; width:29px; height:18px; border:0; margin-left:-1px; }
.menuBg{ background:url(../images/bg_bar_product.gif) repeat-x left top; height:48px;}
/**/
#r_title {width:602px; height:90px;}
#r_contents {width:602px;}

div.gpr td { border:1px solid #dedede; margin:1px; padding:1px;}

#product_list_tab p.photo {width:120px; height:120px; text-align:center; margin:40px 0 0 0;}
#product_list_tab p.title {margin:10px 0 0 0;  width:200px; text-align:center; font-family:Tahoma, Verdana, Arial; font-size:12px; font-weight:bold; color:#4a88b3; }
#product_list_tab p.size {margin:5px 0 0 0;  width:200px; text-align:center; font-family:Tahoma, Verdana, Arial; font-size:11px; font-weight:normal; color:#76849d;}
#product_list_tab p.btn {width:200px; text-align:center; margin:13px 0px 30px 0px;}


#product_search { background:url(../images/bg_product_search.gif) top center no-repeat; width:612px; height:120px; margin:0 auto;}

#detail_spec_tab {}
#detail_spec_tab p { border-bottom:1px solid #dfdfdf; padding:2px 3px 2px 3px; color:#515152;}
#detail_spec_tab img { border:none; vertical-align:middle;}

div.caseimg {width:110px; height:80px; border:6px solid #f2f2f2; }
p.casename { text-align:center; width:150px; padding:5px 0px 15px 0px;}
input#noborder {border:0;}


.jNiceSelectWrapper {
	width: 142px;
	position:relative;
	height:21px;
	border:1px solid #c9c9c9;
}

.jNiceSelectWrapper div span {
	float: none;
	position: absolute;
	width: 120px;
	height: 21px;
	left:0;
	line-height: 21px;
	padding-left:13px;
	overflow: hidden;
	border-right: none;
	font-size:11px;
	color:#a1a1a1;
}

.jNiceSelectWrapper div a {
	display: block;
	position: absolute;
	right: 0px;
	width: 24px;
	height: 21px;
	background: url(../images/select_dot.gif) no-repeat center center;
}
.jNiceSelectWrapper div a:hover{
	background: url(../images/select_dot.gif) no-repeat center center;
}
.jNiceSelectWrapper ul {
	position: absolute;
	width: 140px;
	bottom: 20px;
	right: 0px;
	background-color: #FFF;
	border: solid 1px #ddd;
	display: none;
	overflow: auto;
	overflow-y: auto;
	z-index:100;
	height:70px;
}

.jNiceSelectWrapper ul a {
	display: block;
	padding:3px 5px;
	text-decoration: none;
	color:#0099CC;
	background-color: #FFF;
	font-size:10px;
}

.jNiceSelectWrapper ul a:hover { }
.jNiceSelectWrapper ul a.selected { font-weight:bold;}
.jNiceSelectWrapper ul a.selected:hover{ }

.jNiceHidden {display: none;}

.NewsList{}
.NewsList li{ line-height:22px; float:right; font-size:10px; color:#898888;}
.NewsList li a{ float:left; color:#676767; text-align:left; width:242px;}

#mainMov{ height:458px; margin-top:-13px;}
.porductList{ margin-left:7px;}
.porductList li{ float:left; width:63px; margin-left:15px; margin-right:15px; margin-top:8px;}
.porductList li img{ display:block; border:1px solid #cccbcb;}
.caseList li{ float:left; margin-left:7px; margin-right:5px;}
.caseList li a:link{background:url(../images/case_dot_out.gif) no-repeat left; padding-left:12px; color:#FFFFFF;}
.caseList li a:visited{background:url(../images/case_dot_out.gif) no-repeat left; padding-left:12px; color:#FFFFFF;}
.caseList li a:hover{ background:url(../images/case_dot_on.gif) no-repeat left;}


#LeftMenu{ margin-top:40px;}
#LeftMenu li { margin:15px 0;}
#LeftMenu li a{ display:block; background:url(../images/left_menu_out.gif) no-repeat; line-height:22px; height:25px; text-align:center;}
#LeftMenu li a:hover{background:url(../images/left_menu_on2.gif) no-repeat;}
#LeftMenu li a:link{color:#fff; }
#LeftMenu li a:visited{ color:#fff;}
#LeftMenu li a:hover{ color:#fff;}
#LeftMenu li a.curt{ font-weight:bold;background:url(../images/left_menu_on2.gif) no-repeat; color:#fff;}

#body{ margin-top:10px;}

#Content{ background:url(../images/content_bg.gif) repeat-x left top; border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
#Content .Nav{ text-align:right; padding:10px; color:#525252;}
#Content .Nav img{ margin:0 3px 2px 3px;}
#Content .content{ padding:12px 18px; line-height:25px;color:#525252;}



.ListCls{ margin-right:20px; margin-top:10px; }
.ListCls ul{ clear:both;}
.ListCls ul li{ height:33px; line-height:33px; border-bottom:1px dashed #ccc; float:right;color:#999999;}
.ListCls ul li a{ float:left; width:610px; font-size:12px;}
.ProItems{ margin-top:20px; line-height:22px;}
.ProItems .items{ float:left;}
.ProItems .select{ float:right; }
.ProItems .select span{ font-size:8px; color:#999999;}
.ProItems .select select{ font-size:10px;margin-bottom:5px; }


.NewsView{ width:683px; margin-top:28px; text-align:center;}

.NewsView h3{ font-size:15px; color:#646464;}
.NewsView .info{ color:#999999; margin-top:15px;}
.NewsView .Xcontent{ text-align:left; margin-top:15px;}
.NewsView .PreNext{ text-align:left; line-height:23px; border:1px solid #dfdfdf; background:#f0f0f0; padding:4px;}


.ProCls{ margin-right:20px;}
.ProCls ul{ clear:both;}
.ProCls ul li{ float:left;}
.ProCls ul li a{ width:198px; height:173px; float:left; overflow:hidden; margin:20px 12px; text-align:center; }
.ProCls ul li img{  height:143px; border:0; margin:3px; }
.ProCls ul li span{ display:block; text-align:center;   font-weight:bold; background:url(../images/view_detail.gif) no-repeat center bottom;}



.ProView{ margin-top:30px;}
.ProView .img { float:left; margin-left:20px;}
.ProView .img a.zoom{ display:block; font-weight:bold; text-align:center; margin-top:5px;color:#bd864c;}
.ProView .img a.zoom:hover{ text-decoration:underline;}
.ProView .img a.zoom img{ border:none; width:16px; height:16px;}
.ProView .img img{ border:1px solid #cdcdcd; width:250px;}
.ProView .info{ margin-left:45px; float:left; width:320px;}
.ProView .info li{ border-bottom:1px solid #cdcdcd;}
.ProView .info li strong img{ margin-top:5px;}
.ProView .info li strong{ float:left; margin-right:10px;}
.ProView .info .contact{ margin-top:10px; background:#f3f3f3; text-align:center; padding:20px 0;}
.ProView .content{ }
.ProView .content .procnt{ padding:0px;}
.ProView .content .procnt h4{ display:block; background:#c8bf9f; padding:4px 10px 4px 10px;}

.ProView .related{ margin-top:20px; border:1px solid #ffd393; }
.ProView .related h4{ background:#fffbef;padding:10px; font-size:14px;}
.ProView .related .redcnt{ padding:20px 10px;}
.ProView .related .redcnt li{ float:left; margin:10px 4px;}
.ProView .related .redcnt li a{ display:block; width:110px; text-align:center;}
.ProView .related .redcnt li a img{ width:120px; height:70px; border:1px solid #cdcdcd; margin-bottom:5px;}
.ProView .related .redcnt li a:hover img{ border:1px solid #e9ad17;}

.TableForm{ margin-top:24px;}
.TableForm .explame{ line-height:23px; margin-bottom:10px;}
.TableForm .colorred{color:#FF0000;}
.TableForm  input.text{ border:1px solid #ccc; height:18px; line-height:18px; padding:0 4px; width:200px;}

.TableForm  input.v_Input{ width:100px; height:25px; border:1px solid #ccc; line-height:23px;}
.TableForm  textarea{ width:300px; border:1px solid #ccc; padding:3px;}
.TableForm  .Select{ width:210px;}


.mb8{ margin-bottom:8px; padding-left:10px;}