/*================================================= 
                    多圖排列元件
 ==================================================*/
.module-MultiImageGridComponent .MultiGrid { margin: -0.17% -0.17% 0 0; position: relative; }
.module-MultiImageGridComponent .MultiGrid-box {
	position: relative;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #efefef;
	margin: 0.17% 0.17% 0 0;
}
    /*frank 2018-06-14 為了要解 Markup Validation Service掃描結果處理 Attribute column-count not allowed on element div at this point.*/
.module-MultiImageGridComponent .MultiGrid-box[data-column-count='1'] {
	width: 16.49666%;
}
    /*frank 2018-06-14 為了要解 Markup Validation Service掃描結果處理 Attribute column-count not allowed on element div at this point.*/
.module-MultiImageGridComponent .MultiGrid-box[data-column-count='2'] {
	width: 33.16333%;
}
.module-MultiImageGridComponent .itemBox {
	position: absolute;
	width: 100%;
	height: 100%;
}
.module-MultiImageGridComponent .defaultWrap {
	position: absolute;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.module-MultiImageGridComponent .itemBox .activeWrap {
	text-align: left;
	opacity: 1;
	background: transparent;
}
/* 20161123 Gabby新增 */
.module-MultiImageGridComponent .itemBox.hover-top .activeWrap {
	height: 100%;
}


/*================================================= 
                    responsive
 ==================================================*/
@media screen and (max-width : 979px) {
}
@media screen and (max-width : 800px) {
}
@media screen and (max-width : 768px) {
}
@media screen and (max-width : 680px) {
	.module-MultiImageGridComponent .MultiGrid { margin: -0.4% -0.4% 0 0; }
	.module-MultiImageGridComponent .MultiGrid-box {
		position: relative;
		float: left;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #efefef;
		margin: 0.4% 0.4% 0 0;
	}
        /*frank 2018-06-14 為了要解 Markup Validation Service掃描結果處理 Line 8157, Column 53: there is no attribute "column-count" 或是 Attribute column-count not allowed on element div at this point.*/
	.module-MultiImageGridComponent .MultiGrid-box[data-column-count='1'] {
		width: 49.6%;
	}
     /*frank 2018-06-14 為了要解 Markup Validation Service掃描結果處理 Line 8157, Column 53: there is no attribute "column-count" 或是 Attribute column-count not allowed on element div at this point.*/
	.module-MultiImageGridComponent .MultiGrid-box[data-column-count='2'] {
		width: 100%;
		margin-right: 0;
	}
}