/*otherpage*/
.otherpage_bg{
	background:url(/microsites/data/132/grid_bg_1.jpg)/*tpa=http://www.gigabyte.com/mb/image/grid_bg_1.jpg*/ top center repeat-y;
	background-size:100% auto;
	}
.otherpage_bg_1{
	padding:50px 0px;
	background:url(/microsites/data/132/grid_bg.jpg)/*tpa=http://www.gigabyte.com/mb/image/grid_bg.jpg*/ top center no-repeat;
	background-size:100% auto;
	}
.grid_style{
	position:relative;	
	}
.grid_style li{
	position:absolute;
	}
.grid_style li a{
	display:block;
	}
/*動態牆統一樣式*/
.grid_style li .hover{
	z-index:9;
	position:absolute;
	border:4px solid #2e38ff;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	}
/*圖片設定*/
.grid_style li .pic_box{
	overflow:hidden;
	height:100%;
	width:100%;
	}
/*文字設定*/
.grid_style li .txt_box .img_box{
	height:75px;
	position:relative;
	z-index:2;
	}
.grid_style li .txt_box{
	position:absolute;
	left:0px;
	bottom:0px;
	height:75px;
	width:100%;
	color:#666dff;
	z-index:8;
	font-weight:bold;
	background:url(/microsites/data/132/black_bg.png)/*tpa=http://www.gigabyte.com/mb/image/black_bg.png*/ top center repeat;
	}
.grid_style li .txt_box span{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:100%;
	z-index:1;
	}
/*影音樣式 li.video*/
.grid_style li.video span.play_btn{
	cursor:pointer;
	position:absolute;
	top:50%;
	left:50%;
	margin:-49px 0px 0px -49px;
	width:98px;
	height:98px;
	display:block;
	background:url(/microsites/data/132/play_btn.png)/*tpa=http://www.gigabyte.com/mb/image/play_btn.png*/ 50% 50% no-repeat;
	z-index:10;
	}
.grid_style li.video .hover{
	border:none;
	background:url(/microsites/data/132/blue_bg.png)/*tpa=http://www.gigabyte.com/mb/image/blue_bg.png*/ top center repeat;
	}
.grid_style li.video .txt_box{
	background:none;
	z-index:10;
	color:#fff;
	top:50%;
	margin-top:33px;
	}
/*滑鼠動態*/
@-webkit-keyframes playbtn {
    0%{
		transform:scale(0.3);
		}
	50%{
		transform:scale(1.2);
		}
	100%{
		transform:scale(1);
		}
}
@keyframes playbtn {
    0%{
		transform:scale(0.3);
		}
	50%{
		transform:scale(1.2);
		}
	100%{
		transform:scale(1);
		}
}
/*滑鼠滑入設定*/
.grid_style li:hover .play_btn{
	animation:playbtn 1s;
	-webkit-animation:playbtn 0.5s;
	}
.grid_style li:hover .txt_box{
	background:none;
	color:#fff;
	}
.grid_style li:hover .txt_box span{
	background:url(/microsites/data/132/blue_bg.png)/*tpa=http://www.gigabyte.com/mb/image/blue_bg.png*/ top center repeat;
	}
.grid_style li.video:hover .txt_box span{
	background:none;
	}
/*不同動態窗設定*/
.grid_style li.g_1{
	overflow:hidden;
	width:300px;
	height:300px;
	}
.grid_style li.g_1 .txt_box .img_box{
	width:300px;
	}
.grid_style li.g_1 .txt_box .img_link{
	max-width:300px;
	}
.grid_style li.g_2{
	width:300px;
	height:613px;
	}
.grid_style li.g_2 .txt_box .img_box{
	width:613px;
	}
.grid_style li.g_2 .txt_box .img_link{
	max-width:300px;
	}
.grid_style li.g_3{
	width:613px;
	height:300px;
	}
.grid_style li.g_3 .txt_box .img_box{
	width:613px;
	}
.grid_style li.g_3 .txt_box .img_link{
	max-width:613px;
	}
.grid_style li.g_4{
	width:613px;
	height:613px;
	}
.grid_style li.g_4 .txt_box .img_box{
	width:613px;
	}
.grid_style li.g_4 .txt_box .img_link{
	max-width:613px;
	}
@media screen and (max-width:750px){
	/*動態牆格子大小*/
	.grid_style{
		margin:0px auto;
		}
	.grid_style li.g_1,.grid_style li.g_2{
		width:48%;
		height:auto;
		}
	.grid_style li.g_3,.grid_style li.g_4{
		width:100%;
		height:auto;
		}
	.grid_style li .pic_box img{
		width:100%;
		height:auto;
		}
	}