@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);

body,html,workspace
{
	max-width:100vw;
	min-height:100%;
	margin:0;
	overflow:hidden;
}

body *
{
	-webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
	display:block;
	font-family:Noto Sans TC,Microsoft YaHei,sans-serif;
	font-size:16px;
}

html
{
	overflow-y:auto;
}

input[type=text],input[type=number],input[type=password]
{
	width:90%;
	height:35px;
	padding:0 0 0 5;
	margin:5 auto 20 auto;
	border:1px solid silver;
	border-radius:5px;
}

textarea
{
	width:90%;
	height:200px;
	padding:0 0 0 5;
	margin:5 auto 20 auto;
	border:1px solid silver;
	border-radius:5px;
	resize:none;
}

input::placeholder,textarea::placeholder
{
  color:silver;
}

input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button
{
  -webkit-appearance:none;
  margin:0;
}

input[type=number]
{
  -moz-appearance:textfield;
}

table	{display:table;}
tbody	{display:table;width:100%;}
tr		{display:table-row;}
td		{display:table-cell;}
li 		{display: list-item;list-style-type: decimal;}

@-webkit-keyframes box
{
  0%
  {
    top:0;
  }
  50%
  {
    top:10;
	}
  100%
  {
    top:0;
  }
}

layers[part=mask]
{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	width:100vw;
	height:100vh;
	background:white;
}

layers[part=minormask]
{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.8);
}

SubWindow[pt=CloseSubWindow]
{
	align-items:center;
	cursor:pointer;
	width:40px;
	aspect-ratio:1/1;
	position:absolute;
	top:0;
	right:0;
	border:1px solid gray;
}

SubWindow[pt=CloseSubWindow]>*
{
	width:100%;
	text-align:center;
	color:gray;
	font-weight:bold;
	font-size:40px;
}

SubWindow[pt=container]
{
	width:80%;
	margin:50 auto 0 auto;
}

Message[pt=container]
{
	position:absolute;
	top:calc((100vh - 200px) / 2);
	left:calc((100vw - 300px) / 2);
	width:300px;
	height:200px;
	background:white;
	border-radius:8px;
}

Message[pt=Top]
{
	position:relative;
}

Message[pt=CloseSubWindow]
{
	cursor:pointer;
	position:absolute;
	top:5;
	right:0;
	width:30px;
	height:30px;
}

Message[pt=CloseSubWindow]>*
{
	text-align:center;
	font-size:28px;
}

Message[pt=content]
{
	display:flex;
	width:100%;
	height:100%;
	justify-content:center;
	align-items:center;
}

Article[pt=title]
{
	font-size:20px;
	padding:5 0;
	border-bottom:1px solid gray;
}

Article[pt=content]
{
	width:100%;
	height:calc(100vh - 200px);
	margin:20 0;
	overflow-x:hidden;
	overflow-y:auto;
}

Article[pt=content]>iframe
{
	width:80vw;
	height:80vh;
}

Panel[pt=container]
{
	position:absolute;
	background:white;
	border-radius:8px;
}

Panel[pt=CloseSubWindow]
{
	cursor:pointer;
	position:absolute;
	top:5;
	right:0;
	width:30px;
	height:30px;
}

Panel[pt=CloseSubWindow]>*
{
	color:gray;
	font-size:30px;
}

loading[pt=container]
{
	position:absolute;
	top:calc((100vh - 100px) / 2);
	left:calc((100vw - 400px) / 2);
	width:400px;
}

loading[pt=icon]
{
	position:relative;
	width:100%;
	height:60px;
}

loading[pt=icon]>img
{
	position:absolute;
	left:180;
	max-width:50px;
	max-height:50px;
	-webkit-animation:box .8s infinite;
}

loading[pt=twname],loading[pt=usname],loading[pt=text]
{
	text-align:center;
	font-size:18px;
	font-weight:bold;
}

loading[pt=usname]
{
	font-size:12px;
	padding:3 0 0 0;
}

loading[pt=text]
{
	color:gray;
	font-size:12px;
	font-family:Microsoft YaHei,sans-serif;
	padding:5 0 0 0;
}

/************************/
/*******[LAYOUT]*********/
/************************/
@media only screen and (min-width:1000px) and (max-width:2500px)
{
	
}
@media only screen and (max-width:1000px)
{
	
}