@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:601px) { /*桌面*/
/*=========================首頁=========================*/
#wrap {
    width:80%;
	display: flex;
	flex-wrap: wrap;
	border: 0px solid hsla(0,0%,0%,1.00);
	padding: 0;
    margin:0 auto 10% auto;
}
.item_time{
	padding-bottom: 10px;
	display: inline-block;
	}
.item {
	border: 0px solid hsla(0,0%,0%,1.00);
	padding: 1%;
	width: 100%;
	display: block;
	text-decoration: none;
	transition: transform 0.8s;
	text-align: justify;
	margin: 2%;
}
.item:hover {
	color: hsla(0,0%,38%,1.00);
	transform: scale(1.05);
}

.item a:hover{
	color:hsla(0,0%,29%,1.00);	
}
	
.item_wrap{
	display: flex;	
}
	
.item_wrap_img{/*圖片區塊*/
	display: block;
	border: 0px solid hsla(0,0%,0%,1.00);
	width:20%;
	max-width: 200px;
	min-width: 150px;
	padding:10px 0 10px 0;
}
	
.item_wrap_img p{/*圖片區塊*/
	margin: 0;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border: 0px solid hsla(0,0%,0%,1.00);
	border-radius: 5px;
	}
	
.item_wrap_img img{/*圖片*/
	width: 100%;
	height: auto;
	border-radius: 5px;
	display: block;
	}
	
.item_wrap_text{/*文字區塊*/
	display: block;
	width: 78%;
	border: 0px solid hsla(0,0%,0%,1.00);
	padding-left: 2%;
}
	
.item_title {/*標題*/
	font-size: 14pt;
	font-weight: 400;
}
.item_desc {/*簡介*/
	font-size: 12pt;
	margin: 0;
	font-weight: 300;
	line-height: 25px;
}
	
.price_wrap{/*售價區塊*/
	
}
.suggest{/*建議售價*/
    color: hsla(0,0%,39%,1.00);
    text-decoration: line-through;
}
	
.price{/*售價*/
	color:hsla(359,57%,54%,1.00);
	
}
	
.discount{/*優惠售價*/
	color:hsla(359,57%,54%,1.00);	
}
	
.stok{/*庫存*/
	color: hsla(0,0%,46%,1.00);
	font-size: 11pt;
	}
/*=========================首頁=========================*/
	
/*=========================內頁=========================*/
	
#content_wrap{
    width:80%;
    margin:0 auto 0 auto;
	display: flex;
	border: 0px solid hsla(0,0%,0%,0.30);
	padding-bottom: 30px;
}
	
#content_album{
	flex:6;

}
	
#content_text{
	flex:4;

	margin-left:2%;
}
	
#content_text h1{
	font-size: 22pt;
	font-weight: 900;
	padding:0 0 15px 0;
}
	
.content_text_brief{
	font-size: 14pt;	
}
	
.content_text_price{
}
	
.content_text_suggest{
	color:hsla(0,0%,47%,1.00);
	text-decoration: line-through;
}

.content_text_suggest_span{
	margin-left: 10px;
	font-family: Arial;
	font-size: 18pt;
	font-weight: 400;
	position: relative;
	top: 2px;
	text-decoration: line-through;
}
	
.content_text_price{
	color: hsla(359,48%,55%,1.00);
}
	
.content_text_price_span{
	margin-left: 10px;
	font-family: Arial;
	font-size: 22pt;
	font-weight: bold;
	position: relative;
	top: 4px;
}
	
.shopBt{
	color: hsla(0,0%,45%,1.00);
	padding-top: 15px;
}
	
.Snum{
	width: 100px;
	height: 40px;
	border: 1px solid hsla(0,0%,46%,1.00);
	text-align: center;
}
	
.shop_submit{
	background-color: hsla(359,51%,54%,1.00);
	border-width: 0px;
	color: hsla(0,0%,100%,1.00);
	height: 40px;
	width: 150px;
}
	
#album{
    border-top: 1px solid hsla(0,0%,0%,0.30);
    padding: 2%;
    margin-top: 5%;
	}
	
#file{
	border-top: 1px solid hsla(0,0%,0%,0.30);
    padding: 2%;
    margin-top: 3%;	
	
	}

.clod{
	border-width: 0px;
	background-color: hsla(0,0%,93%,1.00);
	padding: 5px 10px 5px 10px;
	color: hsla(0,0%,69%,1.00);
	margin:0 5px 0 5px;
	}
    .selected {
	background-color: #C65555; /* 選取後的背景顏色 */
	color: hsla(0,0%,100%,1.00);
    }
/*=========================內頁=========================*/

}

	
@media screen and (max-width:600px) { /*行動裝置*/
/*=========================首頁=========================*/	
#wrap {
	flex-wrap: wrap;
	border: 0px solid hsla(0,0%,0%,1.00);
	padding: 5%;
}
.item_time{
	padding-bottom: 10px;
	display: inline-block;
	}
