*,
*:before,
*:after 
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	font-family:  Helvetica,Verdana,Arial, 'Microsoft JhengHei UI','Microsoft JhengHei', 微軟正黑體, 微软正黑体,"蘋果麗黑字體", sans-serif;
}

html 
{
	height: 100%;
}

body 
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	text-rendering: optimizelegibility;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	color: black;
	background-image: url('../admin/img/wood_bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	min-width: 480px;
	position: absolute;
}

a 
{
	text-decoration: underline;
	cursor: pointer;
	color: #DC3412;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
	word-break: break-all;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	list-style: none;
	display: block;
}

h1, h2, h3 
{
	font-weight: bold;
	color:#DC3412;
}

.btn
{
	background-color: #DC3412;
	color:white;
	padding:0.5em 2.5em;
	display: inline-block;
	cursor: pointer;
	/*border-radius: 10px;*/
	margin:5px 0;
}
.loading
{
	background-color: rgba(0,0,0,0.7);
    background-image: url('../img/loading.gif');
    background-repeat: no-repeat;
    background-size: 64px;
    background-position: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
/*header*/
.header
{
	background: #114d44;
	position: fixed;
	top:0;
	width: 100%;
	z-index: 300;

	/*min-width: 480px;*/
}
.catBrowser
{
	display: none;
}

.catBrowser-wrapper
{
	margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
}
.catBrowser-wrapper ul
{
	white-space: nowrap;
    padding: 0px;
    margin: 0;
    display: table;
    width: 100%;
    table-layout: fixed;
}
.catBrowser-wrapper li
{
	display: table-cell;
	height: 100%;
	text-align: center;
	padding: 1em 0;
	vertical-align: middle;
}
.catBrowser-wrapper li.selected,.catBrowser-wrapper li:hover
{
	background-color: rgba(255,255,240,0.15);
}
.catBrowser-wrapper li a
{
	width: 100%;
    /*height: 100%;*/
    /*height: 84px;*/
    text-align: center;
    display: inline-table;
}
.catBrowser-items
{
	white-space: nowrap;
    padding: 10px;
    margin: 0;
    display: table;
    /*width: 100%;*/
    table-layout: fixed;
    width: 15%;
}
.catBrowser-item
{
	border-left: 1px solid #4d716c;
	border-right: 1px solid #4d716c;
	cursor:pointer;
}
.catBrowser-item a
{
	text-decoration: none;
	
}

.mobileMenu .catBrowser-item a
{
	padding: 0.8em;
}
/*.catBrowser-item a:hover
{
	filter: invert(100%);
	-webkit-filter: invert(100%);
	filter:sepia(100%);
	-webkit-filter:sepia(100%);
	filter:drop-shadow(2px 2px 3px #aaa);
	-webkit-filter:drop-shadow(2px 2px 3px #aaa);

}*/
.catBrowser-items .btnGp
{
	z-index: 300;
    position: absolute;
    box-shadow: 1px 5px 4px rgba(42, 42, 42, 0.56);
    width: 100%;
    background: #114d44;
}
.mobileMenu .subNav
{
	font-size: 24px;
	color:white;
	text-indent: 2.9em;
	background-color: #052D26;
	padding: 0.1em;
}
.mobileMenu .subNav a
{
	color:white;
	text-decoration: none;
	padding: 0.2em 0;
}
.catBrowser-items .subNav
{
	/*display: none;*/
	position: relative;
	top:1.75em;
}
.catBrowser-items .subNav li
{
	display: block;
	cursor: pointer;
	white-space: initial;
	padding: 0;
}
.catBrowser-items .subNav li:hover, .curr
{
	background-color: #DC3412;
	color:#114d44;
}
.catBrowser-items .subNav li a
{
	/*padding: 14px 22px;*/
	padding: 1.2em;
	height:auto;
	color:white;
	text-decoration: none;
}
.catBrowser.mobile-only
{
	overflow: auto;
}
.catBrowser.mobile-only>div
{
	display: inline-table;
}
.mobile-only .menu0
{
	margin: 1em;
}
.mobileMenu
{
    list-style: none;
    float: left;
    width: 100%;
    border: none;
    text-indent: 1em;
}
.mobileMenu .catBrowser-item
{
	padding: 0.1em 0;
}
.menuBtn
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	cursor: pointer;
	width: 4em;
	height: 4em;
	margin: 1.5em 1em 1.5em auto;
	background-image: url("../img/btn_menu.png");
	vertical-align: middle;
}
.menu0
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	cursor: pointer;
	width: 12em;
	height: 5em;
	margin: auto;
	background-image: url("../img/tmd_logo.png");
}
.desktopMenuIcon
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	cursor: pointer;
	width: 2.2em;
	height: 2.2em;
	margin: auto;
}

.desktopMenuWord
{
	display: block;
	color:white;
	font-size: 16px;
	text-decoration:none;
}
.desktopMenuIcon.menu1
{
	background-image: url("../img/menu_intro.png");
}
.desktopMenuIcon.menu2
{
	background-image: url("../img/icon_download.png");
}
.desktopMenuIcon.menu3
{
	background-image: url("../img/icon_client.png");
}
.desktopMenuIcon.menu4
{
	background-image: url("../img/icon_restaurant.png");
}
.desktopMenuIcon.menu5
{
	background-image: url("../img/menu_contact.png");
}
/*.menu5
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	cursor: pointer;
	width: 12em;
	height: 5em;
	margin: auto;
	background-image: url("../img/appstore.png");
}*/

