@charset "utf-8";
/* CSS Document */
*{
	padding: 0; margin: 0;
}
a{
	text-decoration: none;
}
ul{list-style: none;}
body{
	background-image: url(images/index_bg.jpg);
	background-size:contain;
	background-repeat: no-repeat;
	background-color: #001520;
}
.wrapper{
	width: 950px; height: auto;margin: 0 auto;
}
.menu ul{
	width: 900px;
	height: 290px;
	margin: auto;
}
.menu ul li a{
	display: block;
	font-size: 24PX;
	line-height: 140PX;
	color: #0196AC;
	text-align: center;
	font-family: "微軟正黑體";
	width: 140px;
	height: 140px;
	float: left;
	background-color: #fffab0;
	border-radius: 150px;
	margin:0px 5px 5px 5px;
	font-style: normal;
	font-weight: bold;
}
.menu ul li a:hover{
	color: #FFFFFF;
	background-color:#005d6b;
}
.info h6{
	font:40px/60px "微軟正黑體";
	color: #FFFFFF;
	text-align: center;
}
.info ul{
	width: 	90%;
	margin: auto;
	padding-left: 2em;

}
.info ul li{
	list-style: decimal;
	color: #FFFFFF;
	font:20px/30px "微軟正黑體";
	color: #FFFFFF;
	margin-bottom: 10px;
}



.PACKAGE{ width:100%; height:auto;overflow:hidden;}
.LATTICE_NO1{width:950px;height: auto; margin:0 auto;padding-bottom:5px;padding-top:10px;overflow:hidden;}
.LATTICE_NO1 h5{width:100%;font:bold 40px/70px "微軟正黑體";color:#fff;text-align:center; }
.LATTICE_NO1 ul{width:950px;margin:0 auto;padding-left: 8px;}
.LATTICE_NO1 ul li{width:220px;height:auto;float:left;margin:0px 2px 5px 2px;font-family:"微軟正黑體";padding:5px 5px 5px 5px;background-color:#FFF;text-align:center;}
.LATTICE_NO1 .TZ{width:100%; height:auto;background: url(images/TZ.png) top center;background-repeat: no-repeat;margin-bottom: 5px;}
.LATTICE_NO1 .TZ a{color: #FDFDFD;}

.LATTICE_NO1 ul li p.pcimg{width:100%;height:auto;margin:0 auto;font-size:20px;font-weight:bold;color:#575757;line-height:28px; margin-bottom:2px;overflow: hidden;}
.LATTICE_NO1 ul li p.brand{width:100%;height:28px;margin:0 auto;font-size:20px;font-weight:bold;color:#575757;line-height:28px; margin-bottom:2px;overflow: hidden;}
.LATTICE_NO1 ul li p.name{width:100%;height:36px;margin:0 auto;font-size:16px;line-height:18px;color:#575757;margin-bottom:2px;overflow:hidden;}
.LATTICE_NO1 ul li p.btn{width:100%;height:30px;margin:0 auto;font-size:25px;line-height:30px;color:#FFF;background-color: #FF0004;border-radius: 50px; overflow:hidden;}
.LATTICE_NO1 ul li p.btn span.PP:after{content:"點";font: 15px "微軟正黑體";color: #FFF;}


@media screen and (max-width:768px){
	
	.wrapper{width: 100%; height: auto;}
	
	.menu ul{
	width: 312px;
	height: 100px;
	margin: auto;
	}
	.menu ul li a{
		display: block;
		font-size: 10PX;
		line-height: 50PX;
		color: #0196AC;
		text-align: center;
		font-family: "微軟正黑體";
		width: 50px;
		height: 50px;
		float: left;
		background-color: #fffab0;
		border-radius: 50px;
		margin:0px 1px 5px 1px;
		font-style: normal;
		font-weight: bold;
	}
	
	
	
	.LATTICE_NO1{width:100%;height: auto;margin:0 auto;overflow:hidden;}
	.LATTICE_NO1 ul h5{width:100%;height:auto; text-align:center;font: bold 2em/1.8em "微軟正黑體"; color:#fff;}
	.LATTICE_NO1 ul{ width:98%; height: auto; margin:0 auto;padding-left: 0px;}
	.LATTICE_NO1 ul li{width:44%; height: auto; float:left; margin:0% 1% 2% 1%; font-family:"微軟正黑體";padding:2% 2% 2% 2%;background-color: #FFF; text-align:center; }
	.LATTICE_NO1 .TZ{background-image:none;background-color: #ff0004;}
	
	
}