@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(../images/bg1.png);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#FABB42;
	font-size: 1rem !important;
}

a{
	text-decoration:none;
}

.divcontainer{
	max-width:997px;
	margin:0 auto;
}

/*----------------------HEADER------------------------*/

.divheader{
	max-width:997px;
	clear:both;
	height:32px;
	padding-top:8px;
}

.divheader div#left{
	float:left;
}

.divheader div#right{
	float:right;
	padding-top:12px;
}

.divheader div#right span#search{
	display:block;
	height:24px;
	float:left;
	padding:0;
	margin:0;
}

.divheader div#right span#btn{
	display:block;
	height:24px;
	float:left;
	padding:0;
	margin:0;
}

.root_search_input{
	margin:0;
	padding:0;
	height:19px;
	max-width:234px;
	padding-top:3px;
	padding-left:2px;
	font-size:13px;
	line-height:13px;
	border:1px solid #aab2b8;
	color:#333;
	float:left;
}

.divheader div#right img{
	border:0;
	max-width:30px; height:24px;
}

.divheader div#right p{
	display:block;
	margin:0; padding:0;
	clear:both;
	font-size:14px;
	color:#666;
	max-width:270px;
}

.divheader div#right p span#left{
	float:left;
	padding-top:4px;
}

.divheader div#right p span#right{
	float:right;
	padding-top:4px;
}

/*----------------------BANNER------------------------*/

.divbanner{
	max-width:997px;
	clear:both;
	padding-top:15px;
	margin:0; 
	list-style:none;
	max-width:997px;
	height:67px;
	display: flex;
	overflow: hidden;
}

.divbanner div{
	/*float:left;*/
}

.divbanner div#left{
	background:url(../images/banner_L.png) no-repeat;
	width:7px; height:67px;
}

.divbanner div#logo{
	background:url(../images/takeaway_logo.png) no-repeat;
	max-width:253px; height:67px;
}

.divbanner div#logo img{
	border:none;
}

.divbanner div#search{
	background:url(../images/banner_bg.png) repeat-x;
	max-width:706px; height:67px;
	flex: 1 0 auto;
	display: flex;
	justify-content: flex-end;
}

.divfoodsearch{
	max-width:285px;
	height:43px;
	/*float:right;*/
	padding-top:14px;
	margin:0;
}

.divfoodsearch div{
	float:left;
	height:43px;
}

.divfoodsearch div#s_left{
	background:url(../images/search_L.png) no-repeat;
	width:12px;
}

.divfoodsearch div#s_main{
	background:url(../images/search_bg.png) repeat-x;
	max-width:267px;
	padding-top:7px;
	height:36px;
}

.divfoodsearch div#s_right{
	background:url(../images/search_R.png) no-repeat;
	width:6px;
}

.divfoodsearch div#s_main img{
	display:block;
	float:left;
}

.divfoodsearch div#s_main span#select{
	display:block;
	height:22px;
	padding-top:7px;
	max-width:80px;
	text-align:center;
	float:left;
	color:#363739;
	background-color:#f6e300;
	font-size:14px;
	font-weight:bold;
}

.inputsearch{
	height:22px;
	max-width:145px;
	margin:0; padding:0;
	border:1px solid #f6e300;
	float:left;
	color:#333;
	font-size:14px;
	padding:5px 2px 0px 3px;
}

.divbanner div#right{
	background:url(../images/banner_R.png) no-repeat;
	width:31px; height:67px;
}

/*--------------------BANNER_BOTTOM---------------------*/

.divbanner_bottom{
	background:url(../images/banner_bottom.png) repeat-x;
	max-width:997px; height:31px;
	padding:0; margin:0;
	max-width:997px;
	height:31px;
	display: flex;
}

.divbanner_bottom div{
	height:31px;
	align-content: space-around;
}

.divbanner_bottom div#left{
	background:url(../images/banner_bottom_L.png) no-repeat;
	width:10px;
}

