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

body {
margin:0;
padding:0;
background:rgba(0,0,0,1);
font-family: "Heiti TC", "LiHei Pro", "Microsoft JhengHei", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration:none;
overflow-y:hidden;
overflow-x:hidden;
}
/* 產品縮圖切換 */
.item_thumb{
display:block;
width:100%;
height:auto;
text-align:right;
padding:5% 0 0 0;
}
.item_thumb img{
width:100px;
height: auto;
margin:5px;
border: none;
}
.item_thumb img:hover{
outline: 2px solid white;
}

.item_close{
  display: block;
  float: right;
  border:0px;
  margin-top: 20px;
  margin-right: 50px;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

@media screen and (max-device-width: 480px) {
  .item_thumb img{
    width:12em;
    }
  .item_close2{
    color: #eeeeee;
    opacity: 0.7;
    display: block;
    float: right;
    border:0px;
    margin-top: 20px;
    margin-right: 50px;
    margin-bottom: 30px;
    font-size: 5em;
    }
}

/* 購物車按鈕 */
.product_qty{
display:block;
float:right;
margin:0 0 5% 0;
vertical-align:middle;
}
.product_qty_btn{
margin-top: 2vh;
background:none;
color: #fff;
border: 0px;
width:24px;
height:24px;
font-size: 1.2em;
}
.product_input{
margin-top:2px;
background:none;
border: 2px solid white;
color: #fff;
width: 4vw;
height:24px;
text-align:center;
font-size: 1.2em;
}
.product_addtocart{
display:block;
float: right;
margin:0 0 5% 0;
width:100%;
}
.product_cart_hr{
border-top: 1px solid white;
border-bottom: 0px ;
margin: 1px 0px 1px 0px;
}
.product_addtocart_btn{
background:none;
color: #fff;
border: 2px solid white;
width: 30%;
height: auto;
font-size: 14px;
text-align:center;
margin-left:69%;
margin-top:-1%;
}
.product_addtocart_btn:hover{
opacity:1;
background: rgba(255,255,255,.8);
color:#000;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
@media screen and (max-device-width: 480px) {
  .product_qty_btn{
  width:4em;
  height:4em;
  font-size: 2em;
  }
  .product_input{
    font-size: 4em;
    width: 4em;
    height:2em;
  }
  .product_addtocart_btn{
    font-size: 2em;
    margin-left:60%;
    width: 35%;
  }
}


/* 產品細節 */
.item_detail {
display: block;
width: 400px;
height:auto;
position: absolute;
right: 3%;
background: rgba(0,0,0,.6);
padding: 10px 15px 20px 15px;
color: #FFF;
line-height: 1;
margin:5% 0 5% 0;
float:right;
}
.item_detail hr{
height:1px;
border:0;
background-color:#FFF;
color:#FFF	/* IE6 */
}
.item_detail .title{
font-size:1.5em;
line-height:1.4;
}
.item_detail .content{
font-size:1em;
text-align:justify;
line-height:1.6;
}
.item_detail .p_id{
display:block;
width:100%;
left:0px;
margin-top:5%;
}

.desktop-close{
  color: #eeeeee;
    opacity: 0.7;
    display: block;
    font-size: 2em;
  float: right;
  margin-top: 1.5%;
    margin-right: 3%;
    margin-bottom: 30px;
  cursor: pointer;
}
@media screen and (max-device-width: 480px) {
    .item_detail {
      top:300px;
    }
    .item_detail .title{
      font-size:3em;
    }
    .item_detail .content{
      font-size:2em;
    }
    .item_detail .p_id{
      font-size:2em;
    }
}

#made_select {
	width:5em;
	font-size:14px;
	display: inline-block;
	margin-left:10px;
	padding:3px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background: #f8f8f8;
    color:#111;
    border:none;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}