@charset "utf-8";
/* CSS Document */
.photo_03_page{ width: 100%; clear: both; display: block; z-index: 1; margin: 0px; float: left;}
.photo_03_box{ width: 80%; clear: both; margin-top: 0px; float: left; margin-right: 10%; margin-left: 10%; }
.photo_03_page{padding:60px 0px 60px 0px;}
.photo_03_page .all_more_page{padding: 30px 0px 0px 0px;display: inline-block;}
.photo_03_page .area_title_box{margin-bottom: 45px;}
@media screen and (max-width: 980px) {.photo_03_page{padding:45px 0px 45px 0px;}}

.photo_03_box .title_box{ display: block; padding-top: 8px; line-height: normal; clear: both; width: 100%; text-align: left; padding-bottom: 8px; position: relative; }
.photo_03_box .title_box strong{ font-size: 22px; color: #333; display: block; line-height: normal; text-transform: uppercase; }
.photo_03_box .title_box span{ font-size: 13px; color: #004986; border-left-width: 1px; border-left-style: solid; border-left-color: #999; font-weight: 100; margin-right: 10px; margin-left: 10px; padding-right: 10px; padding-left: 10px; line-height: normal; display: inline; }

.photo_03_box .photo_03_one_box{ clear: both; width: 100%; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left;  position: relative; display: block; }
.photo_03_box .photo_03_one_box ul{ margin: 0px; list-style:none; border:none; width: 100%; float: left;  clear: both; padding: 0px; }
.photo_03_box .photo_03_one_box ul li{ float: left; margin-bottom: 10px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: block;  clear: both; width: 100%; }

/*首頁個別產品區*/
.photo_03_one_box{ margin: 0px; padding: 0px; clear: both; float: left; width: 100%; }
.photo_03_one_box .home_productpic_box{ display: block; width: 100%; padding: 0px; clear: both; position: relative; height: auto; margin: 0px; float: left; }
.photo_03_one_box .home_productpic_box figure { margin:0; padding: 0; display: block; clear: both; float: left; width: 100%; position: relative; }
.photo_03_one_box .home_productpic_box figure a{ margin:0; padding: 0; display: block; clear: both; float: left;width: 100%; }
.photo_03_one_box .home_productpic_box figure a img{ height: auto; width: 100%; margin: 0px; padding: 0px; clear: both; float: left; }

.photo_03_one_box .home_productpic_box:hover img{ opacity:0.4;filter:alpha(opacity=40);z-index: 0;background-color: #000;}
.photo_03_one_box .productpic_info_box{ clear: both; float: left; width: 100%; margin: 0px; padding: 5px; }
.photo_03_one_box h2{ font-weight: normal; font-size: 16px; margin: 0px; clear: both; float: left; display: block; width: 100%; padding: 5px; line-height: inherit;color: #333;}
.photo_03_one_box h2 a, 
.photo_03_one_box h2 a:link, 
.photo_03_one_box h2 a:visited{ text-decoration: none; color: #333; }
.photo_03_one_box h2 a:hover { }
.photo_03_one_box h3{ font-size: 13px; margin: 0px; font-weight: normal; display: block; clear: both; float: left; width: 100%; padding: 5px;line-height: inherit; color: #666;}
.photo_03_one_box h3 a, 
.photo_03_one_box h3 a:link, 
.photo_03_one_box h3 a:visited{ text-decoration: none; color: #666; }
.photo_03_one_box h3 a:hover {  }

.photo_03_page .txt_box {margin-top: 5px;font-size: 13px;}
.photo_03_page .txt_box .txt{ color: #666;}

.photo_03_one_box .prod_cost,
.photo_03_one_box .prod_sale,
.photo_03_one_box .prod_qty{ font-size:13px; line-height:1.58em; margin:0; width:100%; clear:both; float:left; display:block; padding-top: 5px; padding-right: 0%; padding-bottom: 2px; padding-left: 0%; text-align: left;  }
.photo_03_one_box .prod_qty .prod_qty_title{ float: left; padding-right: 5px; font-size: 13px; }
.photo_03_one_box .prod_qty .prod_qty_submit{ cursor: pointer; color: #FFF; background-color: #004986; margin: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 23px; float: left; font-size: 12px; padding: 5px; }
.photo_03_one_box .prod_qty .prod_qty_submit:hover{ background-color: #333; }
.photo_03_one_box .prod_qty .prod_qty_number{ height: 23px; width: 23px; padding: 0px; line-height: 23px; float: left; margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-align: center; }

.photo_03_one_box .prod_cost_th{}
.photo_03_one_box .prod_cost_td{ text-decoration: line-through; color: #BEBEBE; }
.photo_03_one_box .prod_sale_th{}
.photo_03_one_box .prod_sale_td{ font-size: 20px; color: #004986; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin-right: 5px; }

.photo_03_one_box .input_add_page{ padding: 0px; clear: both; float: left; width: 100%; margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; }
.photo_03_one_box .input_add{ clear: both; text-align: left; width: 100%; display: block; margin: 0px; padding: 0%; float: left; }

.photo_03_one_box .input_add .button_add_cart{ cursor: pointer; background-color: #333; margin: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; text-align: left; clear: both; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 5px; }
.photo_03_one_box .input_add .button_add_cart span{ font-size: 12px; padding: 0px; color: #FFF; margin: 0px; float: left; line-height: 26px; display: block; }
.photo_03_one_box .input_add .button_add_cart:before{ content:"\f07a"; font-family: FontAwesome; font-size: 22px; font-weight: normal; padding-right: 10px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; color: #FFF; line-height: 24px; margin: 0px; float: left; display: block; }

.photo_03_one_box .input_add a,
.photo_03_one_box .input_add a:link,
.photo_03_one_box .input_add a:visited{ color: #333; display: inline; margin: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; line-height: normal; } 
.photo_03_one_box .input_add a:hover { color: #333; }
.photo_03_one_box .input_add a b{ color: #F90; }
.photo_03_one_box .input_add .carting_chkbox{ display: block; float: left; padding: 0px; margin-top: 2px; margin-right: 5px; margin-bottom: 5px; margin-left: 0px; }

.photo_03_page .title_more_page{ right: 60px; bottom: 0px;   }

.photo_03_page ._layer{ clear: both; position: absolute; width: 100%; background-position: center; padding: 0px; text-align: center; z-index: 3; display: inline; margin: 0%; top: auto; left: auto; right: auto; bottom: 5%; }
.photo_03_page ._layer ._layer_title{ font-size: 20px; color: #FFF; margin: 0px; padding: 0px; clear: both; width: 100%; }
.photo_03_page ._layer ._layer_model{ font-size: 13px; color: #FFF; margin: 0px; padding: 0px; clear: both; width: 100%;}

.photo_03_page ._layer_more_box{ clear: both; position: absolute; width: 100%; background-position: center; padding: 0px; text-align: center; z-index: 3; display: none; margin: 0%; top: auto; left: auto; right: auto; bottom: 45%; }
.photo_03_page ._layer_more_box ._layer_more{  color: #FFF; margin: 0px; padding: 0px; clear: both; width: 100%; position: absolute; bottom: 0px; }
.photo_03_page ._layer_more_box ._layer_more a{ color: #CCC; padding-right: 10px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; }

.photo_03_page .home_productpic_box:hover ._layer{ clear: both; position: absolute; width: 100%; background-position: center; padding: 0px; text-align: center; z-index: 3; display: inline; margin: 0%; top: 40%; left: auto; right: auto; bottom: auto; }
.photo_03_page .home_productpic_box:hover figure{ background-color: #FFF; }
.photo_03_page .home_productpic_box:hover ._layer_more_box{ display: block; }
.photo_03_page .home_productpic_box:hover img { transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); }

@media screen and (max-width: 1680px) {
.photo_03_box{width: 90%; margin-right:5%; margin-left:5%;}
}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 980px) {}
@media screen and (max-width: 736px) {}
@media screen and (max-width: 480px) {}