.divbanner_bottom div#location{
	background:url(../images/banner_bottom_bg.png) repeat-x;
	display: flex;
	flex-wrap: wrap;
}

.divbanner_bottom div{
	display:block;
	font-size:13px;
	/*height:23px;
	padding-top:11px;*/
}
.divbanner_bottom div#label{
	color:#979595;
	padding-left:5px;
	max-width:60px;
	}

.divbanner_bottom img{
	display:block;
	float:left;
	padding-right:15px;
	width:18px;
	height:31px;
}

.divbanner_bottom div#location{
	color:#b52c17;
	padding-right:10px;
	overflow:hidden;
	}

.divbanner_bottom div#location a{
	color:#b52c17;
	font-size:13px;
}

.divbanner_bottom div#location a:hover{
	color:#FF0000;
}

.divbanner_bottom div#middle{
	background:url(../images/banner_bottom_middle.png) no-repeat;
	width:11px;
}

.divbanner_bottom div#right{
	background:url(../images/banner_bottom_R.png) no-repeat;
	width:11px;
	float:right;
}

/*-----------------------MAIN-------------------------*/

.divmaincontent{
	max-width:997px;
	width: calc(100% - 20px);
	/*clear:both;
	padding-top:13px;*/
	display: flex;
	gap: 10px;
	padding: 10px 10px 0px 10px;
	/*display: grid; 
	grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
	grid-auto-flow: dense;*/
}

/*-----------------------LEFT-------------------------*/

.divleftcontent{
	/*float:left;
	overflow:hidden;
	width:190px;
	padding-top:7px;*/
    display: flex; 
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    height: fit-content;
    flex: 0 1;
    align-content: flex-start;
}

div.divleftcontent div#tabs_menu {
    width: 100%; 
    padding: 0;
    margin: 0;
    height: fit-content;
}

div.divleftcontent div#tabs_menu ul.ui-tabs-nav {
    width: auto; 
    padding: 0;
    margin: 0;
    display: none;
}

div.divleftcontent div#tabs_menu div#tabs_menua{
    width: auto; 
    padding: 0;
    margin: 0;
}

div.districts {
    margin: 0;
    padding: 0;
    background-color: #fff;
    padding: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(173px, 1fr));
    grid-auto-flow: dense;
    width: calc(100% - 20px)
}

div#district01 {
    grid-row: span 3;
}

div#district01 div.district_name {
    padding: 10px 0 0 0;
    height: 30px;
    width: 173px;
    border: none;
    background: url(../images/district_name.png) no-repeat 0 10px;
}

div#district02 {
    grid-row: span 2;
}

div#district02 div.district_name {
    padding: 10px 0 0 0;
    height: 30px;
    width: 173px;
    border: none;
    background: url(../images/district_name.png) no-repeat 0 -30px;
}

div#district03 {
    grid-row: span 2;
}

div#district03 div.district_name {
    padding: 10px 0 0 0;
    height: 30px;
    width: 173px;
    border: none;
    background: url(../images/district_name.png) no-repeat 0 -70px;
}

div#all {
    margin: 0;
    border: none;
    padding: 5px 25px;
    -webkit-border-radius: 10px;
    background-color: lightgrey;
    height: fit-content;
    display: grid;
    width: calc(100% - 80px);
    text-align: center;
}

div#all a {
    color: #b52c17;
}

div.district_location div.location {
	display: flex;
	padding: 5px 0 5px 5px;
	border-bottom: 1px dashed #c6c6c6;
}

div.district_location div.location div.location_name {
    flex: 1 0 auto;
}

div.districts a {
    color: #b52c17;
    font-size: 0.9rem;
    line-height: 1rem;
}

div.district_location div.location div.location_map {

}

/*--------------------DISTRICT----------------------*/

.divdistrict{
	max-width:190px;
	clear:both;
}

/* This is moved to jquery-ui1.7...css*/

/*----------------------AD_LEFT-----------------------*/

.divad_left{
padding-top:18px;
width:190px;
clear:both;
}

/*-----------------------RIGHT------------------------*/

