@charset "utf-8";
body,a,strong,input,select,button,h1,h2,h3,h4,h5,h6 { font:12px "Arial","","Tahoma";}
html,body { height:100%; text-align:center;}
body,form,menu,div,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 { padding:0; margin:0 auto;}
div,p { display:block;text-align:left; }
ul,ol,dl { margin:0px; padding:0px; list-style:none;}
img { border:0;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:underline;}
button { cursor:pointer;}
.char14_900_bold { font-size:14px; font-weight:bold; color:#900;}
.char14_green { font-size:14px; color:#276a1d;}
.green { color:#276a1d;}
.char14_khaki { font-size:14px; color:#73593e;}
.khaki { color:#73593e;}
.relative { position:relative;}
.absolute {position:absolute;}
.jbule_x {font-weight:bold; color:green; font-size:14px;}
.char14 { font-size:14px;}
.center { 990px; }

/*--------------< < << header >> > >---------------*/

#header { background:url(http://resource.uzai.com/1/images/body_bg.gif) repeat-x top; position:relative;}
#header { margin:0px auto; width:950px; height:170px;background:url(http://resource.uzai.com/1/images/bjheader_bg.gif) 0 25px repeat-x;}
#header img.logo { position:absolute; left:0px; top:35px; width:230px; height:55px; font-size:42px; font-weight:bold; color:#5d9bf7; line-height:55px;border:0px;}
#header ul {position:absolute;}
#header ul li { float:left;}
#header ul li a { display:block;}
#header h2 { color:#fff; line-height:25px; float:left;}
#header ul.logon { position:static;}
#header ul.logon li a { line-height:25px; color:#FFF; padding:0px 3px;}
#header ul.topbarnavi { height:25px; right:0px; top:0px;}
#header ul.topbarnavi li a { padding:0 0 0 20px; font-size:12px; line-height:25px; color:#fff;}
#header ul.areanavi {  padding:10px 0px 0px 3px; width:auto; height:52px; left:230px; top:31px; background:url(http://resource.uzai.com/1/images/slogan.jpg) no-repeat;}
#header ul.areanavi li a ,#header ul.areanavi li a:visited { padding:0px 5px 0px 5px; font-size:12px; line-height:20px; color:#333;}
#header ul.areanavi li a.hover:link , #header ul.areanavi li a.hover:visited , #header ul.areanavi li a.hover:hover , #header ul.areanavi li a.hover:active { color:#FFF; cursor:text; text-decoration:none; background:url(http://resource.uzai.com/1/images/area_bg.gif) no-repeat center;}
#header ul.navi { left:5px; top:97px;}
#header ul.navi li span.hot { position:absolute; left:670px; top:3px;}
#header ul.navi li a , #header ul.navi li a:visited { padding:0px 20px; font-size:14px; line-height:37px; color:#FFF;}
#header ul.navi li a:hover { color:#FF6;}
#header ul.navi li a.hover:link , #header ul.navi li a.hover:visited , #header ul.navi li a.hover:hover ,#header ul.navi li a.hover:active { color:#000; cursor:text; text-decoration:none; background:url(http://resource.uzai.com/1/images/navi_bg.jpg) no-repeat center;  cursor:pointer;}

#header ul.navi2 { left:5px; top:97px;}
#header ul.navi2 li span.hot { position:absolute; left:670px; top:3px;}
#header ul.navi2 li a , #header ul.navi2 li a:visited { padding:0px 20px; font-size:14px; line-height:37px; color:#FFF;}
#header ul.navi2 li a:hover { color:#FF6;}
#header ul.navi2 li a.hover:link , #header ul.navi2 li a.hover:visited , #header ul.navi2 li a.hover:hover ,#header ul.navi2 li a.hover:active { color:#000; cursor:text; text-decoration:none; background:url(http://resource.uzai.com/1/images/navi_bg.jpg) no-repeat center;  cursor:pointer;}


#header ul.sub_navi { left:80px; top:134px;}
#header ul.sub_navi li a { padding:0px 10px 0px 10px; font-size:14px; line-height:32px; color:#326395;}
#header ul.sub_navi li a:hover { color:#900;}
#header ul.sub_navi li a.hover:link , #header ul.sub_navi li a.hover:visited { color:#900; text-decoration:none;}
#header ul.sub_navi li a.hover:hover ,#header ul.sub_navi li a.hover:active { text-decoration:underline;}
#header form { position:absolute;}
#header form.logon { left:0px; top:0px; height:25px;}
#header form.logon label { color:#CCC; line-height:25px; }
#header form.logon input.textbox { padding:0px; height:16px; border:none; }
#header form.logon input.btn { color:#CCC; background:transparent; border:none; vertical-align:middle; cursor:pointer;}
#header form.search { right:0px; top:59px; height:26px;}
#header form.search input.textbox { padding:0px; width:170px; height:22px; line-height:22px; vertical-align:middle;}
#header form.search input.btn { width:60px; height:26px; font-size:0; border:none; background:url(http://resource.uzai.com/1/images/search_btn.gif) 0 0 no-repeat; vertical-align:middle;}
#header div.sight { position:absolute; right:10px; top:140px;}
#header div.sight span , #header div.sight img  { padding:0px 2px; vertical-align:middle;}
#sightdown { position:relative; left:0px; top:-5px; padding:5px;margin:0 auto; width:938px; display:none; background:#edf2fd url(http://resource.uzai.com/1/images/rush_through_bg.gif) repeat-x top; border:1px solid #ccd9e5; border-top:1px solid #FFF; overflow:hidden;}
#sightdown h3 { padding:0 6px 0 6px; color:#000; line-height:24px; font-weight:bold; float:left;}
#sightdown h3 a { line-height:30px;}
#sightdown div.sightpart { padding:0 0 5px 0; border-bottom:1px dashed #cddbe7; overflow:hidden;}
#sightdown div.sightpart ul.sightlink { width:860px; float:right;  line-height:24px;}
#sightdown div.sightpart ul.sightlink li { float:left; white-space:nowrap;}
#sightdown div.sightpart ul.sightlink li a { padding:0 5px; color:#326395; line-height:24px;}
#sightdown div.sightpart ul.sightlink li a.char_900 { font-weight:bold; color:#900;}

/*--------------< < << explain >> > >---------------*/

#explain { margin:20px auto 5px; width:948px; background:#f1eef5; border:1px solid #CCC; overflow:hidden;}
#explain div.explainpart { margin:4px 2px; width:184px; float:left;}
#explain div.explainpart h5 { padding:0 0 0 10px; color:#333; line-height:24px; font-weight:bold; background:#bfc3e9;}
#explain div.explainpart ul.explainlist { padding:5px 0 5px 8px;}
#explain div.explainpart ul.explainlist li a { color:#333; line-height:20px;}

/*--------------< < << link >> > >---------------*/

#link { margin:5px auto; width:948px; background:#f1eef5; border:1px solid #CCC;overflow:hidden;}
#link h6 { padding:0 0 0 10px; color:#000; line-height:24px; font-weight:bold; float:left;}
#link ul.arealink { width:880px; float:right;}
#link ul.arealink li { float:left; white-space:nowrap;}
#link ul.arealink li a {margin:0 1px; padding:0 8px; color:#333; line-height:24px; border-right:1px solid #666;}

/*--------------< < << footer >> > >---------------*/

#footer { background:url(http://resource.uzai.com/1/images/footer_bg.gif) repeat-x top; position:relative;}
#footer { margin:0px auto; margin-top:10px; padding:10px 0px; width:950px;}
#footer img , #footer p { padding:0 10px 0 0; height:38px; border-right:1px dashed #666; float:left;}
#footer p { padding-left:10px; line-height:19px;}
#footer ul.footernavi { float:right;}
#footer ul.footernavi li { float:left;}
#footer ul.footernavi li a { padding:0 7px; color:#333; line-height:38px; border-right:1px solid #CCC;}

