/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;}table{border-collapse:collapse;border-spacing: 0;}fieldset,img{border: 0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border: 0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;overflow:hidden;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; resize: none;outline:none;}legend{color:#000;}
body {font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#444;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}em{font-style:italic;}strong{font-weight:bold;}a{ text-decoration:none;}
a:hover{text-decoration:underline;}a:focus, input[type=button] ,input[type=submit]{outline:none;}a{blr:e-xpression(this.onFocus=this.blur())} /*for IE*/ a{outline:}/*for FireFox*/input, select, a img {vertical-align: middle;}
.clearfix:after{content: "."; display: block;height:0; clear: both;visibility: hidden;}
.clearfix{zoom:1;}
.clear{clear:both;}

body{color: #333333;font-size:12px;font-family:Arial,Helvetica,sans-serif;background:#ffffff;}
#search_header{width:100%;margin:0 auto;}
#user_header{width:100%;height:35px;background:#f5f5f5;border-bottom:1px solid #fff;margin:0 auto;position:relative;}
#user_header ul.menu_header {position:absolute;left:10px;top:0;}
#user_header ul.menu_header li {float:left;color:#666;line-height:35px;}
#user_header ul.login_header {position:absolute;right:10px;top:0;}
#user_header ul.login_header li {float:right;line-height:35px}
#user_header ul.login_header li:hover ul {display:block}
#user_header ul.login_header li span{font-size:8px;vertical-align:middle;}
#user_header ul.login_header li img{vertical-align:middle;margin-right:3px;}
#user_header ul.login_header li ul {position:absolute;display:none;line-height:25px;border:1px solid #E0E0E0;right:0;top:36px;overflow:hidden;z-index:1;}
#user_header ul.login_header li ul li {float:none;line-height:25px;text-align:left;}
#user_header ul.login_header li ul li a {float:none;display:block;padding:0 10px;height:25px;word-break:keep-all;white-space:nowrap;width:auto;background:#fff;}
#user_header ul.login_header li ul li a:hover{background-color:#E0E0E0;}
#user_header a{color:#666;}
#user_header a:hover,#user_header .b{color:#fe7700;text-decoration:none;}
#user_header em {color:#ccc;margin:0 8px}
#search_bar{width:100%;height:70px;border-top:1px solid #E0E0E0;background:#fafafa url(http://www.9books.com/images/dotted.gif) repeat-x scroll center bottom;margin:0 auto;position:relative;}
#search_logo{position:absolute;top:18px;left:10px;display:block;width:193px;height:27px;}
#search_box {height: 32px;left: 215px;line-height: 32px;padding: 3px;position: absolute;top: 16px;}
#search_box a.mypos { margin-left:2em}
#search_box a.mypos img{ height:20px; margin-right:0.5em}
.search_label{padding:3px;overflow:hidden;float:left;background-color: #EFEFEF;margin-right:10px;}
.search_input {width: 300px;border: 1px solid #D8D8D8;outline: 0;color:#999999;background:#fff;float: left;height: 30px;line-height: 30px;padding: 0 5px;}
#search_button {color:#999;background-image:url(/frontframe/images/search_bt.png);background-position: 0 0;border: 0 none;cursor: pointer;float: left;height: 32px;line-height: 32px;width: 86px;margin:3px 0;}
.search_input.light {border:1px solid #fe7700;color:#333;}
.search_label.light,#index_search.light {background-color: #ffe1cb;}
#search_button.light {background-position: 0 -37px;color:#fff;}

#locateme { display:none; position:absolute; width:500px; height:100px; left:50%; z-index:100; top:200px; margin-left:-250px; background:#fff; box-shadow:0 0 1em rgba(0,0,0,0.3)}
#locateme div { margin:1em; position:relative; padding:2em 1em; }
#locateme div a.closebtn { position:absolute; right:0; top:0;}
#locateme div input { padding:0.5em; border:1px solid #ccc; background:#fff; width:310px; vertical-align:top}
#locateme div button { padding:0.5em; border:1px solid #ccc; background:#eee}
#locateme div button:hover { background:#fff}
#locateme div button:active { background:#ddd}


.main_body{ margin:0px; padding:0px;}
.center{  margin:1px auto; width:980px; }



.divmore{ margin:20px 0 40px 0;}
.divmore h2{ font-weight:bold; line-height:30px; height:30px; padding:2px 5px; border-bottom:1px solid #CFD1D6; background:#EDEEF1; font-size:14px;}
.divmore ul { display:inline-block;}
.divmore ul li{ float:left; width:260px; margin:10px 20px 0 0; padding:5px;}
.divmore ul li a{ font-weight:bold; color:#245DC1;}
.divmore ul li a:visited{ color:#245DC1;}

.home{ margin:8px 0px;}

#search_type{height:30px; line-height:30px;position: absolute;top: 20px; overflow:hidden; left:730px;}
#search_type a{color:#0066CC;}
#search_type a:hover{color:#fe7700;}
#search_type em {color:#ccc;margin:0 8px}

#index_main{width:100%;margin:0 auto;overflow:hidden; border-top:1px solid #E0E0E0;}
#page_main{padding-bottom:30px;margin: 30px auto 0;width: 720px;min-height:400px;}
#index_logo {margin: 0 auto 30px;text-align:center;}
#index_search{background-color: #EFEFEF;height: 32px;line-height: 32px;padding: 3px;width: 497px;margin:0 auto;}
#index_keywords{line-height:22px;color:#b9b9b9;text-align:left;width: 497px;margin:0px auto; font-style:italic; text-indent:0.5em;}
#index_keywords a{color:#b9b9b9; font-size:11px;}
.index_title{border-bottom: 1px solid #DDD;margin: 10px auto;height:30px;line-height:30px;color: #333;font-weight: bold;}
.index_title span{font-weight: normal;font-style:normal;float:right;color: #669c16;}
.index_title em{font-style:normal;margin:0 4px 0 6px;}
.index_title span a{color:#0066CC;}

#index_box{margin:0 auto; overflow:hidden;}
#index_box dl{float:left; margin:5px 5px;}
#index_box dt {width:133px;}
#index_box dt a{padding:3px; border:1px solid #ddd;display:block;}
#index_box dt a:hover{border:1px solid #fe7700;}
#index_box dt img{width:125px; height:90px;display:block;}
#index_box dd{ line-height:20px;padding-top:5px;text-align:center;color:#999;}
#index_box dd a{color:#0066CC;}

.index_ad{text-align:center;margin:18px auto 0; height:50px; overflow:hidden;}
.index_ad a{margin-right:10px;}
.index_ad img{ vertical-align:middle;}

#index_bottom{width:100%;height:36px;background:#f5f5f5;position:fixed;_position:absolute;left:0px;bottom:0px;}
#search_bottom{width:100%;height:36px;background:#f5f5f5;margin:0 auto;}

#page_footer{color: #959595;height: 36px;line-height: 36px;margin: 0 10px 0 20px;text-align: left;overflow:hidden;}
#page_footer a{color: #959595;}
#page_footer a.i-1,#page_footer a.i-2,#page_footer a.i-3,#page_footer a.i-4{display:block; float:right;margin-right:5px;overflow:hidden;width:25px;text-indent:999em;background:url(/frontframe/images/i.png) no-repeat;}
#page_footer a.i-1:hover,#page_footer a.i-2:hover,#page_footer a.i-3:hover,#page_footer a.i-4:hover{text-decoration:none;}
#page_footer a.i-1{background-position:0 6px;}
#page_footer a.i-1:hover{background-position:0 -29px;}
#page_footer a.i-2{background-position:-26px 6px;}
#page_footer a.i-2:hover{background-position:-26px -29px;}
#page_footer a.i-3{background-position:-52px 6px;}
#page_footer a.i-3:hover{background-position:-52px -29px;}
#page_footer a.i-4{background-position:-78px 6px;}
#page_footer a.i-4:hover{background-position:-78px -29px;}
#page_footer span {float: right;font-style: normal;}
#page_footer em {color:#ccc;margin:0 4px 0 6px;}
.city_list{margin-bottom:20px;}
.city_list ul{ display:inline-block;}
.city_list ul li{ float:left; width:190px; margin:5px; line-height:20px;}
.city_list ul li span { color:#790000;}
.s_title{margin:5px 0 10px 0px;font-size:18px;font-weight:bold;border-bottom:1px #ddd solid;text-shadow: 0 0 6px #ccc;color:#444;padding-bottom:10px;}
.food{margin:8px 0 12px 0px;display:inline-block;}
.f_img{display:inline;float:left;margin:0 26px 10px 0;}
.f_img img{padding:4px;width:360px; height:240px;margin-bottom:15px;border-right: 1px #ccc solid;border-bottom: 1px #ccc solid; border-radius:3px;background:#fff;box-shadow:0px 0px 5px #eee;border-top: 1px #f2f2f2 solid;border-left: 1px #f2f2f2 solid;}
.f_info{ float:left; max-width:400px;}
.f_info h1{ font-size:18px; color:#cb2a2a; text-shadow:0 0 5px #ddd; font-weight:bold;}
.f_info p{ line-height:1.8em; font-size:14px; }
.f_info p.hungry{margin:16px 0 6px 0;font-size:16px; font-weight:bold;color:#444;} 
.zip{ margin:8px 8px 8px 0; width:420px; }
.zip ul{ display:inline-block;}
.zip ul li{ float:left; margin:8px 2px; width:100px;  font-size:14px;}
.zip ul li span{ color:#790000;}
.zip ul li a{ color:#444;}
.zip ul li a:hover{color:#cb2a2a;}
.s_bar{margin-bottom:10px;font-size:12px;}

.s_main{ padding:20px;  border:1px solid #CCCCCC; background:#FFF; margin:20px 0; min-height:500px;  box-shadow:3px 3px 5px  #ccc;  border-radius:3px;}
.m_rest{ width:638px; float:left; }
.m_map{display:inline;float:right; width:280px; position:relative; }
#gmap{ height:350px; width:280px; border:1px solid #EBAF3D; padding:1px;  border-radius:2px; box-shadow:2px #EBAF3D;}
.maps{ margin-bottom:20px;}


.moreinfo{ margin-top:8px;}
.btn{ box-shadow: 0 0 0 transparent; font-size: 14px; min-width:80px;   padding:3px 18px; border-image: none;    border-radius: 3px 3px 3px 3px;  border-style: solid; background-color: #FCFCFC;  border-width: 1px;  color: #3A3A3B; display: inline-block;}

.btn-primary{  color:#000000; background-image: -moz-linear-gradient(center top , #FCFCFD, #E2E2E2);  background-color: #E2E2E2;    background-repeat: repeat-x;  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-decoration:none; }

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
     text-decoration:none; color: #FFFFFF; background-image: -moz-linear-gradient(center top , #85B02B, #79A027); background-color: #80AA29;  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.35);  
}

.number{ width:26px; padding:1px 0; text-align:center; background:#FF343E;  text-shadow:0 0 3px #ccc; color:#FFF; position:absolute; top:8px; left:8px; border-radius:3px;}
.online{ background:url(http://www.9books.com/images/2013/order.png) no-repeat; width:63px; height:63px; position:absolute; right:8px; top:-7px;}
.busines{background:url(http://www.9books.com/images/2013/closed.png) no-repeat; width:68px; height:63px; position:absolute; right:78px; top:-7px; display:none;}
.close{ background:url(http://www.9books.com/images/2013/closed.png) no-repeat;}



.m_r_list{ margin:1px 5px 20px 5px;padding:18px 10px 18px 25px;border-bottom:1px #ccc solid; border-right:1px #ccc solid;border-top:1px #f2f2f2 solid;border-left:1px #f2f2f2 solid; border-radius:3px; box-shadow:1px 1px 3px #eee;background:#fff url(/images/2013/list-item.gif) left top no-repeat; position:relative;}
.rest_info_list{ }
.rest_info_list h2{ font-size:14px;}
.rest_info_list h2 a{color:#06c;font-size:16px; font-weight:bold; text-shadow:0 0 3px #eee;}
.rest_info_list h2 a:hover{ text-decoration:none;color:#cb2a2a;text-shadow:0 0 7px #ccc;}
.sImg{border:1px solid #ccc;border-radius:3px;padding:1px;background:#fff;text-decoration:none;width:122px;height:85px;box-shadow:0 0 5px #eee;}
a:hover .sImg{border:1px #FD7700 solid; box-shadow:0 0 7px #ccc;}
.addr{ margin:6px 0 0 0; font-weight:bold; }
.cuisine{ margin:3px 0 0 0; color:#BF4B23; font-style:italic;}
.delivery{ margin-top:5px; font-weight:bold;}

/*search_sc left*/
.search_sc{ min-width:1100px;}
.search_sc .left{}
/*search_sc search_list*/
.search_sc .search_list{padding:0 0 0 210px;}

.rest_list{ }
.rest_list dl{ display:inline-block;}
.rest_list dd{ width:300px; float:left; margin:5px 8px 5px 5px; padding:10px; height:68px; background:#fff url(/images/2013/list-item.gif) left top no-repeat; border-bottom:1px #ccc solid; border-right:1px #ccc solid;border-top:1px #f2f2f2 solid;border-left:1px #f2f2f2 solid; border-radius:3px; box-shadow:1px 1px 3px #eee; }
.rest_list dd .l {float:left; margin-right:12px; width:90px;}
.rest_list dd .l img {vertical-align:top; background:#fff url(http://top100.chinesemenu.com/images/loading.gif) no-repeat 50% 50%;}
.rest_list dd .l p {display:block; height:16px; line-height:16px; text-align:center; text-transform:uppercase; font-size:10px;color:#fff; text-align:center; background:#444;}
.rest_list dd .r {float:left; width:195px;}
.rest_list dd .r h6 {font-size:11px; font-weight:bold;}
.rest_list dd .r h5 {font-size:12px; font-weight:bold;}
.rest_list dd .r h5 span {font-weight:normal;}
.rest_list dd .r p {margin-top:5px; font-size:11px; color:#888;}
.rest_list dd .r p strong {font-weight:bold;}



.rates{ width:100px; height:17px; overflow:hidden; margin-top:5px; }
.rates ul{ background:url(/images/star_rate.gif) repeat-x; margin:0px; padding:0px; list-style:none;  width:100px;}
.rates ul li{ background:url(/images/star_rate.gif) repeat-x 0px -36px; width:75px; height:17px; margin:0px; padding:0px; float:none; border-top:none; }
.mg10{ margin-left:12px;}


/*css3*/
.search_sc .rest_list li .l a img,.search_sc .rest_list li .l a:hover img,a:hover .sImg,a .sImg{-webkit-transition: border 0.3s,box-shadow 0.3s; -o-transition:border 0.3s,box-shadow 0.3s;-moz-transition:border 0.3s,box-shadow 0.3s;}
.rest_info_list a,.rest_info_list a:hover{-webkit-transition:color 0.3s,text-shadow 0.3s;-o-transition:color 0.3s,text-shadow 0.3s;-moz-transition:color 0.3s,text-shadow 0.3s;}

.choose{ margin-bottom:8px; font-weight:bold; }
.choose input{ margin-left:8px;}
.sfloat{ padding:18px 28px!important; border:2px solid #CCCCCC; border-radius:5px; z-index:1999; position:absolute; top:200px; background:#FAFAFA;}
.bbs_close {
    float:right;
    cursor:pointer;
}


.notfound{ padding:30px 0; margin:20px 50px; text-align:center; color:#FF3300; font-size:15px; background:#F7F7F7; box-shadow:2px 2px 5px #ccc; }
.state_box{ padding:30px 0; margin:10px 50px;  font-size: 14px; line-height: 30px;  overflow: hidden;  display:none;  }
.state_box em { margin: 0 10px; }		
.state_box h2{ border-bottom:1px #CCCCCC solid; padding-bottom:5px; font-size:18px; margin-bottom:8px;}

.pages {clear:both;	margin:20px 0 0 0;	width:100%; line-height:16px;	font-family:Verdana, Arial, Helvetica, sans-serif;}
.pages a {	display:inline-block;	margin-left:0.6em;	padding:0px 0.4em;	color:#3979C6;	border:1px solid #ccc;	text-align:center;}
.pages a:hover { border:1px solid #3979C6;	background:#3979C6;	color:#fff;}
.pages b {	display:inline-block;	margin-left:0.6em;	padding:0px 0.4em;	border:1px solid #3979C6;	background:#3979C6;	color:#fff;}

#info_main{ display:none; position:absolute; }
#infobox{ border:1px solid #CCCCCC; padding:10px 12px; min-height:100px; background:#EEEEEE; width:260px; }
#pointleft{ width:18px; height:23px; background:url(/images/2013/pleft.gif) no-repeat; position:absolute; display:none; left:-17px; z-index:100;}
.info_head{ text-align:center; font-size:16px; font-weight:bold;}
.info_close{ float:right;}
.info_bd{ border:1px #CCCCCC solid; background:#FFF; margin-top:10px;}
.menus{ padding:8px; }
.menus ul li{ border-bottom: 1px dashed #CCC; margin:8px 0; padding-bottom:10px;  }

.info_title{ margin-top:5px; }
.info_title a{ font-size:14px; font-weight:bold;}
.info_title span{ float:right;}
.info_txt{ margin-top:8px; }
.like{ margin-top:8px; color:#CC3300;}
.like img{ width:12px;}
.order_now{ margin:2px 0 12px 0; text-align:center;}

.order{ display:inline-block; padding:5px 12px; border-radius:3px;  font-size:14px; font-weight:bold; color:#FFFFFF; background:url(/images/sp_bg.gif) repeat-x; min-width:100px}
.order:hover{ text-decoration:none;}
.comment{ font-size:13px;}
.postby{ font-size:11px; font-style:italic; color:#CC3300; margin-top:5px;}

.readmore{ font-size:16px; font-weight:bold; color:#CC0000;}
.readmore:active{ color:#CC0000;}

.coupon{ background:url(/images/2013/coupon.gif) no-repeat left; padding-left:35px; min-height:35px; font-size:12px; font-weight:bold;  line-height:1.6em; color:#7D8607; }
.loading{ margin:50px 100px;}
#pointup{ text-align:center; cursor:pointer; display:none;}


.button{	
	display:inline-block;
	margin: 0 2px;
	min-width:80px;
	font: 12px/100% Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align: baseline;
	padding: .5em 1em .55em;	
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}


.green {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.green:hover {	
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}

.nav_map{}
.more_info {
    float:right; 
 }

#location{
    border:1px solid #CCC;
    background:#F5F5F5;
    padding:8px;
    margin-top:8px;
}   
 
.st_info{
          
    
}

.st_info h2{
    font-weight:bold;
    font-size:14px;
    margin:0 0 8px 0;    
}
.st_info ul li{
    float:left;
    margin:5px 6px;       
 } 
.city_info{
    line-height:1.8em;   
 } 
.city_info h2{
    font-weight:bold;
    font-size:14px;
    margin:0 0 8px 0;  
 } 
.city_info em{ margin:0 8px;}
.fmap{}
.map_box{ float:left; width:670px;}
.map_rest{ 
    float:right; 
    width:250px;           
 }
#m_r_list{
    height:650px;  
    overflow-y:auto; 
}
 
 
#foodmap{
    width:670px;
    height:650px;    
}
#f_c_info{
    width:12px;
    background:#FAFAFA;
    float:left; 
    height:650px;
    cursor:pointer;    
}
#f_c_info img{
    margin-top:293px;          
}
.m_l_info{
    line-height:1.6em;  
    min-height:66px;  
}
.m_l_info img{ float:left; width:80px; margin-right:8px; border:1px solid #CCC; border-radius:3px; box-shadow:2px 2px 3px #ccc;}
.m_l_info a{ width:200px; float:right;}
.rest_tab{
        
}
.rest_tab tr{
    border-top:1px solid #ccc;    
}
.rest_tab tr td{
    padding:5px 0;    
}

.rest_tab .tdpic{
    padding:5px 8px;
}
#citylist{
    margin:8px 0;      
}
#citylist h2{
    font-weight:bold;
    font-size:14px;
}

#citylist ul li{
    float:left;
    width:130px;
    overflow:hidden;
    margin:10px 18px 0 0;
    }

.citylist em{ margin:0 8px;}
.c3{ font-weight:bold;}
.stars{ float:right; width:60px; background:url(/images/star.gif);}
.r4{ background:url(/images/star.gif) 0 -32px; }
.r3{ background:url(/images/star.gif) 0 -64px; }
.r2{ background:url(/images/star.gif) 0 -96px; }
.r1{ background:url(/images/star.gif) 0 -128px; }
.r0{ background:url(/images/star.gif) 0 -160px; }

.comments {
    margin-top:20px;
    border: 1px solid #cccccc;
    border-radius: 5px; 
    box-shadow: 0px 0px 5px #ccc;
    background:#FFF;
}
.comments h3 {
    font-weight:bold;
    font-size:14px;
    background:#eee;
    padding:8px 20px;
}
   
 .comments ul {
    display:inline-block;
    padding-left:12px;
 }

.comments ul li {
    float:left;
    width:120px;
    padding:8px 8px;
    text-align:center;
}
.comments ul li p{
    margin-top:5px;
}

.comments ul li a{
    color:#333;
}
.comments ul li a:hover{
    color:#cb2a2a;
    text-shadow:0 0 7px #ccc;
}

.comImg {
    margin-top:3px;
    border:1px solid #ccc;
    padding:1px;
    border-radius:4px;
    background:#fff;
    text-decoration:none;
    width:102px;
    height:76px;
    box-shadow:0 0 5px #eee;
}
a:hover .comImg{border:1px #cb2a2a solid; box-shadow:0 0 7px #ccc;}

.google-ad {
    margin:20px 0 10px 0;
}