.divrightcontent{
	/*float:right;*/
	max-width:789px;
	/*width: calc(100% - 200px);*/
	overflow:hidden;
	/*padding: 0px 10px 0px 0px;*/
	flex: 1 0;
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.divrightcontent .ui-tabs {
    padding: .2em;
    zoom: 1;
    /* padding: 0; */
    border: none;
    background-color: #FFFFFF;
    width: calc(100% - 20px);
    padding-left: 10px;
    padding-right: 10px;
}

.divrightcontent .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    background: none;
    padding: 0px 0px 10px 0px;
}

div#pagenum {
    display: block;
    color: #333;
    height: 20px;
    text-align: right;
    padding: 10px 0px;
        font-size: 1rem;
}
/*-------------------RECOMMANDATION-------------------*/

/* This is moved to css.css*/

/*-----------------------RANK-------------------------*/

.divrankarea{
	/*clear:both;
	height:204px;
	max-width:253px;
	float:left;*/
	padding-top:7px;
	margin:0; padding:0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 10px;
}

.divrank{
	/*max-width:253px;
	clear:both;
	height:204px;*/
	flex: 1 0 auto;
}

.divrank ul{
	padding:0; margin:0; list-style:none;
	padding: 0px 0px 0px 20px;
	background-color: white;
}

.divrank li{
	/*clear:both;*/
	height: 1.6rem;;
	background:url(../images/rank_bg2.png);
	background-size: 100% 100%;
	width: calc(100% - 20px);
	display: flex;
	padding: 5px 5px 5px 0px;
}

.divrank div#hitres{
	height:39px;
	background:url(../images/rank_top.png) no-repeat;
	background-color: white;
}
.divrank div#updateres{
	height:39px;
	background:url(../images/rank_top.png) no-repeat 0 -39px;
	background-color: white;
}
.divrank div#newres{
	height:39px;
	background:url(../images/rank_top.png) no-repeat 0 -78px;
	background-color: white;
}

.divrank div.rank_bottom {
    height: 14px;
    background-image: url(../images/rank_bottom.png);
    background-size: 100% 100%;
}

.divrank li#first{
	height:32px;
	background:url(../images/rank_bg.png) no-repeat;
}

.divrank span{
	/*display:block;
	float:left;
	font-size:14px;
	padding-top:3px;*/
}
.divrank span#no{
	padding-top:5px;
	padding-left:10px;
	max-width:13px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#f39d25;
}
.divrank li#first span#no{
	color:#fff;
}
.divrank span#res{
	/*max-width:180px;
	height:18px;*/
	padding-left:14px;
	overflow:hidden;
}
.divrank a{
	color:#555;
}
.divrank a:hover{
color:#FF9900;
}

.divrank span#status_up{
	max-width:22px; height:17px;
	padding:0;
	padding-left:24px;
	margin-top:7px;
	background:url(../images/rank_status.png) no-repeat 24px 0;
}
.divrank span#status_down{
	max-width:22px; height:17px;
	padding:0;
	padding-left:24px;
	margin-top:7px;
	background:url(../images/rank_status.png) no-repeat 24px -17px;
}
.divrank span#status_none{
	max-width:22px; height:17px;
	padding:0;
	padding-left:24px;
	margin-top:7px;
	background:url(../images/rank_status.png) no-repeat 24px -34px;
}
.divrank span#status_new{
	max-width:22px; height:17px;
	padding:0;
	padding-left:24px;
	margin-top:7px;
	background:url(../images/rank_status.png) no-repeat 24px -51px;
}

.divrank span#remark{
	max-width:45px;
	text-align:right;
	color:#888;
	font-size:11px;
	padding-top:11px;
}

.divrank img{
	display:block;
	float:left;
	clear:both;
}

/*---------------------INFOLEFT-----------------------*/

.divinfo {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0px;
}

.divinfo_left{
	/*max-width:520px;
	float:left;*/
	flex: 1 0 520px;
}

