.col1, .col2, .col3, .cols, .col4, .col5, .col6, .col7, .col8, .col9 { float:left;}

.col1{ width:420px}
.col2{ width:46.5%}
.col3{ width:25%}
.col4{ width:100%}
.col5{ width: 280px}
.col6{ width: 400px}
.col7{ width: 550px}
.col8{ width: 33%}
.col9{ width:50%}

/*======= index.html =======*/
/*======= index-1.html =======*/
#page2 #content .col1{ width:280px;}
#page2 #content .col2{ width:600px;}
#page2 #content{ padding-bottom:20px;}
#page2 #content2, #page2 #content4{ padding-bottom:0px;}
/*======= index-2.html =======*/
#page3 #content .col1{ width:280px;}
#page3 #content .col2{ width:600px;}
#page3 .dropcap_1{ margin-bottom:0}
#page3 #content2, #page3 #content4{ padding-bottom:12px;}
/*======= index-3.html =======*/
#page4 #content .col1{ width:280px;}
#page4 #content .col1 p{ width:190px; float:left;}
#page4 #content2, #page4 #content4{ padding-bottom:9px;}
/*======= index-4.html =======*/
#page5 #content{ padding-bottom:40px;}
#page5 #content2 .col1{ width:400px;}
#page5 #content2 .col2{ width:500px}
#page5 #content2{ padding-bottom:9px;}
/*======= index-5.html =======*/
/* ===== Responsive ===== */
@media only screen and (max-width: 850px){
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9{ width:100%}
	#page5, #page2 {width: 24.6em}
	#page5, #page2 {width: 100%}
	#page5 #content2 .col1 { width:100%}
}