@import url("Layout.css");
@import url("Font.css");
@import url("common.css");

/*main*/
#area{margin:0px auto; width:980px; height:100%; background:#fff;}
#area #area-l{width:240px; float:left;}
#area #area-m{width:480px; float:left; margin-left:7px;}
#area #area-r{width:240px; float:right;}

#area-l #lg{ width:100%; margin:0px auto; border:1px solid #FAAD06; height:160px;}
#lg h5{width:100%; height:28px; line-height:28px; text-align:left; text-indent:22px; background:url(../images/log1.gif) no-repeat 6px 7px; border-bottom:1px dashed #FAAD06;}
#lg dl{ width:100%; height:125px; padding:10px auto;}
#lg dl dt{ width:70px; float:left; height:30px; line-height:34px; color:#666; text-align:right; overflow:hidden;}
#lg dl dt.btn{width:100%;text-align:center;}
#lg dl dd{ width:110px; float:left; height:30px; line-height:30px; text-align:left; _padding-top:4px;}
#area-l #clg {width:100%; height:28px; line-height:28px; text-align:center; margin:0px auto; margin-top:5px;}

#area-m{width:100%; border:1px solid #84A9D2; height:195px;}

#area-r{width:100%; border:1px solid #84A9D2; height:195px;}
#area-r h5{width:100%; height:28px; line-height:28px; text-align:left; text-indent:24px;text-indent:22px; background:url(../images/ser.gif) no-repeat 6px 7px; border-bottom:1px dashed #84A9D2;}
#area-r dl{ width:100%; height:160px;}
#area-r dl dt{ width:80px; float:left;color:#666; height:30px; line-height:34px;text-align:right; overflow:hidden;}
#area-r dl dt.btn{width:100%;text-align:center;}
#area-r dl dd{ width:150px; float:left; height:30px; line-height:30px;text-align:left; overflow:hidden;}

/*====================choosearea======================*/
#area #choo-l{ width:580px; float:left; height:96px; border:1px solid #ccc; padding:2px; margin-top:10px; background:url(../images/map2.jpg) no-repeat 2px 2px;}
#area #choo-r{ width:380px; float:right; height:96px; border:1px solid #ccc; padding:2px; margin-top:10px; font-size:0px;}
#choo-r img{ width:380px; height:96px; text-align:center;}
#choo-l #asel{ width:410px; float:right; margin:0px 2px 0px auto;}
#asel h5{width:100%; font-size:14px; font-weight:bold; text-align:left; height:24px; line-height:24px; border-bottom:1px dashed #ccc; margin-bottom:2px;}
#asel dl{width:45px; float:left; height:60px; margin:6px 3px 2px 3px;_margin:6px 3px 2px 2px;}
#asel dl dt{ width:100%;font-size:0px;}
#asel dl dt img{ width:45px; height:40px;}
#asel dl dd{ width:100%; height:19px; line-height:19px; margin-top:1px;}
#asel a{color:#333;}
#asel a:hover{ color:#333; text-decoration:underline;}

/*====================scrollnews======================*/
#area #areanews{width:100%;border-bottom:2px solid #FFE200;border-top:2px solid #FFE200; margin-top:5px;overflow:hidden;}
#areanews p.smt{ width:90px; float:left; text-align:center; height:26px; line-height:30px; overflow:hidden; font-weight:bold; color:#ee0000;background:#ffffee;}
#areanews ul#scr{width:890px; float:left; background:#ffffee; margin:2px 0px; height:24px; overflow:hidden;}
#areanews ul#scr li{ width:295px; float:left; text-align:left; height:24px; line-height:24px;background:url(../images/arrow.gif) no-repeat 6px 9px;text-indent:12px;text-overflow:clip; overflow:hidden; white-space:nowrap;}
#areanews ul#scr li a{ color:#333;},#hunter ul#scr li a:hover{ color:#666; text-decoration:underline;}
#areanews ul#scr li span a{ color:#ee0000;},#hunter ul#scr li span a:hover{ color:#f60;}
/*====================Connected======================*/
#area #bocon-l{ width:780px; float:left; margin-top:10px;}
#area #bocon-r{ width:192px; float:right; margin-top:10px;}


/*====================AD======================*/
#bocon-l #ltad{width:100%;}
#ltad dl{width:195px; float:left; height:65px;}
#ltad dl dt{width:100%;text-align:left; }
#ltad dl dt img{ width:190px; height:60px;border:1px solid #ccc; vertical-align:middle;}