.divinfo_middle_right {
	flex: 1 0 240px;
	max-height: 363px;
}

.divinfo_content{
	/*clear:both;*/
	max-width:520px;
}

.divinfo_content span#skin_res{
	max-width:520px; height:43px;
	background:url(../images/info_skin.png) no-repeat;
	display:block;
	clear:both;
	margin-top:14px;
}

.divinfo_content div#res{
	height:152px; width:517px;
	background:url(../images/info_bg_res.png) repeat-x;
	float:left;
}

.divinfo_shadow_res{
	max-width:3px;
	height:152px;
	background:url(../images/info_shadow.png) repeat-y;
	float:right;
}

.divinfo_content span#skin_food{
	max-width:520px; 
	height:43px;
	background:url(../images/info_skin.png) no-repeat 0 -43px;
	display:block;
	/*clear:both;
	margin-top:14px;*/
}

.divinfo_content div#food_main{
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	padding: 0px 0px 0px 30px;
}

.divinfo_content div#food{
	max-width:517px; 
	/*height:272px;*/
	background:url(../images/info_bg_food.png) repeat-x;
	/*float:left;*/
	background-position-y: bottom;
	background-color: white;
	flex: 1 0 100%;
	padding: 0px 0px 20px 0px;
}

.divinfo_content div#food_first{
    display: flex ;
    flex-direction: column;
    gap: 10px;
        flex: 1 0 50%;
}

.divinfo_shadow_food{
	width:3px;
	/*height:272px;*/
	background:url(../images/info_shadow.png) repeat-y;
	/*float:right;*/
	background-position-x: right;
}

.divinfo_content div#food span#img, .divinfo_content div#res span#img{
	/*float:left;*/
	width:156px; 
	height:113px;
	background:url(../images/info_img.png) no-repeat;
	padding:8px 0 0 9px;
	margin-top:10px;
}

.divinfo_content div#food span#img img, .divinfo_content div#res span#img img{
	width:137px; height:103px;
	border:none;
}

.divinfo_content div#food a#title, .divinfo_content div#res a#title{
	/*margin-top:10px;*/
	font-size:x-large;
	color:#f9a309;
	font-weight:bold;
	display:block;
	padding-top:8px;
}

.divinfo_content div#food a#title:hover, .divinfo_content div#res a#title:hover{
	color:#FFCC00;
}

.divinfo_content div#food p, .divinfo_content div#res p{
	color:#888;
	font-size:large;
	display:block;
	margin:0; padding:0;
	padding-top:5px;
	max-width:245px;
	padding-right:52px;
	line-height:130%;
	/*float:right;*/
}

.divhr{
	background:url(../images/info_hr.png) no-repeat 16px 12px;
	max-width:100%;
	clear:both;
	height:30px;
}

.divinfo_content div#food ul{
	margin:0; padding:0; list-style:none;
	padding-left:20px;
	display: flex;
	flex-wrap: wrap;
}

.divinfo_content div#food li{
	/*float:left;*/
	padding-left:35px;
	background:url(../images/info_discuz_dot.png) no-repeat 20px 14.5px;
	max-width:200px;
	/*height:26px;*/
	width: calc(100% - 20px);
}

.divinfo_content div#food  li a{
	/*font-size:15px;*/
	color:#f9a309;
	max-width:190px;
}

.divinfo_content div#food li a:hover{
	color:#FFCC00;
}

.divinfo_content span#skin_bottom, .divinfo_food span#skin_bottom{
	/*max-width:520px; height:20px;
	background:url(../images/info_skin.png) no-repeat 0 -86px;
	display:block;
	clear:both;*/
}

/*---------------------INFORIGHT----------------------*/

.divinfo_right{
	max-width:253px;
	margin-top:14px;
	/*float:right;*/
}

.divinfo_right span#skin_discuz{
	max-width:253px; height:43px;
	display:block;
	clear:both;
	background:url(../images/info_skin.png) no-repeat 0 -106px;
}

