/* CSS Document */

/* ##### Common Styles ##### */

body {
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
  background-image: url(Images/bg.gif);
}
* {}

html > body {font-size: 9pt;}
acronym, .titleTip {
  border-bottom: 1px dotted rgb(168,140,83);
  cursor: help;
  margin: 0;
  padding: 0;
}
.doNotDisplay {display: none !important;}
a {color: #556379;}
a:hover {color: #8496B3;text-decoration: none;}

h1 {font-size: 1.3em;font-family: Arial;color: #7B98F8;margin: 0;padding-bottom: 4px; padding-top: 3px;}

h2 {
	font-size: 10pt;
	font-family: Arial;
	color: #62C916;
	text-transform: uppercase;
	margin: 0;
	padding: 2px 0;
}

h3 {
	font-size: 9pt;
	color: #FF6600;
	font-family: Arial;
	margin: 0;
	padding-bottom: 8px;
}

h4 {
	font-size: 10pt;
	font-family: Arial;
	color: #999999;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 8px;
}

p  { margin: 0; padding-bottom: 8px; line-height: 150%; }
.loginbox{margin: 0; padding: 0; line-height: 22pt;}
.listindex{ font-size: 1.3em; font-family: Arial; margin: 0; padding:2px 0 8px 0; font-weight: bolder; }
.homepageword{
	font-size: 11pt;
	font-family: Arial;
	color: #4588CF;
	text-transform: uppercase;
	line-height: 25px;
}
.sb{
	font-size:9pt;
	line-height: 18px;
}
hr {
	clear: both;
	height: 1px;
	border-top: solid 1px #AACCD5;
}

img {
	border: none;
}
.speace{
	padding: 20px;
}
.news-hight{
	line-height: 130%;
	font-size:120%;
}
.image-middle{
	padding: 10px 15px 5px 15px;
}
ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 5px; list-style-type: disc; font-family: arial; font-size: 120%; line-height: 23px;}

/* ##### Header ##### */

#header {
  color: inherit;
  height:101px;  
  width:936px;
  background-image: url(Images/bg1.png);
  background-repeat: repeat-x;
}
.nav {
clear: both;  width: 934px; margin:0; padding: 0;}
.xnav{
	width: 937px;
}
.headerTitle {
  margin: 0;
  padding: 0.25em 4mm 0.25em 4mm;
}
/*------------------------------------------------------WEB MAXWIN logo --*/
#logo {
	width: 190px;
	float:left;
}
#logo a {
	display: block;
	height: 78px;
	margin: 13px 2px 2px 2px;
	padding: 0 0 0 14px;
	font-size: 28px;
	letter-spacing: 0;
	text-transform: uppercase;
	text-decoration: none;
	background-image: url(Images/logo.png);
	background-repeat: no-repeat;
}

.handerbox-container {clear: both; float: left;  width: 936px; margin:0; padding: 0;  position: relative;  background-color: White; } /* Width should be 438px, but IE-duplication bug forces us to reduce with 3px to 435px */
.homebox-container {clear: both; float: left;  width: 936px; margin:0; padding: 0;  position: relative;} /* Width should be 438px, but IE-duplication bug forces us to reduce with 3px to 435px */
.handerbox-full {width: 745px; margin: 0px; padding: 0px;}
.handerbox-third-left {float: left; width: 240px; margin: 0; padding: 0 0 0 8px;}
.handertbox-third-middle {float: left; width: 540px; margin: 60px 0px 0px 0px; padding: 0px; text-align: right; } 
.handertbox-third-right {float: right; width: 255px; margin: 0px; padding: 0px;}
.box-half-left {float: left; width: 170px; margin:  0px; padding: 0px;}
.box-half-right {float: right; width: 750px; margin: 0px; padding: 0px; position: relative; overflow: hidden; }
.right-line {float: right; width: 740px; *width:738px; margin: 0px; padding: 0px 5px; position: relative; overflow: hidden; border-right: 1px solid #AACCD5;border-left: 1px solid #AACCD5;}

/*------------------------------------------------------ Language change -- */
#title2 {
color : white; 
float: right;
margin: 6px 0 0 0;
padding-left: 10px;
padding-right:2px;
font-family : Arial, 宋体; 
text-align : right; 
vertical-align : middle; 
font-size : 8pt; 
height : 13px; 
width:182px;
background-image: url(Images/language.gif);
background-repeat: no-repeat;
} 

