@charset "utf-8";
/*產品資訊列表區塊*/
.list{width:95%;min-height:100px;float:left;overflow:hidden;}
.list_img{-moz-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;background-image:url(../images/button/bg.gif);background-repeat:no-repeat;background-position:left top;}
.list_img:hover{-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;background-position:center center;}
.list_img img:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;z-index:999;}
.list_title{width:100%;}
.list_but{overflow:hidden;margin-bottom:5px;padding:0 5px 3px 5px;background:#f3f3f3;}
.label{color:#7d7d7d;width:28px;height:28px;font-size:12px;line-height:13px;border:1px solid #7d7d7d;float:left;margin:11px 4px 0 0;padding:2px 0 0 3px;font-weight:bold;background:#fff;}
.but_buy{width:39px;height:46px;background-image:url(../images/button/buy.png);background-repeat:no-repeat;background-position:center center;float:right;background-size:39px auto;}
.but_buy:hover{background-image:url(../images/button/buys.png)}
.but_like{width:39px;height:46px;background-image:url(../images/button/like.png);background-repeat:no-repeat;background-position: center center;float:right;background-size:39px auto;}
.but_like:hover{background-image:url(../images/button/likes.png)}


/*頁碼區塊*/
.number_box{text-align:center;}
.number_line{border-top-width:2px;border-top-style:solid;border-top-color:#F5EC9D;margin:2px auto 50px auto;}
.number_l,.number_r{background:#d0d0d0;display:block;height:50px;width:50px;background-repeat:no-repeat;background-position:center center;}
.number_l:hover,.number_r:hover{background:#141414;display:block;height:50px;width:50px;background-repeat:no-repeat;background-position:center center;}
.number_l{float:left;background-image:url(../images/button/arrow_l.gif);}
.number_l:hover{background-image:url(../images/button/arrow_ls.gif);}
.number_r{float:right;background-image:url(../images/button/arrow_r.gif);}
.number_r:hover{background-image:url(../images/button/arrow_rs.gif);}
.number{background:#d0d0d0;padding:15px 20px 16px 20px;height:50px;width:50px;line-height:50px;color:#141414}
.number:hover{background:#141414;color:#fff}
.number2{background:#F5EC9D;padding:15px 20px 16px 20px;height:50px;width:50px;line-height:50px;color:#fff}
.number2:hover{background:#F2E66F;color:#fff}
.numbertxt{line-height:20px;font-size:14px;margin-top:30px}

/*產品items_detail*/
.pdsize_box1{width:100%;margin:0 0 20px 0;overflow:hidden;}
.pdsize_div8{width:70%;overflow:hidden;float:left;}
.pdsize_pic1{width:28%;padding:0 1%;overflow:hidden;float:left;text-align:center;}
.pdsize_div1,.pdsize_div2{float:left;width:100%;overflow:hidden;}
.pdsize_01,.pdsize_02,.pdsize_title{float:left;background:#eff0f0;color:#7d7d7d;text-align:center;padding:10px 0;margin:0 1px 0 0;font-size:14px;overflow:hidden;}
.pdsize_11,.pdsize_22{float:left;color:#141414;text-align:center;padding:10px 0;margin:0 1px 0 0;font-size:14px;overflow:hidden;}
.pdsize_title{width:99.7%;margin:0 1px 1px 0;}
.pdsize_txt{width:96%;padding:10px 5px;font-size:12px;color:#9b9c9c;overflow:hidden;}
.pdsize_01,.pdsize_11{width:12.3%; }
.pdsize_02,.pdsize_22{width:19.8%;}
.pdsize_mobile{width:0px;height:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;margin:0;padding:0;line-height:0}





@media screen and (max-width:1681px){}
@media screen and (max-width:1601px){}
@media screen and (max-width:1537px){}
@media screen and (max-width:1441px){}
@media screen and (max-width:1367px){}
@media screen and (max-width:1281px){}
@media screen and (max-width:1153px){}
@media screen and (max-width:1139px){}
@media screen and (max-width:1098px){}
@media screen and (max-width:1025px){}
@media screen and (max-width:961px){}
@media screen and (max-width:901px){}
@media screen and (max-width:865px){}
@media screen and (max-width:801px){
/*產品items_detail*/
.pdsize_div8{width:68%;}
.pdsize_pic1{width:30%;}
.pdsize_title,.pdsize_txt{width:97.8%;}
.pdsize_01,.pdsize_11{width:12%;}
.pdsize_02,.pdsize_22{width:19.5%;}}
@media screen and (max-width:769px){
/*產品items_detail*/
.pdsize_div8{width:98%;}
.pdsize_pic1{width:100%;}
.pdsize_title,.pdsize_txt{width:98.8%;}
.pdsize_01,.pdsize_11{width:12.2%;}
.pdsize_02,.pdsize_22{width:19.5%;}}
@media screen and (max-width:737px){}
@media screen and (max-width:721px){}
@media screen and (max-width:668px){
.list{width:96%;margin:0 2%}
.number,.number2,.number a,.number2 a{width:0px;height:0px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}}
@media screen and (max-width:641px){
.label{font-weight:normal;}
.list{width:94%;margin:0 6%}}
@media screen and (max-width:599px){
.numbertxt{margin-top:-40px}}
@media screen and (max-width:569px){}
@media screen and (max-width:481px){
/*產品items_detail*/
.pdsize_title,.pdsize_txt,.pdsize_01,.pdsize_02{font-size:12px}}
@media screen and (max-width:436px){.list{width:88%;margin:0 6%}.list_title{text-align:center;}
/*產品items_detail*/
.pdsize_01,.pdsize_11{width:24.5%;padding:4px 0;}
.pdsize_02,.pdsize_22{width:30%;}
.pdsize_mobile{width:100%;float:left;background:#fff;color:#9b9c9c;text-align:center;padding:3px 0;margin:8px 1px 8px 0;font-size:12px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.pdsize_div1{width:0px;height:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;margin:0;padding:0;line-height:0}}
@media screen and (max-width:415px){.list{width:98%;margin:0 1%}}
@media screen and (max-width:385px){.list_but{width:0px;height:0px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}}
@media screen and (max-width:376px){.list_title{text-align:center;}}
@media screen and (max-width:361px){}
@media screen and (max-width:321px){.numbertxt{margin-top:-80px}}