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

@media (orientation: landscape) { 
	select, input[type='submit'], input[type='button'], table.SearchOption, table.SearchOption td, table#menu span{
		//font-size:0.85vw;
		//width:7vw;
		//max-width:7vw;
		//line-height:1.7;
		
		font-size:1vw;
		width:10.8vw;
		max-width:10.8vw;
		line-height:2;
	}
	select.half{
		//width:3.5vw;
		//max-width:3.5vw;
		
		width:5.4vw;
		max-width:5.4vw;
	}
	
	input[type='text']{
		//font-size:0.75vw;
		//width:10.5vw;
		//max-width:10.5vw;
		//margin: 0.2vw;
		//line-height:1.6;
		
		font-size:1vw;
		width:100%;
		max-width:100%;
		margin: 0.2vw;
		line-height:2;
	}
	
	.cards{
		width: 16vw;
		max-width: 16vw;
		height: 22.36vw;
		max-height: 22.36vw;
		border-radius:0.8vw;
		margin-right:0.5vw;
	}
	
	.cardHolder{
		width: 32vw;
		max-width: 32w;
		height: 22.36vw;
		font-size:0.85vw;
		line-height:1.8;
		border-radius:0.8vw;
		//border: 0.2vw groove #ddd;
		margin:0.35vw;
	}
	.cardHolder.LargeCardHolder{
		transform: scale(2);
	}

	.cardHolder div{
		padding:0.2vw 0.2vw;
		//padding-bottom:0.4vw;
	}
	.cardHolder div table.ACE{
		margin:0;
		font-size:0.64vw;
		padding:0.2vw auto;
	}
	img.ACE{
		height: 1.1vw;
		margin-bottom:-0.12vw;
	}
	table img.ACE{
		margin-bottom:0;
	}
	.cardHolder div.smaller1, .cardHolder span.smaller1{
		font-size:0.82vw;
	}
	.cardHolder div.smaller2, .cardHolder span.smaller2{
		font-size:0.78vw;
		padding:0.35vw auto;
	}
	.cardHolder div.smaller3, .cardHolder span.smaller3{
		font-size:0.76vw;
		padding:0.3vw auto;
		letter-spacing: -0.03vw;
	}
	.cardHolder div.smaller4, .cardHolder span.smaller4{
		font-size:0.72vw;
		padding:0.2vw auto;
		line-height:1.58;
		letter-spacing: -0.03vw;
	}
	.cardHolder div.smaller5, .cardHolder span.smaller5{
		font-size:0.68vw;
		padding:0.2vw auto;
		line-height:1.58;
		letter-spacing: -0.03vw;
	}
	.cardHolder div.smaller6, .cardHolder span.smaller6{
		font-size:0.64vw;
		padding:0.2vw auto;
		line-height:1.58;
		letter-spacing: -0.03vw;
	}
	
	.cardHolder .EvoBorder{
		border: 0.1vw solid #fff;
		border-left:0.2vw solid #ff0;
		border-bottom:0.2vw solid #ff0;
		border-radius: 0.3vw;
		background: linear-gradient(to right, #444444AA, #000000AA);
		color:#fff;
		padding:0.1vw 0.3vw;
		display:block;
		margin-left:16vw;
	}

	.cardHolder span.LimitedCard{
		background-color:#ffff00;
		//padding:0 4.2vw;
	}
	.cardHolder span.LimitedCard a{
		color:#000;
	}
	
	.cardHolder span.BannedCard{
		background-color:#ff0000;
		//padding:0 4.3vw;
	}
	.cardHolder span.BannedCard a{
		color:#fff;
	}
	
	.cardHolder table{
		font-size:1vw;
		//margin:0.5vw 0.1vw;
	}
	.cardHolder.ads span.pages{
		width:2vw;
		height:22.36vw;
		line-height:22.36vw;
	}
	@keyframes movingleft {
		0%   {margin-left:0;}
		100% {margin-left:-0.3vw; }
	}
	@keyframes movingright {
		0%   {margin-right:-0vw;}
		100% {margin-right:-0.3vw; }
	}
	.cardHolder.ads span.pages img{
		width:2vw;
		padding-top:9.18vw;
	}
	.cardHolder.ads span.pages img:hover{
		padding-top:8.38vw;
	}
	.cardHolder.ads span.pages#next{
		margin-left:30vw;
	}
	
	.cardHolder.ads div{
		width: 32vw;
		height: 22.36vw;
	}
	.cardHolder.ads iframe.youtube{
		border: 0px;
		width:32vw;
		height:18vw;
		padding-top:2.18vw;
	}
	
	table#heading p{
		font-size:0.6vw;
		//margin:0.3vw 0;
	}
	
	table#heading p span.larger{
		font-size:0.8vw;
	}
	
	table#heading .linkButton {
		//margin:0.2vw;
		width:7vw;
	}
	
	table#heading{
		border-spacing:0.3vw;
	}
	
	table#menu{
		border-spacing:0 0.4vw;
		width:95%;
		margin:0;
		font-size:1vw;
	}
	
	img.logo{
		height:4vw;
	}
	
	img.icon{
		width:2.4vw;
		margin:0.2vw;
	}
	
	div.infoBox{
		border-bottom:0.2vw solid #fff;
		margin-left:16vw;
	}
	
	input[type='submit'].smallButton, input[type='button'].smallButton{
		//width:4.8vw;
		
		width:6.8vw;
		max-width:6.8vw;
	}
	
	/*
	input[type='submit'].linkButton, input[type='button'].linkButton{
		margin-top:0.6vw;
		width: 8vw;
	}
	*/
	
	input[type='submit'].cardButton, input[type='button'].cardButton{
		width:4.2vw;
		float:right;
		font-size:0.8vw;
		line-height:1.8;
		padding:0;
	}
	
	input[type='submit'].numButton, input[type='button'].numButton{
		width:1.6vw;
		font-size:0.6vw;
		line-height:1.8;
		padding:0;
		margin:0;
	}
	
	@keyframes movingUp {
		0%   { bottom:1vw;}
		100% { bottom:1.5vw; }
	}
	a#onTop{
		position:fixed;
		z-index:1;
		bottom:1vw;
		right:1vw;
		//-moz-animation: movingUp 1s infinite;
		//-webkit-animation: movingUp 1s infinite;
		//animation: movingUp 1s infinite;
	}
	a#onTop .blueButton{
		font-size:1vw;
		width:8vw;
		max-width:8vw;
		height:2vw;
	}
	
	table#keyword{
		background-color:rgba(0,0,0,0.9);
		font-size:16px;	
		border-radius:0.8vw;
		border:0.3vw solid #fff; 
		width:98vw;
		border-spacing:0;
		overflow: scroll;
		margin:10px;
	}

	table#keyword td{
		padding:12px 5px;
		vertical-align:top;
		border-bottom:1px solid #999;
	}
	table#keyword td:nth-of-type(1){
		width:18vw;
	}
	table#keyword td:nth-of-type(2){
		width:15vw;
	}

	
	table#donate{
		text-align:center;
		width: 32vw;
		height: 22.36vw;
		background-color:#fff;
		padding:0;
		margin:0;
		border-spacing:0;
		background-image: url('../images/bg-image_2.jpg');
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;	
	}
	table#donate img#donate_heading{
		width:30vw;
	}
	table#donate img#donate_1{
		width:24vw;
		position:relative;
		margin-top:-1vw;
	}
	table#donate img#donate_2{
		width:24vw;
		position:relative;
		margin-top:-3vw;
	}
	table#donate img#patreon{
		width:26vw;
		position:relative;
		margin-top:-5.8vw;
	}

	span.timing, span.digiXros, span.keyword, span.Evo{
		border:1px solid #000;
		border-radius:0.15vw;
	}
	
	img#closeButton{
		width:4vw;
		height:4vw;
		right:0;
		top:0;
		cursor:pointer;
		position:fixed;
		display:none;
		z-index:100;
	}
	img#closeButton:hover{
		transform: scale(1.05);
	}

}

