@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;}

.WRAPPER{ width:100%; height:auto;}
.PACKAGE{ width:100%; height:auto;overflow:hidden;}

/*page1*/
.LATTICE_NO2{height: auto;margin: 0 auto;padding-bottom: 10px; padding-top: 20px;overflow: hidden; background:#fde5e9;}
.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-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(1) ul li.GQBN{background-image: url('../images/p2_275x475_01.jpg'); background-color: #3d375a;}
.LATTICE_NO2:nth-child(2) ul li.GQBN{background-image: url('../images/p2_275x475_02.jpg'); background-color: #48494d;}
.LATTICE_NO2:nth-child(3) ul li.GQBN{background-image: url('../images/p2_275x475_03.jpg'); background-color: #456177;}
.LATTICE_NO2:nth-child(4) ul li.GQBN{background-image: url('../images/p2_275x475_04.jpg'); background-color: #c5081b;}
.LATTICE_NO2:nth-child(5) ul li.GQBN{background-image: url('../images/p2_275x475_05.jpg'); background-color: #040000;}
.LATTICE_NO2:nth-child(6) ul li.GQBN{background-image: url('../images/p2_275x475_06.jpg'); background-color: #262d31;}
.LATTICE_NO2:nth-child(7) ul li.GQBN{background-image: url('../images/p2_275x475_07.jpg'); background-color: #6b657a;}
.LATTICE_NO2:nth-child(8) ul li.GQBN{background-image: url('../images/p2_275x475_08.jpg'); background-color: #dc4278;}
.LATTICE_NO2:nth-child(9) ul li.GQBN{background-image: url('../images/p2_275x475_09.jpg'); background-color: #007ba9;}
.LATTICE_NO2:nth-child(10) ul li.GQBN{background-image: url('../images/p2_275x475_10.jpg'); background-color: #374da2;}
.LATTICE_NO2:nth-child(11) ul li.GQBN{background-image: url('../images/p2_275x475_11.jpg'); background-color: #e8e9eb;}
.LATTICE_NO2:nth-child(12) ul li.GQBN{background-image: url('../images/p2_275x475_12.jpg'); background-color: #5e83af;}
.LATTICE_NO2:nth-child(13) ul li.GQBN{background-image: url('../images/p2_275x475_13.jpg'); background-color: #fbdde5;}
.LATTICE_NO2:nth-child(14) ul li.GQBN{background-image: url('../images/p2_275x475_14.jpg'); background-color: #fee100;}
.LATTICE_NO2:nth-child(15) ul li.GQBN{background-image: url('../images/p2_275x475_15.jpg'); background-color: #fffae4;}
.LATTICE_NO2:nth-child(16) ul li.GQBN{background-image: url('../images/p2_275x475_16.jpg'); background-color: #f25c78;}
.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: 225px;height: 40px;background-color: #ffd9f4;font:bold 19px/40px "微軟正黑體"; color:#bf3a97;white-space: nowrap; overflow: hidden;}
.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: #ff3854;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 "微軟正黑體"; display: none;}
.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: #d31850; font:25px/40px "微軟正黑體";color: #fff;}

/*page3*/
.LATTICE_NO1{height: auto; margin:0 auto;background-color:#fde5e9; padding-bottom:5px;padding-top:10px;overflow:hidden;}
.LATTICE_NO1 h5{width:100%;font:bold 40px/70px "微軟正黑體";color:#1a1a1a;text-align:center; }
.LATTICE_NO1 ul{width:940px;margin:0 auto;padding-left: 5px;}
.LATTICE_NO1 ul li{width:220px;height:360px;float:left;margin:0px 5px 5px 0px;font-family:"微軟正黑體";padding:5px 5px 5px 5px;background-color:#FFF;text-align:center;}
.LATTICE_NO1 ul li p.IFR{width:220px;height:220px;margin:0 auto;margin-bottom:2px;text-align: center;position: relative;}
.LATTICE_NO1 ul li p.IFR iframe{width:100%;height:220px;position:absolute;top:0;left:0;}
.LATTICE_NO1 ul li p.IFR img{width:220px;height:220px;}
.LATTICE_NO1 ul li p.TEBIAO{width:220px;height:28px;margin:0 auto;border-top:1px solid #575757;border-bottom:1px solid #575757;font-size:19px;font-weight:bold;color:#575757;line-height:28px; margin-bottom:2px;letter-spacing:-1px;white-space:nowrap;overflow: hidden;}
.LATTICE_NO1 ul li p.PNAME{width:220px;height:36px;margin:0 auto;font-size:16px;line-height:18px;color:#575757;overflow:hidden;}
.LATTICE_NO1 ul li p.JIAQIAN{height:35px;font-family:"Century Gothic";font-weight:bold;}
.LATTICE_NO1 ul li p.JIAQIAN span.AA{font-size:14px;font-weight:normal;color:#575757;text-decoration:line-through;padding-right:3px;}
.LATTICE_NO1 ul li p.JIAQIAN span.AA:before{content:"$";font-family:"Century Gothic";font-weight:normal;font-size:14px;color:#575757;}
.LATTICE_NO1 ul li p.JIAQIAN span.BB{font-size:32px;line-height:30px;color:#ff3854;}
.LATTICE_NO1 ul li p.JIAQIAN span.BB:before{content:"$"; font-family:"Century Gothic";font-size:15px; color:#ff3854;}
.LATTICE_NO1 ul li p.JIAQIAN span.CC{font-size:15px;color:#ff3854;font-family:"微軟正黑體";font-weight:bold;}
.LATTICE_NO1 ul li p.LINGJUAN{width:215px;height:35px;font-family:"微軟正黑體";font-size:14px;letter-spacing:-1px;background-color:#d31850;text-align: left;position: relative;padding-left:5px;white-space: nowrap;}
.LATTICE_NO1 ul li p.LINGJUAN a{display: inline-block;width:145px;color:#FFF;}
.LATTICE_NO1 ul li p.LINGJUAN span.MM{font-family:"Century Gothic";color:#fffc00;font-size:32px;font-weight:bold;line-height:35px;}
.LATTICE_NO1 ul li p.LINGJUAN span.MM:before{content:"$";font-size:15px;}
.LATTICE_NO1 ul li p.LINGJUAN span.NN{width:68px;height:33px;background-color:#FFF;border: solid 1px #d31850;font: bold 17px/33px "微軟正黑體";color:#d31850;text-align:center;position: absolute;right:-1px;top:0;z-index:99;}
.LATTICE_NO1 ul li p.LINGJUAN span.NN:after{content:"▸";display:inline-block;width: 12px;height: 12px;background-color: #d31850;border-radius: 50%;vertical-align: middle;font: 20px/10px "微軟正黑體";color: #fff;margin: 0px 0px 2px 2px;text-indent: -1px;}
.LATTICE_NO1 ul li p.QIANGGOU{width:220px;height:35px;background-color:#d31850;text-align:center;}
.LATTICE_NO1 ul li p.QIANGGOU span.NN{font:bold 18px/35px "微軟正黑體";color:#FFF;}
.LATTICE_NO1 ul li p.QIANGGOU span.NN:after{content:"▸";display:inline-block;width: 12px;height: 12px;background-color: #fff;border-radius: 50%;vertical-align: middle;font: 20px/10px "微軟正黑體";color: #d31850;margin: 0px 0px 3px 3px;text-indent: -1px;}


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

	.WRAPPER{ width:100%; height:auto;}
	.PACKAGE{ width:100%; height:auto;}

	.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-size:105%;overflow: hidden;background-position: center center;background-repeat: no-repeat;}
	.LATTICE_NO2 ul li.GQBN a > p{opacity: 0;background-color: transparent;}
	.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:100%;height:40px;font:bold 1em/2.5em "微軟正黑體";white-space: nowrap;}
	.LATTICE_NO2 ul li p.PINMING{width:100%;height:40px;font:1em/1.2em "微軟正黑體";}
	.LATTICE_NO2 ul li p.JIAGE{width:96%;height:45px;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:0.9em/1em "Century Gothic";position: absolute;top:10%;left: 3%;}
	.LATTICE_NO2 ul li p.JIAGE span.TT1:before{content: "$";font-size: 0.9em;}
	.LATTICE_NO2 ul li p.JIAGE span.TT2{font:bold 0.9em/45px "微軟正黑體";}
	.LATTICE_NO2 ul li p.JIAGE span.TT3{font:bold 2em/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:40px;font:1.2em/1.8em "微軟正黑體";}

	.LATTICE_NO1{width:100%;height: auto;margin:0 auto;padding-bottom:2.5%;padding-top:2.5%;overflow:hidden;}
	.LATTICE_NO1 h5{width:100%;height:auto; text-align:center;font: bold 2em/1.8em "微軟正黑體"; white-space:nowrap;}
	.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 ul li p.IFR{width:100%; height:0; padding-bottom:100%; margin:0 auto; margin-bottom:2%; position:relative;}
	.LATTICE_NO1 ul li p.IFR iframe{width: 100%;height:100%;position: absolute;top: 0;left: 0;}
	.LATTICE_NO1 ul li p.IFR img{ width:100%; height: auto; margin:0 auto;}
	.LATTICE_NO1 ul li p.TEBIAO{ width:100%; height: 25px; margin:0 auto; border-top:1px solid #575757; border-bottom:1px solid #575757; font-size:0.95em; font-weight:bold; color:#575757; line-height:25px; margin-bottom:1%; letter-spacing:-1px; white-space:nowrap;overflow: hidden;}
	.LATTICE_NO1 ul li p.PNAME{ width:100%; height:36px; margin:0 auto; font-size:0.9em; line-height:1.2em; color:#575757; white-space: pre-wrap; overflow:hidden;}
	.LATTICE_NO1 ul li p.JIAQIAN{height:30px; font-family:"Century Gothic"; font-weight:bold; white-space:nowrap;padding-top: 5px;}
	.LATTICE_NO1 ul li p.JIAQIAN span.AA{ font-size:0.83em;font-weight:normal; color:#575757; text-decoration:line-through; padding-right:1%;}
	.LATTICE_NO1 ul li p.JIAQIAN span.AA:before{ content:"$"; font-family:"Century Gothic"; font-weight:normal; font-size:0.83em; color:#575757;}
	.LATTICE_NO1 ul li p.JIAQIAN span.BB{ font-size:1.6em; line-height:1em; color:#ff3854; letter-spacing:-0.5px;}
	.LATTICE_NO1 ul li p.JIAQIAN span.BB:before{ content:"$"; font-family:"Century Gothic";font-size:0.5em; color:#ff3854;}
	.LATTICE_NO1 ul li p.JIAQIAN span.CC{ font-size:0.7em; color:#ff3854; font-family:"微軟正黑體"; font-weight:bold;}
	.LATTICE_NO1 ul li p.LINGJUAN{ width:100%; height:35px;font-family:"微軟正黑體"; font-size:0.87em;letter-spacing:-0.04em;background-color:#d31850;text-align:center; position: relative;padding-left:0px;white-space: nowrap;overflow: hidden;}
	.LATTICE_NO1 ul li p.LINGJUAN a{ display: block; width:100%; height: auto; color:#FFF;}
	.LATTICE_NO1 ul li p.LINGJUAN span.MM{ font-family:"Century Gothic";color:#fffc00; font-size:2em; font-weight:bold; line-height:38px;}
	.LATTICE_NO1 ul li p.LINGJUAN span.MM:before{ content:"$"; font-size:0.5em;}
	.LATTICE_NO1 ul li p.LINGJUAN span.NN{display: none;width:30%; height:33px; background-color:#FFF; border:solid 1px #d31850; font:bold 1em/38px "微軟正黑體"; color:#d31850; text-align: center; position:absolute; right:0; top:0; z-index:99;}
	.LATTICE_NO1 ul li p.LINGJUAN span.NN:after{content:"▸";display:inline-block;width: 10px;height: 10px;background-color: #d31850;border-radius: 50%;vertical-align: middle;font: 15px/8.5px "微軟正黑體";color: #fff;margin: 0px 0px .5px 1.5px;text-indent: 0px;}
	.LATTICE_NO1 ul li p.QIANGGOU{ width:100%; height:35px; margin:0 auto; background-color:#d31850; text-align: center;}
	.LATTICE_NO1 ul li p.QIANGGOU span.NN{ font:bold 1.2em/35px "微軟正黑體"; color:#FFF;}
	.LATTICE_NO1 ul li p.QIANGGOU span.NN:after{content:"▸";display:inline-block;width: 12px;height: 12px;background-color: #fff;border-radius: 50%;vertical-align: middle;font: 20px/10px "微軟正黑體";color: #d31850;margin: 0px 0px 3px 3px;text-indent: -1px;}

}