.title2 {
color : white; 
font-family : Arial,宋体; 
text-align : right; 
font-size : 8pt; 
height : 10px; 
width:100%;
margin:0;
} 
div.title2 {
color:white; 
font-family : Arial,宋体; 
text-align : right; 
font-size : 10px; 
height : 10px; 
margin:0;
} 
div.title2 a {
font-family : Arial,宋体; 
text-align : right; 
font-size : 10px; 
height : 10px; 
text-decoration : none; 
padding-right:4px;
padding-left:4px;
color:white;
} 
div.title2 a:link {
color:white;
font-family : Arial,宋体;
text-align : right; 
font-size : 10px; 
height : 10px; 
text-decoration : none; 
} 
div.title2 a:visited {
color:white;
font-family : Arial,宋体;; 
text-align : right; 
font-size : 10px; 
height : 10px; 
text-decoration : none; 
} 
div.title2 a:hover {
background-color : rgb(102,149,190); 
font-family : Arial; 
text-align : right; 
font-size : 10px; 
border : 1px solid rgb(160,190,240); 
height : 10px; 
text-decoration : none; 
padding-left:3px;
padding-right:3px;
color:white;
}

/* ##### main image##### */
#main-image{ clear: both; width: 753px; padding: 0px 0 5px 0; overflow:hidden; z-index: -1; }
/* ##### Index Bar ##### */
.index-image-feedback{ margin-top:0px; margin-bottom:-12px; margin-left: 182px; padding-top: 12px; height: 41px; background-image: url(Images/feedback.png);background-repeat: no-repeat;}
.index-image-about{ margin-top:0px; margin-bottom:-12px; margin-left: 182px; padding-top: 12px; height: 41px; background-image: url(Images/about.png);background-repeat: no-repeat;}
.index-image-new{margin-top:0px; margin-bottom:-12px;  margin-left: 182px;padding-top: 12px; height: 41px; background-image: url(Images/new.png);background-repeat: no-repeat;}
.index-image-Product{margin-top:0px; margin-bottom:-12px; margin-left: 182px;  padding-top: 12px; padding-left:0px;  height: 41px; background-image: url(Images/Product.png);background-repeat: no-repeat;}
.index-image-services{margin-top:0px; margin-bottom:-12px; margin-left: 182px; padding-top: 12px; height: 41px; background-image: url(Images/service.png);background-repeat: no-repeat;}
.index-image-solution{margin-top:0px; margin-bottom:-12px; margin-left: 182px; padding-top: 12px; height: 41px; background-image: url(Images/solution.png);background-repeat: no-repeat;}
.index-image-used{margin-top:0px; margin-bottom:-12px; margin-left: 182px; padding-top: 12px; height: 41px; background-image: url(Images/used.png);background-repeat: no-repeat;}
.index-image-aboutours{margin-top:0px; margin-bottom:-12px; margin-left: 182px; padding-top: 12px; height: 41px; background-image: url(Images/aboutours.png);background-repeat: no-repeat;}
.index-image-howitwork{margin-top:0px; margin-bottom:-12px; margin-left: 182px; padding-top: 12px; height: 41px; background-image: url(Images/howitwork.png);background-repeat: no-repeat;}
.index-image-benfit{margin-top:0px; margin-bottom:-12px; margin-left: 182px; padding-top: 12px; height: 41px; background-image: url(Images/benfit.png);background-repeat: no-repeat;}

.whereis{
	padding: 0 26px;
	height: 21px;
	line-height: 21px;
	background-image: url(images/arrow1.png);
	text-transform: uppercase;
	background-position: 13px 5px;
	background-repeat: no-repeat;
}
/* ##### Side Bar ##### */
#side {border-top: 4px solid #eaf4f6;width: 170px;  background-image: url(Images/menu-bg.gif);  background-repeat: no-repeat;  }
#menu {padding: 0;margin: 0;}
#menu a {text-decoration: none;display:block;}
#menu ul {padding: 0;margin: 0;list-style: none;}
#menu li {margin: 0;padding: 0;}

