@charset "utf-8";
/* CSS Document */
/*Defoult*/
.png24 { tmp:expression(setPng24(this));}
*{margin:0; padding:0;}
body{font-size:14px; font-family:Arial, Helvetica, sans-serif, simsun; background:url(../images/bg_patten.jpg);}
a{ text-decoration:none;}
a:hover{ text-decoration:none; color:#fff;}
img{ border:none;}
ul{ list-style:none;}
.clear{ clear:both; display:block; visibility:hidden; line-height:0;}
#whole_bg{ background:url(../images/bg.png) no-repeat center top;}

/*index layout*/
#wrap{ width:960px; margin:0 auto;}

/*font*/
h1{ font-size:24px; color:#d8c8b0; font-weight:100;}
h2{ font-size:16px; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif;}
h3{ font-size:18px; font-weight:600; line-height:30px;}

/*top icon*/
#wrap #top_icon{ float:right; margin-top:10px; margin-bottom:135px;}
#wrap #top_icon ul li{ float:left; margin-left:7px;}
#wrap #top_icon ul li a{color:#d8c8b0; font-size:12px; line-height:24px;}
#wrap #top_icon ul li a:hover{ color:#fff;}

/*menu*/
#wrap #menu{}
#wrap #menu .nav{ background:url(../images/menu_basic.png) no-repeat top left;float:left; display:block; height:64px;}
#wrap #menu .home{width:98px; background-position:0px 0px;}
#wrap #menu .about{ width:117px; background-position:-98px 0px;}
#wrap #menu .soup{ width:167px; background-position:-215px 0px;}
#wrap #menu .menus{ width:124px; background-position:-382px 0px;}
#wrap #menu .special{ width:151px; background-position:-506px 0px;}
#wrap #menu .gallery{ width:175px; background-position:-657px 0px;}
#wrap #menu .contact{ width:128px; background-position:-832px 0px;}

#wrap #menu .home:hover, #wrap #menu .home_on{width:98px; background-position:0px -67px;}
#wrap #menu .about:hover, #wrap #menu .about_on{width:117px; background-position:-98px -67px;}
#wrap #menu .soup:hover, #wrap #menu .soup_on{width:167px; background-position:-215px -67px;}
#wrap #menu .menus:hover, #wrap #menu .menus_on{ width:124px; background-position:-382px -67px;}
#wrap #menu .special:hover, #wrap #menu .special_on{ width:151px; background-position:-506px -67px;}
#wrap #menu .gallery:hover, #wrap #menu .gallery_on{ width:175px; background-position:-657px -67px;}
#wrap #menu .contact:hover, #wrap #menu .contact_on{ width:128px; background-position:-832px -67px;}

/*#wrap #menu .current{ background:url(../images/menu_basic_curent.jpg) no-repeat top left; font-size:0px;}
#wrap #menu .current2{ background-position:-98px 0px;}
#wrap #menu .current3{ background-position:-215px 0px;}
#wrap #menu .current4{ background-position:-382px 0px;}
#wrap #menu .current5{ background-position:-506px 0px;}
#wrap #menu .current6{ background-position:-657px 0px;}
#wrap #menu .current7{ background-position:-832px 0px;}*/

/*big img*/
#wrap .big_img{ margin-top:10px;}

/*index soup dumplings*/
#wrap .index_soup{ float:left; width:317px; margin-top:20px; margin-bottom:30px;}
#wrap .index_soup .menu{ margin-bottom:10px;}
#wrap .index_soup .contents{ padding:0 3px; color:#ffffff; line-height:20px;}
#wrap .index_soup .contents img{ border:5px solid #d6d4d1; margin-bottom:10px;}

/*index special dishes*/
#wrap .index_special{ float:right; margin-top:20px; width:620px; margin-bottom:30px;}
#wrap .index_special .menu{ margin-bottom:10px;}
#wrap .index_special .contents{ margin:0 3px; color:#ffffff; line-height:20px;}
#wrap .index_special .contents img{ border:5px solid #d6d4d1; margin-right:10px;}
#wrap .index_special .contents .special_unit{ float:left; width:300px;margin-bottom:7px; font-size:12px;}
#wrap .index_special .contents .special_unit p{ line-height:18px;}
#wrap .index_special .contents .special_unit .price{ color:#f00000; font-size:14px;}

/*bottom*/
#bottom{ background:#140b00; height:88px; line-height:88px; color:#9f8d75; font-size:12px; margin-top:1px;}
#bottom .bottom_wrap{width:960px; margin:0 auto;}
#bottom .bottom_wrap .copyright{ float:left;}
#bottom .bottom_wrap .yibada{ float:right;}
#bottom .bottom_wrap .yibada a{ color:#9f8d75;}
#bottom .bottom_wrap .yibada a:hover{ color:#fff;}

/*subpage layout*/
#wrap #sub_left{ float:left; width:340px;}
#wrap #sub_right{ float:right; width:510px; color:#d8c8b0; font-size:14px; line-height:24px; padding-top:50px;}

/*subpage basic*/
#wrap #sub_bg{ background:#140b00 url(../images/sub_bg.png) no-repeat top; padding:40px 49px 40px 36px; float:left; width:875px;}
#wrap #sub_bg #sub_left .sub_left_bg{ background:url(../images/sub_left_bg.png) no-repeat left top; float:left; padding-top:39px; width:340px; height:408px;}
#wrap #sub_bg #sub_left .sub_left_bg .title, #wrap #sub_bg #sub_left .sub_left_menu_bg .title{ background:url(../images/sub_title.png) no-repeat top center; height:28px;}
#wrap #sub_bg #sub_left .sub_left_menu_bg{ background:url(../images/sub_left_menu_bg.png) no-repeat left top; float:left; padding-top:39px; width:340px; height:563px;}
#wrap #sub_bg #sub_right p{ margin-bottom:20px;}
/*#wrap #sub_bg #sub_right img{ margin-top:18px;}
*/.gray24{ color:#d8c8b0; font-size:24px;}
.gray24b{ color:#d8c8b0; font-size:24px; font-weight:bold;}
.grown12{ font-size:12px;}
.red18{ font-size:18px; font-weight:bold; color:#c63c3d;}
.picr7{ margin-right:9px;}
.m9{ margin-right:9px;}

/*about us*/
#wrap #sub_bg #sub_left .sub_left_bg .about{width:129px; background-position:0px 0px; margin-left:110px;}
#wrap #sub_bg #sub_left .sub_left_bg .about_img{margin-top:50px; text-align:center;}

/*soup dumplings*/
#wrap #sub_bg #sub_left .sub_left_bg .soup{width:222px; background-position:-148px 0px; margin-left:61px;}
#wrap #sub_bg #sub_left .sub_left_bg .soup_img{ text-align:center; margin-top:19px;}

/*our menu*/
#wrap #sub_bg #sub_left .sub_left_menu_bg .menus{width:139px; background-position:-390px 0px; margin-left:99px;}
#wrap #sub_bg #sub_left .sub_left_menu_bg .menu_img{ margin-top:25px; padding-left:50px; padding-right:37px;}
#wrap #sub_bg #sub_left .sub_left_menu_bg .menu_img li{padding-left:15px; background:url(../images/icon_menu.png) no-repeat left top; background-position:0px 6px;}
#wrap #sub_bg #sub_left .sub_left_menu_bg .menu_img li a{font-size:14px; color:#000; line-height:21px; }
#wrap #sub_bg #sub_left .sub_left_menu_bg .menu_img li a:hover{color:#80290f;}
#wrap #sub_bg #sub_right .menus table tr{ line-height:24px;color:#d8c8b0;}
#wrap #sub_bg #sub_right .menus .spicy{width:15px; text-align:center;}
#wrap #sub_bg #sub_right .menus .number{ width:30px; text-align:left;}
#wrap #sub_bg #sub_right .menus .name_cn{ width:105px; text-align:justify;}
#wrap #sub_bg #sub_right .menus .name_en{ width:320px; text-align:left; font-size:12px;}
#wrap #sub_bg #sub_right .menus .price{ width:40px; text-align:right;}
#wrap #sub_bg #sub_right .menus li{ color:d8c8b0; line-height:24px; padding-left:36px;}
#wrap #sub_bg #sub_right .menus .menu_price{ margin-left:90px;}
#wrap #sub_bg #sub_right .menus .icon_spicy{ background:url(../images/icon_spicy.png) no-repeat left; background-position:15px 3px;}
#wrap .red10 a{color:#80290f; font-size:10px;}
#wrap .red10 a:hover{color:#d8c8b0; font-size:10px;}
#wrap .red16{ color:#ed0000; font-size:16px; font-weight:bold;}

/*special dishes*/
#wrap #sub_bg #sub_left .sub_left_bg .special{width:195px; background-position:-549px 0px; margin-left:72px;}
#wrap #sub_bg #sub_left .sub_left_bg .special_img{ text-align:center; margin-top:19px;}
#wrap #sub_bg #sub_right .special{ float:left;}
#wrap #sub_bg #sub_right .special ul{ float:left; width:164px;}
#wrap #sub_bg #sub_right .special li{ line-height:18px; margin-bottom:4px;}

/*restaurant gallery*/
#wrap #sub_bg #sub_left .sub_left_bg .gallery{width:256px; background-position:-764px 0px; margin-left:47px;}
#wrap #sub_bg #sub_left .sub_left_bg .gallery_img{ text-align:center; margin-top:19px;}
#wrap #sub_bg #sub_right .gallery{ float:left;}
#wrap #sub_bg #sub_right .gallery li{ float:left;}

/*contact us*/
#wrap #sub_bg #sub_left .sub_left_bg .contact{width:141px; background-position:-1040px 0px; margin-left:102px;}
#wrap #sub_bg #sub_left .sub_left_bg .contact_img{ text-align:center; margin-top:19px;}
#wrap #sub_bg #sub_right .contact{ font-size:16px; color:#d8c8b0; line-height:26px; margin-bottom:30px;}