.divinfo_right span#skin_fb{
	max-width:253px; height:43px;
	display:block;
	clear:both;
	background:url(../images/info_skin.png) no-repeat -253px -106px;
}

.divinfo_right div#discuz{
	max-width:250px; height:125px;
	clear:both;
	background:url(../images/info_bg_discuz.png) repeat-x;
	float:left;
}

.divinfo_right div#fb{
	max-width:250px; height:188px;
	clear:both;
	background:url(../images/info_bg_discuz.png) repeat-x;
	float:left;
}

.divinfo_shadow_discuz{
	max-width:3px;
	height:125px;
	background:url(../images/info_shadow.png) repeat-y;
	float:right;
}

.divinfo_shadow_fb{
	max-width:3px;
	height:188px;
	background:url(../images/info_shadow.png) repeat-y;
	float:right;
}

.divinfo_right span#skin_bottom{
	max-width:253px; height:20px;
	display:block;
	clear:both;
	background:url(../images/info_skin.png) no-repeat 0 -149px;
}

.divinfo_right ul{
	margin:0; padding:0;
	list-style:none;
	padding-left:22px;
}

.divinfo_right li{
	background:url(../images/info_discuz_dot.png) no-repeat 0 8px;
	padding-left:14px;
}

.divinfo_right a{
	margin:0; padding:0;
	font-size:13px;
	color:#666;
}

.divinfo_right a:hover{
	color:#FF9900;
}

/*---------------------FOOTER---------------------*/

.divfooter{
	width:100%;
	padding-top:20px;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.divfooter p#border{
	line-height:1px;
	background-color:#f9cc19;
	height:6px;
	max-width:100%;
	clear:both;
	margin:0;
	padding:0;
}

.divfooter div#info{
	background-color:#ad3f0c;
	max-width:100%;
	margin:0;
	padding:14px 5px 5px 5px;
	font-size:0.9rem;
	color:#fff;
}

.divfooter div#info p{
	margin:0 auto;
	/*max-width:997px;*/
	line-height:170%;
}

.divfooter div#info p span#left{
	/*float:left;*/
	display:block;
}

.divfooter div#info p span#right{
	/*float:right;*/
	display:block;
}

.divfooter div#info p a{
	color:#FFF;
}

.divfooter div#info p a:hover{
	color:#FC0;
}

.divfooter div#info p span#bottom{
	clear:both;
	display:block;
}

/*-----------------DISTRICT.HTML------------------*/

.divreslist{
	background-color:#fff;
	/*clear:both;
	margin-top:7px;*/
	padding: 10px 0px 10px 0px;
}

.divreslist span#top, .divreslist span#bottom{
	display: none;
	clear:both;
	margin:0; padding:0;
	overflow: hidden;
}

.divreslist div#title{
	margin:0; padding:0;
	clear:both;
	background:url(../images/district_page_title_bg.png) no-repeat 14px 12px;
	color:#faa10f;
	font-size: 1.6rem;
	font-weight:bold;
	height:35px;
	padding-top:5px;
	max-width:300px;
	padding-left:47px;
	padding-bottom: 15px;
	background-color:#FFFFFF;
	/*float:left;*/
}

.divreslist div#fb{
	max-width:300px; 
	/*float:right;*/
	padding-top:10px;
	font-size:12px;
	vertical-align: middle;
	display: none;
}

/*-----------------RESINFO.HTML------------------*/

.divresinfo{
	max-width: 760px;
	padding: 5px 20px 20px 20px;
}
div.divresinfo div {
	font-size: 1rem;
}

.divresinfo div#name {
	display: flex;
	flex-wrap: wrap;
}

.divresinfo div#district{
	color:#fdb012;
}

.divresinfo div#resname, .divresinfo div#resname a {
	font-size: 1.4rem;
	/*color: #862f08;*/
	color:#86310a;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:5px;
	/*float:left;*/
	flex: 1 0 auto;
}

.divresinfo div#function{
	/*float:right;*/
	align-content: center;
	margin-left: auto;
}

