.wp-block {} /*  (.wp-block {} ensures MT files load in Gutenberg editor) */
/*  MICROTHEMER STYLES  */

/*= Animations ================ */


/*= General =================== */

/** General >> body **/
body {
	margin: 0;
}

/** General >> .btns **/
.btns {
	text-align: center;
	margin-top: 24px;
	margin-bottom: 24px !important;
}

/** General >> h1.entry-title **/
h1.entry-title {
	font-size: 64px;
	letter-spacing: -1px;
}

/** General >> #btn_load_video **/
#btn_load_video {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/*= Screen ==================== */

/** Screen >> .singular header.entry-header **/
.singular header.entry-header {
	color: rgb(255, 255, 255);
	background-color: rgb(49, 49, 97);
}

/** Screen >> .post-meta-single-top **/
.post-meta-single-top {
	display: none;
}

/** Screen >> #full_screen **/
#full_screen {
	font-family: "Open Sans", "Microsoft JhengHei", "PingFangHK-Regular", "Heiti TC";
	background-color: rgb(97, 49, 49);
	width: 100vw;
	max-width: none;
	height: 100vh;
	padding-top: 2vw;
	margin-top: 104px;
	margin-bottom: 0;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

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

/** Screen >> .logo **/
.logo {
	vertical-align: top;
	max-width: 30vw !important;
	height: 5vw;
	margin-left: 3vw;
	position: relative;
	top: 1.25vw;
	display: inline-block;
}

/** Screen >> .logo img **/
.logo img {
	vertical-align: top;
	max-width: 30vw;
	height: 5vw;
	max-height: 5vw;
	margin-top: -0.5vw;
}

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

/** Screen >> .attention **/
.attention {
	margin-right: 2vw;
	float: right;
	display: inline-block;
}

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

/** Screen >> .queue_item **/
.queue_item {
	font-size: 6vw;
	line-height: 7.25vw;
	font-weight: 500;
	text-align: center;
	vertical-align: text-bottom;
	width: 18.8vw;
	height: 7.5vw;
	margin-top: 0.75vw;
	margin-left: 1vw;
	border-radius: 1.5vw;
	-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: inline-block;
	cursor: pointer;
	-webkit-animation-duration: 2s !important;
	-o-transition-property: background-color, color !important;
	-moz-transition-property: background-color, color !important;
	-webkit-transition-property: background-color, color !important;
	-o-transition-duration: 2s, 2s !important;
	-moz-transition-duration: 2s, 2s !important;
	-webkit-transition-duration: 2s, 2s !important;
}

/** Screen >> .media_player **/
.media_player {
	display: none;
}

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

/** Screen >> .expired_item **/
.expired_item {
	color: rgb(255, 255, 255);
	-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;
}

/** Screen >> .input_div **/
.input_div {
	position: fixed;
	top: -68px;
	left: 20px;
}

/** Screen >> .point_right **/
.point_right {
	display: none;
}

/** Screen >> #new_queue_item **/
#new_queue_item {
	font-size: 40px;
	vertical-align: top;
	width: 200px;
	height: 58px;
	padding-right: 16px;
	padding-left: 16px;
}

/** Screen >> .queue_items **/
.queue_items {
	background-color: rgba(255, 255, 255, 0.9);
	height: calc(100vh - 2vw - 8.25vw - 3vw);
	overflow-y: hidden;
}

/** Screen >> .display .post-inner **/
.display .post-inner {
	padding-top: 0;
}

/** Screen >> body.single-display div.instructions **/
body.single-display div.instructions {
	width: 800px;
	max-width: none;
	margin-top: 24px;
}

/** Screen >> .single-display #site-footer **/
.single-display #site-footer {
	margin-top: 0;
}

/** Screen >> .display_footer **/
.display_footer {
	font-size: 1.5vw;
	line-height: 3vw;
	background-color: rgba(255, 255, 255, 0.5);
	height: 3vw;
	padding-left: 2.5vw;
	position: relative;
	bottom: 0;
}

/** Screen >> .single-display .pagination-single, .single-inputs .pagination-single **/
.single-display .pagination-single, 
.single-inputs .pagination-single {
	display: none;
}


/*= Configuration ============= */

/** Configuration >> .pods-form-ui-label **/
.pods-form-ui-label {
	font-size: 18px;
	font-weight: bold;
	margin-top: 2rem;
}

