/* ------------------- mediaqueries ------------------- */
@media screen and (max-height: 660px) {
	/* NoteBook height */
}
@media screen and (max-width: 900px) {
	:root{
		--fsizeS:18px;
		--fsizeP:22px;
		--fsizeM:28px;
		--fsizeL:30px;
		--fsizeXL:48px;
	}
	/*	共用 */
	.pc{ display: none!important;}
	.mobile{ display: inline-block!important;}
	
	.mainContent{ padding-left: var(--space);}
	.filterbox input{ width: 120px;}
	body.zh .tablebox .head{ font-size: 18px;}
	div.tablebox ul li{ white-space: nowrap;}
	
	/*	menu */
	menu{ left:-100%; width: 100%;}
	menu:hover{ width: 100%;}
	menu a:hover{ color: #FFF;}
	menu .menubtn{ position: fixed; top: 0; left: 0;}
	menu .menubtn{ color: #333!important;}
	menu .menubtn span{ display: none;}
	.MenuOn menu{ left: 0; width: 100%;}
	.MenuOn menu .menubtn{ color: #FFF!important;}
	.MenuOn menu .menubtn{ position: relative;}
	.MenuOn menu .menubtn span{ display: inline-block;}
	menu a{ font-size: 32px;}
	menu dt{ margin-bottom: 20px;}
	menu .down a{ margin-top: 20px;}
	menu .down a.fullscreen{ display: none;}
	
	/*	main */
	.bodybox.main block.event_list,
	.bodybox.main block.status_list{ width: 100%; margin-right: 0; margin-bottom: var(--space);}
	
	.bodybox.history block.history_list,
	.bodybox.history block.history_Img{ width: 100%; margin-right: 0; margin-bottom: var(--space);}
	.bodybox.history block > .container{height: var(--halfH2);}
	
	/*	history */
	div.tablebox.h1 ul.focus li:last-child::after{ content: 'keyboard_arrow_down';}
	.bodybox.history block.history_list, 
	.bodybox.history .group,
	.bodybox.history block.event_history,
	.bodybox.history block.alarm_areas,
	.bodybox.history block.log_message{width: 100%; margin-right: 0; margin-bottom: var(--space);}
	.bodybox.history block.event_history > .container, 
	.bodybox.history .group block > .container{ height: auto;}
	
	/*	station */
	block.station_group,
	block.station_list,
	block.group_setting{width: 100%; margin-left: 0; margin-bottom: var(--space);}
	.bodybox.station block > .container{ height: var(--halfH);}
	.bodybox.station block.group_setting > .container, 
	.bodybox.station block.station_group2 > .container, 
	.bodybox.station block.station_list2 > .container, 
	.bodybox.station block.move_function > .container{ height: var(--halfH2);}
	
	block.station_group2,
	block.station_list2,
	block.region_list{width: calc(50% - var(--space) - 25px); margin-right: 0;}
	block.move_function{ width: 70px;}
	block.move_function a{ margin-right: 0;}
	
	.region_list.all .extra span{ display: none;}
	
	/*	device_list */
	
	
	/*	device_log */
	div.tablebox.dl1 ul li.time{ white-space: nowrap;}
	
	/*	user */
	block.ugroup_list.l1{width: 100%; margin-right: 0; margin-bottom: var(--space);}
	.bodybox.user block.ugroup_list > .container,
	.bodybox.user block > .container{ height: var(--halfH);}
	block.ugroup_list{width: calc(50% - var(--space) - 25px); margin-right: 0;}
	div.tablebox.ug1 ul.focus li:last-child::after{ content: 'keyboard_arrow_down';}
	block.ugroup_list div.tablebox li{ white-space: nowrap;}
	block.ugroup_list.l2 block h3 .extra select{width: 100px;}
}

@media screen and (max-width: 900px) and (orientation:landscape) {
	/* 行動裝置橫式瀏覽 */
	body::after{ content:""; display:block; width:100%; height:100%; position:fixed; z-index:999999; top:0; left:0; background:rgba(0,0,0,.8) url(rotate.png) no-repeat center center; }
    body.lanscapealertoff::after{ display: none;}
}