/* /index.php  */
#main { height:auto;}   /* Important */
/*===============================================================*/
#main .content .con_left{ float:left; width:590px;}

#main .content .con_left .top_events {clear:both; border-bottom:1px #ccc solid; padding: 5px 0 10px 0; height:auto; float:left;width:100%;}
#main .content .con_left .top_events .title .t{ float:left; width:300px;}
#main .content .con_left .top_events .title .btn{ float:right; margin-top:5px;}
#main .content .con_left .top_events .items {float:left; width:270px; height:52px; }
#main .content .con_left .top_events .items .pic {float:left; width:40px; height:40px; text-align:center;margin-top:5px;margin-bottom:5px;padding:0; border:#ccc 1px solid;}
#main .content .con_left .top_events .items  .t{float:left; height:52px; width:215px; padding-left:10px;}

#main .content .con_left .hot_business {clear:both; border:1px #BEE3FE solid; float:left; width:100%; position:relative}
#main .content .con_left .hot_business em { margin-left:20px;}

#main .content .con_left .hot_business .c1{ background:url(../images/left-top-corner2.gif) no-repeat; top:-1px; left:-1px;}
#main .content .con_left .hot_business .c2{ background:url(../images/right-top-corner2.gif) no-repeat; top:-1px; right:-1px;}
#main .content .con_left .hot_business .c3{ background:url(../images/left-bot-corner2.gif) no-repeat; bottom:-1px; left:-1px;}
#main .content .con_left .hot_business .c4{ background:url(../images/right-bot-corner2.gif) no-repeat; bottom:-1px; right:-1px;}

#main .content .con_left .hot_business .best {float:left; width:360px; min-height:130px; background-color:#fcfcfc;}
#main .content .con_left .hot_business  h1 { padding:5px; margin:0; font-size:12px; font-weight:normal; background:url(../images/border-top2.gif) repeat-x;}
#main .content .con_left .hot_business .more {float:right; width:185px;}
#main .content .con_left .hot_business .more ol{margin:0 0 0 25px; padding:0px;}
#main .content .con_left .hot_business .best .pic {float:left; width:100px; height:100px; text-align:center;padding-left:10px;}
#main .content .con_left .hot_business .best .t {float:left; height:100px;  width:240px; _width:235px; padding-left:10px; padding-top:5px;}

#main .content .con_left .category {clear:both; border-bottom:1px #ccc solid; padding: 10px 0 10px 0; height:auto; float:left; width:100%;}
#main .content .con_left .category .items { float:left; width:360px; background:#f4f4f4; position:relative; border:1px #ccc solid;}
#main .content .con_left .category .items  .per{ float:left; width:169px; height: 270px; overflow:hidden;  padding-left:10px;}
#main .content .con_left .category .items  .per ol{ margin:0 0 0 25px; padding:0px; clear:both}
#main .content .con_left .category .lists { margin-left:5px; float:left; width:210px;  position:relative; border:#ccc solid 1px; padding:0 5px; background:url(../images/box-bg.gif) repeat-x #EBEBEB;}
#main .content .con_left .category .lists h2{ font-size:18px; font-weight:normal; border-bottom:1px #ccc solid; display:block;  padding:10px;}
#main .content .con_left .category .lists ul{margin-bottom:15px;; padding:0px;list-style:none; font-family:Arial; }
#main .content .con_left .category .lists ul li{ background:url(../images/line-dotted.gif) repeat-x 0 25px;;  padding:5px 0 6px 10px; height:16px; }

a.more{background:url(../images/search.gif) no-repeat;
color:#FFFFFF;
display:block;
float:right;
margin: 0 5px 5px 5px;
padding:4px 0;
text-align:center;
width:50px;}

#main .content .con_left .pop_events {clear:both; border-bottom:1px #ccc solid; padding: 5px 0 10px 0; height:auto; float:left;width:100%;}
#main .content .con_left .pop_events .title .t{ float:left; width:300px;}
#main .content .con_left .pop_events .title .btn{ float:right;  margin-top:5px;}
#main .content .con_left .pop_events .items {float:left; width:270px; height:52px;}
#main .content .con_left .pop_events .items .pic {float:left; width:40px; height:40px; text-align:center;margin-top:5px;padding:0; border:#ccc 1px solid;}
#main .content .con_left .pop_events .items  .t{float:left; height:52px; width:215px ; padding-left:10px;}

#main .content .con_left .new_reviews {clear:both; padding: 5px 0 10px 0; height:auto; float:left;width:100%;}
#main .content .con_left .new_reviews .title .t{ float:left; width:300px;}
#main .content .con_left .new_reviews .title .btn{ float:right;  margin-top:5px;}
#main .content .con_left .new_reviews .items {float:left; width:590px; height:auto; overflow:hidden; border-bottom:1px #ccc dashed;}
#main .content .con_left .new_reviews .items .pic {float:left; width:40px; height:40px; text-align:center;margin-top:8px;padding:0; border:#ccc 1px solid;}
#main .content .con_left .new_reviews .items .t{float:left; height:auto; width:485px ; padding-left:10px;}