/** Configuration >> .pods-field__container:first-of-type .pods-form-ui-label **/
.pods-field__container:first-of-type .pods-form-ui-label {
	margin-top: 0;
}

/** Configuration >> .pods-field__container .description **/
.pods-field__container .description {
	color: rgba(0, 0, 0, 0.7);
	font-size: 1.5rem;
	font-style: italic;
	margin-top: 4px;
}

/** Configuration >> .pods-dfv-pick-full-select__placeholder **/
.pods-dfv-pick-full-select__placeholder {
	font-size: 1.5rem;
}

/** Configuration >> .pods-list-select-item **/
.pods-list-select-item {
	height: 52px;
}

/** Configuration >> .pods-dfv-list-icon **/
.pods-dfv-list-icon {
	height: 40px;
	min-height: 40px;
}

/** Configuration >> ul.pods-dfv-list li.pods-dfv-list-remove a **/
ul.pods-dfv-list li.pods-dfv-list-remove a {
	position: relative;
	top: 5px;
}

/** Configuration >> .pods-list-select-item__inner .pods-list-select-item__col .dashicon **/
.pods-list-select-item__inner .pods-list-select-item__col .dashicon {
	position: relative;
	top: 5px;
}

/** Configuration >> .pods-form-ui-label-pods-field-title **/
.pods-form-ui-label-pods-field-title {
	display: none;
}

/** Configuration >> #pods-form-ui-pods-field-title **/
#pods-form-ui-pods-field-title {
	display: none;
}

/** Configuration >> #message, pods-form-front-success **/
#message, 
pods-form-front-success {
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
}

/** Configuration >> .pods-color-buttons__buttons button:nth-of-type(2) **/
.pods-color-buttons__buttons button:nth-of-type(2) {
	color: rgb(255, 255, 255);
	font-weight: bold;
	background-color: rgb(205, 38, 83);
}

/** Configuration >> .pods-color-buttons__buttons button:nth-of-type(2):hover, .pods-color-buttons__buttons button:nth-of-type(2):focus, .pods-color-buttons__buttons button:nth-of-type(2):active **/
.pods-color-buttons__buttons button:nth-of-type(2):hover, 
.pods-color-buttons__buttons button:nth-of-type(2):focus, 
.pods-color-buttons__buttons button:nth-of-type(2):active {
	color: rgb(255, 255, 255);
}


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

/** 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;
	border-radius: 1vw;
	float: left;
	-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: inline-block;
	cursor: pointer;
}

/** Full System >> .sys_input_div **/
.sys_input_div {
	background-color: rgba(255, 255, 255, 0.7) !important;
}

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

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

/** Full System >> .num_input_2 **/
.num_input_2 {
	color: rgb(195, 23, 46);
	font-size: 3vw !important;
	text-align: center;
	vertical-align: top;
	width: 19.4vw !important;
	height: 4.85vw;
	box-sizing: border-box;
	padding: 1px 2px 1px 2px !important;
	border-width: 2px !important;
	border-style: outset !important;
	display: inline-block !important;
}

/** Full System >> .num_input_1 **/
.num_input_1 {
	color: rgb(195, 23, 46);
	font-size: 3vw !important;
	text-align: center;
	vertical-align: top;
	width: calc(4.85vw * 5) !important;
	height: 4.85vw;
	box-sizing: border-box;
	padding: 1px 2px 1px 2px !important;
	border-width: 2px !important;
	border-style: outset !important;
	display: inline-block !important;
}

/** Full System >> .num_input_free **/
.num_input_free {
	color: rgb(195, 23, 46);
	font-size: 3vw !important;
	text-align: center;
	vertical-align: top;
	width: calc(4.85vw * 7) !important;
	height: 4.85vw;
	box-sizing: border-box;
	padding: 1px 2px 1px 2px !important;
	border-width: 2px !important;
	border-style: outset !important;
	display: inline-block !important;
}

/** Full System >> button.num_btn_2 **/
button.num_btn_2 {
	color: rgb(0, 0, 0);
	font-size: 2vw;
	text-transform: none;
	letter-spacing: 0;
	vertical-align: top;
	background-color: rgba(255, 255, 255, 0.8);
	width: 4.85vw;
	height: 4.85vw;
	padding: 0;
	border-width: 2px !important;
	border-style: outset;
	cursor: pointer;
}