/*====================Fea======================*/
#bocon-l #Fea{width:100%;}
#Fea dl{width:188px; float:left; background:#f5f5f5;  border:1px solid #ccc; margin:5px 5px 0px 0px;}
#Fea dl:hover{ background:#fff;}
#Fea dl dt{width:184px; padding:2px; font-size:1px; background:#fff;}
#Fea dl dt img{width:182px; height:42px;text-align:left; }
#Fea dl dd{ width:183px;text-align:left; text-indent:5px; height:20px; line-height:20px; text-overflow:clip; overflow:hidden; white-space:nowrap;}
#Fea dl dd.zw{ font-weight:normal;}
#Fea dl dd.zw a{ color:#333; text-decoration:none;},#Fea dl dd.zw a:hover{ color:#ee0000; text-decoration:underline;}
/*====================NewY======================*/
#bocon-l #urg{ width:100%; border-bottom:1px dashed #ccc; padding-bottom:5px;}
#bocon-l #urg h5{width:100%; font-size:14px; text-align:left; height:26px; line-height:26px; border-bottom:2px solid #ccc; margin:10px auto;}
#bocon-l #urg ul{width:100%; margin:0px auto; clear:both; background:url(../images/listbg24.gif) repeat-y;}
#bocon-l #urg ul li{width:390px; float:left; height:24px; line-height:24px; text-align:left; background:url(../images/arrow.gif) no-repeat 8px 10px; text-indent:16px;color:#f60;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#bocon-l #urg ul li:hover{background:url(../images/arrow.gif) no-repeat 8px 10px #ffffaa;}
#bocon-l #urg ul li span a{color:#666; text-decoration:none;},#bocon-l ul li a:hover{ color:#ee0000;text-decoration:underline;}

#bocon-l #Hot{ width:100%; border-bottom:1px dashed #ccc; padding-bottom:5px;}
#bocon-l #Hot h5{width:100%; font-size:14px; text-align:left; height:26px; line-height:26px; border-bottom:2px solid #ccc; margin:10px auto;}
#bocon-l #Hot ul{width:100%; margin:0px auto; clear:both; background:url(../images/listbg24.gif) repeat-y;}
#bocon-l #Hot ul li{width:260px; float:left; height:24px; line-height:24px; text-align:left; background:url(../images/arrow.gif) no-repeat 8px 10px; text-indent:16px;color:#f60;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#bocon-l #Hot ul li:hover{background:url(../images/arrow.gif) no-repeat 8px 10px #ffffaa;}
#bocon-l #Hot ul li span a{color:#666; text-decoration:none;},#bocon-l ul li a:hover{ color:#ee0000;text-decoration:underline;}

#bocon-l #mdlj dl{width:100%; margin:10px auto; clear:both;}
#mdlj dl dt{ width:255px; float:left; height:27px; line-height:27px; text-align:left; text-indent:56px; background:url(../images/btn_bg.gif) no-repeat center center;}
#mdlj dl dt a{ color:#333; text-decoration:none; font-weight:bold; display:block;},#requke dl dt a:hover{ color:#ee0000; text-decoration:none; display:block;}
/*====================right======================*/
#bocon-r dl#rad{ width:100%;}
#bocon-r dl#rad dt{width:100%; margin-bottom:4px; text-align:right;}
#bocon-r dl#rad dt img{width:190px; height:124px; border:1px solid #ccc; padding:1px; vertical-align:middle;}

#bocon-r .Guide{ width:100%; margin-top:10px;}
#bocon-r .Guide h5{width:194px; height:27px; line-height:29px; text-align:left; text-indent:26px;background:url(../images/bt_gray.gif) no-repeat left top; font-size:14px; overflow:hidden;}
#bocon-r .Guide ul{ width:100%; margin:0px auto;border:1px solid #ccc; border-top:none; padding-top:5px;padding-bottom:5px;}
#bocon-r .Guide ul li{width:96%; height:22px; line-height:22px; text-align:left; background:url(../images/arrow.gif) no-repeat 6px 9px; text-indent:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#bocon-r .Guide dl{width:100px; float:left; margin:5px 10px -10px; height:90px;}
#bocon-r .Guide dl dt{width:100%;}
#bocon-r .Guide dl dt img{width:80px; height:50px;}
#bocon-r .Guide dl dd{ width:100px;height:22px; line-height:22px; text-align:center; text-overflow:clip; overflow:hidden; white-space:nowrap;}
#bocon-r .Guide dl dd a{color:#267139; text-decoration:underline; font-weight:bold;},#bocon-r .Guide dl dd a:hover{ color:#333;}