@media (orientation: portrait) {
	select, input[type='submit'], input[type='button'], table.SearchOption, table.SearchOption td, table#menu span{
		//font-size:2.4vw;
		//width:22vw;
		//max-width:22vw;
		//line-height:1.9;
		
		font-size:3vw;
		width:31vw;
		max-width:31vw;
		line-height:2;
	}
	select.half{
		//width:11vw;
		//max-width:11vw;
		
		width:15.5vw;
		//max-width:15.5vw;
	}
	
	input[type='text']{
		//font-size:2.2vw;
		//width:31vw;
		//max-width:31vw;
		//margin: 0.8vw;
		//line-height:1.9;
		
		font-size:3vw;
		width:100%;
		max-width:100%;
		margin: 0.8vw;
		line-height:2;
	}
	
	.cards{
		width: 49vw;
		max-width: 49vw;
		height: 68.4vw;
		border-radius:2.5vw;
		margin-right:1.2vw;
	}
	
	.cardHolder{
		width: 97vw;
		max-width: 97vw;
		height: 68.4vw;
		font-size:2.6vw;
		line-height:1.8;
		border-radius:2.5vw;
		//border: 0.5vw groove #ddd;
		margin:0.8vw;
	}
	
	.cardHolder div{
		padding:0.5vw 0.6VW;
		//padding-top:0.3vw;
		//padding-bottom:1.5vw;
	}
	
	.cardHolder div table.ACE{
		margin:0;
		font-size:1.95vw;
	}
	img.ACE{
		height: 3.5vw;
		margin-bottom:-0.5vw;
	}
	table img.ACE{
		margin-bottom:0;
	}
	.cardHolder div.smaller1, .cardHolder span.smaller1{
		font-size:2.35vw;
	}
	.cardHolder div.smaller2, .cardHolder span.smaller2{
		font-size:2.3vw;
		padding:1.15vw 0.8vw;
	}
	.cardHolder div.smaller3, .cardHolder span.smaller3{
		font-size:2.25vw;
		padding:1.1vw 0.8vw;
		letter-spacing: -0.08vw;
	}
	.cardHolder div.smaller4, .cardHolder span.smaller4{
		font-size:2.15vw;
		padding:1vw auto;
		line-height:1.6;
		letter-spacing: -0.08vw;
	}
	.cardHolder div.smaller5, .cardHolder span.smaller5{
		font-size:2.06vw;
		padding:1vw auto;
		line-height:1.6;
		letter-spacing: -0.08vw;
	}
	.cardHolder div.smaller6, .cardHolder span.smaller6{
		font-size:1.95vw;
		padding:1vw auto;
		line-height:1.58;
		letter-spacing: -0.1vw;
	}
	
	.cardHolder .EvoBorder{
		border: 0.3vw solid #fff;
		border-left:0.6vw solid #ff0;
		border-bottom:0.6vw solid #ff0;
		border-radius: 1vw;
		background: linear-gradient(to right, #444, #000);
		color:#fff;
		padding:0.3vw 0.9vw;
		display:block;
		margin-left:49vw;
	}
	
	.cardHolder span.LimitedCard{
		background-color:#ffff00;
		//padding:0 13vw;
	}
	.cardHolder span.LimitedCard a{
		color:#000;
	}
	
	.cardHolder span.BannedCard{
		background-color:#ff0000;
		//padding:0 14vw;
	}
	.cardHolder span.BannedCard a{
		color:#fff;
	}
	
	.cardHolder table{
		font-size:2.8vw;
		//margin:0;
	}
	.cardHolder.ads span.pages{
		width:8vw;
		height:68.4vw;
		line-height:68.4vw;
	}
	@keyframes movingleft {
		0%   {margin-left:0;}
		100% {margin-left:-0.6vw; }
	}
	@keyframes movingright {
		0%   {margin-right:-0vw;}
		100% {margin-right:-0.6vw; }
	}
	.cardHolder.ads span.pages img{
		width:8vw;
		padding-top:26.2vw;
	}
	.cardHolder.ads span.pages img:hover{
		padding-top:24.4vw;
	}
	.cardHolder.ads span.pages#next{
		margin-left:90vw;
	}
	
	.cardHolder.ads div{
		width: 98vw;
		height: 68.4vw;
	}
	.cardHolder.ads iframe.youtube{
		border: 0px;
		width:98vw;
		height:55.125vw;
		padding-top:6.6375vw;
	}
	
	table#heading p{
		font-size:1.8vw;
		margin:1vw 0;
	}
	
	table#heading p span.larger{
		font-size:2.3vw;
	}
	
	
	table#heading .linkButton {
		width:21vw;
		margin:0.4vw;
	}
	
	table#heading{
		border-spacing:1vw;
	}
	
	table#menu{
		border-spacing:0 1.3vw;
		width:95%;
		margin:0;
		font-size:3.5vw;	
	}
	

	img.icon{
		width:8vw;
		margin:0.4vw;
	}
	
	div.infoBox{
		border-bottom:0.4vw solid #fff;
		margin-left:49vw;
	}
	
	input[type='submit'].smallButton, input[type='button'].smallButton{
		//width:14vw;
		//line-height:2.2;
		
		width:20.5vw;
		max-width:20.5vw;
	}
	
	input[type='submit'].cardButton, input[type='button'].cardButton{
		width:14vw;
		font-size:2.5vw;
		line-height:1.8;
		float:right;
		padding:0;
	}
	
	input[type='submit'].numButton, input[type='button'].numButton{
		width:5.5vw;
		font-size:2vw;
		line-height:1.8;
		padding:0;
		margin:0vw;
	}
	
	@keyframes movingUp {
		0%   { bottom:2vw;}
		100% { bottom:3vw; }
	}
	a#onTop{
		position:fixed;
		z-index:1;
		bottom:0vw;
		right:0vw;
		//-moz-animation: movingUp 1s infinite;
		//-webkit-animation: movingUp 1s infinite;
		//animation: movingUp 1s infinite;
	}
	a#onTop .blueButton{
		font-size:3.6vw;
		width:30vw;
		max-width:30vw;
		height:8.5vw;
	}
	
	table#keyword{
		z-index:3;
		background-color:rgba(0,0,0,0.9);
		font-size:2.6vw;	
		border-radius:2.5vw;
		border:0.6vw solid #fff;
		//transform: scale(0); 
		width:98vw;
		display: table-cell;
		border-spacing:0;
		line-height:1.5;
		overflow: scroll;
	}
	
	table#keyword input[type="button"]{
		font-size:4vw;
	}

	table#keyword td{
		padding:2vw 0.5vw;
		vertical-align:top;
		border-bottom:0.2vw solid #999;
	}
	table#keyword td:nth-of-type(1){
		width:20vw;
	}
	table#keyword td:nth-of-type(2){
		width:20vw;
	}
	
	table#donate{
		text-align:center;
		width: 98vw;
		height: 68.4vw;
		background-color:#fff;
		padding:0;
		margin:0;
		border-spacing:0;
		background-image: url('../images/bg-image_2.jpg');
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	table#donate img#donate_heading{
		width:90vw;
	}
	table#donate img#donate_1{
		width:75vw;
	}
	table#donate img#donate_2{
		width:75vw;
		position:relative;
		margin-top:-6vw;
	}
	table#donate img#patreon{
		width:80vw;
		position:relative;
		margin-top:-15vw;
	}
	
	span.timing, span.digiXros, span.keyword, span.Evo{
		border:1px solid #000;
		border-radius:0.4vw;
	}
	
	img#closeButton{
		width:10vw;
		height:10vw;
		right:0;
		top:0;
		cursor:pointer;
		position:fixed;
		display:none;
		z-index:100;
	}
	img#closeButton:hover{
		transform: scale(1.05);
	}
}


