@import "reset.css";
#container{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
.item {
	width: 100%;
	overflow: hidden;
}
.div_body{
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	padding:4px;
}
.border_t{
	border-top:1px solid #d9d9d9;
}
.border_b{
	border-bottom:1px solid #d9d9d9;
}
.text_title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	padding-left:5px;
	display:block;
	padding-top:4px;
	padding-bottom:4px;
}
.boxthem{
	width:265px;
}
.box1them{
	width:275px;
	height:100px;
}
.div_box_body{
	padding-left:6px;
	padding-right:6px;
}
.div_boxthem{
	padding:6px;
	padding-left:18px;
	padding-right:18px;
}
.box-inside {padding: 5px;}
.td-half {width:50%;}
.lineheight18 {line-height: 1.8;}
.lineheight15 {line-height:1.5;}
.lineheight12 {line-height:1.2;}
.overauto {overflow:auto;}
.overhidden {overflow: hidden;}
.with-auto {width:auto;}

.gray-text {color: #5d5d5d;}
/* header */
.header {
	background: url(images/headerbg.gif) repeat-x left bottom;
}
.header-inner {
	background: url(images/headerinnerbg.gif) no-repeat right top;
}
/* end header */

/* menu */
.menu {
	background:#f0f0f0 url(images/menubg.gif) repeat-x left top;
}
.menu-inner {
	background: url(images/menuinnerbg.gif) no-repeat left top;
	height: 32px;
	overflow: hidden;
	padding-left: 58px;
	padding-top: 9px;
}

.menu-item {
	background: url(images/menuitembg.gif) repeat-x left top;
	float: left;
	margin-right: 5px;
}
.menu-item-l {
	background: url(images/menuitemlbg.gif) no-repeat left top;
	float: left;
}
.menu-item-r {
	background: url(images/menuitemrbg.gif) no-repeat  right top;
	float: left;
	height: 32px;
	line-height: 24px;
	overflow: hidden;
	padding: 0 30px;
	color: #0e5e9d;
	font-weight: bold;
}

.menu-webprice {
	padding: 0 20px;
	font-weight: normal;
	color: #000;
}
.menu .menu-inner a {
	color: #0e5e9d;
	text-decoration: none;
}
/* end menu */

/* page content */
.page-content {
	background: url(images/pagecontentbg.gif) repeat-x left top;
	padding-top: 9px;
}
/* end page content */


/* box */
.box {background: #fff url(images/boxdotbg.gif) repeat-x left top;}
.box-l {background: url(images/boxdotbg.gif) repeat-y left top;}
.box-r {background: url(images/boxdotbg.gif) repeat-y right top;}

.box-tl {background: url(images/boxtlbg.gif) no-repeat left top;}
.box-tr {background: url(images/boxtrbg.gif) no-repeat right top;}


.box-b {background: url(images/boxbbg.gif) repeat-x left bottom;}
.box-bl {background: url(images/boxblbg.gif) no-repeat left bottom;}
.box-br {background: url(images/boxbrbg.gif) no-repeat right bottom; padding: 1px;}

/* end box */

/* box top  */
.boxtop-tl {background: url(images/boxtoptlbg.gif) no-repeat left top;}
.boxtop-tr {background: url(images/boxtoptrbg.gif) no-repeat right top;}
/* end box top */

.box-tab {
	height: 34px;
	line-height: 34px;
	color: #fff;
	padding-left: 60px;
	overflow: hidden;
}

/* box tab orange */
.boxtab-orange {background: #f7c729 url(images/boxtaborangebg.gif) repeat-x left top;margin: 1px;}
.boxtab-orange-l {background: url(images/boxtaborangelbg.gif) no-repeat left top;}
.boxtab-orange-r {background: url(images/boxtaborangerbg.gif) no-repeat right top;}
/* end box tab orange */

/* box tab blue */
.boxtab-blue {background:#6bbe0b url(images/boxtabbluebg.gif) repeat-x left top;margin: 1px;}
.boxtab-blue-l {background: url(images/boxtabbluelbg.gif) no-repeat left top;}
.boxtab-blue-r {background: url(images/boxtabbluerbg.gif) no-repeat right top;}
/* end box tab blue */

/* box tab gray */
.boxtab-gray {background: #d9d9d8 url(images/boxtabgraybg.gif) repeat-x left top; margin: 1px;}
.boxtab-gray-l {background: url(images/boxtabgraylbg.gif) no-repeat left top;}
.boxtab-gray-r {background: url(images/boxtabgrayrbg.gif) no-repeat right top;}
.boxtab-gray-m {
	height: 34px;
	line-height: 34px;
	color: #0247c6;
	padding-left: 45px;
	overflow: hidden;
}
/* end box tab gray */


/* white box */
.boxwhite { background:#fff url(images/boxwhitedot.gif) repeat-x left top;}
.boxwhite-l {background: url(images/boxwhitedot.gif) repeat-y left top;}
.boxwhite-r {background: url(images/boxwhitedot.gif) repeat-y right top;}

.boxwhite-tl {background: url(images/boxwhitetlbg.gif) no-repeat left top;}
.boxwhite-tr {background: url(images/boxwhitetrbg.gif) no-repeat right top;}

.boxwhite-b {background: url(images/boxwhitedot.gif) repeat-x left bottom;}
.boxwhite-bl {background: url(images/boxwhiteblbg.gif) no-repeat left bottom;}
.boxwhite-br {background: url(images/boxwhitebrbg.gif) no-repeat right bottom; padding: 1px;}
/* end white box */

/* gray box */
.boxgray {background:#f4f4f4 url(images/boxdotbg.gif) repeat-x left top;}
.boxgray-tl {background: url(images/boxgraytlbg.gif) no-repeat left top;}
.boxgray-tr {background: url(images/boxgraytrbg.gif) no-repeat right top;}

.boxgray-b {background: url(images/boxgraybbg.gif) repeat-x left bottom;}
.boxgray-bl {background: url(images/boxgrayblbg.gif) no-repeat left bottom;}
.boxgray-br {background: url(images/boxgraybrbg.gif) no-repeat right bottom; padding: 1px;}
/* end gray box */

/* colum left */
.col-left {
	width: 750px;
	overflow: hidden;
}

/* intro box */
.intro-title {
	color: #ff0000;
	font-weight: bold;
	font-size: 18px;
}
.intro-item {
	padding-top: 10px;
	padding-bottom: 10px;
}
.intro-item-num {
	background: url(images/introitembg.gif) no-repeat left 0;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #ff0000;
	font-size: 22px;
	width: 32px;
}
.intro-box .intro-item a {color: #4f4f4f; text-decoration: none;}

.intro-box .intro-item a:hover {color: #000; font-weight: bold;}
/* end intro box */

/* sample website */
.sample-web-thumb {
	border: 1px solid #d2d2d2;
	padding: 2px;
}
.sample-web-item {
	padding-left: 8px;
	padding-right: 8px;
}
.sample-web-arrow {
	background: url(images/arrow.gif) no-repeat right 5px;
	padding-right: 7px;
	color: #003373;
}
.add-to-cart {
	background: url(images/addtocartbg.gif) no-repeat left top;
	height: 26px;
	line-height: 26px;
	color: #dd0101;
	font-weight: bold;
	padding-left: 15px;
	width: 85px;
}
.sample-web-color {color: #003373;}
.sample-web-item .sample-web-arrow a, .sample-web-color .sample-web-arrow a, .sample-web-item .sample-web-color a {color: #FF0000;}

a .sample-web-color, a:link .sample-web-color, a:active .sample-web-color, a:visited .sample-web-color, a:hover .sample-web-color {color: #003373;}
/* end sample website */

/* end colum left */

/* colum right */
.col-right {
	width: 220px;
	overflow: hidden;
}

/* support online */
.hotline {
	background: url(images/hotlinebg.gif) no-repeat left top;
	height: 86px;
	width: 143px;
	padding-left: 65px;
	overflow: hidden;	
	color: #ff0000;
}
/* end suppor tonline */

/* quick contact */
.qcontact-input {
	background: url(images/quickcontactinputbg.gif) no-repeat left top;
	height: 18px;
	border: 0;
	width: 158px;
	padding: 4px 5px 0 15px;
	overflow: hidden;
}
.qcontact-text {background: url(images/quickcontacttextbg.gif) repeat-y left top;}
.qcontact-text-t {background: url(images/quickcontacttexttbg.gif) no-repeat left top;}
.qcontact-text-b {background: url(images/quickcontacttextbbg.gif) no-repeat left bottom; padding: 5px 1px; width: 176px;}

.qcontact-textarea {width: 170px; border: 0; overflow: auto; padding:0 3px;}
.qcontact-button {background: url(images/quickcontactbuttonbg.gif) no-repeat left top; height: 25px;width: 80px; overflow: hidden; text-align: center;font-weight: bold; color: #5d5d5d; text-align:center; border:0; cursor: pointer;}
/* end quick contact */
/* end colum right */


/* bottom info */
.bottom-info {background: url(images/bottominfobg.gif) repeat-y left top;}
.bottom-info-t {background: url(images/bottominfotbg.gif) no-repeat left top;}
.bottom-info-b {background: url(images/bottominfobbg.gif) no-repeat left bottom; padding: 3px 20px 10px;}

.bottominfo-label {
	background: url(images/bottominfolabelbg.gif) no-repeat left center;
	 height: 34px;
	 line-height: 34px;
	 color: #fff;
	 padding-left: 45px;
}
.bottominfo-inner {
	padding: 5px 5px 5px 35px;
}
/* end bottom info */

/* footer */
.footer {background:#f6f6f6 url(images/footerbg.gif) repeat-x left top;}
.footer-l {background: url(images/footerlbg.gif) no-repeat left top;}
.footer-r {background: url(images/footerrbg.gif) no-repeat right top; height: 200px;}
/* end foter */ 


/* intro detail page */
.red-text {color: #f40000;}
.intro-page-item-num {
	background:transparent url(images/intropagenumbg.gif) no-repeat scroll left 0;
	color:#FF0000;
	font-size:14px;
	height:20px;
	line-height:20px;
	text-align:center;
	width:20px;
}
.intro-page-item-num-text {padding-top: 7px; padding-bottom: 5px;}

.intro-page-center-bluebox{
	background: url(images/intropagecenterblueboxbg.gif) no-repeat left top;
	width: 487px;
	height: 96px;
	color: #0b50c6;
}
.ip-bluebox-item {padding-left: 120px;}
.ip-bluebox-item ul li {
	list-style-type: disc; color: #0b50c6;
}
/* end intro detail page */

/* popup page */
.popup-page {
	width: 766px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
/* end popup page */

/* webdemo page */
.wd-top {
	background: url(images/webdemotoptbg.gif) repeat-x left top;
}
.wd-top-b {
	background: url(images/webdemotopbbg.gif) repeat-x left bottom;
	padding-top: 4px;
	padding-bottom:10px;
}
.wd-top-rbox {
	background: url(images/webdemotoprboxbg.gif) no-repeat right top;
	padding-left: 5px;
}
.wd-top-rbox-title {font-size: 14px; color: #f40000;}
.wd-top-rbox-text {padding-top: 3px; padding-bottom: 3px;}
.paging-item-outer {
	background: #fff url(images/pagingbg.gif) repeat-x center center;
	border: 1px solid #c9c9c9;
	margin-right: 4px;
}
.paging-item {
	padding: 1px 5px;
	border: 1px solid #fff;
}
/* end webdemo page */