@Charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

/*----------------------------------------------------*/


body{
	font-size:16px;
    font-family:Arial, Helvetica,"微軟正黑體", sans-serif,Microsoft JhengHei;
	background-color:#999;
	}

/*@media screen and (max-width: 640px) {*/
	
#ALL{
	margin:0 auto;
	width:640px;
	height:auto;}	
		
	
#CONTENT1{
	position:relative;
	background-image:url(images/mobile_national_01.png);
	height:672px;
}

p{
	font-family:Arial, Helvetica, 微軟正黑體, sans-serif;
	font-size:20px;
	line-height:1.3;}

#W1{
	position: absolute;
	top: 370px;
	left: 59px;
	width: 535px;
}

#W2{
	position: absolute;
	top: 469px;
	left: 59px;
	width: 535px;
}
#W3{
	position: absolute;
	top: 563px;
	left: 59px;
	width: 535px;
}

#CONTENT3{
	background-image:url(images/mobile_national_02.png);
	width:640px;
	height:628px;
	position:relative;
	overflow:hidden;}	

#TABLE_1{
	position: absolute;
	top: 34px;
	left: 27px;
	width: 580px;
}

#TABLE_1 p,#TABLE_2 p,#TABLE_3 p,#TABLE_4 p{
	font-size:250%;
	color:#333;
	display:block;
	padding-right:5px;}



#TABLE_2{
	position: absolute;
	top: 151px;
	left: 27px;
	width: 580px;
	}

	
#TABLE_3{
	position: absolute;
	top: 221px;
	left: 27px;
	width: 580px;
	}
	

#TABLE_4{
	position: absolute;
	top: 299px;
	left: 32px;
	width: 580px;
	height: auto;
	}
	


#READ{
	position: absolute;
	top: 366px;
	left: 36px;
	font-family: Arial, Helvetica,"微軟正黑體", sans-serif,Microsoft JhengHei;
	font-size: 150%;
	letter-spacing: 0.5px;
	width: 573px;
	display: block;
	height: 40px;

}

#PP{
	display:inline-block;
	width: 583px;
	height:58px;
	font-family: Arial, Helvetica,"微軟正黑體", sans-serif,Microsoft JhengHei;
	font-size: 280%;
	font-weight: bold;
	color: #C33;
	position: absolute;
	top: 27px;
	left: 40px;
	letter-spacing: 4px;
	text-shadow: 2px 2px 2px #FFF;
}

#sBut{
	position: absolute;
	background-image: url(images/but_2.png);
	width: 580px;
	height: 120px;
	top: 451px;
	left: 32px;
	}


.searchtext2{
	 min-width:40px;
	 min-height:40px;
     border:solid px gray;
	 background-color:#FFF;
	}
	
.searchtext3 {
	padding-top:5px;
	height:auto;
	text-align: center;
	letter-spacing:1pt;
	border: 1px solid #ccc; 
	color: #333;
	font-size:250%;
	}
.searchtext6 {
    width:95%;
	height:53px;
	text-align: center;
	letter-spacing: 1pt;
	border: 1px solid #ccc; 
	color: #333;
	font-size:250%;
    font-family:Arial, Helvetica,"微軟正黑體", sans-serif,Microsoft JhengHei;
	background-color:#FFF;
	}
	
	
.searchtext7{
    width:100%;
	height:53px;
	text-align: center;
	letter-spacing: 1pt;
	border: 1px solid #ccc; 
	color: #333;
    font-family:Arial, Helvetica,"微軟正黑體", sans-serif,Microsoft JhengHei;
	font-size:250%;
	background-color:#FFF;}
	



#footer{
	background-color:#FFF;
	width:640px;
	height:auto;
	margin:0 auto;
	overflow:hidden;}
		
		
#CONTENT4{
	height:500px;
	overflow: hidden;
	background-color:#50507e;
	}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	border: none;
	
}
#block {
	margin:0 auto;
	overflow: hidden;
	position: relative;
	width:640px;	
	height: 500px;	
	/*border: 1px solid #ccc;*/
}

#block ul {
	width: 99999px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#block ul li {
	float: left;
}
#block ul li a {
	display: block;
	width: 100px;	
}
.control {
	text-decoration: none;
	position: absolute;
	top: 48%;
	left: 10px;
	width: 50px;
	height: 50px;
	margin-top: 30px;
	font-size: 70px;
	font-weight: 100;
	line-height: 40px;
	color: #ffffff;
	font-family: Helvetica;
	text-align: center;
	background: #9aa2b8;
	/*border: 3px solid #ffffff;*/
	border-radius: 28px;
	opacity: 0.2;
	filter: alpha(opacity=0);
}
.control.right {
	right: 10px;
	left: auto;
}
.control.left {
	left: 10px;
}
.control:hover, .control:focus {
	color: #ffffff;
	opacity: 0.7;
	filter: alpha(opacity=50);
}