/*  MICROTHEMER STYLES  */


/*= Page Container ============ */

/** Page Container >> .single .html_page > header **/
.single .html_page > header {
	display: none;
}

/** Page Container >> .single-html_page #wrapper #header **/
.single-html_page #wrapper #header {
	display: none;
}

/** Page Container >> .single-html_page footer.footer 1 **/
.single-html_page footer.footer {
	display: none;
}

/** Page Container >> .single .html_page footer.entry-footer **/
.single .html_page footer.entry-footer {
	display: none;
}

/** Page Container >> .single-html_page footer#footer **/
.single-html_page footer#footer {
	display: none;
}

/** Page Container >> .single-html_page #included_html **/
.single-html_page #included_html {
	background-color: rgb(255, 255, 255);
}

/** Page Container >> .single-html_page #included_content **/
.single-html_page #included_content {
	background-color: rgb(97, 49, 49);
	padding-top: 32px;
}

/*= Page Index ================ */

/** Page Index >> Body **/
.home {
	background-color: rgb(255, 255, 255);
	padding-right: 16px;
	padding-left: 16px;
}

/** Page Index >> Header **/
.home #header {
	display: none;
}

/** Page Index >> Post edit link **/
.home .post-edit-link {
	display: none;
}

/** Page Index >> Entry title **/
.home .entry-title {
	font-size: 24px;
	text-align: left;
	margin-top: 16px;
	margin-bottom: 16px;
}

/** Page Index >> Entry content unordered list **/
.home .entry-content ul {
	margin-bottom: 32px;
}

/** Page Index >> Entry content list item **/
.home .entry-content li {
	list-style-type: disc;
	list-style-position: inside;
	margin-top: 4px;
	margin-bottom: 4px;
}

/*= Display =================== */

/** Display >> body **/
body {
	font-family: "Open Sans", "Microsoft JhengHei", "PingFangHK-Regular", "Heiti TC";
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
}

/** Display >> .screen16to9 **/
.screen16to9 {
	background-color: rgb(238, 238, 238);
	width: 100vw;
	height: 56.25vw;
}

/** Display >> .topbar **/
.topbar {
	background-color: rgb(255, 255, 255);
	height: 7.5vw;
	max-height: 7.5vw;
	padding-top: 0.75vw;
}

/** Display >> .logo **/
.logo {
	vertical-align: top;
	height: 5vw;
	margin-left: 4vw;
	position: relative;
	top: 1.25vw;
	display: inline;
}

/** Display >> .logo img **/
.logo img {
	vertical-align: top;
	height: 5vw;
	max-height: 5vw;
}

/** Display >> .arrows **/
.arrows {
	vertical-align: top;
	width: 4vw;
	height: 6vw;
	margin-right: 1vw;
	margin-left: 2vw;
	position: relative;
	top: 0.75vw;
	display: inline-block;
}

/** Display >> .head_text **/
.head_text {
	font-size: 4vw;
	line-height: 4vw;
	font-weight: bold;
	vertical-align: top;
	position: relative;
	top: 1.5vw;
	display: inline-block;
}

/** Display >> .queue_item **/
.queue_item {
	font-size: 6.5vw;
	line-height: 8.25vw;
	font-weight: 500;
	text-align: center;
	vertical-align: text-bottom;
	width: 18.8vw;
	height: 8.4vw;
	margin-top: 1vw;
	margin-left: 1vw;
	-webkit-border-radius: 1.5vw 1.5vw 1.5vw 1.5vw;
	-moz-border-radius: 1.5vw 1.5vw 1.5vw 1.5vw;
	border-radius: 1.5vw 1.5vw 1.5vw 1.5vw;
	float: left;
	display: inline-block;
}
.queue_item {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-o-transition-property: background-color, color;
	-moz-transition-property: background-color, color;
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color;
	-o-transition-duration: 2s, 2s;
	-moz-transition-duration: 2s, 2s;
	-webkit-transition-duration: 2s, 2s;
	transition-duration: 2s, 2s;
}


/** Display >> .new_item **/
.new_item {
	-webkit-animation-name: item_created; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 1s;
    animation-name: item_created;
    animation-duration: 2s;
    animation-delay: 1s;
	color: rgb(255, 255, 255);
	background-color: rgb(165, 69, 69);
}

/** Display >> .expired_item **/
.expired_item {
	color: rgb(255, 255, 255);
}
.expired_item {
	-o-transition-property: color;
	-moz-transition-property: color;
	-webkit-transition-property: color;
	transition-property: color;
	-o-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
}


