/* /index.php  */
#main { height:auto;margin-top: 15px;}   /* Important */
/*===============================================================*/
#main .content .con_left{ float:left; width:550px; padding-right:10px;}

#main .content .con_left .top_events {clear:both; border-bottom:1px #8dc51c 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; text-align:center;margin-top:5px;margin-bottom:5px;padding:1px 1px; border:#ccc 1px solid;} /*height:40px;*/
#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-bottom:1px #8dc51c solid; padding: 5px 0 10px 0; height:auto; float:left; width:100%;}
#main .content .con_left .hot_business .best {float:left; width:360px;}
#main .content .con_left .hot_business .best .title { padding-bottom:5px;padding-left:10px;}
#main .content .con_left .hot_business .more {float:right; width:185px; height:140px}
#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;}
#main .content .con_left .hot_business  h1 { padding:5px; margin:0; font-size:12px; font-weight:normal;}
#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; padding-left:10px;}

#main .content .con_left .category {clear:both; border-bottom:1px #8dc51c solid; padding: 10px 0 10px 0; height:auto; float:left; width:100%;}
#main .content .con_left .category .items { float:left; width:548px; background:#eeffcb;border:1px solid #CCCCCC;}
#main .content .con_left .category .items  .per{ float:left; width:169px; height: auto;  padding-left:10px;border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;}
#main .content .con_left .category .items  .per ol{ margin:0 0 0 25px; padding:0px; padding-top:5px; clear:both; height:80px; }
#main .content .con_left .category .lists { margin-left:5px; float:left; width:537px;margin-bottom:10px; overflow:hidden;}
#main .content .con_left .category .lists ul{margin:0 0 0 5px; padding:0px;list-style:none; font-family:Arial;}
#main .content .con_left .category .lists ul{margin-bottom:15px;; padding:0px;list-style:none; font-family:Arial; }
#main .content .con_left .pop_events {clear:both; border-bottom:1px #8dc51c solid; padding: 5px 0 10px 0; height:auto; float:left;width:100%;}
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 solid #8DC51C; 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:1px 1px; 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:540px; height:auto; overflow:hidden; border-bottom:1px #8dc51c dashed;}
#main .content .con_left .new_reviews .items .pic {float:left; width:40px; /*height:40px;*/ text-align:center;margin-top:8px;padding:1px 1px; 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; border-left:#384a9c 1px solid; padding-left: 20px; overflow:hidden;}

#main .content .con_right .random_rat {clear:both; border-bottom:1px #8dc51c solid; padding: 5px 0 10px 0; height:auto; float:left; width:100%;}
#main .content .con_right .random_rat .title{ float:left; width:200px;}
#main .content .con_right .random_rat .items .pic {float:left; width:60px; height:60px; text-align:center;margin-top:5px;}
#main .content .con_right .random_rat .items .t {float:left; height:80px; width:200px;}
#main .content .con_right .random_rat .items .t  .info{ height:80px; width:190px; padding-left: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-bottom:1px #8dc51c solid; padding-top: 5px; float:left; width:100%;}
#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:190px; padding-left:10px;}
#main .content .con_right .reviews .exp{ float:left;}
#main .content .con_right .ads {clear:both; border-bottom:1px #8dc51c solid; padding: 5px 0 10px 0; height:auto; float:left;margin-top:5px; width:100%;}


#main .content .con_right .new_lists {padding: 5px; height:auto; float:left; width:285px; clear:both; position:relative;margin-bottom:10px;}
#main .content .con_right .new_lists {padding: 5px; height:auto; float:left; width:285px; clear:both; 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 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:1px 1px; border:#ccc 1px solid;}
#main .content .con_right .new_lists .items .t {float:left; height:auto; width:230px; padding-left:10px;word-break : break-all;}

#main .content .con_right .new_chatters {clear:both;  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 #8dc51c dashed; float:left;}
#main .content .con_right .new_chatters .items .pic {float:left; width:20px; height:20px; text-align:center; padding:1px 1px; 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;}

#main .content .con_right .social .items {
      border-bottom: 1px solid #8DC51C;
}
.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;}