/* ==================================== 1. Global ==================================== */

html, body{
	min-width:980px background: #fff;
	font-family:Arial, Helvetica, verdana, sans-serif; font-size:12px; color:#333;
	overflow-x:hidden; overflow-y:auto;
	behavior:url("hover.htc");
}

.h5{ height:5px; overflow:hidden }
.h10{ height:10px; overflow:hidden }
.clear{ clear:both; height:0px; overflow:hidden }

.fl{ float:left }
.fr{ float:right }

.img{ padding:1px; border:1px solid #96d9f9 }

.hr{ margin:5px auto; width:95%; height:1px; overflow:hidden; background:url("hr.gif") repeat-x }

/* //////////////////////////////////// */

.info{ padding:3px 8px; line-height:25px; text-indent:2em; font-size:14px; color:#663333 }
.infos{ padding:3px 5px; line-height:21px; text-indent:2em; font-size:12px }

/* //////////////////////////////////// */

.box{ margin:auto; border:1px solid #ddd; border-top:none; background-color:#fff }
.box-m { padding:8px 10px }

/* //////////////////////////////////// */

.table{ margin:auto; width:100%; background-color:#ddd }
.table a{ color:#06c }
.td{
	padding-left:3px;
	height:26px; line-height:26px;
	background-image:url("../../img/bar/t4.gif");
	color:#0076a3; font-weight:bold; font-size:14px;
}
.bg-td{ background-color:#FFFFFF }
.bg-tds{ background-color:#eeeeee }

/* //////////////////////////////////// */

.nPage{ margin:5px 3px; padding:3px; text-align:center }
.nPage a{ margin:2px; padding:2px 5px; border:#eee 1px solid; color:#036cb4; text-decoration:none }
.nPage a:hover{ border:#999 1px solid; color:#666 }
.nPage a:active{ border:#999 1px solid; color:#666 }
.nPage .current{
	margin:2px; padding:2px 5px;
	border:#036cb4 1px solid;
	font-weight:bold; color:#fff; background-color:#036cb4
}
.nPage .disabled{ margin:2px; border:#eee 1px solid; padding:2px 5px; color:#ddd }

/* =========================== 2. Header =========================== */

#wrap{ display:block; margin:auto; width:986px; overflow:hidden }

#header{ display:block; margin:5px auto; width:986px; zoom:1 }

#logo{ float:left; display:inline; width:570px; height:120px }
#contact{ float:right; display:inline; margin:20px 10px 0 0; width:300px }
#contact p{
	padding:5px 10px; line-height:18px; border:1px solid #ddd;
	background:url("spec.png") repeat;
}

.webName{ padding:15px 0 0 30px; font-size:28px; font-weight:bold; color:#333 }
.webUrl{ padding:20px 0 0 50px; font-size:14px; font-weight:bold; color:#fff }
.webUrl a{ text-decoration:underline; color:#333 }
.webUrl a:hover{ color:#990099 }
#banner{ display:block; margin:0 auto 5px; width:978px; overflow:hidden; border:1px solid #ddd }
#banner img{ display:block; width:978px; overflow:hidden }

#bannerImg{
	display:block; margin:0 auto 5px; width:978px; height:280px; overflow:hidden; border:1px solid #ddd;
	font-size:40px; font-weight:bold;
}
#bannerImg.t1{ background:url("banner/img/1.jpg") no-repeat }
#bannerImg.t1 span{
	display:block;
	margin:80px 0 0 500px;
	width:450px; height:120px; line-height:60px; color:#cc9900;
}
#bannerImg.t2{ background:url("banner/img/2.jpg") no-repeat }
#bannerImg.t2 span{
	display:block;
	margin:80px 0 0 500px;
	width:450px; height:120px; line-height:60px; color:#fff;
}
#bannerImg.t3{ background:url("banner/img/3.jpg") no-repeat }
#bannerImg.t3 span{
	display:block;
	margin:80px 0 0 500px;
	width:450px; height:120px; line-height:60px; color:#000;
}
#bannerImg.t4{ background:url("banner/img/4.jpg") no-repeat }
#bannerImg.t4 span{
	display:block;
	margin:80px 0 0 500px;
	width:450px; height:120px; line-height:60px; color:#ccffff;
}
#bannerImg.t5{ background:url("banner/img/5.jpg") no-repeat }
#bannerImg.t5 span{
	display:block;
	margin:60px 0 0 220px;
	width:350px; height:120px; line-height:60px; color:#cc9900;
}

#page{ display:block; margin:auto; padding:1px 0; width:980px; overflow:hidden; zoom:1; background:#fff }

.crumbs{ margin:auto; padding:3px 5px; border:1px solid #ddd; overflow:hidden; zoom:1 }

/* ==================================== 3. Page ==================================== */


/* ================== 3.1 Website Intro ================== */

.wsIntro{
	display:block; padding:5px 15px; line-height:25px; font-size:14px;
	background:#fff url("main-bg.gif") repeat;
}
.wsIntro p{
	margin:5px 0; padding:0;
	font-size:14px; line-height:23px;
	text-indent:2em; text-align:justify; text-justify:inter-ideograph;
}
.wsIntro h2{ margin:15px; text-align:center; font-size:20px; font-weight:bold }
.wsIntro .sub{ padding:10px 0; text-align:center }
.wsIntro .logo{ float:left; margin:10px 20px 0 0 }
.wsIntro .item{ margin:5px 10px 0 4em; font-size:12px; line-height:21px }
.wsIntro .item li{ font-size:12px; line-height:21px }

.wsIntroMore{ margin:5px 20px; overflow:hidden }
.wsIntroMore li{
	float:left; display:inline;
	padding-left:10px; width:450px; height:24px; line-height:24px; border-bottom:#eee 1px solid;
	background:url("li.gif") no-repeat 0px 10px;
}

/* ================== 3.1 Website Contact ================== */

.wsContact{
	display:block; padding:60px 15px 150px 350px; line-height:25px; font-size:14px;
	background:#fff url("contact.png") no-repeat 50px 50px;
}
.wsContact p{
	margin:5px 0; padding:0;
	font-size:14px; line-height:23px;
	text-indent:2em; text-align:justify; text-justify:inter-ideograph;
}

.wsContact ul{ margin:5px 20px; overflow:hidden }
.wsContact ul li{
	float:left; display:inline;
	padding-left:15px; width:500px; height:35px; line-height:35px; border-bottom:#eee 1px solid;
	background:url("li.gif") no-repeat 0px 16px;
}

/* ================== 3.2 Website News ================== */

.wsNews{
	margin:5px 0; overflow:hidden; min-height:180px;
	background:#fff url("main-bg.gif") repeat;
}
.wsNews p{
	margin:0 5px 0 5px; padding:0;
	font-weight:normal;
}
.wsNews p a{
	margin:0 0 0 10px; padding:0 0 0 12px;
	height:28px; line-height:28px; overflow:hidden;
	font-size:14px; color:#993366;
	background:url("li.gif") no-repeat 0px 6px;
}
.wsNews p a:hover{ color:#cc00ff }
.wsNews span{ margin:0 0 0 20px; font-size:12px; color:#808080 }

/* ================== 3.3 Website Ware ================== */

.wsWare{
	padding:15px 0 0; min-height:150px; overflow:hidden;
	background:#fff url("main-bg.gif") repeat;
}
.wsWare li{ float:left; display:inline; margin:0 0 0 30px; width:155px; height:160px; text-align:center }
.pic-w{
	display:block; padding:1px;
	width:150px; height:110px; overflow:hidden; text-align:center;
	font-size:0; white-space:nowrap; background:#fff; border:1px solid #ddd;
}
.pic-w:hover{ border:1px solid #bbb }
.pic-w img{ vertical-align:middle }
.pic-fix{ margin-right:-1px; display:inline-block; *display:inline; *zoom:1; height:100%; width:1px; vertical-align:middle; }
.wsWare .tit{ display:block; margin:5px 0 10px 0; text-align:center }

/* ================== 3.4 Website Links ================== */

.wsLinks{ padding:10px; min-height:200px }
.wsLinks li{ float:left; display:inline; width:150px; height:25px; text-align:center }
.wsLinks li a{ font-size:14px }

/* ================== 3.5 Product View ================== */

.pdView .l{ float:left; width:300px; padding-top:30px; text-align:center }
.pdView .l img{ width:240px; height:180px }
.pdView .r{ margin:10px auto; padding:0 5px 0 0; float:right; width:455px }
.pdView .pdtable{ margin:0; padding:0; font-size:12px }
.pdView .pdtable th{ width:120px; height:25px; line-height:25px; text-align:right; font-weight:bold }
.pdIntro{ min-height:300px }
.pdIntro p{ margin:5px 10px; line-height:18px }
.pdIntro img{ max-width:600px }

/* ================== 3.6 license View ================== */

.licenseView{ margin:0; padding:0; font-size:12px }
.licenseView th{ width:120px; height:25px; line-height:25px; text-align:right; font-weight:bold }

/* ================== popUp ================== */

.popUp{ width:860px; display:none }
.popUp h3{ margin:10px 0 0 20px; font-size:28px; color:#08c }
.popUp .content{ max-height:500px; overflow:scroll; overflow-x:hidden }
.popUp .pic{ float:left; margin:10px 20px 0 0 }
.popUp p{ line-height:20px; font-size:13px; text-indent:2em }

.btnlist{ padding:5px 0; overflow:hidden }
.btnlist li{
	float:left; display:inline;
	margin:0 0 0 12px;
	width:310px; height:100px; background:#ddd;
}
.btnlist li.b1{ background:url("../img/stsc/ask/service.jpg") no-repeat }
.btnlist li.b2{ background:url("../img/stsc/ask/work.jpg") no-repeat }
.btnlist li.b3{ background:url("../img/stsc/ask/ask.jpg") no-repeat }

/* =========================== 4. Footer =========================== */

#footer{
	margin:5px auto; padding:0;
	padding:0 40px; height:25px; line-height:25px;
	border-top:1px solid #bebdc6; background:#e3e2e2;
}
#footer a{ color:#660033 }
#footer a:hover{ color:#990066; text-decoration:none }