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

@import url("reset.css");

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

*{ margin:0; padding:0;}
.Top{top:152px!important;z-index: 99;}

.WRAPPER{width: 100%;height: auto;background-color: #f6f6f6;}
.TRAYPACKAGE{width: 750px;height: auto;background-color: #f6f6f6;margin: 0 auto;-moz-box-shadow: 0px 0px 20px 0px rgba(107, 107, 110, .5);-webkit-box-shadow: 0px 0px 20px 0px rgba(107, 107, 110, .5);box-shadow: 0px 0px 20px 0px rgba(107, 107, 110, .5);}

.TOP_COVER{width: 750px;height: 365px;background: url('../images/top_cover.jpg') no-repeat center top;background-size: contain;}
.MIANER{width: 750px;height: 155px;background: url('../images/traypackage-bg.jpg') no-repeat center top;}
.MIANER ul{width: 680px;height: 135px;padding-top: 20px;margin: 0 auto;}
.MIANER ul li{float: left;width: 160px;height: 55px;background-color: #3e3a39;margin: 0px 5px 10px 5px;text-align: center;}
.MIANER ul li a{color: #fff;}
.MIANER ul li span.ENG{font: bold 30px/55px "Century Gothic";}
.MIANER ul li span.ENG:before{content: "$";font-size: 15px;}
.MIANER ul li span.CHIN{font: 20px/55px "微軟正黑體";}
.STICKY{position: fixed;top: 0;z-index: 889;}

.PACKAGE{ width:100%; height:auto;overflow:hidden;}
.LATTICE_NO1{width:750px;height: auto; margin:0 auto;background-color:#f6f6f6;padding-bottom:10px;padding-top:20px;overflow:hidden;}
.LATTICE_NO1 h5{width:90%;height:auto;margin: 0 auto; text-align:center;font: bold 2em/2.2em "微軟正黑體"; color:#fff;white-space:nowrap;}
.LATTICE_NO1 h5 img{width: 100%;height: auto;}
.LATTICE_NO1 ul{ width:90%; height: auto; margin:0 auto;}
.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.GQBN{width: 44%;height: auto;margin: 0% 1% 2% 1%;background-image: url('../images/guanqi-1.png');background-size: cover;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-color: transparent;}
.LATTICE_NO1 ul li.GQBN img{opacity: 0;}
.LATTICE_NO1 ul li.GQBN > p{opacity: 0;background-color: transparent;}
.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 #000; border-bottom:1px solid #000; font-size:0.95em; font-weight:bold; color:#424242; line-height:25px; margin-bottom:0.5%; letter-spacing:-1px; white-space:nowrap;overflow: hidden;}
.LATTICE_NO1 ul li p.SP{color: #0d40e5;}

.LATTICE_NO1 ul li p.PNAME{ width:100%; height:36px; margin:0 auto; font-size:0.9em; line-height:1.2em; color:#424242; 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:#424242; 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:#424242;}
.LATTICE_NO1 ul li p.JIAQIAN span.BB{ font-size:1.6em; line-height:1em; color:#e71936; letter-spacing:-0.5px;}
.LATTICE_NO1 ul li p.JIAQIAN span.BB:before{ content:"$"; font-family:"Century Gothic";font-size:0.5em; color:#e71936;}
.LATTICE_NO1 ul li p.JIAQIAN span.CC{ font-size:0.7em; color:#e71936; 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:#e71936;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 #e71936; font:bold 1em/38px "微軟正黑體"; color:#e71936; text-align: center; position:absolute; right:0; top:0; z-index:77;}
.LATTICE_NO1 ul li p.LINGJUAN span.NN:after{content:"▸";display:inline-block;width: 10px;height: 10px;background-color: #e71936;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:#e71936; 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: 15px/8.5px "微軟正黑體";color: #e71936;margin: 0px 0px 3px 3px;text-indent:0px;}


.LATTICE_NO1:nth-child(2) ul li p.LINGJUAN, .LATTICE_NO1:nth-child(2) ul li p.QIANGGOU, .LATTICE_NO1:nth-child(2) ul li p.LINGJUAN span.NN:after{background-color:#667a25;}
.LATTICE_NO1:nth-child(2) ul li p.LINGJUAN span.NN{border: solid 1px #667a25;}
.LATTICE_NO1:nth-child(2) ul li p.JIAQIAN span.BB,.LATTICE_NO1:nth-child(2) ul li p.JIAQIAN span.BB:before, .LATTICE_NO1:nth-child(2) ul li p.LINGJUAN span.NN, .LATTICE_NO1:nth-child(2) ul li p.QIANGGOU span.NN:after{color:#667a25;}

.LATTICE_NO1:nth-child(3) ul li p.LINGJUAN, .LATTICE_NO1:nth-child(3) ul li p.QIANGGOU, .LATTICE_NO1:nth-child(3) ul li p.LINGJUAN span.NN:after{background-color:#414141;}
.LATTICE_NO1:nth-child(3) ul li p.LINGJUAN span.NN{border: solid 1px #414141;}
.LATTICE_NO1:nth-child(3) ul li p.LINGJUAN span.NN, .LATTICE_NO1:nth-child(3) ul li p.QIANGGOU span.NN:after{color:#414141;}

.LATTICE_NO1:nth-child(4) ul li p.LINGJUAN, .LATTICE_NO1:nth-child(4) ul li p.QIANGGOU, .LATTICE_NO1:nth-child(4) ul li p.LINGJUAN span.NN:after{background-color:#851c79;}
.LATTICE_NO1:nth-child(4) ul li p.LINGJUAN span.NN{border: solid 1px #851c79;}
.LATTICE_NO1:nth-child(4) ul li p.JIAQIAN span.BB,.LATTICE_NO1:nth-child(4) ul li p.JIAQIAN span.BB:before, .LATTICE_NO1:nth-child(4) ul li p.LINGJUAN span.NN, .LATTICE_NO1:nth-child(4) ul li p.QIANGGOU span.NN:after{color:#851c79;}

.LATTICE_NO1:nth-child(5) ul li p.LINGJUAN, .LATTICE_NO1:nth-child(5) ul li p.QIANGGOU, .LATTICE_NO1:nth-child(5) ul li p.LINGJUAN span.NN:after{background-color:#2498d4;}
.LATTICE_NO1:nth-child(5) ul li p.LINGJUAN span.NN{border: solid 1px #2498d4;}
.LATTICE_NO1:nth-child(5) ul li p.JIAQIAN span.BB,.LATTICE_NO1:nth-child(5) ul li p.JIAQIAN span.BB:before, .LATTICE_NO1:nth-child(5) ul li p.LINGJUAN span.NN, .LATTICE_NO1:nth-child(5) ul li p.QIANGGOU span.NN:after{color:#2498d4;}

.LATTICE_NO1:nth-child(6) ul li p.LINGJUAN, .LATTICE_NO1:nth-child(6) ul li p.QIANGGOU, .LATTICE_NO1:nth-child(6) ul li p.LINGJUAN span.NN:after{background-color:#684433;}
.LATTICE_NO1:nth-child(6) ul li p.LINGJUAN span.NN{border: solid 1px #684433;}
.LATTICE_NO1:nth-child(6) ul li p.JIAQIAN span.BB,.LATTICE_NO1:nth-child(6) ul li p.JIAQIAN span.BB:before, .LATTICE_NO1:nth-child(6) ul li p.LINGJUAN span.NN, .LATTICE_NO1:nth-child(6) ul li p.QIANGGOU span.NN:after{color:#684433;}

.LATTICE_NO1:nth-child(7) ul li p.LINGJUAN, .LATTICE_NO1:nth-child(7) ul li p.QIANGGOU, .LATTICE_NO1:nth-child(7) ul li p.LINGJUAN span.NN:after{background-color:#f21c6a;}
.LATTICE_NO1:nth-child(7) ul li p.LINGJUAN span.NN{border: solid 1px #f21c6a;}
.LATTICE_NO1:nth-child(7) ul li p.JIAQIAN span.BB,.LATTICE_NO1:nth-child(7) ul li p.JIAQIAN span.BB:before, .LATTICE_NO1:nth-child(7) ul li p.LINGJUAN span.NN, .LATTICE_NO1:nth-child(7) ul li p.QIANGGOU span.NN:after{color:#f21c6a;}


.LATTICE_NO1:nth-child(8) ul li p.LINGJUAN, .LATTICE_NO1:nth-child(8) ul li p.QIANGGOU, .LATTICE_NO1:nth-child(8) ul li p.LINGJUAN span.NN:after{background-color:#1b2b67;}
.LATTICE_NO1:nth-child(8) ul li p.LINGJUAN span.NN{border: solid 1px #1b2b67;}
.LATTICE_NO1:nth-child(8) ul li p.JIAQIAN span.BB,.LATTICE_NO1:nth-child(8) ul li p.JIAQIAN span.BB:before, .LATTICE_NO1:nth-child(8) ul li p.LINGJUAN span.NN, .LATTICE_NO1:nth-child(8) ul li p.QIANGGOU span.NN:after{color:#1b2b67;}


.SHUO_MING_AREA{width:650px;height:auto;margin: 0 auto;padding-bottom: 20px;}
.SHUO_MING_AREA h6{width: 100%;height: 50px;background-color: #E71936;border-radius: 50px;text-align: center;font: bold 30px/50px "微軟正黑體";color: #fff;}
.SHUO_MING_AREA ul,.SHUO_MING_AREA ol{width: 630px;margin: 0 auto;padding-top: 20px;text-align: justify;}
.SHUO_MING_AREA li{font: 16px/28px "微軟正黑體";color: #333;text-align: left;margin-bottom: 10px;}

.SHUO_MING_AREA li span{font: 15px/26px "微軟正黑體";}
.SHUO_MING_AREA li a{color: #333;text-decoration: underline;}
.SHUO_MING_AREA table{width: 100%;}
.SHUO_MING_AREA table,.SHUO_MING_AREA tr,.SHUO_MING_AREA td{border: 1px solid #E71936;text-align: center;font:16px/18px "微軟正黑體";padding: 10px;margin-top: 10px;vertical-align: middle;}
.SHUO_MING_AREA tr:nth-child(1){color:#fff;background-color: #E71936;}



@media screen and (max-width:750px){
	*{ margin:0; padding:0;}
	html, body{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	
	.Top{top:90%!important;}
	.WRAPPER{ width:100%; height:auto;}
	.TRAYPACKAGE{width:100%;}

	.TOP_COVER{width:100%;height:0;padding-bottom:48.66%;background-size: cover;}
	.MIANER{width:100%;height:auto;background-size:99% auto;}
	.MIANER ul{width:95%;height:auto;padding-top:5%;margin: 0 auto;}
	.MIANER ul li{float: left;width: 23%;height: 45px;margin: 0% 1% 1.5% 1%;text-align: center;white-space: nowrap;overflow: hidden;}
	.MIANER ul li a{color: #fff;}
	.MIANER ul li span.ENG{font: bold 5vw/45px "Century Gothic";}
	.MIANER ul li span.ENG:before{content: "$";font-size: 0.5em;}
	.MIANER ul li span.CHIN{font: 1em/45px "微軟正黑體";}
	.STICKY{background-color:#f6f6f6;}

	.PACKAGE{ width:100%; height:auto;}
	.LATTICE_NO1{width:100%;height: auto;margin:0 auto;background-color:#f6f6f6;padding-bottom:2.5%;padding-top:2.5%;overflow:hidden;}
	.LATTICE_NO1 h5{width:98%;height:auto;margin: 0 auto; text-align:center;font: bold 2em/2.2em "微軟正黑體"; color:#fff;white-space:nowrap;}
	.LATTICE_NO1 ul{ width:98%; height: auto; margin:0 auto;}
	.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.GQBN{width: 44%;height: auto;margin: 0% 1% 2% 1%;background-image: url('../images/guanqi-1.png');background-size: cover;overflow: hidden;background-position: center top;background-repeat: no-repeat;background-color: transparent;}
	.LATTICE_NO1 ul li.GQBN img{opacity: 0;}
	.LATTICE_NO1 ul li.GQBN a > p{opacity: 0;background-color: transparent;}
	.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 #000; border-bottom:1px solid #000; font-size:0.95em; font-weight:bold; color:#424242; line-height:25px; margin-bottom:0.5%; letter-spacing:-1px; white-space:nowrap;overflow: hidden;}
	.LATTICE_NO1 ul li p.SP{color: #0d40e5;}
	
	.LATTICE_NO1 ul li p.PNAME{ width:100%; height:36px; margin:0 auto; font-size:0.9em; line-height:1.2em; color:#424242; 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:#424242; 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:#424242;}
	.LATTICE_NO1 ul li p.JIAQIAN span.BB{ font-size:1.6em; line-height:1em; color:#e71936; letter-spacing:-0.5px;}
	.LATTICE_NO1 ul li p.JIAQIAN span.BB:before{ content:"$"; font-family:"Century Gothic";font-size:0.5em; color:#e71936;}
	.LATTICE_NO1 ul li p.JIAQIAN span.CC{ font-size:0.7em; color:#e71936; 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:#e71936;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 #e71936; font:bold 1em/38px "微軟正黑體"; color:#e71936; text-align: center; position:absolute; right:0; top:0; z-index:77;}
	.LATTICE_NO1 ul li p.LINGJUAN span.NN:after{content:"▸";display:inline-block;width: 10px;height: 10px;background-color: #e71936;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:#e71936; 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: 15px/8.5px "微軟正黑體";color: #e71936;margin: 0px 0px 3px 3px;text-indent: 0px;}
	
	
	.SHUO_MING_AREA{width:95%;height:auto;margin: 0 auto;padding-bottom:2.5%;}
	.SHUO_MING_AREA h6{width: 100%;height: 40px;border-radius: 50px;font: bold 1.3em/40px "微軟正黑體";}
	.SHUO_MING_AREA ul,.SHUO_MING_AREA ol{width: 85%;margin: 0 auto;padding-top: 2.5%;}
	.SHUO_MING_AREA li{font: 0.95em/26px "微軟正黑體";text-align: justify;margin-bottom: 2.5%;}
	.SHUO_MING_AREA li span{font: 0.8em/26px "微軟正黑體";}
	.SHUO_MING_AREA table,.SHUO_MING_AREA tr,.SHUO_MING_AREA td{font:0.95em/18px "微軟正黑體";}
	
}