#menu ul li a {
	margin-top: 8px;
	padding: 0 28px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #AACCD5;
	border-bottom: 1px solid #AACCD5;
	background-position: 13px 5px;
}

#menu ul li ul li a {
	margin-top: 0;
	height:19px;
	line-height: 19px;
	font-weight:normal;
	text-transform: capitalize;
	background-image: url(Images/menu_on.gif);
	background-position: 13px 5px;
	background-repeat: no-repeat;
	border-top: 1px solid #EEF5F7;
	border-bottom: 1px none #EEF5F7;
}
#menu li li li li a {padding-left: 36px;}
#menu ul li ul li a:hover{
	background-color: #C2DCE3;
	background-image: url(Images/menu_nanull.gif);
	background-repeat: no-repeat;
} 
#ads {padding: 0;margin: 0;}

#ads dt {
	padding: 0;
	margin: 6px;
}

#ads dd {
	margin: 0;
	padding: 2px 4px;
	border-bottom: 1px solid #EEF5F7;
	font-size: 9pt;
	border-bottom: 1px solid #AACCD5;
	line-height: 1.2em;
}

/* ##### Main Copy ##### */
#main-copy {color: black;background-color: white;text-align: justify;line-height: 20px;}

/* ##### Main Copy ##### */
#content{float: left;padding-right: 4px; margin-top: 10px;  width: 580px; }
#contentAll{float: left;padding-right: 14px;}

/* ##### SearchBox nad news ##### */
#searchBox{ width: 112pt; height: 20px; padding-left:8px; font-size:9pt; }
input.textinput
{background: #FFF url(Images/input.gif) no-repeat;width: 100px;height: 20px;border: 0px solid #CCCCCC;border: none;}
input.textinput:hover
{ background-color:#CBF3FB;}
input.searchButton{
   position: absolute;
	height: 21px;
	font-size: 73%;
	}	
#news {
   padding: 14px 4px 0 0;
	float: right;
	height: 190px;
	width: 160px;
	background-image: url(Images/login.gif);
	background-repeat: no-repeat;
}

#news h4 {
	padding-left: 14px;
	background-image: url(images/li1b.gif);
	background-repeat: no-repeat;
}

#news dl {
	padding: 0;
	margin: 0;
}

#news dt {
	padding: 6px 10px 4px 10px;
	margin: 0;
	border-top: 1px solid #DEECF0;
	background-image: url(images/li3.gif);
	background-position: 0 11px;
	background-repeat: no-repeat;
	font-size: .7em;
	color: #8CA1AA;
}

#news dd {
	padding: 0;
	margin: 0;
	font-size: .8em;
}

#news h5 {
	margin: 0;
	padding-bottom: 2px;
	font-size: 1.0em;
	font-weight: normal;
}
/* ##### <P> List of company history ##### */

/* ##### threecells ##### */
#threecells {clear: both; }
#threecells div {float: left;font-size: .9em;clear: right;}
#threecells span {display: none;}
#cell_1 {width: 229px;padding-right: 15px;}
#cell_2 {width: 229px;padding: 0 15px 0 15px;border-left: 1px solid #AACCD5;border-right: 1px solid #AACCD5;}
#cell_3 {width: 229px;padding-left: 15px;}
#cell_1 p { font-size: 10pt; font-family: Arial; margin: 0; padding-bottom: 4px; }
#cell_2 p { font-size: 10pt; font-family: Arial; margin: 0; padding-bottom: 4px; }
#cell_3 p { font-size: 10pt; font-family: Arial; margin: 0; padding-bottom: 4px; }
/* ##### Footer ##### */

#footer {
background-color: White;
 border-top : 1px solid #609BD2; 
 font-weight: bold; 
 color: Gray;
  height: 45px;
  font-size: 100%;
  width:936px;
  line-height: 1em;
  margin-top: 0px;
  padding: 10px 0 10px 0;
  clear: both;
}
.footer-half-left {float: left; width: 600px; margin: 0; padding: 0; height: 26px;}
.footer-half-right {float: right; width: 248px; height: 20px; margin: 0px; 
                    padding: 0px; position: relative;
                    background-image: url(Images/company.png);
                    background-repeat: no-repeat;
}
#footer-index,#footer-copyright{
  margin: 0;
  padding: 0 0 5px 10px;
}
#footer a {
  color: Gray;
  background-color: transparent;
  text-decoration: underline;
  font-weight: black;
}
#footer a:hover {text-decoration: none; color: Navy;}