/** Full System >> button.num_btn_1 **/
button.num_btn_1 {
	color: rgb(0, 0, 0);
	font-size: 2vw;
	text-transform: none;
	letter-spacing: 0;
	vertical-align: top;
	background-color: rgba(255, 255, 255, 0.8);
	width: 4.85vw;
	height: 4.85vw;
	padding: 0;
	border-width: 1px !important;
	border-style: outset;
	cursor: pointer;
}

/** Full System >> button.abc_btn_1 **/
button.abc_btn_1 {
	color: rgb(0, 0, 0);
	font-size: 2vw;
	text-transform: none;
	letter-spacing: 0;
	vertical-align: top;
	background-color: rgba(255, 255, 255, 0.8);
	width: calc(48.5vw / 13);
	height: calc(48.5vw / 13);
	padding: 0;
	border-width: 2px !important;
	border-style: outset;
	cursor: pointer;
}

/** Full System >> .num_btn_2:hover, .num_btn_2:focus, .num_btn_2:active **/
.num_btn_2:hover, 
.num_btn_2:focus, 
.num_btn_2:active {
	color: rgb(255, 255, 255);
	text-decoration: none;
	background-color: rgb(205, 38, 83);
}

/** Full System >> .num_btn:hover, .num_btn:focus, .num_btn:active **/
.num_btn:hover, 
.num_btn:focus, 
.num_btn:active {
	color: rgb(255, 255, 255);
	text-decoration: none;
	background-color: rgb(205, 38, 83);
}

/** Full System >> .num_btn_4:hover, .num_btn_4:focus, .num_btn_4:active **/
.num_btn_4:hover, 
.num_btn_4:focus, 
.num_btn_4:active {
	color: rgb(255, 255, 255);
	text-decoration: none;
	background-color: rgb(205, 38, 83);
}

/** Full System >> #post-411 .queue_items **/
#post-411 .queue_items {
	height: calc(100vh - 2vw - 8.25vw - 11.7vw - 3vw);
}

/** Full System >> #post-685 .queue_items **/
#post-685 .queue_items {
	height: calc(100vh - 2vw - 8.25vw - 11.7vw - 3vw);
}

/** Full System >> #post-578 .queue_items **/
#post-578 .queue_items {
	height: calc(100vh - 2vw - 8.25vw - 11.7vw - 3vw - 7.4614vw);
}

/** Full System >> .postid-415 .queue_items, .postid-480 .queue_items **/
.postid-415 .queue_items, 
.postid-480 .queue_items {
	height: calc(100vh - 2vw - 8.25vw - 14.3833vw - 3vw);
}

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

/** Full System >> .prefix_input_4 **/
.prefix_input_4 {
	color: rgb(195, 23, 46);
	font-size: 3vw;
	text-align: center;
	vertical-align: top;
	width: 4.85vw;
	height: 4.85vw;
	box-sizing: border-box;
	margin-bottom: 1vw;
	border-style: outset;
}

/** Full System >> .num_input_4 **/
.num_input_4 {
	color: rgb(195, 23, 46);
	font-size: 3vw !important;
	text-align: center;
	vertical-align: top;
	width: 18.9vw !important;
	height: 4.85vw;
	box-sizing: border-box;
	padding: 1px 2px 1px 2px !important;
	margin-right: 1vw !important;
	margin-bottom: 1vw !important;
	border-width: 2px !important;
	border-style: outset !important;
	display: inline-block !important;
}

/** Full System >> .num_btn_4 **/
.num_btn_4 {
	color: rgb(0, 0, 0);
	font-size: 2.5vw;
	text-transform: none;
	letter-spacing: 0;
	vertical-align: top;
	background-color: rgba(255, 255, 255, 0.8);
	width: 6.533333333vw;
	height: 6.533333333vw;
	padding: 0;
	border-width: 2px !important;
	border-style: outset;
	cursor: pointer;
}

/** 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;
	border-radius: 1vw;
	float: left;
	-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: inline-block;
	cursor: pointer;
}

/** Full System >> .num_input_6 **/
.num_input_6 {
	width: 10.65vw !important;
}

/** Full System >> .curr_prefix_input, .curr_num_input **/
.curr_prefix_input, 
.curr_num_input {
	color: rgb(255, 255, 255);
	vertical-align: top;
	background-color: rgb(205, 38, 83) !important;
}

