.row [class*="col-"] {
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
}

/* column width for px */
[class*="col-"] {
	vertical-align:top;
	/*margin: 10px;*/
	position:relative;
	float: left;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

[class*="col-"]:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}

[class*="col-"]:last-child { margin-right: 0; }

.col-100 { width:960px; }

.col-50 { width:450px; margin: 0px 60px 50px 0; }
.col-50:nth-child(2n) { margin-right: 0px; }

.col-33 { width:280px; margin: 0px 60px 50px 0; }
.col-33:nth-child(3n) { margin-right: 0px; }

.col-25 { width: 195px;margin: 0px 60px 50px 0; }
.col-25:nth-child(4n) { margin-right: 0px; }

.col-25 ~ .col-75 { width:705px; margin-right: 0px; }

.col-75 .col-25:nth-child(4n) { margin-right: 60px; }
.col-75 .col-25:nth-child(3n) { margin-right: 0px; }

.col-press {
	width: 670px;
}

/*.col-20 { width:172px; }
.col-67 { width:630px; }
.col-80 { width:768px; }
.col-60 { width:556px; }
.col-40 { width:374px; }*/


/* column width for percent*/
[class*="col-full-"] { margin:0; float: left; }
.col-full-100 { width:100%; }
.col-full-75 { width:75%; }
.col-full-67 { width:66.67%; }
.col-full-50 { width:50%; }
.col-full-33 { width:33.33%; }
.col-full-25 { width:25%; }

.col-full-80 { width:80%; }
.col-full-60 { width:60%; }
.col-full-40 { width:40%; }
.col-full-20 { width:20%; }


/*=========================== 
	     滿版傳統排版 
=============================*/
.wrapper.w-full [class*="col-"] { margin:0 !important; }
.wrapper.w-full .col-100 { width:100% !important; }
.wrapper.w-full .col-75 { width:75% !important; }
.wrapper.w-full .col-67 { width:66.67% !important; }
.wrapper.w-full .col-50 { width:50% !important; }
.wrapper.w-full .col-33 { width:33.33% !important; }
.wrapper.w-full .col-25 { width:25% !important; }

.wrapper.w-full .col-80 { width:80% !important; }
.wrapper.w-full .col-60 { width:60% !important; }
.wrapper.w-full .col-40 { width:40% !important; }
.wrapper.w-full .col-20 { width:20% !important; }



/*=========================== 
	     responsive 
=============================*/
@media screen and (max-width : 979px) {
	/* column width for px */
	[class*="col-"] { margin: 0 1% 2% 1% !important; }

	.col-100 { width:100% !important; margin-left: 0 !important; margin-right: 0 !important; }
	.col-60 { width:58% !important; }

	.col-40 { width:38% !important; }

	.col-50 { width:48% !important; }
	.col-33 { width:31.33333% !important; }
	.col-25 { width:23% !important; }
	.col-20 { width:18% !important; }
	.col-67 { width:65% !important; }
	.col-75 { width:73% !important; }
	.col-80 { width:78% !important; }

	[class*="col-full-"] { margin:0 !important; }

	.col-full-100 { width:100% !important; }
	.col-full-75 { width:75% !important; }
	.col-full-67 { width:66.67% !important; }
	.col-full-50 { width:50% !important; }
	.col-full-33 { width:33.33% !important; }
	.col-full-25 { width:25% !important; }

	.col-full-80 { width:80% !important; }
	.col-full-60 { width:60% !important; }
	.col-full-40 { width:40% !important; }
	.col-full-20 { width:20% !important; }

}
@media screen and (max-width : 800px) {
	.col-full-25 { width:50% !important; }
	.col-full-80 { width:100% !important; }
	.col-full-20 { width:100% !important; }
	.col-full-75 { width:50% !important; }
}
@media screen and (max-width : 680px) {

	/* column width for px */
	[class*="col-"] { margin:0 0 8% 0 !important; }
	.col-60 { width:100% !important; }
	.col-40 { width:100% !important; }
	.col-33 { width:100% !important; }
	.col-50 { width:100% !important; }
	.col-25 { width:100% !important; }
	.col-67 { width:100% !important; }
	.col-75 { width:100% !important; }
	.col-80 { width:100% !important; }
	.col-20 { width:100% !important; }
	
	/* column width for percent*/
	[class*="col-full-"] { margin:0 !important; }
	.col-full-50 { width:100% !important; }
	.col-full-33 { width:100% !important; }
	.col-full-25 { width:100% !important; }
	.col-full-60 { width:100% !important; }
	.col-full-40 { width:100% !important; }
	.col-full-75 { width:100% !important; }
	.col-full-67 { width:100% !important; }

	.col-full-25 .col-25, 
	.col-full-50 .col-50, 
	.col-full-75 .col-75, 
	.col-full-67 .col-50, 
	.col-full-33 .col-25 { width:100% !important; }

	.col-full-100 .col-75 { width:100% !important; margin:0 0 8% 0 !important; }

	.col-press { width:100% !important; }
}