@CHARSET "UTF-8";


/**

green1:#aacd06

green2:#07a33f

grey1:#3e3e3e

grey2:#313131

icon-grey3:#d6d7d9

 **/

html{
	
/* 	overflow-x: hidden; */
	font-family:Microsoft JhengHei;
	
}

 
body{
	
	margin:0;
/* 	overflow-x: hidden; */
	font-size:10pt;
	
	letter-spacing:1px;
	
}

.ui-mobile .ui-page-active {

/*     overflow: hidden; */
}

a{
	
	text-decoration:none;
	color:#8cc63f;
	font-weight:bold;
	
}

ul{
	
	list-style:none;
	
}



.max-width{
	
	max-width:600px;
	
}

.width{
	
	width:600px;
	
}


.topper{
	
	width:100%;
	
	position:fixed;
	top:0;
	padding:0px;
	
	z-index:99;
	
	background-color:white;
	text-align:center;
	
	color:#444;
	
}

.logo{
	
	height:30px;
	margin-top:5px;
	margin-bottom:5px;
	
}

.title-box{
	
	margin-top:5px;
	font-size:15px;
	
	max-width:100%;
	
}

.title{
	
	
}

.menu-box{
	
	width:100%;
	height:40px;
	
	background-color:#aacd06;	
	
}

.menu-wrap{

	max-width:1000px;
	height:100%;
	
	margin:0 auto;
	
}

.menu{

	width:100%;
	height:100%;
	
	text-align:center;
	
	
}

.menu ul{

	max-width:100%;
	height:100%;
	
	padding:0;
	
	display:inline-block;
	
	
	
}

.menu li{

	float:left;
	margin-top:-3px;
	margin-right:15px;
	margin-left:15px;
	
	color:white;
	font-size:16px;
	text-shadow:none;
	
}

.anchor a{
	
	color:white;
	font-weight:normal;
	
}

.anchor a:hover{
	
	color:white;
	font-weight:bold;
	
}

.top_blank{
	
	max-width:100%;
	height:80px;
	
}

.footer01{
	
	clear:both;
	
	width:100%;
	height:40px;
	
	background-color:#3e3e3e;
	
	text-align:center;
	
	color:#d4d4d4;
	text-shadow:none;
	
	padding:5px;;
	
	line-height:3.5;
	
}

.footer02{
	
	width:100%;
	height:50px;
	
	background-color:#313131;
	
	text-align:center;
	line-height:2;
	color:#d4d4d4;
	text-shadow:none;
	padding:5px;
	
}


@media screen and (max-width: 600px) {
	
	.menu li{

		margin-right:5px;
		margin-left:5px;
		
	}
	
	.anchor a{
	
		color:white;
		font-weight:normal;
		font-size:0.9em;
	}
	
	.footer01-text{
	
		letter-spacing:0.5px;
		
	}
	
	.footer02{
	
		height:40px;
		line-height:20px;
		font-size:6px;
		
	}
    
    
    @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
		
		.logo{
	
			background: url("../img/logo-30.png") no-repeat ;
			background-size: 100%;
			
		}
		
	}
    
}