.container {margin:0 auto; width:1000px;}
.col_12 {width:100%;}
.col_11 {width:91.66666667%;}
.col_10 {width:83.33333333%;}
.col_9 {width:75%;}
.col_8 {width:66.66666667%;}
.col_7 {width:58.33333333%;}
.col_6 {width:50%;}
.col_5 {width:41.66666666666667%;}
.col_4 {width:33.3333%;}
.col_3 {width:24.6%;}
.col_2 {width: 16.666666666666664%;}
.col_1 {width:8.33333333%}
.container:before, .container:after {content: " ";	display: table;}
.container:after {clear: both;}
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 { float:left; box-sizing:border-box; padding:0 5px;}

/* ----------- dextop version ----------- */
.col_lg12 {width:100%;}
.col_lg11 {width:91.66666667%;}
.col_lg10 {width:83.33333333%;}
.col_lg9 {width:75%;}
.col_lg8 {width:66.66666667%;}
.col_lg7 {width:58.33333333%;}
.col_lg6 {width:50%;}
.col_lg5 {width:41.66666666666667%;}
.col_lg4 {width:33.3333%;}
.col_lg3 {width:25%;}
.col_lg2 {width: 16.666666666666664%;}
.col_lg1 {width:8.33333333%}
.container:before, .container:after {content: " ";	display: table;}
.container:after {clear: both;}
.col_lg1, .col_lg2, .col_lg3, .col_lg4, .col_lg5, .col_lg6, .col_lg7, .col_lg8, .col_lg9, .col_lg10, .col_lg11, .col_lg12 { float:left; box-sizing:border-box; padding:0 5px;}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 999px) {
.col_md12 {width:100%;}
.col_md11 {width:91.66666667%;}
.col_md10 {width:83.33333333%;}
.col_md9 {width:75%;}
.col_md8 {width:66.66666667%;}
.col_md7 {width:58.33333333%;}
.col_md6 {width:50%;}
.col_md5 {width:41.66666666666667%;}
.col_md4 { width: 33.33333333333333%;}
.col_md3 {width:25%;}
.col_md2 {width: 16.666666666666664%;}
.col_md1 {width:8.33333333%}
.col_md12, .col_md11, .col_md10, .col_md9, .col_md8, .col_md7, .col_md6, .col_md5, .col_md4, .col_md3, .col_md2, .col_md1 {float:left; box-sizing:border-box; padding:0 5px;}
}

/* Mobile (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
.col_sm12 {width:100%}
.col_sm11 {width:91.66666667%}
.col_sm10 {width:83.33333333%}
.col_sm9 {width:75%}
.col_sm8 {width:66.66666667%}
.col_sm7 {width:58.33333333%}
.col_sm6 {width:50%}
.col_sm5 {width:41.66666667%}
.col_sm4 {width:33.33333333%}
.col_sm3 {width:25%}
.col_sm2 {width:16.66666667%}
.col_sm1 {width:8.33333333%}
.col_sm12, .col_sm11, .col_sm10, .col_sm9, .col_sm8, .col_sm7, .col_sm6, .col_sm5, .col_sm4, .col_sm3, .col_sm2, .col_sm1 {float:left; box-sizing:border-box; padding:0 5px;}
}

.table_main{ border-collapse:collapse;}
.table_main td, .table_main th{ border:1px solid #ccc; padding:8px 10px}