@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-image: url('../images/patten.jpg');background-repeat: repeat;}

.HEAD_COVER{width: 100%;height: 405px;background-image: url('../images/header.jpg'); background-position: center top;background-repeat: no-repeat;}
.HEAD_COVER .CONBOX{width: 960px;height: 405px;margin: 0 auto;position: relative;}
.HEAD_COVER .CONBOX p.LOGO{width: 160px;height: 40px;position: absolute;left:30px;top: 30px;}

.TEXT_PACKAGE{width: 100%;height: auto;background-image: url('../images/brother-bg.jpg');background-repeat: no-repeat;background-position: center top;}
.TEXT_AREA{width: 760px;height: auto;margin: 0 auto;background-color: rgba(228, 36, 67,0.85);overflow: hidden;padding: 60px 65px 60px 65px;text-align: left;color: #FFF;font-family: "微軟正黑體";line-height:1.7;}
.TEXT_AREA h5{font-weight: bold;font-size:22px;line-height:1.2; color: #fff799; border-left:5px solid #fff799; padding-left: .5em; margin-bottom: .5em;}
.TEXT_AREA h6{font-size:20px;line-height:1.8;margin-bottom: 10px;}
.TEXT_AREA p{font-size: 17px; text-indent: -1em; padding-left: 1em;}
.TEXT_AREA p a{color: #FFF;text-decoration: underline;}
.TEXT_AREA p span{color:#ffed1f;font-weight: bold;}
.TEXT_AREA p.BG{background-color: #fb3a51;padding: 15px 15px; text-indent:0;}
footer{ width:100%; height:80px;text-align:center; font:14px/80px "微軟正黑體"; color:#ffbfa0;}


@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;background-image: url('../images/patten.jpg');background-repeat: repeat;}

	.WRAPPER{ width:100%; height:auto;background-image: none;background-repeat: repeat;}

	.HEAD_COVER{width: 100%;height:0;padding-bottom:61.7%; background-image: url('../images/header.jpg');background-size: cover;background-position:53% top;background-repeat: no-repeat;}
	.HEAD_COVER .CONBOX{width:100%;height:auto;margin: 0 auto;position: relative;}
	.HEAD_COVER .CONBOX p.LOGO{width: 25%;height:auto;position: absolute;left:3%;top:0;margin-top:2%;}
	.HEAD_COVER .CONBOX p.LOGO img{width: 100%;height: auto;}

	.TEXT_PACKAGE{display:inline-block; width: 100%;height:0;padding-bottom: 49.5%; background-image: url('../images/brother-bg.jpg');background-repeat: no-repeat;background-position: 53% top;background-size: cover;}
	.TEXT_AREA{width:80%;height: auto;margin: 0 auto;background-color: rgba(228, 36, 67,0.85);overflow: hidden;padding:5% 5%;text-align: left;color: #FFF;font-family: "微軟正黑體";line-height:1.7;}
	.TEXT_AREA br{display: none;}
	.TEXT_AREA h5{font-size:1.5em;}
	.TEXT_AREA h6{font-size:1.2em;line-height:1.8;margin-bottom:5%;}
	.TEXT_AREA p{font-size: 1em;margin-bottom: 3%;}
	.TEXT_AREA p.BG{background-color: #fb3a51;padding: 5% 5%;}
	footer{ width:90%; height:auto;text-align:center; font:0.9em/1.5em "微軟正黑體"; color:#ffbfa0;padding: 5% 5%;}

	
}