.item {
	border-bottom: 1px dotted hsla(0,0%,54%,1.00);
	padding: 5% 2% 5% 2%;
	width: 100%;
	display: block;
	text-decoration: none;
	transition: transform 0.8s;
	text-align: justify;
}
.item:hover {
	color: hsla(0,0%,38%,1.00);
	transform: scale(1.05);
}

.item a:hover{
	color:hsla(0,0%,29%,1.00);	
}
	
.item_wrap{
	display: block;	
}
	
.item_wrap_img{
	display: block;
	border: 0px solid hsla(0,0%,0%,1.00);
	width:100%;
	padding:10px 0 10px 0;
}
	
.item_wrap_img p{
	margin: 0;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border: 0px solid hsla(0,0%,0%,1.00);
	border-radius: 5px;
	}
	
.item_wrap_img img{
	width: 100%;
	height: auto;
	border-radius: 5px;
	display: block;
	}
	
.item_wrap_text{
	display: block;
	width: 100%;
	border: 0px solid hsla(0,0%,0%,1.00);
	padding-left: 2%;
	text-align: center;
	color: hsla(0,0%,48%,1.00);
	}
	
.item_title {
	font-size: 17pt;
	font-weight: 400;
}
.item_desc {
	font-size: 14pt;
	margin: 0;
	font-weight: lighter;
	line-height: 35px;
}
	
.price_wrap{/*售價區塊*/
	
}
.suggest{/*建議售價*/
    color: hsla(0,0%,39%,1.00);
    text-decoration: line-through;
}
	
.price{/*售價*/
	color:hsla(359,57%,54%,1.00);
	margin:10px 0 0 0;
	
}
	
.discount{/*優惠售價*/
	color:hsla(359,57%,54%,1.00);	
}
	
.stok{/*庫存*/
	color: hsla(0,0%,46%,1.00);
	font-size: 11pt;
	}
/*=========================首頁=========================*/
	
/*=========================內頁=========================*/
	
#content_wrap{
	display: flex;
    /*flex-direction: column;  將 flex 方向改為垂直方向，即上下排列 */
	flex-direction: column-reverse; /* 反轉順序 */
	padding-bottom: 30px;
}
	
#content_album{
	width:100%;

}
	
#content_text{
	width: 100%;
	padding-bottom: 30px;
}
	
#content_text h1{
	font-size: 18pt;
	font-weight: 400;
	padding:0 0 15px 0;
	text-align: center;
}
	
.content_text_brief{
	font-size: 10pt;
	/*text-align: center;*/
}
	
.content_text_price{
	text-align: center;
}
	
.content_text_suggest{
	color:hsla(0,0%,47%,1.00);
	text-decoration: line-through;
}

.content_text_suggest_span{
	margin-left: 10px;
	font-family: Arial;
	font-size: 18pt;
	font-weight: 400;
	position: relative;
	top: 2px;
	text-decoration: line-through;
}
	
.content_text_price{
	color: hsla(359,48%,55%,1.00);
}
	
.content_text_price_span{
	margin-left: 10px;
	font-family: Arial;
	font-size: 22pt;
	font-weight: bold;
	position: relative;
	top: 4px;
}
	
.shopBt{
	color: hsla(0,0%,45%,1.00);
	padding-top: 15px;
	text-align: center;
}
	
.Snum{
	width: 49%;
	height: 40px;
	border: 1px solid hsla(0,0%,46%,1.00);
	text-align: center;
}
	
.shop_submit{
	background-color: hsla(359,51%,54%,1.00);
	border-width: 0px;
	color: hsla(0,0%,100%,1.00);
	height: 40px;
	width: 49%;
}
	
#album{
    border-top: 1px solid hsla(0,0%,0%,0.30);
    padding: 2%;
    margin-top: 5%;
	}
	
#file{
	border-top: 1px solid hsla(0,0%,0%,0.30);
    padding: 2%;
    margin-top: 3%;	
	
	}
	
#album{
	border-top: 1px solid hsla(0,0%,0%,0.30);
	padding: 5% 2% 5% 2%;
	margin-top: 5%;	
	}
	
#file{
	border-top: 1px solid hsla(0,0%,0%,0.30);
	padding: 5% 2% 5% 2%;
	margin-top: 3%;		
	}
	
.clod{
	border-width: 0px;
	background-color: hsla(0,0%,93%,1.00);
	padding: 5px 10px 5px 10px;
	color: hsla(0,0%,69%,1.00);
	margin:0 5px 0 5px;
	}
    .selected {
	background-color: #C65555; /* 選取後的背景顏色 */
	color: hsla(0,0%,100%,1.00);
    }
	
/*=========================內頁=========================*/
	
	}