/** Display >> .input_div (Testing Only) **/
.input_div {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: -1;
}

/** Display >> body.input_panel **/
body.input_panel {
	background-color: rgb(238, 238, 238);
}

/*= Full System =============== */

/** Full System >> .screen_full **/
.screen_full {
	background-color: rgb(238, 238, 238);
	width: 100vw;
	overflow: hidden;
}

/** Full System >> .curr_orders **/
.curr_orders {
	margin-left: 4vw;
}

/** Full System >> .queue_item_small **/
.queue_item_small {
	font-size: 4vw;
	line-height: 6.15vw;
	font-weight: 500;
	text-align: center;
	vertical-align: text-bottom;
	width: 11.375vw;
	height: 6.25vw;
	margin-top: 1vw;
	margin-left: 1vw;
	-webkit-border-radius: 1vw 1vw 1vw 1vw;
	-moz-border-radius: 1vw 1vw 1vw 1vw;
	border-radius: 1vw 1vw 1vw 1vw;
	float: left;
	display: inline-block;
	cursor: pointer;
}
.queue_item_small {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-o-transition-property: background-color, color;
	-moz-transition-property: background-color, color;
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color;
	-o-transition-duration: 2s, 2s;
	-moz-transition-duration: 2s, 2s;
	-webkit-transition-duration: 2s, 2s;
	transition-duration: 2s, 2s;
}


/** Full System >> .sys_input_div_inner **/
.sys_input_div_inner {
	width: 48.5vw;
	padding-top: 1vw;
	margin-left: 1vw;
	float: left;
	display: inline-block;
}

/** Full System >> .prefix_input_2 **/
.prefix_input_2 {
	color: rgb(195, 23, 46);
	font-size: 3vw;
	text-align: center;
	width: 4.85vw;
	height: 4.85vw;
	box-sizing: border-box;
	float: left;
}

/** Full System >> .num_input_2 **/
.num_input_2 {
	color: rgb(195, 23, 46);
	font-size: 3vw;
	text-align: center;
	width: 19.4vw;
	height: 4.85vw;
	box-sizing: border-box;
	float: left;
}

/** Full System >> .num_btn_2 **/
.num_btn_2 {
	font-size: 2vw;
	width: 4.85vw;
	height: 4.85vw;
	padding-top: 0vw;
	padding-right: 0vw;
	padding-bottom: 0vw;
	padding-left: 0vw;
	float: left;
	cursor: pointer;
}

/** Full System >> .sys_input_div_inner_4 **/
.sys_input_div_inner_4 {
	padding-top: 1vw;
	margin-left: 1vw;
	float: left;
	display: inline-block;
}

/** Full System >> .prefix_input_4 **/
.prefix_input_4 {
	font-size: 3vw;
	text-align: center;
	width: 4.85vw;
	height: 4.85vw;
	box-sizing: border-box;
	float: left;
}

/** Full System >> .num_input_4 **/
.num_input_4 {
	font-size: 3vw;
	text-align: center;
	width: 18.9vw;
	height: 4.85vw;
	box-sizing: border-box;
	margin-right: 1vw;
	margin-bottom: 1vw;
	float: left;
	cursor: pointer;
}

/** Full System >> .num_btn_4 **/
.num_btn_4 {
	font-size: 2vw;
	width: 6.533333333vw;
	height: 6.533333333vw;
	padding-top: 0vw;
	padding-right: 0vw;
	padding-bottom: 0vw;
	padding-left: 0vw;
	float: left;
	cursor: pointer;
}

/** Full System >> .curr_prefix_input, .curr_num_input **/
.curr_prefix_input, .curr_num_input {
	color: rgb(195, 23, 46);
}

/** Full System >> .queue_item_4 **/
.queue_item_4 {
	font-size: 3.6vw;
	line-height: 5.65vw;
	font-weight: 500;
	text-align: center;
	vertical-align: text-bottom;
	width: 11.375vw;
	height: 5.65vw;
	margin-top: 1vw;
	margin-left: 1vw;
	-webkit-border-radius: 1vw 1vw 1vw 1vw;
	-moz-border-radius: 1vw 1vw 1vw 1vw;
	border-radius: 1vw 1vw 1vw 1vw;
	float: left;
	display: inline-block;
	cursor: pointer;
}
.queue_item_4 {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-o-transition-property: background-color, color;
	-moz-transition-property: background-color, color;
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color;
	-o-transition-duration: 2s, 2s;
	-moz-transition-duration: 2s, 2s;
	-webkit-transition-duration: 2s, 2s;
	transition-duration: 2s, 2s;
}