.divresinfo div#function img {
	border:none;
	/*padding:0px 0px 0px 5px;*/
}

.divresinfo div#function button {
    display: inline-block;
    width: 118px;
    height: 28px;
    /*background: url(../images/district_page_viewmenu.png) no-repeat;
    color: transparent;*/
    background-color: transparent;
    cursor: pointer;
    border: 0px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.divresinfo div#function #addmenu {
	display: none;
}

.divresinfo div#hr{
	margin:0; padding:0;
	background:url(../images/info_hr.png) repeat-x;
	max-width:100%;
	clear:both;
	height:12px;
}
.divresinfo div#img{
	margin:0;
	background:url(../images/district_page_img.png) no-repeat;
	background-size: 100% 100%;
	max-width:115px; height:85px;
	padding:8px 8px 8px 8px;
	/*float:left;*/
}

.divresinfo div#img img{
	border:none;
	max-width:115px; height:85px;
}

.divresinfo div#tel::before {
    content: "";
    position: absolute;
    background:url(../images/district_page_icon.png) no-repeat 0 0px;
    width: 17px;
    height: 17px;
    top: 6px;
    left: 0;
}

.divresinfo div#tel{
	/*font-size:17px;*/
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#2d63b5;
	min-height:17px;
	/*float:right;*/
	padding-top:8px;
	padding-left:30px;
	max-width:570px;
	margin-bottom:3px;
	letter-spacing:1px;
	border-bottom:1px dotted #fdb012;
	padding-bottom:3px;
}

.divresinfo div#note::before {
    content: "";
    position: absolute;
    background:url(../images/district_page_icon.png) no-repeat 0 -85px;
    width: 17px;
    height: 17px;
    top: 2px;
    left: 0;
}

.divresinfo div#note{
	position: relative;
	margin:0; padding:0;
	/*font-size:13px;*/
	color:#666;
	min-height:17px;
	padding-top:4px;
	/*float:right;*/
	padding-left:30px;
	max-width:570px;
	margin-bottom:3px;
	border-bottom:1px dotted #fdb012;
	padding-bottom:3px;
}

.divresinfo div#hours::before {
    content: "";
    position: absolute;
    background:url(../images/district_page_icon.png) no-repeat 0 -28px;
    width: 17px;
    height: 17px;
    top: 2px;
    left: 0;
}

.divresinfo div#hours{
	position: relative;
	margin:0; padding:0;
	/*font-size:13px;*/
	color:#666;
	min-height:17px;
	padding-top:4px;
	/*float:right;*/
	padding-left:30px;
	max-width:570px;
	margin-bottom:3px;
	border-bottom:1px dotted #fdb012;
	padding-bottom:3px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
}

.divresinfo div#address::before {
    content: "";
    position: absolute;
    background: url(../images/district_page_icon.png) no-repeat 0 -57px;
    width: 17px;
    height: 17px;
    top: 2px;
    left: 0;
}

.divresinfo div#address{
	position: relative;
	margin:0; padding:0;
	/*font-size:13px;*/
	color:#666;
	min-height:17px;
	padding-top:4px;
	/*float:right;*/
	padding-left:30px;
	max-width:570px;
	margin-bottom:3px;
	border-bottom:1px dotted #fdb012;
	padding-bottom:3px;
}

.divresinfo div#rank{
	position: relative;
	margin:0; padding:0;
	/*font-size:13px;*/
	color:#666;
	background:url(../images/district_page_icon.png) no-repeat 0 -114px;
	height:13px;
	padding-top:4px;
	/*float:right;*/
	padding-left:30px;
	max-width:570px;
	margin-bottom:3px;
	border-bottom:1px dotted #fdb012;
	padding-bottom:3px;
}

.resintro{
	max-width:711px; height:760px;
	background:url(../images/resinfo_intro.png) no-repeat;
	padding:35px 15px 10px 15px;
	clear:both;
}

