@charset "utf-8";
/* CSS Document */
.index_page2_page {background-image: url(../files/bg-03.png); background-repeat: no-repeat; background-position: center top;  width: 100%; clear: both; float: left; background-color: #E1E1E1; position: relative; z-index: 10; padding-top: 0px;padding-bottom: 0px; }
.index_page2_box { width: 80%; clear: both; margin-right: 10%; margin-left: 10%; margin-top: 0px; margin-bottom: 30px; display: block; float: left; padding: 0px;}
.index_page2_page .area_title_box{ margin-top: 40px; color: #c21452; }
.index_page2_page .area_title_box strong{ color: #c21452; }
.index_page2_page .index_page2_box .content_box { padding-top: 20px; padding-bottom: 0px; line-height: normal; width: 100%; display: block; clear: both; float: left; position: relative; z-index: 10; }


/*首頁個別產品區*/
.index_page2_one_box { margin: 0px; padding: 2px; clear: both; float: left; width: 100%; box-shadow: 0px 0px 2px rgba(0,0,0,0.5); background-color: #FFF;margin-bottom: 30px; }
.index_page2_one_box .index_page2_one { display: block; width: 100%; padding: 0px; clear: both; position: relative; height: auto; margin: 0px; float: left; overflow: hidden; }
.index_page2_one_box .index_page2_one figure { margin:0; padding: 0; display: block; clear: both; float: left; width: 100%; position: relative; }
.index_page2_one_box .index_page2_one figure a { margin:0; padding: 0; display: block; clear: both; float: left; width: 100%; }
.index_page2_one_box .index_page2_one figure a img { height: auto; width: 100%; margin: 0px; padding: 0px; clear: both; float: left; }
.index_page2_one_box .index_page2_one:hover img { opacity:0.2; filter:alpha(opacity=20); z-index: 0; background-color: #000; }
.index_page2_one_box .productpic_info_box { clear: both; float: left; width: 100%; margin: 0px; background-color: #333; padding: 10px; }
.index_page2_one_box h2 { font-weight: normal; font-size: 26px; margin: 0px; clear: both; float: left; display: block; width: 100%; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; }
.index_page2_one_box h2 a, .index_page2_one_box h2 a:link, .index_page2_one_box h2 a:visited { text-decoration: none; color: #FFF;  font-weight: normal; }
.index_page2_one_box h2 a:hover { }
.index_page2_one_box h3 { font-size: 13px; margin: 0px; font-weight: normal; display: block; clear: both; float: left; width: 100%; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; }
.index_page2_one_box h3 a, .index_page2_one h3 a:link, .index_page2_one h3 a:visited { text-decoration: none; color: #FFF; }
.index_page2_one_box h3 a:hover { }

.index_page2_one_box ._layer ._layer_title { font-size: 20px; color: #FFF; margin: 0px; padding: 0px; clear: both; width: 100%; }
.index_page2_one_box ._layer ._layer_model { font-size: 13px; color: #FFF; margin: 0px; padding: 0px; clear: both; width: 100%; }
.index_page2_one_box ._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%; }
.index_page2_one_box ._layer_more_box ._layer_more { color: #FFF; margin: 0px; padding: 0px; clear: both; width: 100%; position: absolute; bottom: 0px; }
.index_page2_one_box ._layer_more_box ._layer_more a { color: #CCC; padding-right: 10px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; }
.index_page2_one_box .index_page2_one:hover ._layer { }
.index_page2_one_box .index_page2_one:hover figure { background-color: #FFF; }
.index_page2_one_box .index_page2_one:hover ._layer_more_box { display: block; }
.index_page2_one_box .index_page2_one:hover img { transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); }

.index_page2_one_box ._layer { position: absolute; left: 0px; right: 0px; bottom: 0px; line-height: 50px; background: rgba(192, 20, 80, 0.65); padding: 5px 20px; color: rgba(255, 255, 255, 0.85); z-index: 2; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }
.index_page2_one_box .index_page2_one:hover ._layer { -webkit-transform: translateY(0); transform: translateY(0); bottom: 48%;background: rgba(192, 20, 80, 0);  }
.index_page2_one_box .index_page2_one:hover h2 a{ color: #c20242; font-weight: bold;  }
.index_page2_one_box .index_page2_one:hover h2{text-align: center;}
@media screen and (max-width: 1680px){
	.index_page2_page {padding-top: 0px;padding-bottom: 0px; }
	.index_page2_box{ width: 90%; margin-right: 5%; margin-left: 5%;}
	.index_page2_page .area_title_box{ margin-top: 30px; }
	
	}
@media screen and (max-width: 1280px){
	.index_page2_page {padding-top: 0px;padding-bottom: 0px; }
	.index_page2_box{ width: 90%; margin-right: 5%; margin-left: 5%;}
	.index_page2_page .area_title_box{ margin-top: 30px; }
	.index_page2_page .index_page2_box .content_box{ padding-top: 10px; padding-bottom: 10px; }

	}
@media screen and (max-width: 980px){
	.index_page2_page {padding-top: 0px;padding-bottom: 0px; }
	.index_page2_box{ width: 90%; margin-right: 5%; margin-left: 5%;margin-bottom: 20px;}
	.index_page2_page .area_title_box{ margin-top: 30px; }
	.index_page2_page .index_page2_box .content_box{ padding-top: 10px; padding-bottom: 10px; }

	
	}
@media screen and (max-width: 736px){
	.index_page2_box{ width: 90%; margin-right: 5%; margin-left: 5%;margin-bottom: 10px;}
	.index_page2_page .area_title_box{ margin-top: 20px; line-height: 24px; margin-bottom: 8px; }
	.index_page2_page .area_title_box strong{ line-height: 24px;}
.index_page2_page .area_title_box span{margin-top: 10px; }
.index_page2_page .area_title_box  img{ height: auto; width: 30px; }
	}
@media screen and (max-width: 480px){.index_page2_page .area_title_box strong{ line-height: 24px;}.index_page2_page .area_title_box span{margin-top:5px; }

	}
@media screen and (max-width: 320px){}

@media(max-width:767px){.index_page2_one_box h2 { font-size: 16px;}
	}

@media(min-width:768px) and (max-width:991px){
.index_page2_one_box h2 {  font-size: 16px;}
	}

@media(min-width:992px) and (max-width:1199px){}

@media(min-width:1200px){}