/*
==============================================
   ROW
==============================================
*/
.row {
	background-position: center top;
	background-repeat: no-repeat;
	position:relative;
	width:100%;
	/* 前台取消 因為間距改做在wrapper上 carrie 20160730
	padding-top: 20px;
	padding-bottom: 20px; */
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
/*.row.colType-free, .row.colType-metro { padding-bottom: 20px; }*/
.row.rowH1 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.row.padding-un { padding-top: 0px; padding-bottom: 0px; }
.row.padding-small { padding-top: 10px; padding-bottom: 10px; }
.row.padding-big { padding-top: 40px; padding-bottom: 40px; }
.row.padding-custom { padding-top: 0px; padding-bottom: 0px; }

.rowBg {
	position: absolute;
	width: 100%; height: 100%; top: 0; left: 0;
	background-position: center top;
	background-repeat: no-repeat;
	/*background-size: cover;*/
	z-index: -1;
}
.rowBg.blur { -webkit-filter: blur(20px); filter: blur(20px); }

/*.row
.row > div.col-100:nth-last-child(1), .row > .wrapper > div.col-100:nth-last-child(1) { margin-top: 0; margin-bottom: 0; }
.row > div.col-50:nth-last-child(-n+2), .row > .wrapper > div.col-50:nth-last-child(-n+2) { margin-top: 0; margin-bottom: 0; }
.row > div.col-33:nth-last-child(-n+3), .row > .wrapper > div.col-33:nth-last-child(-n+3) { margin-top: 0; margin-bottom: 0; }
.row > div.col-25:nth-last-child(-n+4), .row > .wrapper > div.col-25:nth-last-child(-n+4) { margin-top: 0; margin-bottom: 0; }
.row > div.col-20:nth-last-child(-n+5), .row > .wrapper > div.col-20:nth-last-child(-n+5) { margin-top: 0; margin-bottom: 0; }

.row > div.col-67:first-child, .row > .wrapper > div.col-67:first-child { margin-top: 0; margin-bottom: 0; }
.row > div.col-33 ~ div.col-67, .row > .wrapper > div.col-33 ~ div.col-67 { margin-top: 0; margin-bottom: 0; }
.row > div.col-75:first-child, .row > .wrapper > div.col-75:first-child { margin-top: 0; margin-bottom: 0; }
.row > div.col-25 ~ div.col-75, .row > .wrapper > div.col-25 ~ div.col-75 { margin-top: 0; margin-bottom: 0; }*/


/*.row.padding-un*/
.row.padding-un > div.col-100:nth-last-child(1), .row.padding-un > .wrapper > div.col-100:nth-last-child(1) { margin-top: 0; margin-bottom: 0; }
.row.padding-un > div.col-50:nth-last-child(-n+2), .row.padding-un > .wrapper > div.col-50:nth-last-child(-n+2) { margin-top: 0; margin-bottom: 0; }
.row.padding-un > div.col-33:nth-last-child(-n+3), .row.padding-un > .wrapper > div.col-33:nth-last-child(-n+3) { margin-top: 0; margin-bottom: 0; }
.row.padding-un > div.col-25:nth-last-child(-n+4), .row.padding-un > .wrapper > div.col-25:nth-last-child(-n+4) { margin-top: 0; margin-bottom: 0; }
.row.padding-un > div.col-20:nth-last-child(-n+5), .row.padding-un > .wrapper > div.col-20:nth-last-child(-n+5) { margin-top: 0; margin-bottom: 0; }

.row.padding-un > .col-67 > div.col-33:nth-last-child(-n+3), .row.padding-un > .wrapper > .col-67 > div.col-33:nth-last-child(-n+3) { margin-top: 10px; margin-bottom: 10px; }
.row.padding-un > .col-67 > div.col-33:nth-last-child(-n+2), .row.padding-un > .wrapper > .col-67 > div.col-33:nth-last-child(-n+2) { margin-top: 0; margin-bottom: 0; }

.row.padding-un > .col-75 > div.col-25:nth-last-child(-n+4), .row.padding-un > .wrapper > .col-75 > div.col-25:nth-last-child(-n+4) { margin-top: 10px; margin-bottom: 10px; }
.row.padding-un > .col-75 > div.col-25:nth-last-child(-n+3), .row.padding-un > .wrapper > .col-75 > div.col-25:nth-last-child(-n+3) { margin-top: 0; margin-bottom: 0; }

.row.padding-un > .col-33 + .col-67, .row.padding-un > .wrapper > .col-33 + .col-67 { margin-top: 0; margin-bottom:0; }
.row.padding-un > .col-67 + .col-33, .row.padding-un > .wrapper > .col-67 + .col-33 { margin-top: 0; margin-bottom:0; }
.row.padding-un > .col-25 + .col-75, .row.padding-un > .wrapper > .col-25 + .col-75 { margin-top: 0; margin-bottom:0; }
.row.padding-un > .col-75 + .col-25, .row.padding-un > .wrapper > .col-75 + .col-25 { margin-top: 0; margin-bottom:0; }
.row.padding-un > .col-20 + .col-80, .row.padding-un > .wrapper > .col-20 + .col-80 { margin-top: 0; margin-bottom:0; }
.row.padding-un > .col-80 + .col-20, .row.padding-un > .wrapper > .col-80 + .col-20 { margin-top: 0; margin-bottom:0; }


/*.row.padding-small*/
.row.padding-small > div.col-100:nth-last-child(1), .row.padding-small > .wrapper > div.col-100:nth-last-child(1) { margin-top: 0px; margin-bottom:0px; }
.row.padding-small > div.col-50:nth-last-child(-n+2), .row.padding-small > .wrapper > div.col-50:nth-last-child(-n+2) { margin-top: 0px; margin-bottom:0px; }
.row.padding-small > div.col-33:nth-last-child(-n+3), .row.padding-small > .wrapper > div.col-33:nth-last-child(-n+3) { margin-top: 0px; margin-bottom:0px; }
.row.padding-small > div.col-25:nth-last-child(-n+4), .row.padding-small > .wrapper > div.col-25:nth-last-child(-n+4) { margin-top: 0px; margin-bottom:0px; }
.row.padding-small > div.col-20:nth-last-child(-n+5), .row.padding-small > .wrapper > div.col-20:nth-last-child(-n+5) { margin-top: 0px; margin-bottom:0px; }

.row.padding-small > .col-67 > div.col-33:nth-last-child(-n+3), .row.padding-small > .wrapper > .col-67 > div.col-33:nth-last-child(-n+3) { margin-top: 0px; margin-bottom: 0px; }
.row.padding-small > .col-67 > div.col-33:nth-last-child(-n+2), .row.padding-small > .wrapper > .col-67 > div.col-33:nth-last-child(-n+2) { margin-top: 0px; margin-bottom:0px; }

.row.padding-small > .col-75 > div.col-25:nth-last-child(-n+4), .row.padding-small > .wrapper > .col-75 > div.col-25:nth-last-child(-n+4) { margin-top: 0px; margin-bottom: 0px; }
.row.padding-small > .col-75 > div.col-25:nth-last-child(-n+3), .row.padding-small > .wrapper > .col-75 > div.col-25:nth-last-child(-n+3) { margin-top: 0px; margin-bottom:0px; }

.row.padding-small > .col-33 + .col-67, .row.padding-small > .wrapper > .col-33 + .col-67 { margin-top: 0px; margin-bottom:0px; }
.row.padding-small > .col-67 + .col-33, .row.padding-small > .wrapper > .col-67 + .col-33 { margin-top: 0px; margin-bottom:0px; }
.row.padding-small > .col-25 + .col-75, .row.padding-small > .wrapper > .col-25 + .col-75 { margin-top: 0px; margin-bottom:0px; }
.row.padding-small > .col-75 + .col-25, .row.padding-small > .wrapper > .col-75 + .col-25 { margin-top: 0px; margin-bottom:0px; }
.row.padding-small > .col-20 + .col-80, .row.padding-small > .wrapper > .col-20 + .col-80 { margin-top: 0px; margin-bottom:0px; }
.row.padding-small > .col-80 + .col-20, .row.padding-small > .wrapper > .col-80 + .col-20 { margin-top: 0px; margin-bottom:0px; }


/*.row.padding-custom.row.padding-custom > div.col-100:nth-last-child(1), .row.padding-custom > .wrapper > div.col-100:nth-last-child(1) { margin-top: 0; margin-bottom: 0; }
.row.padding-custom > div.col-50:nth-last-child(-n+2), .row.padding-custom > .wrapper > div.col-50:nth-last-child(-n+2) { margin-top: 0; margin-bottom: 0; }
.row.padding-custom > div.col-33:nth-last-child(-n+3), .row.padding-custom > .wrapper > div.col-33:nth-last-child(-n+3) { margin-top: 0; margin-bottom: 0; }
.row.padding-custom > div.col-25:nth-last-child(-n+4), .row.padding-custom > .wrapper > div.col-25:nth-last-child(-n+4) { margin-top: 0; margin-bottom: 0; }
.row.padding-custom > div.col-20:nth-last-child(-n+5), .row.padding-custom > .wrapper > div.col-20:nth-last-child(-n+5) { margin-top: 0; margin-bottom: 0; }

.row.padding-custom > .col-67 > div.col-33:nth-last-child(-n+3), .row.padding-custom > .wrapper > .col-67 > div.col-33:nth-last-child(-n+3) { margin-top: 10px; margin-bottom: 10px; }
.row.padding-custom > .col-67 > div.col-33:nth-last-child(-n+2), .row.padding-custom > .wrapper > .col-67 > div.col-33:nth-last-child(-n+2) { margin-top: 0; margin-bottom: 0; }

.row.padding-custom > .col-75 > div.col-25:nth-last-child(-n+4), .row.padding-custom > .wrapper > .col-75 > div.col-25:nth-last-child(-n+4) { margin-top: 10px; margin-bottom: 10px; }
.row.padding-custom > .col-75 > div.col-25:nth-last-child(-n+3), .row.padding-custom > .wrapper > .col-75 > div.col-25:nth-last-child(-n+3) { margin-top: 0; margin-bottom: 0; }

.row.padding-custom > .col-33 + .col-67, .row.padding-custom > .wrapper > .col-33 + .col-67 { margin-top: 0; margin-bottom:0; }
.row.padding-custom > .col-67 + .col-33, .row.padding-custom > .wrapper > .col-67 + .col-33 { margin-top: 0; margin-bottom:0; }
.row.padding-custom > .col-25 + .col-75, .row.padding-custom > .wrapper > .col-25 + .col-75 { margin-top: 0; margin-bottom:0; }
.row.padding-custom > .col-75 + .col-25, .row.padding-custom > .wrapper > .col-75 + .col-25 { margin-top: 0; margin-bottom:0; }
.row.padding-custom > .col-20 + .col-80, .row.padding-custom > .wrapper > .col-20 + .col-80 { margin-top: 0; margin-bottom:0; }
.row.padding-custom > .col-80 + .col-20, .row.padding-custom > .wrapper > .col-80 + .col-20 { margin-top: 0; margin-bottom:0; }*/


.row::after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}

/*responsive*/
@media screen and (max-width : 1024px) {
	/* row */
	/* .row { padding-top: 2%; } */
	.row.padding-small { padding-top: 1%; }
	.row.padding-big { padding-top: 4%; padding-bottom: 2%; }

	/* .row.colType-free, .row.colType-metro { padding-bottom: 2%; } */
}
@media screen and (max-width : 640px) {
	/* row */
	/* .row { padding-top: 8%; } */
	.row.padding-small { padding-top: 4%; }
	.row.padding-big { padding-top: 12%; padding-bottom: 4%; }

	/* .row.colType-free, .row.colType-metro { padding-bottom: 8%; } */
}