.res_general {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.res_basic {
    flex: 1 0 60%;
}

.res_info {
    width: 100%;
    padding: 10px 0px 0px 0px;
}

.res_info_title {
    font-size: 1rem;
    color: #FABB42;
    font-weight: bold;
    padding-left: 20px;
}

.res_info_content {
    width: calc(100% - 46px);
    border: solid 3px #FABB42;
    -webkit-border-radius: 10px;
    padding: 0px 20px;
}

.td_resinfo_top{
background:url(../images/resinfo_intro_skin.png) no-repeat;
height:35px;
width:741px;
}

.td_resinfo_main{
background:url(../images/resinfo_intro_bg.png) repeat-y;
width:741px;
padding-left:15px;
padding-right:15px;
}

.td_resinfo_bottom{
background:url(../images/resinfo_intro_skin.png) no-repeat 0 -45px;
height:13px;
width:741px;
}

.divtop{
width:100%;
text-align:center;
}

.divtop a{
	color:#fdaa06;
	font-size:15px;
}

/*-----------------MYMENU.HTML------------------*/
.divreslist p#mymenu{
	margin:0; padding:0;
	clear:both;
	background:url(../images/menu_logo.png) no-repeat 18px 7px;
	color:#faa10f;
	font-size:23px;
	font-weight:bold;
	
	height:32px;
	padding-top:7px;
	
	max-width:735px;
	padding-left:47px;
	background-color:#FFFFFF;
}



.divreslist p#border{
	max-width:734px;
	padding-left:6px;
	padding-top:10px;
	clear:both;
	margin:0 auto;
}

.divreslist p#border span{
	padding-bottom:3px;
	font-size:14px;
	color:#666;
	font-weight:bold;
	display:block;
	border-bottom:1px solid #fdaa06;
	margin-bottom:10px;
}

.divmenulist{
	clear:both;
	margin:0 auto;
	max-width:736px;
	padding-left:6px;
	overflow:hidden;
}

.divmenulist ul{
	margin:0; padding:0; list-style:none;
	max-width:558px;
	float:left;
	background:url(../images/menu_border.png) repeat-y 550px 0;
	
}

.divmenulist ul#recommand{
	max-width:175px;
	float:right;
	margin:0; padding:0;
}

.divmenulist ul#recommand li{
	float:left;
	margin:0;
	max-width:170px;
	padding:0;
	margin-bottom:15px;
}

.divmenulist ul#other{
	margin:0; padding:0; list-style:none;
	max-width:780px;
	background:none;
}

.divmenulist li{
	float:left;
	max-width:168px;
	margin-right:18px;
	margin-bottom:18px;
}
.divmenulist li div#content{
	background:url(../images/menu_bg.png) repeat-y;
	max-width:168px;
	height:230px;
	overflow:hidden;
}

.divmenulist li p{
	margin:0; padding:0;
	clear:both;
}

.divmenulist li p#name{
	font-weight:bold;
	color:#fff;
	background:url(../images/menu_skin.png) no-repeat;
	max-width:158px;
	font-size:15px;
	overflow:hidden;
	padding:7px 0 0 10px;
	height:22px;
}

.divmenulist li p#name span{
	float:left;
	max-width:130px;
	display:block;
}

.divmenulist ul#other li p#name{
	background:url(../images/menu_skin2.png) no-repeat;
}

.divmenulist ul#recommand li p#name{
	background:url(../images/menu_skin3.png) no-repeat;
	color:#F90;
}

.divmenulist li p#name span#sponsor{
	font-size:11px;
}


.divmenulist li p#name a#x{
	float:right;
	border:none;
	padding-right:8px;
	margin-top:2px;
	display:block;
	height:13px; width:13px;
	line-height:1px;
	font-size:1px;
	background:url(../images/menu_remove.png) no-repeat;
}

.divmenulist ul#other li p#name a#x{
	background:url(../images/menu_remove2.png) no-repeat;
}

.divmenulist ul#recommand li p#name a#x{
	background:url(../images/menu_remove3.png) no-repeat;
}

.divmenulist li p#name a#x:hover{
	background:url(../images/menu_remove.png) no-repeat 0 -13px;
}