.contentbox-container {clear: both; float: left; width: 740px; margin: 0px 0px 10px 0px; padding: 0px;} /* Width should be 438px, but IE-duplication bug forces us to reduce with 3px to 435px */
.underline{
	border-bottom: 1px solid #CCCCCC;
}
.contentbox-full {width: 740px; margin: 0px; padding: 0px;}
.contentbox-half-left {float: left; width: 210px; margin:  0px; padding: 0px;}
.contentbox-half-right {float: right; width: 210px; margin: 0px; padding: 0px;}
.contentbox-third-left {float: left; width: 240px; margin: 0px 13px 0px 0px; padding: 0px;}
.contentbox-third-middle {float: left; width: 240px; margin: 0px 10px 0px 0px; padding: 0px;}
.contentbox-third-right {float: right; width: 240px; margin: 0px; padding: 0px;}


.contentbox-title-noshading-small {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent;  color: rgb(75,75,75); font-weight: bold; font-size: 130%;}
.contentbox-title-shading-small {margin: 0px; padding: 1px 0px 2px 3px; background-color: #ececec; color: rgb(75,75,75); font-weight: bold; font-size: 130%;}

.contentbox-noshading {margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent;}
.contentbox-shading {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(233,232,244);}

.images-half-right {float: right; width: 322px; margin: 0px; padding: 0px;}
.images-half-left {float: left; width: 322px; margin:  0px; padding: 0px;}
.images-title-noshading-small {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent;  color: rgb(75,75,75); font-weight: bold; font-size: 130%;}
.images-title-shading-small {margin: 0px; padding: 1px 0px 2px 3px; background-color: #ececec; color: rgb(75,75,75); font-weight: bold; font-size: 130%;}
.img-border {margin: 4px 0px 3px 0px; border: solid 1px rgb(150,150,150);}


.contentbox-index {clear: both; float: left; width: 740px; margin: 20px 0px 10px 0px; padding: 0px;} /* Width should be 438px, but IE-duplication bug forces us to reduce with 3px to 435px */
.contentbox-indexfull {width: 740px; margin: 0px; padding: 0px;}
/*-----------------------*/
/* Section 6C.6 - Images */
/*-----------------------*/
.img-left-noborder {float: left; margin: 2px 7px 3px 0px;}
.img-right-noborder {float: right; margin: 2px 10px 3px 7px;}
.img-left-border {float: left; margin: 4px 7px 3px 0px; border: solid 1px rgb(150,150,150);}
.img-right-border {float: right; margin: 2px 0px 3px 7px; border: solid 1px rgb(150,150,150);}


/*---------------------------*/
/* Section 10.4  Text colors */
/*---------------------------*/
.txt-white {color: rgb(255,255,255);}
.txt-black {color: rgb(0,0,0);}

.txt-grey01 {color: rgb(242,242,242);}
.txt-grey02 {color: rgb(230,230,230);}
.txt-grey03 {color: rgb(217,217,217);}
.txt-grey04 {color: rgb(204,204,204);}
.txt-grey05 {color: rgb(191,191,191);}
.txt-grey06 {color: rgb(178,178,178);}
.txt-grey07 {color: rgb(153,153,153);}
.txt-grey08 {color: rgb(127,127,127);}
.txt-grey09 {color: rgb(89,89,89);}
.txt-grey10 {color: rgb(51,51,51);}

.txt-yellow01 {color: rgb(254,252,232);}
.txt-yellow02 {color: rgb(253,249,201);}
.txt-yellow03 {color: rgb(253,246,185);}
.txt-yellow04 {color: rgb(252,243,162);}
.txt-yellow05 {color: rgb(251,239,139);}
.txt-yellow06 {color: rgb(250,236,116);}
.txt-yellow07 {color: rgb(249,233,93);}
.txt-yellow08 {color: rgb(249,230,69);}
.txt-yellow09 {color: #F87F2D;}
.txt-yellow10 {color: rgb(247,224,23);}

.txt-blue01 {color: rgb(238,237,249);}
.txt-blue02 {color: rgb(222,220,242);}
.txt-blue03 {color: rgb(205,202,236);}
.txt-blue04 {color: rgb(189,185,229);}
.txt-blue05 {color: rgb(172,167,223);}
.txt-blue06 {color: rgb(155,149,217);}
.txt-blue07 {color: rgb(139,132,210);}
.txt-blue08 {color: rgb(122,114,204);}
.txt-blue09 {color: rgb(106,97,197);}
.txt-blue10 {color: #7B98F8;}

.txt-green01 {color: rgb(237,246,229);}
.txt-green02 {color: rgb(220,238,204);}
.txt-green03 {color: rgb(202,229,178);}
.txt-green04 {color: rgb(185,220,153);}
.txt-green05 {color: rgb(167,211,127);}
.txt-green06 {color: rgb(149,203,102);}
.txt-green07 {color: rgb(132,194,76);}
.txt-green08 {color: rgb(114,185,51);}
.txt-green09 {color: rgb(97,177,25);}
.txt-green10 {color: rgb(79,168,0);}

.txt-green01 {color: rgb(237,246,229);}
.txt-green02 {color: rgb(220,238,204);}
.txt-green03 {color: rgb(202,229,178);}
.txt-green04 {color: rgb(185,220,153);}
.txt-green05 {color: rgb(167,211,127);}
.txt-green06 {color: rgb(149,203,102);}
.txt-green07 {color: rgb(132,194,76);}
.txt-green08 {color: rgb(114,185,51);}
.txt-green09 {color: rgb(97,177,25);}
.txt-green10 {color: rgb(79,168,0);}

.bg-green01 {background-color: rgb(237,246,229);}
.bg-green02 {background-color: rgb(220,238,204);}
.bg-green03 {background-color: rgb(202,229,178);}
.bg-green04 {background-color: rgb(185,220,153);}
.bg-green05 {background-color: rgb(167,211,127);}
.bg-green06 {background-color: rgb(149,203,102);}
.bg-green07 {background-color: rgb(132,194,76);}
.bg-green08 {background-color: rgb(114,185,51);}
.bg-green09 {background-color: rgb(97,177,25);}
.bg-green10 {background-color: rgb(79,168,0);}

.bg-grey01 {background-color: rgb(242,242,242);}
.bg-grey02 {background-color: rgb(230,230,230);}
.bg-grey03 {background-color: rgb(217,217,217);}
.bg-grey04 {background-color: rgb(204,204,204);}
.bg-grey05 {background-color: rgb(191,191,191);}
.bg-grey06 {background-color: rgb(178,178,178);}
.bg-grey07 {background-color: rgb(153,153,153);}
.bg-grey08 {background-color: rgb(127,127,127);}
.bg-grey09 {background-color: rgb(89,89,89);}
.bg-grey10 {background-color: rgb(51,51,51);}

.bg-yellow01 {background-color: #ff6600;}
.bg-yellow02 {background-color: rgb(253,249,201);}
.bg-yellow03 {background-color: rgb(253,246,185);}
.bg-yellow04 {background-color: rgb(252,243,162);}
.bg-yellow05 {background-color: rgb(251,239,139);}
.bg-yellow06 {background-color: rgb(250,236,116);}
.bg-yellow07 {background-color: rgb(249,233,93);}
.bg-yellow08 {background-color: rgb(249,230,69);}
.bg-yellow09 {background-color: rgb(248,227,46);}
.bg-yellow10 {background-color: rgb(247,224,23);}

.bg-blue01 {background-color: #eaf4f7;}
.bg-blue02 {background-color: #7DAFDB;}
.bg-blue03 {background-color: #148CF5;}
.bg-blue04 {background-color: rgb(112,160,255);}
.bg-blue05 {background-color: rgb(102,153,255);}
.bg-blue06 {background-color: rgb(155,149,217);}
.bg-blue07 {background-color: rgb(139,132,210);}
.bg-blue08 {background-color: rgb(122,114,204);}
.bg-blue09 {background-color: rgb(106,97,197);}
.bg-blue10 {background-color: #7B98F8;}
/*-------------------------------------*/
/* Section 10.2 - Title decoration box */
/*-------------------------------------*/
.box-on {float: left; min-width: 0.5em; margin-right: 0.2em; padding-left: 0.3em;}
.box-off {display: none;}