/*colorbox*/
.black_bg{
	background:url(/microsites/data/132/blackbox_bg.png)/*tpa=http://www.gigabyte.com/mb/image/blackbox_bg.png*/ top center repeat;
	z-index:100;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:3000px;
	}
.colorbox{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:101;
	}
/*左右按鈕設定*/
.otherpage .left_btn,.otherpage .right_btn{
	position:absolute;
	/*display:none;*/
	top:50%;
	margin-top:-29px;
	z-index:150;
	}
.left_btn{
	left:-50px;
	}
.right_btn{
	right:-50px;
	}
/*colorbox 內容設定*/
.colorbox .gallery_box{
	position:relative;
	max-width:900px;
	width:100%;
	margin:0px auto;
	}
/*colorbox 文字設定*/
.colorbox .top_box{
	position:relative;
	padding:150px 0 0 0;
	margin:0px auto 30px auto;
	text-align:center;
	font-size:20px;
	color:#676eff;
	}
.colorbox .top_box p{
	max-width:750px;
	width:100%;
	margin:0px auto;
	}
/*colorbox 圖片設定*/
.colorbox .gallery_box .pic_box{
	text-align:center;
	max-width:900px;
	width:100%;
	margin:0px auto;
	}
.colorbox .gallery_box .pic_box img{
	width:100%;
	max-width:900px;
	border:2px solid #192eaa;
	}
/*colorbox iframe設定*/
.colorbox .gallery_box .pic_box iframe{
	width:100%;
	max-width:900px;
	border:2px solid #192eaa;
	}
/*colorbox 關掉按鈕*/
.colorbox .close_btn{
	width:30px;
	height:30px;
	position:absolute;
	z-index:2;
	top:150px;
	left:50%;
	margin:0px 0px 0px 400px;
	cursor:pointer;
	background:url(/microsites/data/132/close_btn.png)/*tpa=http://www.gigabyte.com/mb/image/close_btn.png*/ top center no-repeat;
	}
.colorbox .close_btn:hover{
	background:url(/microsites/data/132/close_btn_s.png)/*tpa=http://www.gigabyte.com/mb/image/close_btn_s.png*/ top center no-repeat\9;
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transition:-webkit-transform 0.5s;
	-webkit-transition:-webkit-transform 0.5s;
	-moz-transition:-webkit-transform 0.5s;
	-moz-transition:-webkit-transform 0.5s;
	-ms-transition:-webkit-transform 0.5s;
	-o-transition:-webkit-transform 0.5s;
	}
@media screen and (max-width:1000px){
	.colorbox .close_btn{
		right:20px;
		left:auto;
		margin:0px;
		}
	.left_btn{
		left:0px;
		}
		.right_btn{
		right:0px;
		}
	}
@media screen and (max-width:750px){
	
	/*colorbox 文字設定*/
	.colorbox .top_box{
		padding:80px 0px 0px 0px;
		margin:0px auto 55px auto;
		font-size:16px;
		}
	.colorbox .top_box p{
		width:100%;
		padding:0px 55px;
		}
	/*colorbox 內容設定*/
	.colorbox .gallery_box{
		width:100%;
		height:auto;
		}
	/*colorbox 圖片設定*/
	.colorbox .gallery_box .pic_box{
		text-align:center;
		width:100%;
		height:auto;
		border:none;
		}
	.colorbox .gallery_box .pic_box img{
		max-width:100%;
		}
	/*colorbox iframe設定*/
	.colorbox .gallery_box .pic_box iframe{
		max-width:100%;
		width:100%;
		height:auto;
		}
	/*colorbox 關掉按鈕*/
	.colorbox .close_btn{
		width:30px;
		height:30px;
		position:absolute;
		top:20px;
		left:auto;
		right:10px;
		margin-left:0px;
		}
	.colorbox .close_btn:active{
		transform:rotate(180deg) scale(1.1);
		-webkit-transform:rotate(180deg) scale(1.1);
		-moz-transform:rotate(180deg) scale(1.1);
		-o-transform:rotate(180deg) scale(1.1);
		-ms-transform:rotate(180deg) scale(1.1);
		transition:-webkit-transform 0.5s;
		-webkit-transition:-webkit-transform 0.5s;
		-moz-transition:-webkit-transform 0.5s;
		-moz-transition:-webkit-transform 0.5s;
		-ms-transition:-webkit-transform 0.5s;
		-o-transition:-webkit-transform 0.5s;
		}
	/*banner 左右按鈕設定*/
	.otherpage .left_btn,.otherpage .right_btn{
		position:fixed;
		top:140px;
		z-index:150;
		}
	.otherpage .left_btn{
		left:10px;
		}
	.otherpage .right_btn{
		right:10px;
		}
	
	}