.divmenulist ul#other li p#name a#x:hover{
	background:url(../images/menu_remove2.png) no-repeat 0 -13px;
}

.divmenulist ul#recommand li p#name a#x:hover{
	background:url(../images/menu_remove3.png) no-repeat 0 -13px;
}

.divmenulist li p#image{
	margin:0;
	padding:6px 0 4px 8px;
}

.divmenulist li p#image img{
	border:1px solid #F93;
	max-width:146px; height:95px;
	padding:1px;
}

.divmenulist li p#function{
	margin:0;
	padding:0 0 0 9px; 
}

.divmenulist li p#function a#viewmenu{
	margin:0; padding:0;
	display:block;
	float:left;
	background:url(../images/menu_function.png) no-repeat;
	max-width:72px; height:28px;
	margin-right:4px;
	padding-bottom:3px;
}

.divmenulist li p#function a#viewdetail{
	margin:0; padding:0;
	display:block;
	float:left;
	background:url(../images/menu_function.png) no-repeat 0px -32px;
	max-width:72px; height:28px;
	padding-bottom:3px;
}

.divmenulist li p#tel{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#2d63b5;
	background:url(../images/district_page_icon.png) no-repeat 10px 0;
	height:20px;
	padding-top:1px;
	padding-left:36px;
	letter-spacing:3px;
	font-size:15px;
}

.divmenulist li p#note{
	color:#777;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	max-width:145px;
}

.divmenulist li p#footer{
	background:url(../images/menu_skin.png) no-repeat 0 -29px;
	max-width:168px; height:14px;
	overflow:hidden;
}

/*-----------------LOGIN.HTML------------------*/
.divreslist div#left a, .divreslist div#right a{
	color:#F90;
	text-decoration:underline;
	font-weight:bold;
}

.divreslist div a:hover{
	color:#FC0;
}

.divreslist div#left{
	float:left;
	max-width:400px;
	padding-left:25px;
	padding-bottom:20px;
	padding-top:6px;
}

.divreslist div#left p{
	font-size:13px;
	color:#888;
	margin:0; padding:0;
	padding-bottom:4px;
}

.divreslist div#left p#advantage{
	font-size:15px;
	color:#b52c17;
	font-weight:bold;
	padding-top:15px;
}

.divreslist div#right{
	float:right;
	max-width:275px; height:321px;
	padding-right:20px;
	padding-bottom:50px;
	background:url(../images/login_bg.png) no-repeat 0 37px;
}

.divreslist div#right p{
	margin:0; padding:0;
	font-size:13px;
	clear:both;
}

.divreslist div#right label{
	max-width:40px;
	display:block;
	padding-left:40px;
	float:left;
}

div.ads_top {
    position: relative;
    z-index: -100;
}

div.ads_middle {
    margin: 10px 0px;
}

div.div_ads_left {
	width: 100%;
}

div.div_ads_content, div.div_ads_content2 {
	place-self: center;
}

div.ads_bottom {
    padding: 10px 0px;
	min-height: 90px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 1020px) and (min-width: 800px) {
	div.divrightcontent {
		grid-column: span 3;
	}
	div.divinfo_middle_right {
		display: none;
	}
}

@media (max-width: 800px) {
	div.divmaincontent {
		flex-direction: column;
	}
	div.divleftcontent { 
		flex: 1 0;
	}
	div.districts {
		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	}
	div.divrightcontent {
	}
	div.districts a {
	    color: #b52c17;
	    font-size: 1.3rem;
	    line-height: 1.4rem;
	}
	div.divrank li {
		padding: 5px 5px 10px 0px;
	}
	div.divinfo_middle_right {
	    width: 100%;
	}
	div.divinfo_content div#food li {
	    max-width: -webkit-fill-available;
	}
	div.divresinfo div {
		font-size: 1.3rem;
	}
	div.divinfo_middle_right {
		display: none;
	}
	body {
		font-size: larger !important;
	}
}