/* column width for px */
[class^="col-"] {
	display: inline-block;
	*display: inline;
	*zoom:1;
	*float:left;
	vertical-align:top;
	margin:0 15px 20px 0;
	*margin:0 20px 20px 0;
	position:relative;
	
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}
[class^="col-"]:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
	overflow: hidden;
}
.col-100 { width:100%; margin-right:0; }/*one column*/
.col-50 { width:480px; }/*two column*/
.col-33 { width:313px; }/*three column*/
.col-25 { width:230px; }/*four column*/
.col-20 { width:180px; }/*five column*/

.col-67 { width:647px; }/*two column 2 : 1*/
.col-75 { width:730px; }/*two column 3 : 1*/
.col-80 { width:780px; }/*two column 4 : 1*/

.col-67 > div.col-33:nth-of-type(2n) { margin-right:0; }
.col-67 > div.col-33:nth-of-type(3n) { margin-right:15px; *margin-right:20px; }

.col-75 > div.col-25:nth-of-type(4n) { margin-right:15px; *margin-right:20px; }
.col-75 > div.col-25:nth-of-type(3n) { margin-right:0; }


.col-33 + .col-67, .col-67 + .col-33, .col-25 + .col-75, .col-75 + .col-25, .col-20 + .col-80, .col-80 + .col-20  { margin-right:0; }

div.col-50:nth-of-type(2n) { margin-right:0; }
div.col-33:nth-of-type(3n) { margin-right:0; }
div.col-25:nth-of-type(4n) { margin-right:0; }
div.col-20:nth-of-type(5n) { margin-right:0; }


/* 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%; }

[class^="col-full-"] > .itemBox .defaultWrap { margin-bottom:0 !important; }


/* ym-ibs */
.col-25.ym-menu { margin-right: 35px; width: 210px;}
.col-75.ym-box { width: 725px; }
.col-75.ym-box > .col-full-33 { margin: 0 35px 30px 0; width: 215px;}

/* ym-ibs equipment 
	取消3倍數的margin-right 並補回3+1倍數的margin-right
	不能用nth-child()或nth-of-type  因為IE8不支援
	改的時候 max-width:1024 的部分也要一起調
*/
.col-75.ym-box > .col-full-33 + .col-full-33 + .col-full-33 { margin-right: 0;}
.col-75.ym-box > .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 { margin-right: 35px;} 
.col-75.ym-box > .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 { margin-right: 0;}

.col-75.ym-box > .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 { margin-right: 35px;}
.col-75.ym-box > .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 { margin-right: 0;}

.col-75.ym-box > .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 { margin-right: 35px;}
.col-75.ym-box > .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 { margin-right: 0;}

.col-75.ym-box > .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 { margin-right: 35px;}
.col-75.ym-box > .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 { margin-right: 0;}

.col-75.ym-box > .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 { margin-right: 35px;}
.col-75.ym-box > .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 + .col-full-33 { margin-right: 0;}

.col-100.google-calendar-btn { display: none;}
.col-25.google-right { width: 225px;}

.footer .col-left { width: 310px;}
.footer .col-middle { width: 400px;}
.footer .col-right { width: 230px; margin-right: 0; text-align: right;}


