@charset "utf-8";
/* CSS Document */

body { background: #fff; direction: ltr; color:#000000; font: 11px/15px Arial, Helvetica, sans-serif; /*text-align: center;*/ }
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img {	margin: 0; padding: 0; }
h1{ font-size:30px;}
img { border: 0px; }
a img { border: none; }
a { color: #515151; outline: none; text-decoration: none; }
ol, ul, dl, dt { list-style: none; }
ol:after, ul:after { content: "."; display:block; font-size:0px; line-height:0px; height:0; clear:both; visibility:hidden; }
.clear { clear: both; height: 0px; font-size: 0px; line-height:0px; }
.pagebody{width:100%;overflow:hidden; clear:both;}
.q{width:auto;margin-right:10px;font-weight:bold;float:right;}
.q1{color:#003333;font-weight:bold;font-size:13px;}
.q1 a{color:#003333;font-weight:bold;font-size:13px;}
 

#etw_wrapper { /*border: 1px solid #ccc;*/ width: 1003px; height: auto; margin: 0 auto; padding: 0px 0px 1px 0px; }
#etw_header { width: 100%; height: auto; }
#etw_header h5 { background: url(../../images/h5bg.jpg) repeat-x; height:16px; border-bottom:1px #D6D6D6 solid; color: #626262; font-size: 9px; width: 100%; margin: 0px auto; text-align: right; padding:3px 0px 0px 0px; }
#etw_header h5 a { color: #2A4A93; }
#etw_header h5 img { margin-top: -5px; }
#etw_header .etw_mhead { display: block; background:url(../images/banner.jpg) right no-repeat; margin:0px auto; margin-top: 15px; width: 99%; height: 116px; border: 2px #1FA765 solid; }
#etw_companyname { width:auto; height: auto; float: left; font:bold Arial, Helvetica, sans-serif; color:#333333; margin:30px 0px 14px 40px !important;  margin:30px 0px 19px 30px; height:40px; line-height:40px;}
/*ul#menu { width:100%; height:auto; display: block; float:left;}
ul#menu li { display:block; width:auto; height:23px;;float:left; margin-right:2px; font-size:13px; font-weight: bold; line-height:22px !important; line-height:21px;}
ul#menu li a { display:block; padding:0px 10px 0px 10px; background:url(../images/menubg.jpg) repeat-x; border:1px #15A4D0 solid; color:#000000; } 
ul#menu li a:hover { background:url(../images/menuhoverbg.jpg) ; border: 1px #BDC7B6 solid; }*/

.menu2 { list-style:none; height:23px; position:relative;  height:auto; display: block; float:left; width:100%;}
.menu2 li.top {display:block; float:left; width:auto; height:23px;;float:left;  margin-left:10px;margin-right:2px; font-size:13px; font-weight: bold; line-height:22px !important; line-height:21px;}
.menu2 li a.top_link {display:block; float:left; padding:0px 10px 0px 10px; background:url(../images/menubg.jpg) repeat-x; border:1px #24C175 solid; color:#000000; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block;}
.menu2 li a.top_link span.down {float:left; display:block;}
.menu2 li a.top_link:hover {color:#fff; }
.menu2 li a.top_link:hover span {}
.menu2 li a.top_link:hover span.down {}

.menu2 li:hover > a.top_link {color:#fff;}
.menu2 li:hover > a.top_link span {}
.menu2 li:hover > a.top_link span.down {}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:22px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:200px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:auto; position:relative; float:left; width:200px; font-weight:normal; border-bottom: 1px dotted #CCCCCC;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:auto; width:200px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../images/arrow.gif) right center no-repeat; height:auto; width:200px;}
.menu2 :hover ul.sub li a:hover {background:#3a93d2; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover { display:block; color:#fff; background:#3a93d2 url(../images/arrowhover.gif) right center no-repeat; width:200px;}
.menu2 :hover ul li:hover > a.fly {color:#fff; background:#3a93d2 url(../images/arrowhover.gif) right center no-repeat; width:200px;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:200px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:200px; z-index:400; height:auto;}

#etw_left , #etw_right { width:193px; margin:18px 0px 0px 1px; border:1px #9FE5B1 solid; padding:5px 0; float:left; color:#FFFFFF; margin-bottom:-10000px; padding-bottom:10000px; display:block;}
#etw_left ul , #etw_right ul { height:auto;}
#etw_left ul a:hover , #etw_right ul a:hover { color:#FF6600;}
#etw_left ul li.bigtitle , #etw_right ul li.bigtitle{ font-size: 13px; color:#000066; font-weight: bold; margin: 5px 0px; }
#etw_left ul li.title , #etw_right ul li.title  { width:181px; height:21px; background: #2A9B47; border:1px #185728 solid; line-height:21px; font-weight: bold; padding: 0px 0px 0px 10px; font-size:11px; margin-top:5px; color:#FFFFFF; display:block;}
#etw_left ul li.smalltitle { width:171px; padding:0px 0px 0px 20px; border-bottom:1px #CCCCCC dotted; line-height:28px; font-size:12px;}
#etw_right ul li.smalltitle{ width:171px; padding:0px 0px 0px 20px; border-bottom:1px #CCCCCC dotted; line-height:20px; font-size:11px;}
#etw_left ul li a.d { color:#FFFFFF;}

ul.menu1 , ul.menu3{list-style-type:none; padding:0; margin:4px 0 0 0; width:191px; float:left; display:block;}
ul.menu1 , ul.menu3 {position:relative; float:left;}
* html ul.menu1 {position:static;}
ul.menu1 li , ul.menu3 li {display:block; float:left; width:191px;  margin:4px 0 0 0; border:1px solid #00236F;}
ul.menu1 li.sub , ul.menu3 li.sub { background:#2B509A url(../images/arrowhover.gif) right center no-repeat; font-weight: bold; }

ul.menu1 table , ul.menu3 table {border-collapse:collapse; width:0px; height:21px; position:absolute; bottom: 0px; top:auto; left:0px; font-size:1em;}
ul.menu1 li a, ul.menu3 li a {display:block; color:#000; font-family:arial, sans-serif; font-size:11px; line-height:21px; text-decoration:none; /*text-indent:10px;*/ color:#FFFFFF; padding:0px; padding-left: 10px; height: auto; *margin-top: -4px;}
ul.menu1 a:hover , ul.menu3 a:hover {color: #FF6600;}
ul.menu1 :hover > a , ul.menu3 :hover > a{color: #FF6600;}
ul.menu1 li.sub:hover,
ul.menu1 li.sub a:hover {position:relative; background:#44474B url(../images/arrow.gif) right center no-repeat;}
ul.menu1 ul, 
ul.menu1 :hover ul ul, 
ul.menu1 :hover ul :hover ul ul,
ul.menu1 :hover ul :hover ul :hover ul ul,
ul.menu1 :hover ul :hover ul :hover ul :hover ul ul {position:absolute;left:-9999px; width:128px; top:0px; font-weight: normal; }
ul.menu1 :hover ul, 
ul.menu1 :hover ul :hover ul :hover ul,
ul.menu1 :hover ul :hover ul :hover ul :hover ul :hover ul { left:180px; top:0px; background:transparent url(trans.png); font-weight: normal;} 
/* drop down */
ul.menu1 :hover ul :hover ul,
ul.menu1 :hover ul :hover ul :hover ul :hover ul { left:180px; top:0px; font-weight: normal; }

ul.menu3 li.sub:hover,
ul.menu3 li.sub a:hover {position:relative; background:#44474B url(../images/arrow.gif) right center no-repeat;}
ul.menu3 ul, 
ul.menu3 :hover ul ul, 
ul.menu3 :hover ul :hover ul ul,
ul.menu3 :hover ul :hover ul :hover ul ul,
ul.menu3 :hover ul :hover ul :hover ul :hover ul ul {position:absolute;left:-9999px; width:128px; top:0; font-weight: normal; }
ul.menu3 :hover ul, 
ul.menu3 :hover ul :hover ul :hover ul,
ul.menu3 :hover ul :hover ul :hover ul :hover ul :hover ul { left:-192px; top:0px; background:transparent url(trans.png); font-weight: normal;} 
/* drop down */
ul.menu3 :hover ul :hover ul,
ul.menu3 :hover ul :hover ul :hover ul :hover ul { left:-192px; top:0px; font-weight: normal; }




ul.menu1 li a.b , ul.menu3 li a.b  { background:#2B509A;  }
ul.menu1 li a.b:hover , ul.menu3 li a.b:hover { background:#44474B; }
ul.menu1 li a.c , ul.menu3 li a.c { background: #2B509A; color:#FFFF99; height:auto;  }
ul.menu1 li a.c:hover , ul.menu3 li a.c:hover{ background:#44474B; }

#etw_contact {  width:183; border-top: 2px #2B509A solid; background:#2A9B47 url(../images/contactbanner.jpg) top center no-repeat; padding: 70px 0px 0px 10px; height:200px !important; height:220px; margin-top:10px; color:#FFFFFF; line-height:22px; margin-bottom:-10000px;padding-bottom:10000px;}
#etw_contact a{color:#0033CC;}
#etw_main{ width:780px; float:right; margin:18px 5px 0px 5px; margin-bottom:-10000px; padding-bottom:10000px; display:block;}

#etw_main .hottitle , #etw_main .abouttitle{ background:url(../images/hottop.jpg); height:23px; padding-left: 10px; color: #000000; font-size:12px; font-weight:bold; line-height:22px; }
#etw_main .oneproduct { margin: 6px auto; text-align: left; width: 90%; padding: 0px 10px; height: auto; line-height:20px; background: #F7F7F7; border: 1px #CCCCCC solid;}
#etw_main .table01{ background: #000066;}
#etw_main .table01 tr{ background: #FFFFFF;}
#etw_main .oneproduct a.back { width:40px; text-align: center; height:10px; background: #0000CC; color:#FFFFFF; float:right; font-weight:bold; margin:10px 0px; font-size:11px; border:1px #666666 solid; line-height:10px; }
#etw_main .oneproduct a.back:hover { background:#333333;}
#etw_main .oneproduct .nametitle { color: #000099; display: block; padding: 6px; height: auto; font-size: 12px;}
#etw_main .oneproduct img { margin: 0px 110px; border: 1px solid #ccc; padding: 2px; }
#etw_main .a ul { margin: 6px auto; text-align: left; width: 96%; height: auto; line-height:20px; }
#etw_main .a ul li {  height:auto; }
#etw_main .a ul li , #etw_main ul li.sds { display: block; margin: 10px 0px 0px 0px; width: 100%; border:1px #E2E2E2 solid; background: url(../images/hotlibg.gif) repeat-x; }
#etw_main .a ul li { height: 160px;}
#etw_main .a ul li ol { width: 100%; border: none; }
#etw_main .a ul li ol li { display: inline; float: left; margin: 0 2px; width: 20%; border: none; height: auto; }
#etw_main .a ul li .etw_pinfo { width: 72%; height: auto; }
#etw_main  .a ul li .etw_pinfo b { display: block; }
#etw_main a { color: #000; padding: 6px; height: auto; }
#etw_main ul li img  { display:block; border: 1px solid #ccc; padding: 2px; margin:0px 5px; }
#etw_main .productname{ width:89%; color:#0033CC; font-weight:bold; padding-left:10px; float:left;}
#etw_main .abouttitle { background: url(../images/abouttop.jpg); color:#000000;}
#etw_main .about { line-height:23px; padding: 10px 10px 0px 18px; text-align:justify;  }
#etw_main .about a{  color:#0033cc; padding: 6px; height: auto; }
#etw_main .about img { float:left; margin-right:10px;}
#etw_main .about1 { margin-left:10px;margin-top:15px;margin-bottom:3px;line-height:24px; padding: 10px 10px 0px 10px; text-align:justify; border:1px solid #006699; width:730px; }

#etw_main  #etw_p { float:left; height: auto;width:780px;clear:both;}
#etw_main  #etw_p ul { margin: 6px auto; text-align: left; width: 100%; height: auto; }
#etw_main   #etw_p ul li {display: block;float:left;padding: 0px;width: 22% !important;width: 20%;height: auto;margin-top: 6px; margin-left: 2px ;margin-bottom: 2px;}
#etw_main   #etw_p ul li ol { float: left; width: 100%; height: auto; text-align:center;margin:0px 4px 2px 2px;}
#etw_main   #etw_p ul li ol li {float: left;width: 70%;margin-top: 0;margin-right: 2px;margin-bottom: 0;margin-left: 2px;}
#etw_main   #etw_p ul li .etw_p { width: 50%; float:right; }
#etw_main   #etw_p ul li .etw_p b { color: #641312; display: block; }
#etw_main  #etw_p ul li:hover { background: #f8f8f8; }
#etw_main  #etw_p dl { margin: 10px; width: 98% !important; _width: 96%; height: auto; }
#etw_main   #etw_p dl dt { display: block; float: left; margin: 0px 1%; width: auto; height: auto; }
#etw_main   #etw_p dl dd { float: right; padding-top: 5px; width: 62%; }
#etw_main   #etw_p dl a { padding: 0; }
#etw_main #etw_p a { color: #000;  }
#etw_main  .x{color:#003333;width:100%;}
#etw_main  #etw_p a { color: #515151; display: block; padding: 0px 0px 0px 6px; }
a.b{ float: right; width:5px;height:5px;background: #4784D5;margin:0px 5px 0px 0px;color:#fff;font-size:11px;text-align:center;font-weight:bold;border:1px #CCCCCC solid;}
a.b:hover { float: right;width:5px;background: #CD6213;margin:0px 5px 0px 0px;height:5px;}

#etw_main  #etw_p1 { float:left; height: auto;width:780px;}
#etw_main  #etw_p1 ul { margin: 6px auto; text-align: left; width: 100%; height: auto; }
#etw_main   #etw_p1 ul li {display: block;float:left;padding: 0px;width: 22% !important;width: 20%;height: auto;margin-top: 6px; margin-left: 2px ;margin-bottom: 2px;}
#etw_main   #etw_p1 ul li ol { float: left; width: 100%; height: auto; text-align:center;margin:0px 4px 2px 2px;}
#etw_main   #etw_p1 ul li ol li {float: left;width: 70%;margin-top: 0;margin-right: 2px;margin-bottom: 0;margin-left: 2px;}


#etw_mainproduct { width:100%; height: auto; background: #F3F3F3;}
#etw_mainproduct .title{width:181px; padding-left: 10px; line-height:18px; background:url(images/maintitle.jpg) repeat-x; border:1px #D07300 solid; height:19px; margin-top:10px; font-weight:bold; color:#333333; font-size:12px;}
#etw_mainproduct ul { margin: 6px auto; text-align: left; width: 96%; height: auto; line-height:20px; color:#000000; }
#etw_mainproduct ul li { display: block; margin: 10px 0px 0px 0px; width: 100%; height: 128px; }
#etw_mainproduct ul li ol { width: 100%; border: none; }
#etw_mainproduct ul li ol li { float: left; margin: 0 2px; width: 98%; border: none; height: auto; }
#etw_mainproduct ul li .etw_pinfo { width: 95%; height: auto; border-left:2px #000066 solid; padding-left:6px; margin-top:5px;}
#etw_mainproduct ul li .etw_pinfo b { display: block;  }
#etw_mainproduct ul li .etw_pinfo b a { display:block; width:98%;}
#etw_mainproduct a { color:#0033CC; float:left; padding: 0px; height: auto; }
#etw_mainproduct ul li img{ border: 1px solid #ccc; padding: 2px; margin:0px 4px 0px 0px; }

#etw_foot{ width:1003px;}
#etw_foot #promotion {width:703px; height:30px; background: #DEEEE2;  font: normal 11px verdana;  margin:0 auto; float:left; padding: 5px 0 5px 300px; } 
/*#etw_foot #promotion a { color:#ccc;}*/
#etw_foot #promotion a:hover { color:#333333; text-decoration:underline;}
#etw_foot #promotion img {padding-top: 2px; }
#etw_foot .indent { display: inline-block; padding-top: 7px; margin-left: 10px; }
#etw_foot #promotion a img { filter:alpha(opacity=70); /*Fancy style for IE */ -moz-opacity: 0.7; opacity: 0.7;}
#etw_foot #promotion a:hover img { filter:alpha(opacity=100); /*Fancy style for IE */ -moz-opacity: 1; opacity: 1;}
#etw_foot #otherlink{ width:470px!important; width:505px;margin:0 auto; margin-top:4px; clear:both;}
#etw_foot #otherlink div{ float:left; width:90px; height:26px; margin-left:10px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:26px;}
#etw_foot #otherlink div a img{ border:none;}
#etw_foot #otherlink div a{ text-decoration:none; color:#ccc; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}