@charset "gb2312";
               

 /* This needs to be first because FF3 is now supporting this  */

.clearfix {display: inline-block;}



.clearfix:after {

    content: " ";

    display: block;

    height: 0;

    clear: both;

    font-size: 0;

    visibility: hidden;

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

html{color:#666;background:#fff;overflow:auto;overflow-y:scroll; overflow-x:hidden; height:100%;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%; z-index:-1;}

input.text{line-height:18px;height:13px;}

legend{color:#000;}

br{letter-spacing:0px;}

a{text-decoration:none;}



.center{margin:0px auto;}

.central{text-align:center !important;}

.left{float:left;}

.right{float:right;}

.textleft{ text-align:left; }

.textright{ text-align:right; }

.middle{vertical-align:middle;}

.clear{float:none; clear:both;font-size:0px;line-height:0px;height:0px; min-height:0px; padding:0px; margin:0px; overflow:hidden;}

.hide{display:none;}

.master{width:1000px;}

.hr{height:1px;line-height:0px;font-size:0px;border-top:solid 1px #f1f1f1;margin-top:10px;}

.inline{ display:inline; }

.hand{cursor:pointer;} 

 



/* site wide */

  

#menu {/*background: url(221828.jpg) repeat-x left bottom; background-color: #f8f8f8; height: 46px; */  height:37px; background:url(top2.gif) left center repeat-x; border-top: 1px solid #d7d4cf; border-bottom: 1px solid #C4C6C3; min-width: 1000px; width: auto !important; margin: 0px auto; position: relative;z-index: 10;}

#menu .nav { width: 980px; margin: 0 auto; height: 37px; position: relative; z-index: 100;}

#menu .nav ul {float: left;}

#menu li {float: left; display: block; overflow: visible; vertical-align: top; font-family:"΢ÈíÑźÚ";}



.nav a{color:#333; cursor:pointer;}

.nav a.trad1, .nav a.solutions_products, .nav a.support, .nav a.about_hlt, .nav a.join_hlt {display: block; line-height: 37px; text-decoration:none; color:#2e2e2e; font-size:14px; text-align:center; position:relative; z-index:1007;}

.nav a.trad1 span{display: block; height:37px; margin-left: 2px; width:auto; text-shadow:#fff 1px 1px 0px; padding:0 52px 0 42px;}



.nav a.trad, .nav a.solutions_products, .nav a.support, .nav a.about_hlt, .nav a.join_hlt {display: block; line-height: 37px; text-decoration:none; color:#2e2e2e; font-size:14px; text-align:center; position:relative; z-index:1007;}

.nav a.trad span, .nav a.solutions_products span, .nav a.support span, .nav a.about_hlt span, .nav a.join_hlt span {display: block; height:37px; margin-left: 2px; width:auto; text-shadow:#fff 1px 1px 0px; padding:0 42px 0 32px;}

.nav li a.hover{color:#FFF; background-image:url(232053.png); background-repeat: no-repeat; background-position: 0 -85px; background-color:transparent; margin-top: 0px; line-height: 32px; text-shadow:none;}

.nav li a.hover span{background-image:url(232053.png); background-repeat:no-repeat; background-position:100% -18px; background-color:transparent; color:#FFF;text-shadow:none;}

.nav li a.active span{color: #FFF;text-shadow:none;}





.menuitempanel {top: 37px; position: absolute; z-index: 1000; display: none; left: 124px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.3); box-shadow: 2px 2px 6px rgba(0,0,0,.3); border-bottom-right-radius: 12px; border-bottom-left-radius: 12px;}

.menucontentdiv {background: #fff url(232057.png) 0 0 repeat-x; border-left: 1px solid #CCC; margin-right: 7px; padding: 5px 5px 0 10px; width:auto; height:100%; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}

.menucontentdiv .clearfix{ padding-bottom:10px; position:relative;}

.menufillet_s, .menufillet_w, .menufillet_e, .menufillet_se, .menufillet_sw{position: absolute;zoom: 1;display: block;overflow: hidden;

background-attachment:scroll; background-color:transparent; z-index: 999; width: 10px;height: 10px;}

.menufillet_e { background-image: url(232058.png);background-repeat: repeat-y; _background:transparent; height: 100%; right: 0px; top: 0; width: 7px;}

.verticalLine{ background-color:#FFFFFF; border-left:#cfcfcf solid 1px; width:1px; height:100%; left:200px; top:0px; float:left; min-height:200px; height:200px; margin:0 45px;}

#menu .menuitempanel li {float: none; top: 0; line-height:24px; width:200px;}
#menu .menuitempanel li a:hover{color:#ea7d20;f}
#menu .menuitempanel li.left {float: left;}

.menuitempanel h2 {color: #2e2e2e; font-size: 16px; padding-bottom:10px;}

.menuitempanel h2 a {color: #2e2e2e;}

.menuitempanel ul li a{ color:#2e2e2e;}

.menuitempanel ul.taxonomy { margin-left: -5px;}

#menu .menuitempanel ul.taxonomy li {font-size: 14px; text-indent: 10px; line-height: 32px; background:url(../images/tb1.gif) left center no-repeat;}

.menuitempanel ul.taxonomy li a{ color:#2e2e2e;}
.menuitempanel ul.taxonomy li a:hover{ color:#e87a19;}

.menuitempanel ul.m_box li.title {font-weight: bold; margin-top: 5px; color:#D96B00;}
.menuitempanel ul.m_box li.title a{font-weight: bold; margin-top: 5px; color:#D96B00;}

.menuitempanel ul.m_box li.summary { width:259px; font-weight: normal;}

#menu .menuitempanel ul.m_box li.summary ul {padding: 0 0; float:none;}

.menuitempanel .solutions_products ul.m_box li.summary{ padding:0 0 0 2px;}

.menuitempanel .solutions_products ul.m_box li.left{ margin-right:5px;}

.menuitempanel ul.list {margin-right: 45px;}

.menuitempanel ul > li.left > ul {margin-right: 45px;}

.menuitempanel ul.list h3 {padding: 0px 0px 0px 0px; line-height:26px; font-family:"΢ÈíÑźÚ";}

.menuitempanel ul.list h3 a {color: #333333;font-size: 14px;font-weight: bold;}

.menuitempanel .solutions_products ul.m_box li.last, .menuitempanel ul.last,.menuitempanel ul li ul.last { margin:0px;}



.shadow_b_layout {background-image: url(232053.png); background-attachment: scroll; background-repeat: no-repeat; background-position: 0 -67px; position: absolute; width: 100%; left: 0px;}

.shadow_b_layout div {background: url(232053.png) 100% -1px no-repeat;background-attachment: scroll;display: block;height: 16px;margin-left: 15px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {

.shadow_b_layout, .menufillet_e{ display:none;}

.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}

.menucontentdiv .clearfix{ padding-bottom:15px;}

}

@-moz-document url-prefix(){

.shadow_b_layout, .menufillet_e{ display:none;}

.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}

.menucontentdiv .clearfix{ padding-bottom:15px;}

}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){

.shadow_b_layout, .menufillet_e{ display:none;}

.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}

.menucontentdiv .clearfix{ padding-bottom:15px;}

}