.cards{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	cursor:pointer;
	vertical-align:top;
	float:left;
	/*-moz-animation: scale 0.3s linear;
	-webkit-animation: scale 0.3s linear;
	animation: scale 0.3s linear;*/
}


.cardHolder{
	background-color:rgba(0,0,0,0.7);
	display:inline-block; 
	vertical-align:top;
	text-align:left;
	overflow:hidden;
}

.cardHolder table.heading{
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
}
table#heading p{
	text-align:center;
}

table#heading p a{
    text-decoration: none;
	color:#aaa;
}
table#heading p a:visited{
	color:#aaa;
}

table#heading td {
	//border:1px solid #fff;
}
table#heading table {
	margin:0;
	padding:0;
}

.cardHolder table#menu{
	vertical-align:middle;
	text-align:center;
	margin:auto;
}


.cardHolder table#menu td{
	text-align:right;
	padding:0;
}
/*
table#menu td:nth-of-type(1){
	//text-align:right;
	padding:0;
}

table#menu td:nth-of-type(2){
	text-align:left;
	padding:0;
}
*/

.cardHolder table select, .cardHolder table input[type='submit'], .cardHolder table input[type='text']{
	margin:0;
}


.cardHolder.ads span.pages{
	position:absolute;
	text-align:center;
	vertical-align:middle;
	z-index:2;
	cursor:pointer;
}
.cardHolder.ads span.pages:hover{
	background-color:rgba(0,0,0,0.7);	
}