/*===============================================================*/
#main .content .con_right{ float:right; width:300px; padding-left: 10px; overflow:hidden;}

#main .content .con_right .social {padding: 5px 0 10px 0; height:auto; float:left; width:100%; clear:both;}

#main .content .con_right .random_rat {clear:both; border:1px #ccc solid;  height:auto; float:left; width:285px; padding:5px; margin-bottom:10px; position:relative;}
#main .content .con_right .random_rat .title{ float:left; width:200px; }
#main .content .con_right .random_rat h2{font-size:18px; font-weight:normal; border-bottom:1px #ccc solid; display:block; padding-bottom:15px; padding:0 0 10px 10px;}
#main .content .con_right .random_rat .items .pic {float:left; width:60px; height:60px; text-align:center;margin:5px 10px;}
#main .content .con_right .random_rat .items .t {float:left; height:105px; width:190px;}
#main .content .con_right .random_rat .items .t  .info{ height:80px;  padding-left:10px;}
#main .content .con_right .random_rat .items .t  .btn{ padding-left:20px;}

#main .content .con_right .reviews {clear:both; border:1px #ccc solid; padding: 5px; float:left; width:285px;position:relative; margin-bottom:10px;}
#main .content .con_right .reviews h2{font-size:18px; font-weight:normal; border-bottom:1px #ccc solid; display:block; padding-bottom:15px; padding:0 0 10px 10px;}
#main .content .con_right .reviews .title .t{ float:left; width:200px;}
#main .content .con_right .reviews .title .btn{ float:right;  margin-top:5px;}
#main .content .con_right .reviews .items .pic {float:left; width:90px; height:130px; text-align:center;margin-top:5px;}
#main .content .con_right .reviews .items .t {float:left; height:auto; width:180px; padding-left:10px;}
#main .content .con_right .reviews .exp{ float:left;}
#main .content .con_right .reviews .btn{ float:right}


#main .content .con_right .ads {clear:both; border:1px #ccc solid; height:auto; padding:0; float:left;width:295px; position:relative; margin-bottom:10px;}


#main .content .con_right .new_offer {border:1px #ccc solid; padding: 5px; height:auto; float:left; width:285px; clear:both; position:relative;margin-bottom:10px;}
#main .content .con_right .new_offer h2{font-size:18px; font-weight:normal; border-bottom:1px #ccc solid; display:block; padding-bottom:15px; padding:0 0 10px 10px;}


#main .content .con_right .new_lists {border:1px #ccc solid; padding: 5px; height:auto; float:left; width:285px; clear:both; position:relative;margin-bottom:10px;}
#main .content .con_right .new_lists h2{font-size:18px; font-weight:normal; border-bottom:1px #ccc solid; display:block; padding-bottom:15px; padding:0 0 10px 10px;}
#main .content .con_right .new_lists .title {width:200px;}
#main .content .con_right .new_lists .items  { margin-top:5px; height:auto; clear:both;}
#main .content .con_right .new_lists .items .pic {float:left; width:40px; height:40px; text-align:center;margin-top:5px;padding:0; border:#ccc 1px solid;}
#main .content .con_right .new_lists .items .t {float:left; height:auto; width:220px; padding-left:15px;word-break : break-all;}

#main .content .con_right .new_chatters {clear:both;  border:1px #ccc solid; padding: 5px; height:auto; float:left; width:285px;position:relative;}
#main .content .con_right .new_chatters h2{font-size:18px; font-weight:normal; border-bottom:1px #ccc solid; display:block; padding-bottom:15px; padding:0 0 10px 10px;}
#main .content .con_right .new_chatters .title {width:200px;}
#main .content .con_right .new_chatters .items  { padding-top:3px; height:auto; padding-bottom:5px; border-bottom:1px #ccc dashed; float:left;}
#main .content .con_right .new_chatters .items .pic {float:left; width:20px; height:20px; text-align:center; padding:0; border:#ccc 1px solid; margin-top:6px;}
#main .content .con_right .new_chatters .items .t {float:left; height:auto; width:220px; padding-left:7px;}
#main .content .con_right .new_chatters .items .info {float:left; height:auto; padding-left:35px;}
#main .content .con_right .new_chatters .btn { width:100%; float:left;clear:both; text-align:center; margin-top:5px;}
#main .content { margin-top:10px;}

.special_offer {
float:left;
border-bottom:1px dotted #CCCCCC;
padding:10px;
width:263px;
margin-right:20px;
display:block;
}
.special_offer h3 span{ float:right}
.special_offer em{ text-align:right; display:block;}
.new_offer .btn, .random_rat .btn{ width:263px; text-align:center; margin-top:10px;}