/*main content*/
#container
{
	position: fixed;
	top:148px;
	bottom: 0;
	left:0;
	right:0;
	overflow: auto;

	/*min-width: 480px;*/
}
#supportBar
{
	padding: 5px 1em;
	overflow: auto;
	width: 100%;
	background-color: black;
	color:white; 
}
#supportBar a
{
	color: white;
}
.content_sect
{
	padding: 1em 2em 1em 2em;
	overflow: auto;
	background-color: rgba(255,255,255,0.8);
}
.middleBlock
{
	/*background-color: rgba(255,255,255,0.8);*/
    min-height: 100%;
   /* left: 8%;
    right: 8%;*/
    margin: auto;
    width: 84%;
    vertical-align: middle;
	max-width: 1024px;
}
.restDiv, .advDiv
{
	border: 1px solid #dddddd;
	box-shadow: 1px 1px 1px #e9e9e9;
	padding: 1em;
	margin:10px 0;
}
.shopP,.shopP>img
{
	max-width: 250px;
	max-height: 250px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width:160px;
	height:160px;
	margin-right: 1em;
}

/*icons*/
.circleIcon
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	cursor: pointer;
	width: 1em;
	height: 1em;
	margin: auto;
	background-image: url("../img/icon_dot.png");
}
.locationIcon
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	cursor: pointer;
	width: 1em;
	height: 1em;
	margin: auto;
	background-image: url("../img/icon_address.png");
}

.clockIcon
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	cursor: pointer;
	width: 1em;
	height: 1em;
	margin: auto;
	background-image: url("../img/icon_time.png");
}
.phoneIcon
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	cursor: pointer;
	width: 1em;
	height: 1em;
	margin: auto;
	background-image: url("../img/icon_phone.png");
}

.websiteIcon
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	cursor: pointer;
	width: 1em;
	height: 1em;
	margin: auto;
	background-image: url("../img/icon_website.png");
}
.tickIcon
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	cursor: pointer;
	width: 1em;
	height: 1em;
	margin: auto;
	background-image: url("../img/icon_click.png");
}
.contact_us label
{
	display: block;
}
.contact_us h3
{
	display:inline-block;
	width:15%;
	min-width: 105px;
	vertical-align: middle;
}
.contact_us input
{
	border: 1px solid #e5e5e5;
	outline: none;
	width: 60%;
	padding: 8px 10px;
	font-size: 16px;
	border-radius: 0;
	color: #404040;
	margin: 8px 0px;
	height: 42px;
	vertical-align: middle;
}
.contact_us textarea
{
	border: 1px solid #e5e5e5;
	outline: none;
	width: 60%;
	padding: 8px 10px;
	font-size: 16px;
	border-radius: 0;
	color: #404040;
	margin: 8px 0px;
	vertical-align: middle;
}
.contact_us b
{
	color:#114d44;
	margin-left: 0.5em;
}
.status.is-success
{
	color: #20612d;
}
.status.is-fail
{
	color: #a13030;
}

.searchDiv
{
	width:33%;
	vertical-align: top;
	float: left;
    margin: 1em 0;
}
/*footer*/
.footer
{
	display: inline-table;
	vertical-align: middle;
	width: 100%;
	padding:1em 0;
}
.content
{
	overflow: auto;
	text-align: center;
}
.footer a
{
	display: inline-block;
}
/*#buIcon
{
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	background-image: url("../img/bu_logo.png");
	display: inline-block;
	height: 58px;
	float: left;
	cursor: pointer;
}
.copyright
{
	display: inline-block;
	float: left;
	height:58px;
	vertical-align: middle;
}
.copyright>div
{
	display: table;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.copyright>div>div
{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}*/

/*css class*/
.clear
{
	clear: both;
}
.float
{
	float: left;
}
.floatR
{
	float: right;
}
.width_33_100
{
	width: 32%;
	margin:3px;
}
.width_40_100
{
	width: 39%;
	margin:3px;
}
.width_50_100
{
	width: 49%;
	margin:3px;
}
.width_60_100
{
	width: 59%;
	margin:3px;
}
.width_66_100
{
	width: 65%;
	margin:3px;
}
.button
{
	cursor: pointer;
}
.inline
{
	display: inline-block;
}
.hide
{
	display: none;
}
.disabled
{
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    cursor: not-allowed;
}
@media screen and (max-width: 1050px) 
{
	.middleBlock
	{
		left: 0;
		right:0;
		width: 100%;
	}
	#container
	{
		position: fixed;
		top:162px;
		/*bottom: 123px;*/
		bottom: 0;
		/*min-width: 480px;*/
		overflow: auto;
	}
	.catBrowser-wrapper
	{
		display: none;
	}
	.catBrowser
	{
		display: block;
	}
	.desktopMenuIcon
	{
		width: 2em;
		height: 2em;
		vertical-align: middle;
	}
	.desktopMenuWord
	{
		display: inline-table;
		vertical-align: middle;
		font-size: 24px;
	}
}
@media screen and (max-width: 736px) 
{
	#container
	{
		position: fixed;
		/*min-width: 480px;*/
		top:160px;
		bottom: 0;
		overflow: auto;
	}
	.content_sect
	{
		padding: 0.5em 1em;
	}
	.width_33_100,.width_40_100,.width_50_100,.width_60_100,.width_66_100
	{
		width: 99%;
		margin:1px;
	}
	.searchDiv
	{
		width:33%;
	}

	.copyright
	{
		height: auto;
	}

}
/*@media screen and (max-width: 480px) 
{
	#container
	{
		position: fixed;
		top:228px;
		bottom: 0;
		overflow: auto;
	}
}*/