.cardHolder.ads span.pages img{
	opacity:0.7;
	cursor:pointer;
}
.cardHolder.ads span.pages img:hover{
	transform:scale(1.15);
}
.cardHolder.ads span.pages#previous img{
	-moz-animation: movingleft 0.75 infinite;
	-webkit-animation: movingleft 0.75s infinite;
	animation: movingleft 0.75s infinite;
}	
.cardHolder.ads span.pages#next img{
	-moz-animation: movingright 0.75 infinite;
	-webkit-animation: movingright 0.75s infinite;
	animation: movingright 0.75s infinite;
}

.cardHolder.ads div{
	//width:100%;
	//height:100%;
	padding:0;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
}


@keyframes fadeIn  {
 0%   { opacity:0; }
 100% { opacity:1; }
}

@keyframes fadeOut  {
 0%   { opacity:1; }
 100% { opacity:0; }
}
.cardHolder.ads iframe.youtube, .cardHolder.ads div{
	-moz-animation: fadeIn 1s linear;
	-webkit-animation: fadeIn 1s linear;
	animation: fadeIn 1s linear;
}

table#showCard{
	z-index:99;
	background-color:rgba(0,0,0,0.9);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment: fixed;
	width:100vw;
	height:100vh;
	position:fixed;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:none;
	
	-moz-animation: fadeIn 0.3s linear;
	-webkit-animation: fadeIn 0.3s linear;
	animation: fadeIn 0.3s linear;
}
table#showCard td{
	vertical-align:middle;
	text-align:center;
}

