html,
body {
	margin:0 auto;
	padding:0;
	height:100%;
	width:100%;

	color: #fff;
	background-color:#466592;	
	font-size:100%;
	line-height:14px;
	/*font-family: "Times New Roman", Times, "SimSun",serif;*/

	font-family: "AGaramondPro", EB Garamond, Verdana, STSong, MSungHK-Light, "新細明體", PMingLiU,"FangSong", "仿宋", STFangSong, "华文仿宋", "Microsoft JhengHei", serif;



	
	 /* Microsoft JhengHei
	-webkit-user-select: none;  Chrome all / Safari all */
	/*-moz-user-select: none;      Firefox all */
	/*-ms-user-select: none;       IE 10+ */
	/*user-select: none;           Likely future */      

}
a:link  , a:visited {
	color:#fff;
	text-decoration: none;
}

a:hover , a:active  {
    color: #4652a1;
    text-decoration: none;
}


#wrapper {
	width:100%;
	min-height:100%;
	position:relative;
    background-color:#e6e7e8;

	
}

.cover {
	display:none;
}

.cover_land{
	display:none;
}


.contents {
	width:90%;
	max-width:1400px;
	height: 85%;
	max-height:900px;
	background-color:#9dc9eb;
	margin:0 auto;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	box-sizing: border-box;
	padding:20px;
}



.contents .logo{
	width:26%;
	margin:0 auto;
	padding-top:2%;
}

.contents .logo img {
	width:100%;
	max-width:400px;
}

.text_contents {
	max-width:1200px;
	margin:0 auto;
}

.text_contents h3{
	width:90%;
	margin:0 auto;
	font-size:1.6em;
	padding-top:6%;
	max-width:1000px;
}

.disclaimer {
	width:90%;
	margin:0 auto;
	padding-top:20px;
	max-width:1000px;
	font-size:1em;
	line-height:1.5em;
	text-align:justify;
	height:310px;
}

.disclaimer .en{
	font-size:1em;
}

.en {
	display:none;
}

.cn {
	display:none;
}

.lang {
	width:200px;
	text-align:center;
	margin:0 auto;
	padding-bottom:10px;
}

.enter_wp {
	padding-top:10%;
}

.lang ul li{
	display:inline-block;
	padding:0 5px;
}

.enter_btn {
	width:110px;
	margin:0 auto;
	border:1px solid #fff;
	text-align:center;
	padding:10px 15px;
}


#mobile_wrapper {
	display:none;
}

@media screen and (max-height: 800px){ 
	.contents {
		height:95%;
	}
	.contents .logo{
		padding-top:0px;
	}

	.text_contents h3 {
		padding-top:3%;
		line-height: 1.2em;
	}

	.disclaimer {
		height:250px;
	}
	.enter_wp {
		padding-top:5%;
	}
}

@media screen and (max-height: 900px){
	.enter_wp {
		padding-top:5%;
	}
}

@media screen and (max-width: 1000px){ 
	#wrapper {
		display:none;
	}

	#mobile_wrapper {
		width:100%;
		height:100%;
		background-color:#315086;
		background-image:url('../images/mbg.jpg');
		background-position:bottom center;
		background-size:cover;
		display:block;
	}

	.mobile_main {
		width: 95%;
    /* height: 85%; */
    	margin: 0 auto;
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);


	}

	.m_disclaimer{
		width: 90%;
    	margin: 0 auto;
    	height: 450px;
    	padding: 5px;

    	font-size: 0.8em;
    	line-height: 1.4em;
    	text-align: justify;
    	letter-spacing:0.1em;
    	box-sizing: border-box;

	}

	.m_disclaimer p{
		padding:5px 0px;
	}

	
	.m_disclaimer p .en{
		letter-spacing:0em;
	}

	.lang a:hover, a:active{
		color:#639cd6;
	}

	.m_enter {
		    margin-top: 30px;
	}
	
	.mobile_enterbtn{
		width: 150px;
    	margin: 0 auto;
    	text-align: center;
    	padding: 18px 15px;
    	border: 1px solid;
	}


}

@media screen and (max-height: 570px){
	.m_disclaimer{ 
		height:300px;

	}

}