/** Full System >> .sys_input_div_inner_1, .sys_input_div_inner_free **/
.sys_input_div_inner_1, 
.sys_input_div_inner_free {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	left: 50% !important;
	transform: translate(-50%, 0);
}


/*= Media Lower Left ========== */

/** Media Lower Left >> .config_media_lowerleft .topbar **/
.config_media_lowerleft .topbar {
	width: 80vw;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	z-index: 999999999999;
}

/** Media Lower Left >> .config_media_lowerleft .logo img **/
.config_media_lowerleft .logo img {
	height: 5.5vw;
}

/** Media Lower Left >> .config_media_lowerleft .arrows **/
.config_media_lowerleft .arrows {
	height: 5.5vw;
}

/** Media Lower Left >> .config_media_lowerleft .head_text **/
.config_media_lowerleft .head_text {
	font-size: 3.3333vw;
	line-height: 3.75vw;
}

/** Media Lower Left >> .config_media_lowerleft .queue_items **/
.config_media_lowerleft .queue_items {
	width: 20vw;
	height: 100vh;
	box-sizing: border-box;
	padding-top: 2vw;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999999999999;
	overflow-y: hidden;
}

/** Media Lower Left >> .config_media_lowerleft .queue_item **/
.config_media_lowerleft .queue_item {
	font-size: 5vw;
	line-height: 6.875vw;
	width: 17vw;
	height: 7.0416vw;
	margin: 0 1.5vw 2vw 1.5vw;
}

/** Media Lower Left >> .config_media_lowerleft .media_player **/
.config_media_lowerleft .media_player {
	background-color: rgb(97, 49, 49);
	width: 80vw;
	height: calc(100vh - 11.25vw);
	box-sizing: border-box;
	position: absolute;
	top: 8.25vw;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/** Media Lower Left >> .config_media_lowerleft .media_player iframe **/
.config_media_lowerleft .media_player iframe {
	max-width: 100%;
	max-height: 100%;
}

/** Media Lower Left >> .config_media_lowerleft **/
.config_media_lowerleft {
	width: 100vw;
	height: 100vh;
	box-sizing: border-box;
}

/** Media Lower Left >> .config_media_lowerleft .point_down **/
.config_media_lowerleft .point_down {
	display: none;
}

/** Media Lower Left >> .config_media_lowerleft .point_right **/
.config_media_lowerleft .point_right {
	display: inline-block;
}

/** Media Lower Left >> .config_media_lowerleft .display_footer **/
.config_media_lowerleft .display_footer {
	width: 80vw;
	top: calc(100vh - 3vw);
}

/** Media Lower Left >> .config_media_lowerleft #full_screen **/
.config_media_lowerleft #full_screen {
	padding-top: 0;
}


/*= Media Portrait ============ */

/** Media Portrait >> .config_media_portrait .topbar **/
.config_media_portrait .topbar {
	text-align: center;
	width: 100vw;
	height: 17.5vw;
	box-sizing: border-box;
	padding-top: 0;
	z-index: 999999999999;
}

/** Media Portrait >> .config_media_portrait .logo **/
.config_media_portrait .logo {
	width: 100vw !important;
	max-width: none !important;
	height: 8vw;
	margin: 0 0 1.5vw 0;
	display: block;
}

/** Media Portrait >> .config_media_portrait .logo img **/
.config_media_portrait .logo img {
	height: 8vw !important;
	max-height: none;
	margin-top: 0;
	display: inline-block;
}

/** Media Portrait >> .config_media_portrait .arrows **/
.config_media_portrait .arrows {
	width: 6vw;
	height: 9vw;
	margin-left: 7.5vw;
}

/** Media Portrait >> .config_media_portrait .head_text **/
.config_media_portrait .head_text {
	font-size: 5.5vw;
	line-height: 3.75vw;
}

/** Media Portrait >> .config_media_portrait .queue_items **/
.config_media_portrait .queue_items {
	height: calc(100vh - 2vw - 17.5vw - 56.25vw - 5vw);
	min-height: calc(150vw - 2vw - 17.5vw - 56.25vw - 5vw);
}

/** Media Portrait >> .config_media_portrait .queue_item **/
.config_media_portrait .queue_item {
	font-size: 10vw;
	line-height: 13.6vw;
	width: 30.3333vw;
	height: 13.95vw;
	margin: 2vw 1.5vw 0 1.5vw;
}