table#showCard img{
	max-width:85vw;
	max-height:85vh;
}


html,body{
	padding:0;
	margin:0;
}

body{
	//overflow-x:hidden;
	//font-family: 'Noto Sans TC', sans-serif;
	font-weight: 500;
	background-image: url('../images/bg-image_new.jpg');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment: fixed;
	color:#fff;
}
body:after{
	content:"";
	position:fixed; /* stretch a fixed position to the whole screen */
	top:0;
	height:100vh; /* fix for mobile browser address bar appearing disappearing */
	left:0;
	right:0;
	z-index:-1; /* needed to keep in the background */
	background-image: url('../images/bg-image_new.jpg');
	background-position:center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
a{
    text-decoration: none;
	color:#fff;
}
a:visited{
	color:#fff;
}
input[type='text']{
	text-align:center;
	//font-family: 'Noto Sans TC', sans-serif;
	font-weight: 400;
	box-sizing: border-box;
    border: 0;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: 3px;
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	overflow: hidden;
	color: #000;
}

form{
	display:inline;
}

option{
	color:#000000;
	z-index:2;
	display:inline-block;
}

input[type='button']::-moz-focus-inner {
  border: 0;
}

select, input[type='submit'], input[type='button'], table#menu span{
	text-align-last:center;
	cursor:pointer;
    display: inline-block;
	font-weight: 400;
	//font-family: 'Noto Sans TC', sans-serif;
	box-sizing: border-box;
	border: 0;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: 3px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	overflow: hidden;
	color: #fff;
	z-index:2;
}
select.blueButton{
    background-image: url('../images/arrow.png'),
	/*linear-gradient(168deg, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);*/
	linear-gradient(to right,rgba(84,163,238,1), rgba(30,105,255,1));
    background-repeat: no-repeat, repeat;
    background-position: right .3em top 50%, 0 0;
    background-size: .65em auto, 100%;	
}
.blueButton{
    background: linear-gradient(to right,rgba(84,163,238,1), rgba(30,105,255,1));
}
.orangeButton{
	background: linear-gradient(to right,rgba(238,163,84,1), rgba(255,105,30,1));
	font-weight:bold;
}

select::-ms-expand {
    display: none;
	border:0;
}
input[type='submit']:hover, input[type='button']:hover{
	transform: scale(1.05); 
}

select.blueButton:hover{
    background-image: url('../images/arrow.png'),	
	linear-gradient(to right,rgba(255,255,255,1) 5%, rgba(84,163,238,1) 10%, rgba(30,105,255,1));
}
input[type='submit'].blueButton:hover, input[type='button'].blueButton:hover{
    background:linear-gradient(to right,rgba(255,255,255,1) 5%, rgba(84,163,238,1) 10%, rgba(30,105,255,1));
}


.imageNumber{
	float:right;
	text-align:right;
}


@keyframes scale {
 0%   { transform: scale(0.6); }
 100% { transform: scale(1);   }
}

.scale{
	-moz-animation: scale 0.3s linear;
	-webkit-animation: scale 0.3s linear;
	animation: scale 0.3s linear;
}

img.icon:hover {
	transform: scale(1.1);
	z-index:1;
}

table.SearchOption{
	display:none;
	position:absolute;
	//border:solid 1px white;
	background-color:rgba(255,255,255,1);
	z-index:1;
	cursor:pointer;
	padding:0;
	margin:0;
}

