@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;background-color: #52b8e8;}
.HEADER{width: 100%;height:85px;background-color: #FFF;}
.HEADER img{width: 210px;height: 55px; vertical-align: middle;margin-top: 15px;}


.COVER{width: 100%;height: 400px;background-image: url('../images/cover-bg.jpg');background-repeat: no-repeat;background-position: center top;margin-bottom: 20px;background-size: cover;}


.PACKAGE{width: 100%;height: auto;padding-bottom: 30px;}

.BANNER_HD{width: 670px; height: 60px;background-color: #e23015;margin: 0 auto 20px auto;padding: 5px 5px;}
.BANNER_HD h4{text-align: center;width: 668px; height: 58px;border: 1px solid #fad444;font: bold 30px/58px "微軟正黑體"; color: #FFF;}
.BANNER_HD h4 span{display:inline-block; width: 90px;height: 30px; background-color: #ffdc58; font:bold 15px/28px "微軟正黑體"; color: #501213;vertical-align:middle;margin: -1% 0% 0% 2%;}
.PACKAGE p.OTHERTXT{width: 670px; height: 40px;text-align: center;color: #FFF; font: bold 21px/40px "微軟正黑體";margin: -20px auto 0 auto;}

.LINGSHI_BOX{width: 700px;height: auto;margin: 0 auto 5px auto;overflow: hidden;}
.LINGSHI_BOX h5{width:100%; text-align:center; font:bold 35px/90px "微軟正黑體"; color:#fff2c3;background-image: url('../images/h5-bg.png');background-position: center top; background-repeat: no-repeat;}
.LINGSHI_BOX ul{width: 690px;height: auto;margin: 0 auto;}
.LINGSHI_BOX li{width: 335px;height: 445px;float: left;background-color: #52b8e8;margin: 0px 5px 20px 5px;}
.LINGSHI_BOX li h6{width:333px;height: 333px;text-align: center;border: 1px solid #501213;margin-bottom: 15px;}
.LINGSHI_BOX li h6 img{width:100%;height:auto;}
.LINGSHI_BOX li p{float: left; overflow: hidden;}
.LINGSHI_BOX li p.L-MING{ width: 95%;height: 50px;padding: 0px 2.5px; text-align: center;font:bold 21px/25px "微軟正黑體"; color: #FFF;white-space: pre-wrap;margin-bottom: 10px;}
.LINGSHI_BOX li p.L-JIAQIANY{width: 175px;height: 35px;background-color: #8e4d3b;line-height: 35px;background-image: url('../images/lsa-bg.png');background-repeat: no-repeat;background-position: left top;}
.LINGSHI_BOX li p.L-JIAQIANY span.LSA{padding-left: 5px;padding-right: 3px; font: 15px/35px "微軟正黑體";color: #f0e136;}
.LINGSHI_BOX li p.L-JIAQIANY span.LSB{font:bold 30px/35px "Century Gothic";color: #f0e136;}
.LINGSHI_BOX li p.L-JIAQIANY span.LSB:before{content:"$";font-size: 15px;}
.LINGSHI_BOX li p.L-JIAQIANJ{width: 160px;height: 35px;background-color: #8e4d3b;line-height: 35px;white-space:nowrap;}
.LINGSHI_BOX li p.L-JIAQIANJ span.LSC{font: 15px/35px "微軟正黑體";color: #FFF;padding-right: 3px;}
.LINGSHI_BOX li p.L-JIAQIANJ span.LSD{font:bold 30px/35px "Century Gothic";color: #FFF;}
.LINGSHI_BOX li p.L-JIAQIANJ span.LSD:before{content:"$";font-size: 15px;}
.LINGSHI_BOX li p.L-JIAQIANJ span.LSDD{font:bold 20px/35px "微軟正黑體";color: #FFF;}

.FOOTER_AREA{width: 100%;height: 420px; background-color: #FFF;}
.FOOTER_AREA .COPYRIGHT{padding-top: 30px; width: 750px; margin: 0 auto;}
.FOOTER_AREA .COPYRIGHT p.CO1{height: 40px; padding: 0px 50px; font: 13px/21px "新細明體"; color: #5a5454;text-align: center;margin-bottom: 20px;}
.FOOTER_AREA .COPYRIGHT p.CO2{height: 100px; border-top: 1px solid #d5d5d5;background-image: url('../images/jianjina.jpg');background-repeat: no-repeat;background-position: 20px center;padding-left: 375px;padding-right: 35px;}
.FOOTER_AREA .COPYRIGHT p.CO2 img{width: 170px;height: 60px;margin-top:15px;vertical-align:middle;}
.FOOTER_AREA .COPYRIGHT p.CO3{border-top: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5;height: 70px; padding: 20px 50px 25px 50px; font: 17px/24px "微軟正黑體"; color: #acacac;text-align: left;letter-spacing: 0.5px;}
.FOOTER_AREA .COPYRIGHT p.CO4{height: 40px; font:bold 12px/40px "微軟正黑體"; color: #acacac;text-align: center;}
.FOOTER_AREA .COPYRIGHT p.CO5{height: 25px; font:bold 16px/20px "微軟正黑體"; color: #4a4a4a;text-align: center;}
.FOOTER_AREA .COPYRIGHT p.CO5 span{margin-left: 18px;font-weight: normal;}



@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;background-color: #52b8e8;}
	
	.HEADER{width: 100%;height:auto;background-color: #FFF;}
	.HEADER img{width: 130px;height: 34px;vertical-align: middle;margin-top: 1.2%;margin-bottom: 1.2%;}


	.COVER{width: 100%;height: 0;padding-bottom: 50.63%; background-image: url('../images/cover-bg.jpg');background-repeat: no-repeat;background-position: center top;margin-bottom: 20px;}
	
	
	.PACKAGE{width: 100%;height: auto;padding-bottom: 5%;}
	
	.BANNER_HD{width: 94.5%; height: auto;background-color: #e23015;margin: 0 auto 2% auto;padding: 0.5% 1% 0.5% 0.7%;white-space:nowrap;}
	.BANNER_HD h4{text-align: center;width: 96%; height: auto; padding:0% 2%;border: 1px solid #fad444;font: bold 1.05em/2.2em "微軟正黑體"; color: #FFF;overflow: hidden;}
	/*.BANNER_HD h4:after{content: "▸";color: #501213;width: 10px;height: 10px;border-radius: 50%;background-color: #ffdc58;padding: 0px 5px;margin-left: 5px;}*/
	.BANNER_HD h4:after{content: "GO";font: bold 19px/20px "Century Gothic";letter-spacing: -1px; color: #501213;width: 10px;height: 10px;border-radius: 50%;background-color: #ffdc58;padding: 3px 1px;margin-left: 5px;}
	.BANNER_HD h4 span{display:none; width: 90px;height: 30px; background-color: #ffdc58; font:bold 1em/30px "微軟正黑體"; color: #501213;vertical-align:middle;margin: 0% 0% 1.5% 2%;}
	.PACKAGE p.OTHERTXT{width: 96%; height: auto;text-align: center;color: #FFF; font: bold 15px/20px "微軟正黑體";margin: -2% auto 0 auto;padding: 1.5% 1% 0% 1%;}
	
	.LINGSHI_BOX{width: 100%;height: auto;margin: 0 auto;overflow: hidden;}
	.LINGSHI_BOX h5{width:100%;height:auto; text-align:center;font: bold 1.8em/2.2em "微軟正黑體";white-space:nowrap; color:#fff2c3;background-image: url('../images/h5-bg.png');background-position: center top; background-repeat: no-repeat;background-size: cover;}
	.LINGSHI_BOX ul{width: 98%;height: auto;margin: 0 auto;}
	.LINGSHI_BOX li{width: 48%;height: auto;float: left;background-color: #52b8e8;margin:0% 1% 4% 1%;}
	.LINGSHI_BOX li h6{width:100%;height: 0;text-align: center;border: solid 1px #501213;margin-bottom: 5%;padding-bottom: 100%;}
	.LINGSHI_BOX li h6 img{width:100%;height:auto;}
	.LINGSHI_BOX li p{float: left; overflow: hidden;text-align: center;}
	.LINGSHI_BOX li p.L-MING{ width: 95%;height: 40px;padding: 0px 2.5px; text-align: center;font:bold 1em/20px "微軟正黑體"; color: #FFF;white-space: pre-wrap;margin-bottom:2.5%;}
	.LINGSHI_BOX li p.L-JIAQIANY{width:100%;height: 35px;background-color: #501213;line-height: 35px;background-image:none;}
	.LINGSHI_BOX li p.L-JIAQIANY span.LSA{padding-left: 0px;font: 0.85em/35px "微軟正黑體";color: #f0e136;}
	.LINGSHI_BOX li p.L-JIAQIANY span.LSB{font:bold 1.8em/35px "Century Gothic";color: #f0e136;}
	.LINGSHI_BOX li p.L-JIAQIANY span.LSB:before{content:"$";font-size: 0.5em;}
	.LINGSHI_BOX li p.L-JIAQIANJ{width: 100%;height: 35px;background-color: #8e4d3b;line-height: 35px;white-space:nowrap;}
	.LINGSHI_BOX li p.L-JIAQIANJ span.LSC{font: 0.8em/35px "微軟正黑體";color: #FFF;}
	.LINGSHI_BOX li p.L-JIAQIANJ span.LSD{font:bold 1.8em/35px "Century Gothic";color: #FFF;}
	.LINGSHI_BOX li p.L-JIAQIANJ span.LSD:before{content:"$";font-size: 0.5em;}
	.LINGSHI_BOX li p.L-JIAQIANJ span.LSDD{font:bold 1.3em/35px "微軟正黑體";color: #FFF;letter-spacing: -0.04em;}
	
	
	.FOOTER_AREA{width: 100%;height: auto; background-color: #FFF;margin-bottom: 5%;}
	.FOOTER_AREA .COPYRIGHT{padding-top:2.5%; width: 100%; margin: 0 auto;}
	.FOOTER_AREA .COPYRIGHT p.CO1{width: 90%;height: auto; padding: 0% 5%; font: 13px/21px "新細明體"; color: #5a5454;text-align: justify;margin-bottom: 2.5%;}
	.FOOTER_AREA .COPYRIGHT p.CO2{height:15px; border-top: 1px solid #d5d5d5;background-image: url('../images/jianjina.jpg');background-repeat: no-repeat;padding-left:0px;padding-right: 0px;background-size: 100% auto;background-position: center -5px; padding-bottom: 27%;padding-top: 2.5%;}
	.FOOTER_AREA .COPYRIGHT p.CO2 img{width: 50%;height: auto;margin-top: 9%;vertical-align: middle;}
	.FOOTER_AREA .COPYRIGHT p.CO3{width: 90%;border-top: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5;height: auto; padding: 2% 5% 2% 5%; font: 17px/24px "微軟正黑體"; color: #acacac;text-align: justify;letter-spacing: 0.5px;margin-bottom: 2.5%;}
	.FOOTER_AREA .COPYRIGHT p.CO4{width: 90%;height: auto; font:bold 12px/16px "微軟正黑體"; color: #acacac;text-align: center;padding: 0% 5%;margin-bottom: 2.5%;}
	.FOOTER_AREA .COPYRIGHT p.CO5{height: auto; font:bold 16px/20px "微軟正黑體"; color: #4a4a4a;text-align: center;}
	.FOOTER_AREA .COPYRIGHT p.CO5 span{margin-left: 18px;font-weight: normal;}

	
	
}