/** Media Portrait >> .config_media_portrait .media_player **/
.config_media_portrait .media_player {
	background-color: rgb(133, 25, 25);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100vw;
	height: 56.25vw;
	box-sizing: border-box;
	position: relative;
	display: block;
}

/** Media Portrait >> .config_media_portrait .screenback **/
.config_media_portrait .screenback {
	width: 100vw;
	height: 177.777vw;
	box-sizing: border-box;
	position: absolute;
	top: 0;
}

/** Media Portrait >> .config_media_portrait .point_down **/
.config_media_portrait .point_down {
	margin-top: -2vw;
	margin-left: 0;
}

/** Media Portrait >> .config_media_portrait  .attention **/
.config_media_portrait  .attention {
	width: auto !important;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	float: none;
	display: inline-block;
}

/** Media Portrait >> .config_media_portrait .display_footer **/
.config_media_portrait .display_footer {
	font-size: 2.5vw;
	line-height: 5vw;
	background-color: rgba(255, 255, 255, 0.5);
	height: 5vw;
	padding-left: 2.5vw;
	position: relative;
	bottom: 0;
}

/** Media Portrait >> .config_media_portrait #full_screen **/
.config_media_portrait #full_screen {
	min-height: 150vw;
}


/*= One Line ================== */

/** One Line >> .config_nomedia_1875vw **/
.config_nomedia_1875vw {
	background-color: rgb(128, 149, 25);
	width: 100vw;
	height: 18.75vw;
	box-sizing: border-box;
}

/** One Line >> .config_nomedia_1875vw .screenback **/
.config_nomedia_1875vw .screenback {
	background-color: rgb(255, 255, 255);
	background-image: url("/html-site/logo-cbt.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 12vw;
	height: 18.75vw;
	position: absolute;
	top: 0;
}

/** One Line >> .config_nomedia_1875vw .topbar **/
.config_nomedia_1875vw .topbar {
	width: 100vw;
	height: 8vw;
	padding-top: .5px;
	position: absolute;
	top: 0;
	z-index: 999999999999;
	display: none;
}

/** One Line >> .config_nomedia_1875vw .queue_item **/
.config_nomedia_1875vw .queue_item {
	height: 8.25vw;
	margin-top: 0.75vw;
}

/** One Line >> .config_nomedia_1875vw .queue_items **/
.config_nomedia_1875vw .queue_items {
	background-color: rgba(255, 255, 255, 0.8);
	height: 18.75vw;
}


/*= Last on queue ============= */

/** Last on queue >> .last_on_queue **/
.last_on_queue {
	color: rgb(255, 255, 255);
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	background-color: rgb(49, 49, 97);
	border: 2px solid rgba(255, 255, 255, 0.9);
	display: none;
}

/** Last on queue >> .last_on_queues **/
.last_on_queues {
	display: none;
}

/** Last on queue >> .config_last_on_queue .queue_items **/
.config_last_on_queue .queue_items {
	height: 9.5vw;
	display: none;
}

/** Last on queue >> .config_last_on_queue .last_on_queues **/
.config_last_on_queue .last_on_queues {
	font-size: 0;
	width: 100%;
	height: calc(100vh - 2vw - 8.25vw - 3vw);
	display: block;
}

/** Last on queue >> .config_last_on_queue_1 .last_on_1qs, .config_last_on_queue_2 .last_on_2qs, .config_last_on_queue_3 .last_on_3qs, .config_last_on_queue_4 .last_on_4qs, .config_last_on_queue_6 .last_on_6qs _2 **/
.config_last_on_queue_1 .last_on_1qs, 
.config_last_on_queue_2 .last_on_2qs, 
.config_last_on_queue_3 .last_on_3qs, 
.config_last_on_queue_4 .last_on_4qs, 
.config_last_on_queue_6 .last_on_6qs _2 {
	font-size: 0;
	width: 100%;
	display: inline-block;
}

/** Last on queue >> .config_last_on_queue_1 .last_on_queue **/
.config_last_on_queue_1 .last_on_queue {
	font-size: calc(min((100vh - 2vw - 8.25vw - 3vw - 9.5vw),25vw));
	width: 100%;
	height: 100%;
}

/** Last on queue >> .config_last_on_queue_2 .last_on_queue **/
.config_last_on_queue_2 .last_on_queue {
	font-size: calc(min((100vh - 2vw - 8.25vw - 3vw - 9.5vw)*.5,12.5vw));
	width: 50%;
	height: 100%;
}

/** Last on queue >> .config_last_on_queue_3 .last_on_queue **/
.config_last_on_queue_3 .last_on_queue {
	font-size: 10vw;
	width: 33.3333%;
	height: 100%;
}

/** Last on queue >> .config_last_on_queue_4 .last_on_queue **/
.config_last_on_queue_4 .last_on_queue {
	font-size: calc(min((100vh - 2vw - 8.25vw - 3vw - 9.5vw)*.5,12.5vw));
	width: 50%;
	height: 50%;
}

/** Last on queue >> .config_last_on_queue_6 .last_on_queue **/
.config_last_on_queue_6 .last_on_queue {
	font-size: calc(min((100vh - 2vw - 8.25vw - 3vw - 9.5vw)*.3333,12.5vw));
	width: 50%;
	height: 33.3333%;
}

/** Last on queue >> .last_on_q_num **/
.last_on_q_num {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/** Last on queue >> .config_media_portrait.config_last_on_queue .last_on_queues **/
.config_media_portrait.config_last_on_queue .last_on_queues {
	font-size: 0;
	height: calc(100vh - 2vw - 17.5vw - 56.25vw - 5vw );
	min-height: calc(150vw - 2vw - 17.5vw - 56.25vw - 5vw );;
	display: block;
}

/** Last on queue >> .config_last_on_queue .last_on_queues _2 **/
.config_last_on_queue .last_on_queues _2 {
	font-size: 0;
	height: calc(177.7778vw - 2vw - 17.5vw - 56.25vw - 5vw - 17.95vw);
	display: block;
}

/** Last on queue >> .config_media_portrait.config_last_on_queue .last_on_queues _2 **/
.config_media_portrait.config_last_on_queue .last_on_queues _2 {
	font-size: 0;
	height: calc(177.7778vw - 2vw - 17.5vw - 56.25vw - 5vw - 17.95vw);
	display: block;
}

/** Last on queue >> .config_media_portrait.config_last_on_queue .queue_items **/
.config_media_portrait.config_last_on_queue .queue_items {
	height: 17.95vw;
	display: none;
}


/*= Trial ===================== */

/** Trial >> .trial #full_screen **/
.trial #full_screen {
	margin: 0 !important;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	transform: translate(0, 0);
	visibility: visible;
}

/** Trial >> .tri_land_port **/
.tri_land_port {
	height: 100%;
}

/** Trial >> #trial_full_screen **/
#trial_full_screen {
	font-family: "Open Sans", "Microsoft JhengHei", "PingFangHK-Regular", "Heiti TC";
	background-color: rgb(0, 0, 0);
	width: 100vw;
	max-width: none;
	margin-bottom: 0;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

/** Trial >> :fullscreen #trial_full_screen **/
:fullscreen #trial_full_screen {
	width: 100vw;
	height: 100vh;
}

