@charset "utf-8";
/* CSS Document */
body {background:url(../images/bg.jpg) repeat-y center; font-family: arial;text-align:center;margin:0 auto;padding:0;font-size:11px; direction:rtl;}
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img { margin: 0px; padding: 0px; }
img { border: 0px; }
* { padding: 0px ; margin: 0px;}
a img { border: 0px; }
a {color: #333;outline: none;text-decoration: none;}
ol, ul{ list-style: none; }
ol:after, ul:after { content: "."; display:block; font-size:0px; line-height:0px; height:0px; clear:both; visibility:hidden; }
li.clear { clear: both; height: 0px; font-size: 0px; }
.clear { clear: both; height: 0px; font-size: 0px; margin:0; }
#right .content .table{text-align:right;background: #7AB8E4;width:96%; margin:0 auto;line-height:22px;margin-top:9px;}
.table tr { background: #FAFBFB;}
.table td {padding-right:3px;}

#right .content .table td img{border:none;}

 /*=== Main ===*/
 #etw_wrapper {width: 950px;background:none;padding: 0px 0px 0px 0px;height:auto;overflow:hidden;margin-left:auto;margin-right:auto;text-align:left;}
 
 /*=== Header===*/
 
#etw_header {width:950px;height:auto;margin: 0px auto;display: block;}
#etw_header  h5 {background:url(../images/top.jpg) repeat-x;color: #333333;font-size: 9px;width:940px;margin: 0px auto;text-align:left;padding-top:2px;display:block;padding-left:10px;border-bottom:1px solid #ccc;height:25px;}
#etw_header h5 a { color: #333; }
 #etw_wrapper #sizer  .banner {height:113px;padding: 0px;padding: 0px;display:block;width:950px;margin-top: 0px;background: url(../images/classname_bg.jpg) right no-repeat #FFFFFF;border-bottom:1px solid #fff;border-top:1px solid #fff;}
 #etw_wrapper #sizer  .banner .logo {
	width: 70px;
	margin-top:30px;
	margin-left:180px!important;
	margin-left:90px;
	height: 71px;
	float:left;
	background: url(../images/log.gif)  no-repeat;
}
.banner  .classname {
	width: 490px;
	margin:0px;
	padding:0;
	height:90px;
	margin-top:20px;
	font-size: 25px;
	color:#FFFFFF;
	font-family: Bookman Old style;
	float:left;
	text-align:center;
}
.banner  .classname h2 {font:normal 20px "Times New Roman", Times, serif; line-height:28px; direction:rtl;}  

 .banner  #language {
	width:200px!important;width:210px;
	float:right;
	font-size: 11px;
	margin-top:20px;
	margin-left:0px;
}
  #language a {color: #000000;display:inline-block;margin-left:5px;}
  #language a img { margin-right:0px;}
  #language a:hover { color:#fff;  }

#etw_wrapper  #menu {background: url(../images/line.jpg)  repeat-x;width:950px;height:34px;float:right;margin-top:0px;}

