.CPS_Overlay,html,body,.CPS_Thumb>div {
	position:absolute;
	left:0;top:0;width:100%;height:100%;
	padding:0;margin:0;border:0;
}
.CPS_RectSpan { position:releative; width:100%; padding-top:100% }
.CPS_Scrollable{
	border:0;margin:0;padding:0;width:100%;height:100%;
	overflow-x:hidden; overflow-y:scroll;
}
.CPS_Hide { display:none; }

.CPS_MBox {
	width:100%;height:100%;overflow:hidden;
	display:flex;flex-flow:column;justify-content:center;align-items:center;
}

.CPS_RPart,
.CPS_CPart,
.CPS_XPart {
	width:100%;height:100%;
	overflow:hidden;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.CPS_RPart,
.CPS_XPart {
	flex-flow:column nowrap;
}
.CPS_CPart {
	flex-flow:row nowrap;
}
.CPS_Bar {
	position:relative;
	width:100%;height:auto;
	flex:0 0 auto;
}
.CPS_Fill {
	position:relative;
	width:100%;height:100%;
	overflow:auto;flex:1 1 auto;
}
.CPS_Label {
	text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
}
.CPS_Label:hover { white-space:normal; }

.CPS_Mask {
	position:absolute;
	left:0;top:0;width:100%;height:100%;border:0;margin:0;padding:0;
	display:flex;flex-flow:column nowrap;
	justify-content:center;align-items:center;
	background:rgba(0,0,0,0.5);
}

html,body { position:absolute;overflow:hidden; }
body {
	font-family:"PMingLiU","微軟正黑體","Microsoft JhengHei",sans-serif;
	font-size:4vw;
}

input,select,textarea { font-size:90%; }

.CPS_Thumbs {
	width:100%;height:auto;overflow:hidden;
	display:flex;flex-flow:row wrap;
	justify-content:start;align-items:start;
}

.CPS_Thumb {
	position:relative;
	overflow:hidden;
	width:33.3%;
	padding-top:33.3%;
}

.CPS_CPart>.CPS_Bar
{ width:auto;height:100%; }
@media screen and (min-aspect-ratio:1/1) {
	body { font-size:2vw; }
	.CPS_Thumb { width:16.6%;padding-top:16.6%; }
	.CPS_XPart { flex-flow:row nowrap; }
	.CPS_XPart>.CPS_Bar { width:auto;height:100%; }
}