/** Trial >> .tri_screens **/
.tri_screens {
	font-size: 0;
}

/** Trial >> :fullscreen .tri_land_land .tri_screens, :fullscreen .tri_none_land .tri_screens **/
:fullscreen .tri_land_land .tri_screens, 
:fullscreen .tri_none_land .tri_screens {
	margin-top: calc((100vh - 32px - 28.125vw) / 2);
}

/** Trial >> :fullscreen .tri_screens **/
:fullscreen .tri_screens {
	width: 100vw;
	height: 100vh;
	position: relative;
}

/** Trial >> .tri_screen **/
.tri_screen {
	font-size: 0;
	vertical-align: middle;
	width: 50vw;
	height: calc(28.125vw + 32px);
	display: inline-block;
	overflow: hidden;
}

/** Trial >> :fullscreen .tri_screen **/
:fullscreen .tri_screen {
	width: 50vw;
	height: 100vh;
}

/** Trial >> .tri_land_port .tri_screen_1 **/
.tri_land_port .tri_screen_1 {
	height: calc(50vw + 32px);
}

/** Trial >> :fullscreen .tri_land_port .tri_screen **/
:fullscreen .tri_land_port .tri_screen {
	height: 100vh;
}

/** Trial >> .tri_land_port .tri_screen_2 **/
.tri_land_port .tri_screen_2 {
	height: 100%;
}