#etw_wrapper #sizer  .banner #menu  .menu2 { position:relative; height:auto; display: block; float:right; width:800px;margin-right:45px!important;margin-right:7px; }
.menu2 li.top {display:block;text-align:center; height:29px;float:right; margin-right:0px; font-size:13px; font-weight: bold; line-height:31px ; background: url(../images/line1.jpg) center left no-repeat;}
.menu2 li a.top_link {display:block; float:left;color:#000000; cursor:pointer;text-align:center; padding:0 20px;}
.menu2 li a.top_link:hover{color:#fff;background:#30B1EE;}
.menu2 li a.top_link1 {display:block; float:left;color:#fff;background:#30B1EE;  cursor:pointer;padding:0 20px;}

.menu2 li:hover > a.top_link {color:#fff;background:#30B1EE;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; margin-right:57px;}
.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul{position:absolute;   top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:31px; background: #fff; padding:3px; border:1px solid #ccc; white-space:nowrap; width:110px; height:auto; z-index:300; padding-right:5px;}
.menu2 :hover ul.sub .lj{line-height:15px;}
.menu2 :hover ul.sub li { display:block; font-size:11px; height:auto; line-height:20px; position:relative; float:left; width:110px; font-weight:normal; border-bottom: 1px dotted #CCCCCC;}

.menu2 :hover ul.sub li a { width:104px; padding-right:6px; color:#000;float:left;text-align:right;background: url(../images/3.gif)  no-repeat left  center;}
.menu2 :hover ul.sub li a:hover { color:#fff; display:block;background: url(../images/3.gif)  no-repeat left  center #30B1EE;}

#menu  .email a{color:#333;}
#menu  .email a:hover{color: #fff;}


#etw_leftcontainer { background:#FFFFFF; width:173px; margin-left: 65px !important; margin-left:30px; padding:15px 0px 10px 0px; float:left;}
 #etw_wrapper #sizer {width:950px;margin: 0 auto;padding:0;height:auto;}
/*============================= Left =============================*/
#left {width:210px;color:#333;float:left;background:#C9EBF3;margin-bottom:-10000px;padding-bottom:10000px;display:block;margin-top:5px;float:right;border-right:1px solid #ccc;}
#left ul {margin: 5px 0 10px 0;text-align: left;color: #7D8085;padding: 0px;        width: 100%;font-size:12px;}
 #left ul li { margin: 0 5px 0px 0px;padding: 0px;color: #fff;}
 #left ul li  a {color: #333;padding: 3px 0 3px 0px;display: block;margin-bottom: 2px;background:  url(../images/arrow2.gif) center right no-repeat;padding-right:15px;text-align:right;font-weight:bold;}
 #left  ul li ol{width:99%;}
 #left  ul li ol li{border-bottom:1px solid #87B6CD;}
  #left ul li ol li a{padding: 5px 10px 0 0px; display: block; margin-bottom: 2px;  background: url(../images/arrow1.gif) center right no-repeat;font-weight:normal; line-height:22px; color:#333;}
 #left ul li ol li a:hover,#left ul li ol li a.link  {background:url(../images/arrow1.gif)   right no-repeat #E8F4F9;color: #000; display: block; margin-bottom: 2px;}
 #left .contact {width:93%;height:auto;padding: 0px 3px 10px 10px;margin-top:5px;font-size: 11px;color: #333333;line-height: 25px;background: url(../images/gl.gif) no-repeat  left bottom;text-align: right; direction:rtl; }
 
 #left.contact p{display:block; text-indent:35px; }
 
 #left .contact span{font-weight:bold;}
#left .contact a {color:#0099FF;}
#left .contact a:hover { text-decoration: underline;}

 #left .other{width:90%;height:auto;padding: 3px 5px 10px 0px; text-indent:20px; margin:5px 5px 5px 5px;font-size: 11px;color: #333333;line-height: 25px;background:url(../images/go.jpg) no-repeat  right top #fff;border:1px solid #ccc;text-align: right;  }
 
#left  .title { float:none; color:#fff;width:200px; height:21px; margin-top:0px;   padding-top:4px; padding-left:10px; font-size: 14px; font-weight: bold; display:block;background:url(../images/top.gif) repeat-x;text-align:center;}
/*================================ right================= ===*/
#right {margin-bottom:-10000px;padding-bottom:10000px; display:block;width:725px;margin-top:10px;float:left;margin-left:8px; } 
#right1 {width:725px;margin-top:10px; } 
 #right a.pdf{float:right; clear:both; color:#666; } 
 #right a.pdf img{margin:0 2px 0 0; padding:0; border:none; display:inline;  }
   
 .company{
	width:98%;
	height:auto;

	margin-left:2px;
	padding:2px;
	float:right;
	font-size: 11px;
	line-height: 22px;
	margin-top:3px;
	color:#000000;
	border-bottom:1px dotted #cccccc;
 }
 
.company img {float:right;padding-right:8px;} 
.company .img1{float:right;}

.table02{
	width:602px;
	height:auto;
	background:#ffffff;
	color:#003399;
	float: right;line-height:20px;
}
.table02 tr{background:#fff;}
.table02 label{float:right;}
.table02 .lab{float:right;color:#FF0000;}
.table02 a{color:#508418;}
.table02 td{background:#ffffff;}
.table02 td.row{padding-left:10px;margin-left:10px;}
.table02 td.leavemess{text-align:center;font-weight:bold;}
#right .tu{height:200px;margin-top:5px;float:right;margin:2px 5px 0 2px;}

#right .tu img{border:1px solid  #CC6600; display:inline;}
#text{background:#F9FAFA;width:98%;height:280px;margin-left:2px;float:right;font-size: 11px;line-height: 24px;border:1px solid #eee;height:auto;margin-top:0px;height:auto;text-align: right;}
#text img{padding:3px;margin:0 0 0px 5px;}
#text span{font-weight:bold;}
#text p{padding :5px 5px 5px 10px;}
 #right  .style , #right1  .style{background: url(../images/arrow.jpg) no-repeat right top;font-size:15px;color: #006699;font-weight:bold;display:block;height:auto;width:95%;margin:10px 0px 10px 0px!important;margin:10px 5px 10px 0px;padding-right:25px;line-height:22px;float:right;text-align:right; }
#right .content{background:#fff;height:auto;width:98%; margin-top:10px; margin-bott:10px; margin-left:5px; float:left;  }
#right .content h3{font:normal 22px "Times New Roman", Times, serif; line-height:40px;width:96%;  display:block; text-align:right; }
#right .content span{font-weight:bold; }

#right .content  p{line-height:20px;text-align:right;padding:5px 5px 0  15px;}
#right .content img{border:1px solid #ccc;display:block;margin:3px auto 0px auto;}
#right .content .pdf img { border:none; display:inline; margin:2px;}
#right .content img.pic{display: inline-block;margin:0 5px 5px 5px;float:left;border:1px solid #ccc;}

#right  ul {width:100%;margin-top:5px;margin-left:5px;}
#right  ul li{width:100%;height:auto;margin-bottom:0px;float:left;}
#right  ul li ol{width:100%;height:auto;display: inline-block; }
#right  ul li ol li{width:18%;height:140px;border:none;margin:5px 0 0px 2px;float:right;}
#right ul li ol li img{border:1px  solid #ccc;}
#right   ul li ol li.content{border:1px solid #eee;background:#F9FAFA;width:79%;height:130px;float:left;margin:0px 0 0px 5px;line-height:16px;}

#right ul li ol li.content a { color:#006699;   border-bottom: 1px #FFFFFF dashed; border-bottom:1px dashed #ccc; margin-bottom:0px; line-height:25px;}
#right  ul li ol li.content a:hover { color:#000;}
#right ul li ol li.content a.pdf{display:block; float:right; color:#666; border:none;}
#right ul li ol li.content a.pdf img{margin:0 2px 0 0; display:inline; border:none; padding:0; }
#right ul li ol li.content a.pdf:hover{color:#666;}

.title { width:770px; padding-left: 10px;   color:#FFFFFF;background:url(../images/top.gif) repeat-x; font-size:12px; line-height:20px; margin: 0px 0px;font-weight:bold; }
.title  a{color:#fff;}
a.more{display: block;text-align:right;float:left;width:150px;height:30px;color: #006699;font-weight:bold;margin-right:10px;}
#right .top{border-right: medium none; border-top: medium none; filter: progid:DXImageTransform.Microsoftpadding:8px; left: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-80); border-left: medium none; boder-bottom: medium none; position: absolute;top: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-55); left: 1140px;text-align:center;top: 1180px; }
#right .top a{color:#fff;font-weight:bold;font-size:14px;}

#right .otherpro {width:85%;height:auto;margin-top:10px; margin:0 auto; }
#right .otherpro  ul{width:100%; margin:0 auto; height:auto; }
#right .otherpro  ul li{width:120px;float:right;padding:0px;margin:5px 25px 10px 0px;height:auto;display:inline-block;}
#right .otherpro img{border:1px solid #ccc;margin:0 auto; }
#right .otherpro  ul  li a{color:#2A2A2B; }
#right .otherpro  ul  li strong{display:block;text-align:center;float:none;font-weight:normal;}
#right .otherpro  ul li a:hover{color:#CC6600; }
/*========================================================= Foot ============================================================*/
#etw_foot{width: 950px;margin: 0 auto;height:56px;border-top:3px solid #20ABEF;clear: both;}
#etw_foot p { line-height: 25px;color:#333; }
#etw_foot a{ color: #000000; margin: 5px 26px; }
#etw_foot a:hover { text-decoration: underline; }
#promotion {margin-top:10px;float:left;width:600px;height:30px;margin-left:10px;}  
#promotion img{border:none;float:left;margin-left:100px;}
#promotion p{margin-top:5px;font-size:11px;color:#333;text-align:right;}
#promotion p span{font-weight:bold;}
#etw_foot #address{width:90%;height:25px;line-height:20px;text-align:center;color:#fff;float: left;}
#etw_foot #address p{font-weight:bold; display:inline; }
#etw_foot #otherlink{width:650px;margin-top:6px;margin:0 auto;}
#etw_foot #otherlink div{float:left;width:150px;height:26px;margin-left:10px;text-align:center;font-size:11px;line-height:26px; background:#eee;}
#etw_foot #otherlink a img{ border:none;}
#etw_foot #otherlink div a{  color:#333; font-weight:bold; margin:0px; }


 a.back { color: #fff;background:  #333;text-align: right; padding:4px 6px;border-bottom: 1px solid #eee; display: inline-block; font-weight:bold;float:right;margin:10px 5px 0 0 ;border:1px solid #ccc;}
a.back1 { color: #fff;background:  #CC6600;text-align: right; padding:4px 6px;border-bottom: 1px solid #eee; display: inline-block; font-weight:bold;float:right;margin:10px 5px 0 0 ;border:1px solid #ccc;}
a.back:hover{background: #CC6600;}