/*====================Alert======================*/
#onlyBig{width:0; height:0; background:transparent; z-index:99; position:absolute;}
#onlyBig #onlySmall{width:750px; height:auto;border:2px solid #CFD9E4;border-bottom:6px solid #CFD9E4; background:url(../images/Only-bg.gif) repeat-x left 1px #fefefe;}
#onlyBig #onlySmall h5#onlyCity{ width:100%; height:25px;line-height:25px; overflow:hidden; text-align:left; color:#213B4F; font-size:12px; background:url(../images/info.gif) no-repeat 9px 4px; text-indent:32px;cursor:move;}
#onlyBig #onlySmall ul{ width:99%; margin:1px auto; padding:15px 2px; clear:both; background:#fefefe;}
#onlyBig #onlySmall ul li{width:96%; margin:0px auto; height:auto; line-height:22px; text-align:left; color:#59768C;}
#onlyBig #onlySmall ul li span{ width:24%; float:left; display:block;}
#onlyBig #onlySmall ul li b{ margin-left:20px; display:inline-block; font-weight:normal;}
#onlyBig #onlySmall ul li.citytit{border-bottom:1px dashed #CFD9E4; padding-bottom:3px;}
#onlyBig #onlySmall ul li.aly{ margin:5px auto; text-align:left;}
#onlyBig #onlySmall ul li#selResult{border:1px solid #CFD9E4; background:#eee; height:22px; line-height:22px;}
#onlyBig #onlySmall ul li.lineonly{width:100%; background:url(../images/line.gif) no-repeat center center; border:none; height:3px; clear:both;}
#onlyBig #onlySmall ul li.buton{ text-align:center; margin:2px auto;}
#onlyBig #onlySmall .ok{ background:url(../images/Oi.gif) no-repeat; border:none; width:72px; height:20px;cursor:pointer;}

#onlyBig #onlySmall2{width:350px; height:auto;border:2px solid #CFD9E4;border-bottom:6px solid #CFD9E4; background:url(../images/Only-bg.gif) repeat-x left 1px #fefefe; margin-top:10px;}
#onlyBig #onlySmall2 h5#onlyzw{ width:100%; height:25px;line-height:25px; overflow:hidden; text-align:left; color:#213B4F; font-size:12px; background:url(../images/info.gif) no-repeat 9px 4px; text-indent:32px;cursor:move;}
#onlyBig #onlySmall2 ul{ width:99%; margin:1px auto; padding:15px 2px; clear:both; background:#fefefe;}
#onlyBig #onlySmall2 ul li{width:96%; margin:0px auto; height:auto; line-height:22px; text-align:center; color:#59768C;}
#onlyBig #onlySmall2 ul li.lineonly{width:100%; background:url(../images/line.gif) no-repeat center center; border:none; height:3px; clear:both;}
#onlyBig #onlySmall2 ul li.buton{ text-align:center; margin:2px auto;}
#onlyBig #onlySmall2 .ok{ background:url(../images/Oi.gif) no-repeat; border:none; width:72px; height:20px;cursor:pointer;}

#only{width:600px; height:auto;border:1px solid #CFD9E4; background:url(../images/Only-bg.gif) repeat-x left 1px; margin-top:10px;}
#only h5#onlyH5{ width:100%; height:25px; line-height:25px; text-align:left; color:#213B4F; font-size:12px; background:url(../images/info.gif) no-repeat 9px 4px; text-indent:32px;cursor:move;}
#only ul{ width:99%; margin:1px auto; padding:15px 2px; clear:both; background:#fcfcfc;}
#only ul li{  height:auto; line-height:22px; text-align:center; color:#59768C;}
#only ul li.lineonly{width:100%; background:url(../images/line.gif) no-repeat center center; border:none; height:3px; clear:both;}
#only ul li.buton{ text-align:center; margin:2px auto;}
#only .ok{ background:url(../images/Oi.gif) no-repeat; border:none; width:72px; height:20px;cursor:pointer;}