.top_menu_lt {
	display: none;
}

.top_menu {
	display: none;
}

.top_menu_mobile {
	display: block;
}

.top_menu_mobile_home {
	width: 100%;
	height: 93px;
	overflow: hidden;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
}

.home_page {
	display: none;
}

.top_menu_mobile_bar {
	height: 6px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top center;
}

.top_menu_mobile_but {
	height: 57px;
	background-color: #EFF3F6;
	overflow: hidden;
}

.mobile_menu_button {
	display: inline-block;
	background-size: 100% 100%;
	padding: 5px 10px;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	max-width: 80%;
	text-overflow: ellipsis;
	vertical-align: middle;
	background-repeat: no-repeat;
}

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

.top_menu_mobile_helper:BEFORE {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.top_menu_mobile_helper a {
	display: inline-block;
	vertical-align: middle;
}

.top_menu_mobile_helper a img {
	display: block;
}

.top_menu_mobile_left {
	float: left;
	width: 19.99%;
	min-height: 1px;
	height: 100%;
}

.top_menu_mobile_right {
	float: left;
	width: 19.99%;
	min-height: 1px;
	height: 100%;
}

.top_menu_mobile_center {
	float: left;
	width: 59.99%;
	min-height: 1px;
	height: 100%;
}

.web_page_mobile {
	display: block;
}

.home_page_mobile {
	color: #272440;
}

.home_page_mobile h1 {
	margin: 0px;
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 20px;
	color: #B9E04D;
}

.home_page_mobile p {
	margin: 0px;
	font-weight: normal;
	font-size: 22px;
}

.hidden_mobile {
	display: none;
}

.hidden_site {
	display: inherit;
}

.mobile_menu {
	position: absolute;
	left: 0px;
	top: 63px;
	width: 100%;
	display: none;
}

.mobile_menu_no_top_bar {
	top: 6px;
}

.mobile_menu_visible {
	display: block;
}

.tp_home_page .mobile_menu {
	/*top: 156px;*/
	
}

.mobile_menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.mobile_menu ul li {
	background-size: 100% 100%;
	border-top: 1px solid #333333;
	background: linear-gradient(#6FACD5, #497BAE) repeat scroll 0 0 #5E87B0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.mobile_menu ul li:FIRST-CHILD {
	border-top: 0px;
}

.mobile_menu ul li a {
	text-decoration: none;
	display: block;
	padding: 5px 0px 5px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

.top_menu_mobile_home_helper {
	width: 100%;
	height: 93px;
	display: none;
}

.dinner_item_image {
	width: 100px;
}

.dinner_item_image img {
	width: 100%;
}

.dinner_item_text {
	margin-left: 110px;
}

.mess_contact {
	width: 205px;
}

.mess_cnt_info {
	width: 145px;
	min-height: 93px;
	overflow: hidden;
	word-wrap: break-word;
}

.mess_cnt_photo {
	height: 66px;
	width: 50px;
}

.mess_cnt_photo img {
	max-height: 66px;
	max-width: 50px;
}

.mess_button {
	width: 100px;
	height: 25px;
	line-height: 25px;
}

.ws_mess_contact .mess_button {
	width: 145px;
	height: 65px;
	line-height: 65px;
}

.long_mess_button {
	width: 100%;
}

.mess_contact {
	height: auto;
}

.chat_area {
	width: 100%;
}

.chat_line_text {
	float: none;
	width: auto;
	margin-left: 160px;
}

.chat_area_input_area {
	margin-left: 0px;
	margin-right: 145px;
	width: auto;
	float: none;
}

.chat_area_send_area {
	
}

.detect_mobile {
	display: block;
}

.chat_area_text {
	height: 150px;
}

.chat_area_text_inner {
	max-height: 150px;
}

.new_chat_popup {
	right: 50%;
	margin-right: -122px;
}

.chat_area_input_area .ui-input-text {
	margin-top: 0px;
	margin-bottom: 0px;
}

.chat_area_send_area .ui-btn {
	margin-top: 0px;
	margin-bottom: 0px;
}

.video_chat_area {
	margin-bottom: 20px;
	width: 100%;
	margin-right: 0px;
}

.stream_area {
	/* height: auto; */
	
}

.steam_area_not_active {
	display: none;
}

.local_video, .remote_video {
	height: auto;
	width: 100%;
}

.call_in_progress {
	width: 100px;
	height: auto;
}

.mobile_add_a_friend {
	text-align: center;
	margin-bottom: 10px;
}

.mobile_stop_radio {
	text-align: center;
	margin-top: 10px;
}

.mobile_button {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 5px 10px;
	text-decoration: none;
	max-width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media only screen and (max-width: 479px) {
	.item_book {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.item_book h2 {
		width: 140px;
		left: 50%;
		right: auto;
		margin-left: -70px;
	}
	.mess_contact {
		width: auto;
		overflow: hidden;
		float: none;
	}
	.mess_button {
		width: 49%;
	}
	.ws_mess_contact .mess_button {
		width: 145px;
		height: 65px;
		line-height: 65px;
	}
	.long_mess_button {
		width: 100%;
	}
	.mess_cnt_info {
		margin-right: 60px;
		width: auto;
		float: none;
	}
	.incoming_call_popup_cont {
		min-width: 0px;
	}
	.top_menu_mobile_left img {
		max-width: 50px;
	}
}