﻿/*======= index.html =======*/
#page1 .col-1 {width:278px; margin-right:16px;}
#page1 .col-2 {width:278px; margin-right:15px}
#page1 .col-3 {width:278px;}
#page1 #header {height:667px;}
#page1 #main {background:url(images/header_bg.jpg) no-repeat 50% 0%;}
/*=========================*/
/*======= index-1.html =======*/
#page2 .col-1 {width:278px; margin-right:16px;}
#page2 .col-2 {width:278px; margin-right:15px}
#page2 .col-3 {width:278px;}
/*=========================*/
/*======= index-2.html =======*/
#page3 .col-1 {width:278px; margin-right:16px;}
#page3 .col-2 {width:278px; margin-right:15px}
#page3 .col-3 {width:278px;}/*=========================*/
/*======= index-3.html =======*/
#page4 .col-1 {width:450px; margin-right:24px; margin-left:28px}
#page4 .col-2 {width:300px;}
/*========================*/
/*======= index-4.html =======*/
#page5 .col-1 {width:272px; margin-right:24px; margin-left:28px}
#page5 .col-2 {width:487px;}
/*=========================*/
/*======= index-5.html =======*/
#page6 .col-1 {width:272px; margin-right:24px; margin-left:28px}
#page6 .col-2 {width:487px;}
/*=========================*/
/*======= index-6.html =======*/
#page7 .col-1 {width:100%}
/*=========================*/

@media (min-width: 1100px) {
	#header {width:870px;}
}
@media (max-width: 1100px) and (min-width: 1000px) {
	#header {width:870px;}
	}
@media (max-width: 1000px) and (min-width: 800px) {
	#page1 {width:100%;}
	#page1 #header {height:531px;}
	#page4 #header {height:281px;}
	#page1 #main {background:url(images/header_bg1.jpg) no-repeat 50% 0%;}
	#page7 .col-1 {width:100%; margin-right:0px;text-align: center;}
	#page1 .col-1 {width:100%; margin-right:0px;text-align: center;}
	#page1 .col-2 {width:100%; margin-right:0px;text-align: center;}
	#page1 .col-3 {width:100%;text-align: center;}
	#page4 .col-1 {width:100%; margin-right:0px;text-align: center;}
	#page4 .col-2 {width:100%; margin-right:0px;text-align: center;}
}
@media (max-width: 800px) and (min-width: 500px) {
	#page1 {width:100%;}
	#page1 #header {height:531px;}
	#page4 #header {height:281px;}
	#page1 #main {background:url(images/header_bg1.jpg) no-repeat 50% 0%;}
	#page7 .col-1 {width:100%; margin-right:0px;text-align: center;}
	#page1 .col-1 {width:100%; margin-right:0px;text-align: center;}
	#page1 .col-2 {width:100%; margin-right:0px;text-align: center;}
	#page1 .col-3 {width:100%;text-align: center;}
	#page4 .col-1 {width:100%; margin-right:0px;text-align: center;}
	#page4 .col-2 {width:100%; margin-right:0px;text-align: center;}
}
@media (max-width: 500px) {
	#page1 #header {height:531px;}
	#page1 #header {height:531px;}
	#page7 #header {height:281px;}
	#page4 #header {height:281px;}
	#page1 #main {background:url(images/header_bg1.jpg) no-repeat 50% 0%;}
	#page7 .col-1 {width:100%; margin-right:0px;text-align: center;}
	#page1 .col-1 {width:100%; margin-right:0px;text-align: center;}
	#page1 .col-2 {width:100%; margin-right:0px;text-align: center;}
	#page1 .col-3 {width:100%;text-align: center;}
	#page4 .col-1 {width:100%; margin-right:0px;text-align: center;}
	#page4 .col-2 {width:100%; margin-right:0px;text-align: center;}
}