﻿/* CSS Reset */
html,body { width: 100%; height: 100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th{margin:0;padding:0}
body{color:#000;background:#fff;font-size:12px;line-height:1.25;font-family:Tahoma,sans-serif}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal}
p{margin:0 0 1em 0}
img{border:0}
li{list-style:none}
ol{padding:0 0 0 2em}
form{margin:0;padding:0}
.clearboth { clear:both; font-size:0px; line-height:0px; height:0px; border:0px;}
.div100 { width:100%; margin:0 auto;}
.left_club { float:left; display:inline;}
.right_club { float:right; display:inline;}

input,label,select,option,textarea,button,fieldset,legend{font-size:1em;font-family:Tahoma,sans-serif}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fix{display:inline-block;min-height:1%}
/* end ---------- */
a { color: #3b5b71; text-decoration: none; behavior: url(/script/blur.htc); position: relative; outline: none; }
a:hover { text-decoration: underline; }
a:focus { -moz-outline-style: none; }

/* Public style */
.top_nav { width: 960px; height: 115px; margin: 0 auto 10px auto; position: relative; z-index: 99; }
.top_nav .logo { width: 185px; height: 50px; padding: 15px 7px; overflow: hidden; }
.top_nav .logo a { width: 100%; height: 100%; display: block; background: url(../images/nav.png) 0 0; text-indent: -3000px; }
.top_nav .info { width: 500px; height: 50px; position: absolute; right: 7px; top: 20px; overflow: hidden; }

.top_login { float: right; padding: 2px 0 2px 17px; color: #3b5b71; }
.top_login a { margin: 0 7px; }

.top_search { float: right; width: 153px; height: 21px; padding: 0 0 0 73px; background: url(../images/nav.png) 0 -57px no-repeat; } 
.top_search .kw { float: left; width: 119px; height: 15px; padding: 2px; border: 1px solid #cad3d8; font-size: 12px; }
.top_search .go { float: left; width: 27px; height: 21px; background: url(../images/nav.png) -198px -57px; text-indent: -3000px; border: 0; cursor: pointer; }

.top_contact { float: right; width: 100%; margin: 10px -10px 0 0; }
.top_contact ul { float: right; height: 15px; overflow: hidden; color: #666; }
.top_contact li { float: left; border-left: 3px solid #33b726; padding: 0 15px 0 10px; line-height: 14px; }
.top_contact li.c2 { border-color: #53a5fb; }
.top_contact li.c3 { border-color: #e79c0f; }

.top_nav .menu { width: 960px; height: 30px; background: url(../images/menu.png) 0 0; position: relative; }
.top_nav .menu ul { width: 960px; height: 30px; overflow: hidden; }
.top_nav .menu li { height: 30px; float: left; padding: 1px 0; }
.top_nav .menu li a { display: block; width: 107px; height: 28px; background: url(../images/menu.png) 0 50px no-repeat; text-indent: -3000px; }
.top_nav .menu li a:hover { filter: alpha(opacity=90); opacity: .9; }
.top_nav .menu li a.cur:hover { filter: none; opacity: 1; }

.md { width:100%; height:1px; line-height:0px; overflow:hidden; position:relative;}


#m7 a { width: 103px; }
#m8 a { width: 98px; }
#m9 a { width: 117px; }
#m1 a:hover, #m1 a.cur { background-position: 0 -30px; }
#m2 a:hover, #m2 a.cur { background-position: -107px -30px; }
#m3 a:hover, #m3 a.cur { background-position: -214px -30px; }
#m4 a:hover, #m4 a.cur { background-position: -321px -30px; }
#m5 a:hover, #m5 a.cur { background-position: -428px -30px; }
#m6 a:hover, #m6 a.cur { background-position: -535px -30px; }
#m7 a:hover, #m7 a.cur { background-position: -642px -30px; }
#m8 a:hover, #m8 a.cur { background-position: -745px -30px; }
#m9 a:hover, #m9 a.cur { background-position: -843px -30px; }
.top_nav .free { display:none; width: 29px; height: 23px; background: url(../images/menu.png) -926px -61px; position: absolute; right: 3px; top: -8px; }

.submenu { width: 240px; position: absolute; left: 107px; top: 110px; display: none; z-index: 9999; }
.submenu ul { width: 100%; padding: 10px; line-height: 22px; background: #fff; filter: alpha(opacity=93); opacity: .93; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; overflow: hidden; }
.submenu li { float: left; padding: 0 15px; white-space: nowrap; }
.submenu .arrow { width: 9px; height: 5px; font-size: 0; background: url(../images/sub_arrow.png) 0 0; position: absolute; left: 50px; top: -5px; }
#sm7 .arrow { left: 45px; }
#sm8 .arrow { left: 43px; }
#sm3 { left: 214px; width: 170px; }
#sm4 { left: 321px; width: 250px; }
#sm5 { left: 428px; }
#sm6 { left: 535px; }
#sm7 { left: 642px; }
#sm8 { left: 745px; width: 180px; }
.bold { font-weight:bold;}

.bot_nav { width: 100%; height: 97px; padding: 7px 0; }
.bot_nav .link { width: 100%; height:16px; padding: 8px 0; background: #f7f7f7; overflow: hidden; }
.bot_nav .link ul { width: 930px; margin: 0 auto; padding:0px; overflow: hidden; }
.bot_nav .link li { float: left; margin-left: -1px; padding: 0 15px 0 14px; border-left: 1px solid #999; }
.bot_nav .link li a { line-height:16px; text-decoration: none; color: #808080; }
.bot_nav .link li a:hover { text-decoration: none; color: #3b5b71; }
.bot_nav .info { width: 930px; height: 60px; margin: 0 auto; background: url(../images/nav.png) right -90px no-repeat; overflow: hidden; }

.bot_copyright { height: 40px; margin: 9px 0 0; padding: 7px 0 0 175px; background: url(../images/nav.png) -182px 0 no-repeat; line-height: 18px; color: #808080; }
.bot_copyright a { color: #759f14; text-decoration: underline; }

.content { width: 960px; margin: 10px auto; overflow: hidden; background: #f6f6f6; }
.content .c_top,
.content .c_bot { height: 5px; background: url(../images/content_bg.png) 0 0; font-size: 0; }
.content .c_bot { background-position: 0 bottom; }
.content .c_box { padding: 0 6px 0 5px; min-height: 500px; overflow: hidden; *display: inline-block; }

.main { width: 765px; float: right; }
.side { width: 174px; float: left; }

.navi { width: 174px; margin: 0 0 7px; background: #fff; overflow: hidden; }
.navi .n_top,
.navi .n_bot { width: 174px; height: 4px; background: url(../images/box_bg.png) 0 0 no-repeat; font-size: 0; }
.navi .n_bot { background-position: 0 bottom; }
.navi .n_box { width: 166px; padding: 0 4px; overflow: hidden; position: relative; }

.navi ul { margin-top: -3px; }
.navi li a { display: block; _zoom: 1; padding: 8px 10px 6px 14px; *padding: 9px 10px 5px 14px; text-decoration: none; color: #fff; font-weight: bold; line-height: 17px; background: url(../images/menu.png) no-repeat; overflow: hidden; }
.navi li a:hover { text-decoration: none; }
.navi li.rt a { background-position: -171px -60px; }
.navi li.rt a:hover,
.navi li.rt a.cur { background-position: 0 -60px; }
.navi li.rt ul { margin: 0; }
.navi li.n1 a { padding-left: 28px; background-position: -513px -60px; color: #567d98; font-weight: normal; background-color: #fff; }
.navi li.n1 a:hover,
.navi li.n1 a.cur { background-position: -342px -60px; color: #3f627c; background-color: #eee; }
.navi li.n1 ul { margin: 6px 0; }
.navi li.n2 { padding: 2px 10px 2px 28px; background: url(../images/dot.png) 15px 9px no-repeat; zoom: 1; }
.navi li.n2 a { display: inline; padding: 0; background: none; line-height: 17px; color: #a1abaf; }
.navi li.n2 a:hover,
.navi li.n2 a.cur { background: none; }
.navi li.n2 ul { margin: 3px 0 0; }
.navi li.n3 { padding: 2px 10px 2px 15px; }
.navi li.n3 a.cur { color: #b97e37; }

.navi .ul2 { display:none;}
.navi .ul3 { display:none;}

.promo { width: 174px; background: #fff; overflow: hidden; }
.promo .bot { width: 174px; height: 80px; float: right; background: url(../images/promo_box.jpg) left bottom;}
.promo .item { height: 27px; overflow: hidden; }
.promo .cur { background: url(../images/promo_box.jpg) 0 top;}
.promo .ot { background: url(../images/promo_box.jpg) -174px top;}

.promo .item li { float: left; width: 87px; height: 27px; }
.promo .item li a { width: 100%; display: block;}
.promo .item li a img { width:87px; height:27px;}

.promo .inf { padding: 10px 14px; border-left: 1px solid #d9e8ef; border-right: 1px solid #d9e8ef; overflow: hidden; zoom: 1; }
.promo .inf li { padding: 2px 0 2px 12px; background: url(../images/dot.png) 0 9px no-repeat; line-height: 17px; }
.promo .inf li a { color: #a0a6ad; }

.shortcut { width: 174px; overflow: hidden; margin: 7px 0; }
.shortcut a { width: 160px; height: 60px; display: block; margin: 7px; text-indent: -3000px; background: url(../images/ibtns.png) 0 0; }
.shortcut a.s2 { background-position: 0 -60px; }
.shortcut a.s3 { background-position: 0 -120px; }
.shortcut a.s4 { background-position: 0 -180px; }
.shortcut a.s5 { background-position: 0 -240px; }

.banner { height: 130px; margin: 3px 0; overflow: hidden; }
.guide { width: 735px; height: 25px; margin: 7px 0; padding: 0 15px; font-family: Simsun; background: url(../images/box_bg.png) -174px 0; line-height: 25px; *line-height: 27px; overflow: hidden; color: #aaa; }
.guide a { color: #aaa; }

.mainbox { width: 765px; margin: 7px 0 2px; overflow: hidden; }
.mainbox .m_top,
.mainbox .m_bot { width: 765px; height: 4px; background: url(../images/box_bg.png) -174px -30px no-repeat; font-size: 0; }
.mainbox .m_bot { background-position: -174px bottom; }
.mainbox .m_box { width: 735px; padding: 7px 15px; min-height: 400px; overflow: hidden; position: relative; background: #fff; color: #808080; }

.f11 { font-size:11px;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f15 { font-size:15px;}
.f16 { font-size:16px;}
.f17 { font-size:17px;}
.f18 { font-size:18px;}
.f19 { font-size:19px;}
.f21 { font-size:21px;}
.YaHei { font-family:"微软雅黑","黑体";}

.Black,a.Black { color:#333!important; text-decoration:none;}
a:hover.Black { color:#d53e11!important;}

.Blue,a.Blue { color:#3f87b8!important; text-decoration:none;}
a:hover.Blue { color:#d53e11!important;}

.Blue1,a.Blue1 { color:#3f627c!important; text-decoration:none;}
a:hover.Blue1 { color:#d53e11!important;}

.Blue2,a.Blue2 { color:#a1abaf!important; text-decoration:none;}
a:hover.Blue2 { color:#d53e11!important;}

.Blue3,a.Blue3 { color:#66a2cc!important; text-decoration:none;}
a:hover.Blue3 { color:#d53e11!important;}

.Glay1,a.Glay1 { color:#9b9b9b!important;}
a:hover.Glay1 { color:#d53e11!important;}

.Glay2,a.Glay2 { color:#898989!important; text-decoration:none;}
a:hover.Glay2 { color:#d53e11!important;}

.Orange,a.Orange { color:#eb8a0f!important; text-decoration:none;}
a:hover.Orange { color:#d53e11!important;}

.Red,a.Red { color:#ff0000!important; text-decoration:none;}
a:hover.Red { color:#d53e11!important;}

.subhead,a.subhead { color:#9b9b9b!important;}
a:hover.subhead { color:#d53e11!important;}

underline,a.underline { text-decoration:underline;}

.m5 { margin-bottom:5px;}
.m10 { margin-bottom:10px;}
.m15 { margin-bottom:15px;}
.m20 { margin-bottom:20px;}
.m25 { margin-bottom:25px;}
.m30 { margin-bottom:30px;}
.fl15 { padding-left:10px;}
.more { text-align:right;}
.lh140 { line-height:140%;}
.lh160 { line-height:160%;}
.lh180 { line-height:180%;}

.arr_1 { background:url(../images/arr_1.gif) no-repeat left 8px; padding-left:15px; line-height:180%}
.formtext { border:#cad3d8 solid 1px; font:normal 12px Arial; padding:2px; }
.ddl { font:normal 12px Arial; }
.btn2 { border:0px; width:49px; height:24px; text-align:center; font:bold 12px Arial; color:#fff; line-height:24px; background:url(../images/btn2_bg.gif) no-repeat; cursor:pointer;}
.btn3 { border:0px; width:51px; height:23px; text-align:center; font:bold 12px Arial; color:#fff; background:url(../images/btn3.gif) no-repeat; cursor:pointer;}
.btn4 { border:0px; width:100px; height:24px; text-align:center; font:bold 12px Arial; color:#fff; line-height:24px; background:url(../images/btn4_bg.gif) no-repeat; cursor:pointer;}

.wj { width:100%; background:#f7f7f7;}
.wj .wjt { width:100%; height:2px; font-size:0px; line-height:0px; overflow:hidden; background:#f7f7f7;}
.wj .wjt .wjl { width:2px; height:2px; background:url(../images/wj.gif) no-repeat left top; float:left; display:inline; font-size:0px; line-height:0px; overflow:hidden;}
.wj .wjt .wjr { width:2px; height:2px; background:url(../images/wj.gif) no-repeat -2px top; float:right; display:inline; font-size:0px; line-height:0px; overflow:hidden;}
.wj .wjb { width:100%; height:2px; font-size:0px; line-height:0px; overflow:hidden; background:#f7f7f7;}
.wj .wjb .wjl { width:2px; height:2px; background:url(../images/wj.gif) no-repeat -4 top; float:left; display:inline; font-size:0px; line-height:0px; overflow:hidden;}
.wj .wjb .wjr { width:2px; height:2px; background:url(../images/wj.gif) no-repeat -6px top; float:right; display:inline; font-size:0px; line-height:0px; overflow:hidden;}
.wj .wjc { padding:10px 20px;}

.line { padding:10px; background:url(../images/line.gif) repeat-x bottom;}
.dot { background:url(../images/dian.gif) no-repeat 2px 6px; padding-left:13px;}
.dotGlay { background:url(../images/dianglay.gif) no-repeat 2px 6px; padding-left:13px;}

.pagebar { margin: 15px; padding-top: 15px; overflow: hidden; text-align: right; }
.pagebar .p_box { float: right; }
.pagebar p, .pagebar ul { float: left; }
.pagebar li { float: left; margin-right: 5px; border: 1px solid #b8b8b8; }
.pagebar li span, .pagebar li a { float: left; padding: 2px 5px; color: #666; text-decoration: none; }
.pagebar li.current span,
.pagebar li a:hover { background: #ffad5a; color: #b96f25; }
.pagebar input { width: 25px; padding: 2px; border: 1px solid #aaa; }
.pagebar .btn_go { width: 40px; *padding: 0; background: #29a8cf; color: #fff; cursor: pointer; }

.detail_panel { padding: 10px 10px 30px; line-height: 20px; color: #9b9b9b; }
.detail_panel p { line-height: 20px; margin: 0 0 15px;  }
.detail_panel .center { margin: 15px auto; text-align: center; }
.detail_panel h2 { font-size: 16px; font-weight: bold; text-align: center; color: #66a2cc; }
.detail_panel .title { padding: 0 0 10px 0; margin-bottom: 17px; background: url(../images/dot2.png) 0 bottom repeat-x; }
.detail_panel .date { margin: 7px 0; text-align: center; }

.news_panel { padding: 10px 10px 0; width: 720px; overflow: hidden; line-height: 20px; color: #9b9b9b; }
.news_panel .item { width: 720px; margin-bottom: 15px; padding-bottom: 25px; overflow: hidden; background: url(../images/list_bg.png) 0 bottom repeat-x; position: relative; }
.news_panel .pic { width: 100px; float: left; }
.news_panel .pic img { width: 85px; height: 85px; border: 1px solid #dcdcdc; padding: 1px; }
.news_panel .txt { width: 610px; margin-left: 100px; }
.news_panel .txt h3 { padding: 0 0 0 15px; margin-bottom: 5px; background: url(../images/arrow.png) 0 center no-repeat; font-size: 14px; color: #66a2cc; }
.news_panel .txt a { color: #66a2cc; }
.news_panel .more { float: right; text-decoration: underline; }
.news_panel .date { position: absolute; right: 10px; top: 0; }
.news_panel .item table { width: 585px; margin-left: 15px; }
.news_panel .item table th { width: 40px; text-align: left; vertical-align: top; font-weight: normal; }



/*----------------releasebyjone-------------------*/
.pagectrl { margin:0 auto; width:100%; padding:10px 0 10px 0; text-align:right;}
.pagectrl a { font-family:"宋体"; padding: 2px 5px; color: #666; text-decoration: none;  border: 1px solid #b8b8b8; }
.pagectrl a.cur { background: #ffad5a; color: #b96f25; }
.pagectrl a:hover { background: #ffad5a; color: #b96f25; }
.pagectrl .formtext { border:#b8b8b8 solid 1px; padding:2px; font:normal 12px Arial; vertical-align:middle; width:25px; height:14px;}
.norecord { border:#c6c6a8 solid 1px; background:#ffffe1; padding:20px; text-align:center;}
.pagectrl .btn_go { width: 40px; *padding: 0; background: #29a8cf; color: #fff; cursor: pointer; border:1px #ccc solid; vertical-align:middle; }
/*-----------------------end--------------------*/


/**/
#OverFlow { display:none; position:fixed; width:100%; height:100%; background:#000; filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; z-index:88888}
*html #OverFlow { position:absolute; width:100%; height:100%; background:#000; filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; z-index:88888}

#FlowLoginDiv { display:none; position: fixed; width:370px; height:296px; padding:24px 30px 0 140px; background:url(../images/member/login_bg.gif); margin: -160px 0 0 -270px; top:50%; left:50%; z-index:99999;}
*html #FlowLoginDiv { position:absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (FlowLoginDivMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#FlowLoginDiv .closeDiv { width:100%; height:76px; text-align:right;}
#FlowLoginDiv .closeDiv img { width:20px; height:20px; cursor:pointer;}
#FlowLoginDiv .dd { width:260px; height:27px; margin-bottom:15px; background:url(../images/member/formtext_bg.gif) no-repeat;}
#FlowLoginDiv .dd table { width:100%; border:0px;}
#FlowLoginDiv .dd table .tdl { padding:0px; width:75px; height:27px; text-align:center;}
#FlowLoginDiv .dd table .tdr { padding:0px;}
#FlowLoginDiv .dd table .tdr .fm { border:0px; font:normal 12px/23px Arial; background:url(../images/member/fmbg.gif) repeat-x; width:180px; height:23px; margin:0px;}

#FlowApplicationDiv { display:none; position: fixed; width:480px; height:296px; padding:24px 30px 0 30px; background:url(../images/application/flow_bg.gif); margin: -160px 0 0 -270px; top:50%; left:50%; z-index:99999;}
*html #FlowApplicationDiv { position:absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (FlowApplicationDivMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#FlowApplicationDiv .closeDiv { width:100%; height:56px; text-align:right;}
#FlowApplicationDiv .closeDiv img { width:20px; height:20px; cursor:pointer;}
#FlowApplicationDiv .ktTable { border:0px; margin:0 auto;}
#FlowApplicationDiv .ktTable .ktd { padding:10px 30px; text-align:center;}



#TipDiv { display:none; position: fixed; width:480px; height:175px; padding:24px 30px 0 30px; background:url(../images/tip_bg.gif); margin: -99px 0 0 -270px; top:50%; left:50%; z-index:99999;}
*html #TipDiv { position:absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (FlowApplicationDivMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TipDiv .closeDiv { width:100%; height:46px; text-align:right;}
#TipDiv .closeDiv img { width:20px; height:20px; cursor:pointer;}

#TipDiv1 { display:none; position: fixed; width:480px; height:175px; padding:24px 30px 0 30px; background:url(../images/tip_bg.gif); margin: -99px 0 0 -270px; top:50%; left:50%; z-index:99999;}
*html #TipDiv1 { position:absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (FlowApplicationDivMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TipDiv1 .closeDiv { width:100%; height:46px; text-align:right;}
#TipDiv1 .closeDiv img { width:20px; height:20px; cursor:pointer;}

#TipDiv2 { display:none; position: fixed; width:480px; height:175px; padding:24px 30px 0 30px; background:url(../images/tip_bg.gif); margin: -99px 0 0 -270px; top:50%; left:50%; z-index:99999;}
*html #TipDiv2 { position:absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (FlowApplicationDivMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TipDiv2 .closeDiv { width:100%; height:46px; text-align:right;}
#TipDiv2 .closeDiv img { width:20px; height:20px; cursor:pointer;}
