@charset "utf-8";
/* CSS Document */
.index_video_page{ width: 100%; clear: both; display: block; z-index: 1; margin: 0px; float: left; padding-top: 30px; padding-right: 0px; padding-bottom: 30px; padding-left: 0px; background-color: #c21452;background-image: url(../files/bg-01.png); background-repeat: no-repeat; background-position: center top; }
.index_video_box{ width: 80%; clear: both; margin-top: 0px; margin-bottom: 0px; padding: 0px; float: left; margin-right: 10%; margin-left: 10%; }

.index_video_page .area_title_box strong{ text-shadow: 1px 1px 2px rgba(0,0,0,0.4);color: #fff; font-size: 32px;}
.index_video_page .area_title_box i{ clear: both; font-style: normal; display: block; }

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

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

.index_video_one_box .home_productpic_box:hover img{ opacity:0.4;filter:alpha(opacity=40);z-index: 0;background-color: #000;}
.index_video_one_box .productpic_info_box{ clear: both; float: left; width: 100%; margin: 0px; padding-top: 5px; padding-right: 2%; padding-bottom: 0px; padding-left: 2%; display: block; }
.index_video_one_box h2{ font-weight: normal; font-size: 18px; margin: 0px; clear: both; float: left; display: block; width: 100%; padding-top: 3px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; }
.index_video_one_box h2 a, 
.index_video_one_box h2 a:link, 
.index_video_one_box h2 a:visited{ text-decoration: none; color: #FFF; }
.index_video_one_box h2 a:hover { }
.index_video_one_box h3{ font-size: 15px; margin: 0px; font-weight: normal; display: block; clear: both; float: left; width: 100%; padding-top: 3px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 24px; }
.index_video_one_box h3 a, .home_productpic_box h3 a:link, .home_productpic_box h3 a:visited{ text-decoration: none; color: #999; }
.index_video_one_box h3 a:hover {  }

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

.index_video_page .line_box{ border-top-width: 2px; border-top-style: solid; border-top-color: #cc3366; margin-right: auto; margin-left: auto; width: 40px; margin-bottom: 8px; }
.index_video_page .day_box{ font-size: 18px; margin-bottom: 8px;}
.index_video_page .source_box{ font-size: 15px; color: #999;margin-bottom: 8px; }
.index_video_page .more_box{ clear: both; display: inline-block; float: left; width: 100%; padding-top: 8px; padding-bottom: 8px; }
.index_video_page .more_box a{ color: #FFF; background-color: #e5004f; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; display: inline-block; }


.index_video_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%; }
.index_video_page ._layer ._layer_title{ font-size: 20px; color: #FFF; margin: 0px; padding: 0px; clear: both; width: 100%; }
.index_video_page ._layer ._layer_model{ font-size: 13px; color: #FFF; margin: 0px; padding: 0px; clear: both; width: 100%;}

.index_video_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%; }
.index_video_page ._layer_more_box ._layer_more{  color: #FFF; margin: 0px; padding: 0px; clear: both; width: 100%; position: absolute; bottom: 0px; }
.index_video_page ._layer_more_box ._layer_more a{ color: #CCC; padding-right: 10px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; }

.index_video_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; }
.index_video_page .home_productpic_box:hover figure{ background-color: #FFF; }
.index_video_page .home_productpic_box:hover ._layer_more_box{ display: block; }
.index_video_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) {
.index_video_page{padding-top: 30px;padding-bottom: 30px;}
.index_video_box{width: 90%; margin-right:5%; margin-left:5%;}
.index_video_page .area_title_box strong{ font-size: 30px; }
.index_video_page .area_title_box i{ clear: both; font-style: normal; display: block; }
}
@media screen and (max-width: 1280px) {
.index_video_page{padding-top: 20px;padding-bottom: 20px;}
.index_video_page .area_title_box strong{ font-size: 28px; }
}
@media screen and (max-width: 980px) {
.index_video_page .area_title_box strong{ font-size: 24px; }
.index_video_box .index_video_one_box ul li{ width: 80%; }

}
@media screen and (max-width: 736px) {
.index_video_page .area_title_box strong{ font-size: 20px; }
.index_video_box .index_video_one_box ul li{ width: 90%; }
}
@media screen and (max-width: 480px) {
.index_video_page .area_title_box strong{ font-size: 18px; }
.index_video_page .area_title_box i{ font-size: 18px; clear: both; font-style: normal; display: block; }
}