/** Trial >> .tri_screens iframe **/
.tri_screens iframe {
	font-size: 0;
	height: 28.125vw;
	border: 1px solid rgb(255, 255, 255);
	position: relative;
	overflow: hidden;
}

/** Trial >> .tri_land_port .tri_screen_2 .tri_scr_frame **/
.tri_land_port .tri_screen_2 .tri_scr_frame {
	width: calc((50vw - 32px) * 0.5625);
	height: 50vw;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/** Trial >> :fullscreen .tri_land_port .tri_screen_2 .tri_scr_frame **/
:fullscreen .tri_land_port .tri_screen_2 .tri_scr_frame {
	width: calc((100vh - 32px) * 0.5625);
	height: calc(100vh - 32px);
}

/** Trial >> .tri_land_port .tri_screen_2 iframe **/
.tri_land_port .tri_screen_2 iframe {
	width: calc((50vw - 32px) * 0.5625);
	height: 50vw;
}

/** Trial >> :fullscreen .tri_land_port .tri_screen_2 iframe **/
:fullscreen .tri_land_port .tri_screen_2 iframe {
	width: calc((100vh - 32px) * 0.5625);
	height: calc(100vh - 32px);
}

/** Trial >> :fullscreen .tri_land_land .tri_screen_2 iframe **/
:fullscreen .tri_land_land .tri_screen_2 iframe {
	width: 100vw;
	height: 28.125vw;
}

/** Trial >> body.trial **/
body.trial {
	height: 56.25vw !important;
	max-height: 56.25vw !important;
	overflow: hidden;
}

/** Trial >> .tri_scr_title **/
.tri_scr_title {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background-color: rgb(49, 49, 97);
	height: 32px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid rgb(255, 255, 255);
}

/** Trial >> :fullscreen .tri_land_port .tri_screen_1 frame **/
:fullscreen .tri_land_port .tri_screen_1 frame {
	margin-top: calc((100vh - 32px - 28.125vw ) / 2);
}

/** Trial >> .tri_land_port .tri_screen_1 .tri_scr_frame **/
.tri_land_port .tri_screen_1 .tri_scr_frame {
	margin-top: calc((50vw - 32px - 28.125vw)/2);
}

/** Trial >> :fullscreen .tri_land_port .tri_screen_1 .tri_scr_frame **/
:fullscreen .tri_land_port .tri_screen_1 .tri_scr_frame {
	margin-top: calc((100vh - 32px - 28.125vw)/2);
}

/** Trial >> #no_input **/
#no_input {
	color: rgba(255, 255, 255, 0.9);
	height: calc(100vh - 5vw);
}

/** Trial >> #no_input p **/
#no_input p {
	font-size: 6vw;
	line-height: 100%;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

/** Trial >> .no_input_note **/
.no_input_note {
	font-size: 3vw;
}


/*( Tablet & Phone )*/
@media (max-width: 699px) {
	/** Screen >> #full_screen **/
	#full_screen {
	margin-top: 148px;
}

	/** Screen >> .input_div **/
	.input_div {
	max-width: 400px;
	top: -136px;
}

	/** Screen >> #new_queue_item **/
	#new_queue_item {
	margin-bottom: 8px;
}

	/** General >> button **/
	button {
	font-size: 17px;
}

	/** Trial >> #trial_full_screen **/
	#trial_full_screen {
	min-height: calc(112.5vw + 64px);
}

	/** Trial >> :fullscreen #trial_full_screen **/
	:fullscreen #trial_full_screen {
	min-height: calc(112.5vw + 64px);
}

	/** Trial >> :fullscreen .tri_screens **/
	:fullscreen .tri_screens {
	height: calc(112.5vw + 64px);
}

	/** Trial >> .tri_screen **/
	.tri_screen {
	width: 100%;
	height: calc(56.25vw + 32px);
}

	/** Trial >> .tri_land_port .tri_screen_1 **/
	.tri_land_port .tri_screen_1 {
	width: 100%;
	height: calc(56.25vw + 32px);
}

	/** Trial >> .tri_land_port .tri_screen_2 **/
	.tri_land_port .tri_screen_2 {
	width: 100%;
	height: calc(56.25vw + 32px);
}

	/** Trial >> .tri_screens iframe **/
	.tri_screens iframe {
	height: 56.25vw;
}

	/** Trial >> .tri_land_port .tri_screen_2 iframe **/
	.tri_land_port .tri_screen_2 iframe {
	height: 56.25vw;
}

}