@charset "utf-8";
.salebox {
	height: auto;
	width: 665px;
	margin-right: auto;
	margin-left: auto;
	/*漸層*/
	background: #f6749f; /* Old browsers */
	background: -moz-linear-gradient(top, #f6749f 7%, #fc919b 96%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(7%, #f6749f), color-stop(96%, #fc919b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f6749f 7%, #fc919b 96%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f6749f 7%, #fc919b 96%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f6749f 7%, #fc919b 96%); /* IE10+ */
	background: linear-gradient(to bottom, #f6749f 7%, #fc919b 96%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6749f', endColorstr='#fc919b', GradientType=0 ); /* IE6-9 */
	/*圓角*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/**/
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	/*補件動畫*/
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;	
}
.salebox:hover {
	background-color: #f56b78;
	/*  陰影設定 左 右下 範圍 顏色*/
	box-shadow: 2px 2px 8px #888888;
	-webkit-box-shadow: 2px 2px 8px #888888;
	-moz-box-shadow: 2px 2px 8px #888888;
	-o-box-shadow: 2px 2px 8px #888888;
	-ma-box-shadow: 2px 2px 8px #888888;
	padding-top: -1px;
}
.salebox .left {
	background-image: url(images/saleicon.png);
	width: 209px;
	float: left;
	height: 168px;
}
.salebox .right {
	width: 420px;
	height: auto;
	background-color: #FFF;
	float: left;
	margin-left: 10px;
	/*圓角*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*透明度*/
	opacity:0.9;
	padding: 10px;
	
}
.salebox .right p{
	font-family: "微軟正黑體", "新細明體", "Arial Unicode MS", "lucida console";
	color: #333;
	font-size: 14px;
	line-height: 1.4em;
}
#title {
	padding-top: 10px;
	padding-bottom: 10px;
}
#title a {
	font-family: "微軟正黑體", "新細明體", "Arial Unicode MS", "lucida console";
	font-size: 20px;
	color: #ce3947;
	text-decoration: none;

}
#title a:hover {
	color: #F03;
}

#content {
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #fc919b;
	border-bottom-color: #fc919b;
	overflow: hidden;
}
#content a {
	font-family: "微軟正黑體", "新細明體", "Arial Unicode MS", "lucida console";
	font-size:18px;
	color: #ce3947;
	text-decoration: none;
	float: right;
		/*補件動畫*/
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
}
#content a:hover {
	color: #F03;
}
#attention {
	padding: 10px;
}
.containbox {
	height: auto;
	width: 696px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 15px;
}
.probox {
	float: left;
	height: 300px;
	width: 220px;
	background-color: #fc919b;
	/*圓角*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right: 6px;
	margin-left: 6px;
	/*補件動畫*/
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
}
.probox:hover {
	background-color: #f56b78;
	/*  陰影設定 左 右下 範圍 顏色*/
	box-shadow: 2px 2px 8px #888888;
	-webkit-box-shadow: 2px 2px 8px #888888;
	-moz-box-shadow: 2px 2px 8px #888888;
	-o-box-shadow: 2px 2px 8px #888888;
	-ma-box-shadow: 2px 2px 8px #888888;
	margin-top: -2px;
}
.probox h1 {
	font-family: "微軟正黑體", "新細明體", "Arial Unicode MS", "lucida console";
	color: #FFF;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
}
.probox p {
	font-family: "微軟正黑體", "新細明體", "Arial Unicode MS", "lucida console";
	font-size: 13px;
	color: #333;
}

.header {
	height: 50px;
	width: auto;
	padding-top: 10px;
}
.picture {
	background-color: #FFF;
	height: 210px;
	width: auto;
	padding: 10px;
}
.picture #pic {
	width: 140px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.picture .text {
	height: 65px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.picture span a {
	font-family: "微軟正黑體", "新細明體", "Arial Unicode MS", "lucida console";
	font-size:16px;
	color: #ce3947;
	text-decoration: none;
	float: right;

}
.picture span a:hover {
	color: #F03;
}
#top img {
	-webkit-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-mos-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	opacity:0.6;
	position:fixed;
	bottom:85px;
	right:20px;
}
#top:hover img{ opacity:1}