@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);

html {
	background-先不要: url(../images/bg.jpg) top center repeat-x;
	background-color:#f5f5f5;
	overflow-x:hidden;
	background-attachment:fixed;
	/*background-origin:border-box; 固定時不用，不過通常都是對齊*/

}

body {
	min-height: 100%;
    margin: 0;
	padding: 0;
}

a {
	color: black;
	text-decoration: none;
}

a.disabled, area.disabled {
	cursor: default;
}

p {font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;}
span {font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;}

header img{
    width:100%;
    display: block;
}

article img{
    width:100%;
    display: block;
}

footer img{
    width:100%;
    display: block;
}



header  {
	width:100%;
    background: hsla(168,100%,50%,0.3);
    /*background:#00ffcc; 先不要*/
    /*opacity: .5; - 整體透明*/

}

.header_pc {
	width:100%;
	max-width:1200px;
	position:relative;
	margin:0 auto;
	display:block;
}

.header_m {
	display:none;
}

article {
	width:100%;
    background: hsla(168.1, 31.8%, 50%, 0.3);
	background: url(images/content.jpg) top center repeat-x;

}

.content  {
	clear:both;
	max-width:1200px;
	position:relative;
	margin:0 auto;
	padding:5px;
	
}

section {
	width:100%;
	max-width:1000px;
	margin:0 auto;

}




footer {
	clear:both;
	width:100%;
	background: hsl(0, 100%, 95.3%);

}
	 
.footer_pc  {
	width:100%;
	max-width:1000px;
	margin:0 auto;

}

div{transition: all 0.4s ease;}

/*之後再用~*/
@media (max-width: 600px) {}

.pet-title{background-color:#fff;display: flex;justify-content: left;padding:10px;padding-left:3%;padding-right:3%;margin:5px}

.pet-title img{width:100%;max-width:35px;border-radius: 50%;display:block;align-self: center;flex: 0 0 auto;}
.pet-title p{align-self:center;display: block;float: right;padding-left:10px;font-weight: bold;font-size: 1.4em;}
input.big {display:block;align-self: center;flex: 0 0 auto; width: 25px;height: 25px;margin-right: 3%}

.products-content{display: flex;justify-content: left;}
.products-content img{width:100%;max-width:80px;border-radius: 10px;display:block;align-self: center;flex: 0 0 auto;}
.products-content p{}


.products-s{padding-left:2.5%;width:100%;max-width:450px;display:block;align-self: center;}
.products-s span{float:left;font-weight: bold;font-size: 1em;color:#6f6f6f;margin-bottom:10px;}
.label-1{float:left;width:100%;max-width:93px;border-radius: 5px;color:#fff;background-color:#1a60aa;text-align: center;padding:2px;font-size: 11pt;margin:5px;}
.label-2{float:left;width:100%;max-width:93px;border-radius: 5px;color:#fff;background-color:#ef452f;text-align: center;padding:2px;font-size: 11pt;margin:5px;}



.size-box{padding-left:2%;width:100%;max-width:220px;display: flex;}
ul{list-style-type:none;padding-left: 10px;}
li{font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;font-size: 1em;color:#6f6f6f;font-size: 11pt;display:block;align-self: center;flex: 0 0 auto;}

.size-number{width:100%;max-width:50px;display: flex;}

.price{padding-right:2.5%;display: flex;}
.price p{display: block;float: right;padding-left:10px;font-weight: bold;font-size: 11pt;align-self: center;}

input.re {display:block;align-self: center;flex: 0 0 auto; width: 25px;height: 25px;margin-right: 3%}
.revise{display: flex;align-self: center;min-width: 40px;}


a{color:#1a60aa;}

.products-item{background-color:#fff;padding-top:30px;padding-bottom:30px; padding:10px;padding-left:3%;padding-right:3%;margin-left:5px;margin-right:5px;border-bottom: 1px dashed #ccc;}



.car-title{background-color:#fff;display: flex;justify-content: left;padding:10px;padding-left:3%;padding-right:3%;margin:5px}

.car-title img{width:100%;max-width:58px;display:block;align-self: center;flex: 0 0 auto;}
.car-title p{align-self:center;display: block;float: right;padding-left:10px;font-weight: bold;font-size: 1em;}


.seller{margin-bottom:20px;}