@charset "utf-8";
/* CSS Document */
body{
	margin:0;
}
#container{
	width:100%;
	margin:0 auto;}

.product{
	margin: 1% 4%;
}
/*left*/
.product_list_title p{
	margin: 0;
	font-family: 'Archivo Black', sans-serif;
	font-size: 3.5em;
	color: #fff;
	background: #878787;
	padding: 0 0 0 5%;

}
.product_left{
	padding-right: 2%;
	box-sizing: border-box;

}
ul.pro_list{
	text-decoration: none;
	list-style: none;
	padding: 0;
}
li.pro_class01 a{
	text-decoration: none;
	list-style: none;
	padding: 0;
	color: #9C9C9C;
	line-height: 2em;
	font-size: 1.8em;
	
}
li.pro_class02 a{
	text-decoration: none;
	color: #9C9C9C;
	font-size: 1.5em;
}

li.pro_class02 a:hover{
	color: #4B4B4B;


}
ul.pro_list_2{
	text-decoration: none;
	list-style: none;
	display: none;
	line-height: 2em;
	padding-left: 20px;
	margin: 0;
	background: #DDDDDD;
	border-top: 2px #A0A0A0 solid;
	border-bottom: 3px #4B4B4B solid;
}
li.pro_class02 a{
	padding: 0;

}
li.pro_class01:hover ul.pro_list_2{
	display: block;
}

/*right*/

.search{
	text-align: left
	width: 300px;
	margin-top: 0.8em;

}
.search input{
	border: #A8A8A8 1px solid;
    height: 2em;
    width: 190px;
    border-radius: 5px;
    margin: 0 0.2em;
    padding: 0 0.2em;
    box-sizing: border-box;
}
.search img{
	margin-left: 0.2em;	
}
.search input, .search img{
	display: inline-block;
	vertical-align: top;
}


/*內頁*/
/*內頁產品小標*/
.hamburger-promenu{
	display: none;
}
.product_content2{
	text-align: left;
    box-sizing: border-box;
    padding-left: 1%;
}
.product_content2 p{
	color: #4B4B4B;
	margin: 0;
    font-size: 2.3em;
    padding: 2% 0;


}
/*price*/
.pro_price p, .pro_price span{
	display: inline-block;
}
.pro_price p{
	font-size: 3em;
	margin: 0 1em;
	
}
.pro_price span{
	font-size: 2.8em;
	text-decoration:line-through;
	color:#A0A0A0;
}
/*顏色選擇*/
.pro_color{
    font-family: "微軟正黑體";
    font-size: 1.2em;
    line-height:2em;
    color: #A0A0A0;
    font-weight: bold;
}
.color_item {
    border: 1px solid #cccccc;
    height: 2em;
    font-family: "微軟正黑體"
    min-width: 250px;
    margin-bottom: 20px;
    color: #4B4B4B;

}
/*數量*/
.pro_number{
    font-family: "微軟正黑體";
    line-height:2em;
    font-size: 1.2em;
    color: #A0A0A0;
    font-weight: bold;		
}
.pro_number input[type="number"] {
    box-shadow: initial;
    height: 2em;
    font-family: "微軟正黑體"
    font-size: 0.8em;
    min-width: 250px;
    color: rgb(51, 51, 51);
    box-sizing: border-box;
    position: relative;
    text-align: center;
    padding: 2px 8px;
    border-radius: 0px;
    margin: -1px 0px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
}



/*結帳按鈕*/
.pro_cart{
	text-align: center;
	width: 100%;
}
.add_cart, .pay{
	padding: 0.8em 0.3em;
	background: #4B4B4B;
	box-sizing: border-box;
}
.add_cart{
	width: 68%;
	max-width: 400px;
	margin-right:1% ;

}
.pay{
	width: 30%;
	
}
.pro_cart a{
	width: 100%;
	text-decoration: none;
	color: #fff;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	
}
.add_cart:hover, .pay:hover{
	background: #DA4E40;
}


/*產品敘述*/
.pro_information_title{
	font-size: 1.3em;
	color: #4B4B4B;
	letter-spacing: 0.1em;
	border-bottom: #A0A0A0 1px solid;
	padding: 1.3em 0;
}
.product_information{

	box-sizing: border-box;
	margin:0 auto 0 0;
}
.pro_information_text{
	width: 100%;
	max-width:1200px; 
	word-break:break-all;
	font-size: 1.2em;
	color:  #4B4B4B;
	letter-spacing: 0.1em;
	line-height: 1.3em;
}





@media screen and (min-width:320px) and (max-width:800px) {
	.title p, .hamburger-promenu{
		display: inline-block;
	}

	.pro_list{
		display: none;
	}
	.product_left{
		width: 100%;
	}
	.product_list_title p{
		display: none;
	}
	.product_left, .product_right{
		width: 100%;
	}









}