@charset "utf-8";
/* CSS Document */

@import url("reset.css");


a{ text-decoration:none; outline:none;}
map area { outline: none;}
img{ vertical-align:top;}
li{ list-style:none;}


*{margin: 0;padding: 0;outline: none;}
.WRAPPER{width:100%;height:auto;}
.PACKAGE{width:100%;height:auto;}

.LATTICE_NO2{width:950px;height: auto;margin: 0 auto;padding-bottom: 10px; padding-top: 20px;overflow: hidden;}
.LATTICE_NO2 h5{width:100%;height:70px; text-align: center;font:bold 40px/55px "微軟正黑體"; color:#fff;}
.LATTICE_NO2 ul{width:940px;margin:0 auto;}
.LATTICE_NO2 ul li{width:225px;height: 395px;margin: 0px 5px 10px 5px;text-align: center;background-color: #fff;float: left;}
.LATTICE_NO2 ul li.GQBN{width:225px;height: 395px;margin: 0px 5px 10px 5px;background-image: url('../images/guanqi-1.jpg');background-size: cover;background-position: center bottom;background-repeat: no-repeat;background-color: transparent;}
.LATTICE_NO2 ul li.GQBN a > p{opacity: 0;background-color: transparent;}
.LATTICE_NO2:nth-child(2) ul li.GQBN{background-image: url('../images/guanqi-2.jpg');}
.LATTICE_NO2:nth-child(3) ul li.GQBN{background-image: url('../images/guanqi-3.jpg');}
.LATTICE_NO2:nth-child(4) ul li.GQBN{background-image: url('../images/guanqi-4.jpg');}
.LATTICE_NO2 ul li.GQBN img{width:100%;height:auto;opacity: 0;}
.LATTICE_NO2 ul li>img{width: 100%;height: auto;}
.LATTICE_NO2 ul li h6{width:225px;height: 225px;}
.LATTICE_NO2 ul li h6>img{width: 100%;height: auto;}
.LATTICE_NO2 ul li p.TESE{width: 215px;height: 40px;padding: 0 5px; background-color: #ff273a;font:bold 19px/40px "微軟正黑體"; color:#fff;}
.LATTICE_NO2 ul li p.PINMING{width: 225px;height: 40px;font:16px/18px "微軟正黑體"; color:#000;padding-top: 5px;}
.LATTICE_NO2 ul li p.JIAGE{width: 225px;height: 45px;color: #ff273a;position: relative;white-space: nowrap;}
.LATTICE_NO2 ul li p.JIAGE span.TT1{text-decoration: line-through;color: #5a5b5d;font:13px/15px "Century Gothic";}
.LATTICE_NO2 ul li p.JIAGE span.TT1:before{content: "$";font-size: 13px;}
.LATTICE_NO2 ul li p.JIAGE span.TT2{font:bold 16px/45px "微軟正黑體";}
.LATTICE_NO2 ul li p.JIAGE span.TT3{font:bold 32px/45px "Century Gothic";}
.LATTICE_NO2 ul li p.JIAGE span.TT3:before{content: "$";font-size: 16px;}
.LATTICE_NO2 ul li p.JIAGE span.TT4{font:bold 16px/45px "微軟正黑體";}
.LATTICE_NO2 ul li p.QIANG{width: 225px;height: 40px;background-color: #5b000b; font:25px/40px "微軟正黑體";color: #fff;}

@media screen and (max-width:768px){
	
	*{margin: 0;padding: 0;outline: none;}
	html, body{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

	.LATTICE_NO2{width:100%;height: auto;margin: 0 auto;padding-bottom:2.5%;padding-top:2.5%;overflow: hidden;}
	.LATTICE_NO2 h5{width:100%;height: auto;text-align: center;font: bold 2em/2.2em "微軟正黑體"; color:#fff;white-space:nowrap;}
	.LATTICE_NO2 ul{width:98%;margin: 0 auto;padding-left: 0px;}
	.LATTICE_NO2 ul li{width:48%;height: auto;margin:0% 1% 2% 1%;;text-align: center;background-color: #fff;float: left;}
	.LATTICE_NO2 ul li.GQBN{width: 48%;height: auto;margin: 0% 1% 2% 1%;background-image: url('../images/guanqi-1.jpg');background-size: cover;overflow: hidden;background-position: center top;background-repeat: no-repeat;background-color: transparent;}
	.LATTICE_NO2 ul li.GQBN a > p{opacity: 0;background-color: transparent;}
	.LATTICE_NO2:nth-child(2) ul li.GQBN{background-image: url('../images/guanqi-2.jpg');}
	.LATTICE_NO2:nth-child(3) ul li.GQBN{background-image: url('../images/guanqi-3.jpg');}
	.LATTICE_NO2:nth-child(4) ul li.GQBN{background-image: url('../images/guanqi-4.jpg');}
	.LATTICE_NO2 ul li.GQBN img{width:100%;height:100%;opacity: 0;}
	.LATTICE_NO2 ul li>img{width: 100%;height: auto;}
	.LATTICE_NO2 ul li h6{width:100%;height:0;padding-bottom: 100%;}
	.LATTICE_NO2 ul li h6>img{width:100%;height:auto;}
	.LATTICE_NO2 ul li p{overflow: hidden;}
	.LATTICE_NO2 ul li p.TESE{width:95%;height:35px;padding: 0 2.5%; font:bold 1em/35px "微軟正黑體";white-space: nowrap;}
	.LATTICE_NO2 ul li p.PINMING{width:100%;height:40px;font:.95em/1.2em "微軟正黑體";}
	.LATTICE_NO2 ul li p.JIAGE{width:96%;height:45px;color: #ff273a;position: relative;padding:0% 2%;white-space: nowrap;}
	.LATTICE_NO2 ul li p.JIAGE span.TT1{display: block;text-decoration: line-through;color: #5a5b5d;font:.85em/1em "Century Gothic";position: absolute;top:10%;left: 5%;}
	.LATTICE_NO2 ul li p.JIAGE span.TT1:before{content: "$";font-size: .85em;}
	.LATTICE_NO2 ul li p.JIAGE span.TT2{font:bold .8em/45px "微軟正黑體";}
	.LATTICE_NO2 ul li p.JIAGE span.TT3{font:bold 1.8em/45px "Century Gothic";}
	.LATTICE_NO2 ul li p.JIAGE span.TT3:before{content: "$";font-size: 0.5em;}
	.LATTICE_NO2 ul li p.JIAGE span.TT4{font:bold 0.9em/45px "微軟正黑體";}
	.LATTICE_NO2 ul li p.QIANG{width:100%;height:35px;background-color: #5b000b; font:1.2em/1.8em "微軟正黑體";color: #fff;}

	
}