@charset "gb2312";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td{ margin: 0; padding: 0; }
body { font-size: 12px; font-family: "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft Yahei", "΢ÈíÑźÚ", Tahoma, Arial, STHeiti, sans-serif; _font-family: Tahoma, Arial, Helvetica, STHeiti, sans-serif; cursor: default; }
html.hasFontSmoothing-false body { font-family: Tahoma, Arial, Helvetica, STHeiti; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; }
ul { list-style: none; }
/* show scrollbar by default */
html { overflow-y: scroll; }
/* clearFix*/
.clearfix:after, #content:after { content: "\20"; display: block; height: 0; clear: both; visibility: hidden; }
#content:after { height: auto; height: 0\9; }
.clearfix, #content { zoom: 1; }
.clear { clear: both; height: 0; overflow: hidden; }
/* hn */
h1 { font-size: 16px; }
h2, h3 { font-size: 14px; }
h4, h5, h6 { font-size: 12px; }
/* link */
a, a:link, a:visited { text-decoration: none; color: #307DCA; cursor: pointer; }
/* To Be Deleted Soon */
/* close */
a.x-close { display: block; width: 11px; height: 11px; background: url(/img/icon/x-close.$108.png) no-repeat 0 0; text-indent: -9999px; outline: none; cursor: pointer; }
a.x-close:hover { background-position: 0 -11px; }

/* input */
/* select */
select.global-select { border: 1px solid #AEBACD; font-size: 14px; padding: 10px 4px; background: url(/img/bg/input-text.$53.png) no-repeat; }
/* button */
.input-button, .blue-button { border: none; background: url(/img/button/blue-button.$5106.png) repeat-x 0 0; height: 36px; border: 1px solid #006DAB; font-size: 14px; line-height: 36px; display: block; padding: 0 20px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; }
.input-button:hover, .blue-button:hover { background-position: 0 -36px; }
.input-button.disabled, .blue-button.disabled { background-position: 0 -72px; color: #999; border-color: #A9ABAB; }
/* dialog */
/* toolbar misc-action */

/* sub-nav: no-login */

#setting-myprofile-btn { background: #435e7a url(/img/bg/blue_button_bg.$1293.png) repeat-x 50% 100%; border-bottom: 1px solid #060c11; border-right: 1px solid #080F15; color: #FFF; padding: 7px 15px 8px; font-size: 18px; line-height: normal; -moz-border-radius: 18px; -webkit-border-radius: 18px; }
#setting-myprofile-btn:active { background-image: none; }
<!--
.setting-header { border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border: 1px solid #C6C8CB; border-bottom: none; box-shadow: inset 0 0 1px #dddfe1; background: url(../images/sidemenu-item.$5106.png) repeat; height: 30px; padding: 10px 0;  padding-top:2px; padding-bottom:18px; _padding:10px 0; *padding:10px;line-height: 30px; padding-left: 38px; position: relative; zoom: 1;  }
-->
#setting-goto-btn { position: absolute; right: 20px; top: 7px; }
#setting-goto-btn .skin-button-willblue-mid-icon { display: block; position: absolute; top: 0; right: 12px; width: 13px; height: 30px; background: url(/img/icon/setting-blog-goback.$5734.png) no-repeat; }
#setting-goto-btn .skin-button-willblue-mid-hover .skin-button-willblue-mid-icon { background-position: 0 -32px; }
#setting-goto-btn .skin-button-willblue-mid-press .skin-button-willblue-mid-icon { background-position: 0 -64px; }
#setting-goto-btn .skin-button-willblue-mid-text { padding-right: 10px; }
.setting-header h2 { float: left; font-size: 16px; color: #0f3d5e; background: url(/img/icon/dianlog-sprite.$6393.png) no-repeat 0 -173px; padding-left: 25px; font-weight: normal; }
.setting-rm-account .setting-header h2 { background: url(/img/icon/rm-account.$5153.png) no-repeat 0 13px; }
.editor-faq .setting-header h2, .editor-submit .setting-header h2 { background: url(/img/icon/dianlog-sprite.$6393.png) no-repeat 0 -324px; }
<!--
.setting-header a { float: right; display:inline-block; margin-top:0px; }
#setting-holder { background: #F6F6F6; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #aeb1b5; padding-top: 20px; margin-top: -5px; box-shadow: 0 2px 2px rgba(173, 176, 179, 0.8); position: relative; z-index: 1; }
-->
.button { background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ddd)); background-image: -webkit-linear-gradient(top, #eee, #ddd); background-image: -moz-linear-gradient(top, #eee, #ddd); background-image: -ms-linear-gradient(top, #eee, #ddd); background-image: -o-linear-gradient(top, #eee, #ddd); background-image: linear-gradient(top, #eee, #ddd); border: 1px solid #ddd; border-bottom: 1px solid #ddd; border-radius: 3px; font: 12px/1 "΢ÈíÑźÚ", "ºÚÌå"; text-align: center; text-shadow: 0 1px 0 #eee; margin-bottom: 0; margin-left: 4px; height: 24px; min-width: 65px; padding: 1px 0; vertical-align: middle; }
.button:hover { background-color: #dedede; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #ccc)); background-image: -webkit-linear-gradient(top, #dedede, #ccc); background-image: -moz-linear-gradient(top, #dedede, #ccc); background-image: -ms-linear-gradient(top, #dedede, #ccc); background-image: -o-linear-gradient(top, #dedede, #ccc); background-image: linear-gradient(top, #dedede, #ccc); border: 1px solid #ccc; border-bottom: 1px solid #ccc; cursor: pointer; text-shadow: 0 1px 0 #ccc }
.button_over { background-color: #dedede; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #ccc)); background-image: -webkit-linear-gradient(top, #dedede, #ccc); background-image: -moz-linear-gradient(top, #dedede, #ccc); background-image: -ms-linear-gradient(top, #dedede, #ccc); background-image: -o-linear-gradient(top, #dedede, #ccc); background-image: linear-gradient(top, #dedede, #ccc); border: 1px solid #ccc; border-bottom: 1px solid #ccc; cursor: pointer; border-radius: 3px; font: 12px/1 "΢ÈíÑźÚ", "ºÚÌå"; text-align: center; text-shadow: 0 1px 0 #ccc; margin-bottom: 0; margin-left: 4px; height: 24px; min-width: 65px; padding: 1px 0; vertical-align: middle; }
.button:active { border: 1px solid #8c98a7; -webkit-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eee; box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eee }
.text1 { border-top-color: #fff; border-left-color: #fff; border-right-color: #fff; border-bottom-style: dotted; border-bottom-color: #c3c3c3 }
.checkbox { BORDER-RIGHT: 0; BORDER-TOP: 0; MARGIN: 0; VERTICAL-ALIGN: bottom; BORDER-LEFT: 0; BORDER-BOTTOM: 0; BACKGROUND-COLOR: transparent }
* { font-family: Microsoft Yahei!important; color:#666; font-size:12px; }
.zxcsradio { background: rgba(0, 0, 0, 0) url(images/radio.png) no-repeat center top; vertical-align: middle; }
.wjtext { margin-top: 2px; text-align: center; font-size: 12px; }
.wjtext a { color: #4C8EFA; margin: 0 2px; display: inline-block; *display:inline;
/*text-decoration: underline;*/
}
/*---header--*/

.logoright { position: absolute; top: 19px; left: 750px; font: 12px/18px "Microsoft YaHei", "ºÚÌå"; color: #ffffff; }
.logoleft { font: 12px/18px "Microsoft YaHei", "ºÚÌå"; color: #ffffff; }
.logorightlogin, .logoright a { margin-left: 4px; margin-right: 4px; font: 12px/18px "Microsoft YaHei", "ºÚÌå"; color: #ffffff }
.logoright a, .logo a:link, .logoright a:visited, .logoright a:hover { border: 0 none; color: #f0f0f0; font: 12px/18px "Microsoft YaHei", "ºÚÌå"; color: #ffffff }
#content { float:right;width: 748px; }
#container{ margin: 0px auto 0!important;  width: 900px; margin-top:300px; height:200px;  }
.logoleft { position: absolute; top: 12px; left: 0px; font: 16px/18px "Microsoft YaHei", "ºÚÌå"; color: #ffffff; width: 96px; text-shadow: 1px 1px 2px #00a500; }
.control-group { margin: 10px; margin-left: 50px; }
.radio { margin: 10px; }
.setting-bottom-nav { text-align: left; height: 50px; padding: 0 50px 10px; line-height: 50px; }
.setting-bottom-nav a { color: #B4B4B4; text-decoration: none; margin-right: 10px; }
.setting-submit { position: absolute; bottom: 20px; _bottom: 70px; right: 16px; }
.skin-button-willblue { -moz-user-select: none; -webkit-user-select: none; cursor: pointer; overflow: hidden; position: relative; zoom: 1; height: 39px; line-height: 37px; padding-left: 5px; text-align: center; color: #FFF; }
.skin-button-willblue { -moz-user-select: none; -webkit-user-select: none; cursor: pointer; overflow: hidden; position: relative; zoom: 1; height: 39px; line-height: 37px; padding-left: 5px; text-align: center; color: #FFF; }
.input-radio { margin: 0; padding: 0; _width: 16px; *width:16px;
}
.control-group { display: none; }
.theme-cate { float: left; width: 188px; background: none; }
.theme-nav { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); background: url(images/sidemenu-item.$5106.png) repeat; padding: 23px; width: 142px; margin-bottom: 20px; }
.theme-nav a.nav-new.on { background: #FFF; border-radius: 4px; -moz-border-radius: 4px; box-shadow: 0 1px 1px #B8BBBF; color: #444; }
.theme-nav a.nav-new { margin-right: 20px; background-position: -125px 0; }
.theme-nav a { display: block; width: 140px; height: 26px; line-height: 26px; border: 1px solid rgba(0, 0, 0, 0); color: #8F8F8F; text-align: center; font-size: 14px; margin-bottom: 15px; }
.slide-show { width: 700px; padding: 25px 23px; position: relative; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #FFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); margin-bottom: 20px; }
body,div,dl,dt,dd,ul,ol,li,h1,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;margin:0;}
ol,ul {list-style:none;}
body{ padding:0; margin:0; background:#f5f5f5; color:#818181; font-size:14px; font-family:'Microsoft YaHei'; word-break:break-all;}
img{ border:0; _display:block;}
a{ color:#818181; text-decoration:none; transition:all 350ms ease; -webkit-transition:all 350ms ease; -moz-transition:all 350ms ease;}
a:hover{ text-decoration:none; color:#fff;}
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width:980px; margin:0 auto; clear:both;}
.yh{font-family:'Microsoft YaHei';}
.pulldown{ position:absolute; display:none; left:0; z-index:9;}
.breadcrumb{ width:100%; height:30px; line-height:30px; font-size:12px; padding-bottom:15px;}
.pt10{ padding-top:10px;}
.bold{ font-weight:bold;}
.mt20{ margin-top:20px;}
.mr25{ margin-right:25px;}
.mr10{ margin-right:10px;}


.header{ width:980px; height:60px; background:#0066cc; color:#cbcbcb; position:relative;}
.header .logo { width:150px; height:60px; /*background: url(../style/img/icon.png) no-repeat 0px -5px; text-indent:-9999px;*/}
.header .logo a{ display:block; width:150px; height:60px;position:relative;display:block; width:80px; height:60px; line-height:60px; text-align:center; font-size:18px; color:#fff;}
.header .nav li{ float:left;position:relative; list-style:none;}
.header .nav li:hover{ background:#303032;}
.header .nav a{ float:left; display:block; width:80px; height:60px; line-height:60px; text-align:center; font-size:16px; color:#cbcbcb;}
.header .nav a:hover{ color:#ffbe00; background:#303032;}
.header .nav .hover{color:#ffbe00;}
.header .nav .pulldown {background:#303032; top:60px; width:150px; padding-bottom:10px;}
.header .nav .pulldown a{ display:block; width:130px; padding-left:20px; height:30px; line-height:30px; font-size:14px;text-align:left;}
.header .nav .pulldown a:hover{ background:#c7c7c7; color:#666; }
.header .searchbox{ height:30px; padding:15px;}
.header .search { outline:none; border:0px; background:#fff url(../style/img/icon.png) no-repeat -153px -22px; height:30px; width:160px; padding-left:30px; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; -webkit-transition: all .3s;	-moz-transition: all .3s; transition: all .3s;}
.header .search:hover {background:#fff url(../style/img/icon.png) no-repeat -153px -22px;}
.header .search:focus { width:180px; background:#fff url(../style/img/icon.png) no-repeat -153px -22px;}
.header .search:-moz-placeholder {color:#6d6d6e;}
.header .search::-webkit-input-placeholder {color:#6d6d6e;}
.header .loginnav{ height:60px;}
.header .loginnav a{ color:#cbcbcb;}
.header .loginnav a:hover{ color:#fff;}
.header .loginnav .text { float:left; display:block; height:32px; line-height:32px; margin:13px 0px; color:#cbcbcb!important}
.header .loginnav .login{ float:left; display:block; width:32px; height:32px; margin:13px 0px 13px 10px; text-indent:-9999px;}
.header .loginnav .qq{ background:url(../style/img/icon.png) no-repeat -0px -596px;}
.header .loginnav .weibo{ background:url(../style/img/icon.png) no-repeat -32px -596px;}
.header .loginnav li{ float:left; height:32px; line-height:32px; margin:13px 0px; position:relative;}
.header .loginnav li a{ display:block; padding:0px 8px;}
.header .loginnav li a:hover{ background:#2d2d2d; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.header .loginnav .favorites{ float:left; display:block; width:26px; height:32px; background: url(../style/img/icon.png) no-repeat -69px -595px;}
.header .loginnav .upload{ float:left; display:block; width:28px; height:32px; background: url(../style/img/icon.png) no-repeat -100px -595px;}
.header .loginnav .more img{ width:32px; height:32px; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}
.header .loginnav .pulldown{ background:#ebebeb; top:32px; left:-70px; width:120px; }
.header .loginnav .pulldown a{ display:block; width:90px; padding:0px 15px; color:#818181;}
.header .loginnav .pulldown a:hover{ background:#c7c7c7; color:#666; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}
#container{background:url(http://www.hlemc.com/hle/img/bg-body.jpg)!important; height:400px; width:980px; margin:0 auto;}
#footer{margin:0px 0;font:12px/18px "΢ÈíÑźÚ";color:#9a9a9a;text-align:center; padding:25px;}
#footer a:link,#footer a:visited{font:12px/18px "΢ÈíÑźÚ";color:#9a9a9a;}
#footer strong{margin:0 4px;font:12px/18px Arial, Helvetica, sans-serif;}
.box_f{ height:76px; display:block; margin:0px auto; width:980px;background:url(../images/index_42.gif) repeat-x;  }