/* ------------------------------ Basic Setting ------------------------------ */

html,body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Microsoft JhengHei,Helvetica;
	/*font-family: 'Adobe Caslon W01',Georgia,'Times New Roman',Times,serif;*/
}

a{
	color: inherit;
	text-decoration: none;

}

/* ------------------------------ table ------------------------------ */

.table-wrap{
	text-align: center;
	display: table;
	height: 100%;
	width: 100%;
	/*background-color: #e9e9e9;*/
}
.table-cell{
	display: table-cell;
	vertical-align: middle;
}

/* ------------------------------ blackcover ------------------------------ */

.blackcover{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color:rgba(0%,0%,0%,0.3);
	}
		.blackcover[opacity="0.1"]{
			background-color:rgba(0%,0%,0%,0.1);
		}
		.blackcover[opacity="0.2"]{
			background-color:rgba(0%,0%,0%,0.2);
		}
		.blackcover[opacity="0.3"]{
			background-color:rgba(0%,0%,0%,0.3);
		}
		.blackcover[opacity="0.4"]{
			background-color:rgba(0%,0%,0%,0.4);
		}
		.blackcover[opacity="0.5"]{
			background-color:rgba(0%,0%,0%,0.5);
		}
		.blackcover[opacity="0.6"]{
			background-color:rgba(0%,0%,0%,0.6);
		}
		.blackcover[opacity="0.7"]{
			background-color:rgba(0%,0%,0%,0.7);
		}
		.blackcover[opacity="0.8"]{
			background-color:rgba(0%,0%,0%,0.8);
		}
		.blackcover[opacity="0.9"]{
			background-color:rgba(0%,0%,0%,0.9);
		}

/* ------------------------------ transition ------------------------------ */

.transition{
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}