table.SearchOption td{
	text-align:center;
	border-radius:0.2vw;
	border:1px solid #fff;
	color:#000;
}

table.SearchOption td:hover{
	background: linear-gradient(to right,rgba(84,163,238,1), rgba(30,105,255,1));
	color:#fff;
}
table.SearchOption td:active{
	transform: scale(1.1);
}

table#menu span{
	display:inline-block;
	cursor:pointer;
	padding:0;
	margin:0;
	background-image: url('../images/arrow.png'),
	/*linear-gradient(168deg, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);*/
	linear-gradient(to right,rgba(84,163,238,1), rgba(30,105,255,1));
    background-repeat: no-repeat, repeat;
    background-position: right .3em top 50%, 0 0;
    background-size: .65em auto, 100%;	
}

label{
	cursor:pointer;
	text-align:center;
}
label span{
	text-align:center;
}
label span:hover{
	background-image: url('../images/arrow.png'),	
	linear-gradient(to right,rgba(255,255,255,1) 5%, rgba(84,163,238,1) 10%, rgba(30,105,255,1));
}
input[type='checkbox']:checked + table.SearchOption{
	display:block;
}

input[type='checkbox']{
	display:none;
}

span.effect{
	color:#00ccff;
	font-weight:bold;
}

span.keyword{
	background:linear-gradient(to bottom,rgba(146,38,0,1), rgba(255,128,0,1));
	font-weight:bold;
	cursor:pointer;
	//white-space: nowrap;
}

span.timing{
	background:linear-gradient(to bottom,rgba(0,0,0,1), rgba(0,115,256,1));
	font-weight:bold;
}

span.times{
	background:linear-gradient(to bottom, #660605, #e35125);
	font-weight:bold;
	border-radius:50px;
}

span.area{
	background:linear-gradient(to bottom,rgba(94,0,76,1), rgba(203,62,130,1));
	font-weight:bold;
	border-radius:50px;
}
span.digiXros{
	background:linear-gradient(to bottom, #0b8670, #12d5b2);
	font-weight:bold;
}
span.Evo{
	background:linear-gradient(to bottom,rgba(0,0,0,1), rgba(0,140,220,1));
	font-weight:bold;
}
span.rules{
	background-color:#000;
	font-weight:bold;
	outline:1px solid #fff;
}

a.link{
	font-style:italic;
	color:#FFFF9F;
	//white-space:nowrap;
}

span.red{
	background-color:#e6002e;
	//white-space:nowrap;
}
span.blue{
	background-color:#0097e0;
	//white-space:nowrap;
}
span.yellow{
	background-color:#ffe202;
	color:#000000;
	//white-space:nowrap;
}
span.green{
	background-color:#009b6b;
	//white-space:nowrap;
}
span.black{
	background-color:#444444;
	//white-space:nowrap;
}
span.purple{
	background-color:#6357a3;
	//white-space:nowrap;
}
span.white{
	background-color:#ffffff;
	color:#000000;
	//white-space:nowrap;
}
span.highlight{
	background-color:#ef0fff;
	color:#ffffff;
}

table#keyword td:nth-of-type(1),
table#keyword td:nth-of-type(2){
	text-align:center;
}

table#keyword td:nth-of-type(3){
	text-align:left;
}
/*
table#keyword td:nth-of-type(3){
	cursor:pointer;
	text-align:center;
	color:#00ffff;
	font-weight:bold;
}
*/




@keyframes open {
 0%   { transform: scale(0);}
 100% { transform: scale(1);}
}

.open{
	-moz-animation: open 0.3s linear;
	-webkit-animation: open 0.3s linear;
	animation: open 0.3s linear;
}

@keyframes close {
 0%   { transform: scale(1);}
 100% { transform: scale(0);}
}

.close{
	-moz-animation: close 0.3s linear;
	-webkit-animation: close 0.3s linear;
	animation: close 0.3s linear;
}

@supports (-webkit-touch-callout: none) {
	body{
		font-family: PingFang, sans-serif;
	}
	input[type='text']{
		font-family: PingFang, sans-serif;
	}
	select, input[type='submit'], input[type='button'], table#menu span{
		font-family: PingFang, sans-serif;
	}
}

@supports not (-webkit-touch-callout: none) {
	body{
		font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;
	}
	input[type='text']{
		font-family: 'Microsoft JhengHei', sans-serif;
	}
	
	select, input[type='submit'], input[type='button'], table#menu span{
		font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;
	}
}