@charset "utf-8";
*		{ margin:0; padding:0;}
img		{ border:0; behavior: url(iepngfix.htc);}
div 	{ behavior: url(iepngfix.htc); }
h1, h2, h3, h4		{ margin:0; padding:0;}
h1	 	{ font-size:60px;}
h2		{ font-size:50px; margin-bottom:20px;}
h3		{ font-size:40px; margin-bottom:20px; font-weight:normal;}
p		{ width:980px; margin:0 auto; line-height:34px;}
a		{ color:#31a5b0;}
a:hover		{ color:#2298a2;}
.clear	{ clear:both;}
.hidden	{ display:none;}
.f-l	{ float:left;}
.f-r	{ float:right;}
.hidden	{ display:none;}
ul, li	{ list-style:none; margin:0; padding:0;}

body	{ background:#ffffff; font-family: Arial, Helvetica, sans-serif; color:#4a4a4a; font-size:24px; text-align:center;}
#container	{ width:100%;}
#header		{ height:79px; background:url(/images/vcom-bg01.jpg) repeat-x;}
	#header .h-con	{ height:79px; width:990px; margin:0 auto;}
	#header .logo	{ padding:17px 0 0px 0;}
	#header .nav	{ margin-left:443px; margin-top:33px; font-size:16px; font-weight:bold;}
		#header .nav li	{ float:left !important; display:block; padding-right:45px;}
		#header  a	{ color:#4a4a4a; text-decoration:none;}
			#header a:hover	{ color:#8dc1c7;}
		#header	.hbtn	{ width:205px;}
		#header .login	{ margin-top:33px; padding-right:15px; font-size:16px; font-weight:bold;}
		#header .gfi	{ margin-top:10px; background:url(/images/vcom-btn-gfi.jpg) 0 0 no-repeat;}
			#header .gfi:hover	{ background:url(/images/vcom-btn-gfi.jpg) 0 -57px no-repeat;}
#banner	{ width:100%; background:#8dc1c7; padding:60px 0; text-align:center;}
	#banner h1	{ color:#FFF; margin-bottom:30px;}
	#banner p	{}
	#banner .btn-gmfun	{ width:346px; height:73px; margin:40px auto 0 auto; background:url(/images/vcom-btn-gmfun.jpg) 0 0 no-repeat;}
		#banner .btn-gmfun:hover	{ background:url(/images/vcom-btn-gmfun.jpg) 0 -73px no-repeat;}
.con-00	{ padding-bottom:0; padding-top:55px; display:block;}
	.con-00 h2, .con-00 h3	{ color:#579a17;} 
	.con-00	img	{ margin:40px auto 70px auto;}
	.con-00 p	{ }
	.col1-con	{ width:980px; margin:0 auto;}
	.col2-con	{ width:980px; margin:40px auto 70px auto; font-weight:bold; text-transform:uppercase;}
		.col2-con img	{ margin:10px auto 0 auto !important;}
		.col2-con .f-l, .col2-con .f-r	{ width:455px;}
#con-01	{ padding:55px 0;}	
#con-02	{ background:url(/images/vcom-bg02.jpg) repeat-x bottom #e3e3e3;}
	#con-02 img	{ margin-bottom:0 !important;}
#con-03	{ background:#e3e3e3;}
	#con-03 img	{ margin-bottom:0 !important;}
#con-04	{}
	#con-04 img	{ margin-bottom:0 !important;}
#con-05	{ padding:55px 0; background:#e3e3e3;}
	#con-05	ul	{ width:100% !important; margin:15px auto;}
	#con-05	li	{ text-align:left;}
		#con-05 li.c05-01	{ background:url(/images/vcom-li01.jpg) 0 0 no-repeat; padding:8px 0 0 43px; }
		#con-05 li.c05-02	{ background:url(/images/vcom-li02.jpg) 0 0 no-repeat; padding:8px 0 0 43px; }
	#con-05	ul img	{ margin:10px auto;}
#con-06	{}
	#con-06 img	{ margin-bottom:0 !important;}
#con-07	{ background:#e3e3e3;}
	#con-07 h3	{ color:#579a17;}
#con-08	{ background:url(/images/vcom-bg03.jpg) bottom repeat-x;}
#con-09	{ padding:55px 0;}
		#con-09 img	{ margin:0 0 10px 0!important; padding:0 !important;}
		.btn-con	{ width:702px; margin:0 auto 30px auto !important; display:block;}
		.btn-sqts	{ background:url(/images/vcom-btn-sqts.jpg) 0 0 no-repeat; margin-bottom:10px;}
			.btn-sqts:hover	{ background:url(/images/vcom-btn-sqts.jpg)0 -66px no-repeat;}
		.btn-fs	{ background:url(/images/vcom-btn-fs.jpg) 0 0 no-repeat; margin-bottom:10px;}
			.btn-fs:hover	{ background:url(/images/vcom-btn-fs.jpg)0 -66px no-repeat;}
			
.btn-sqts2	{ background:url(/images/vcom-btn-sqts.jpg)0 0 no-repeat;}

/* Tablet Portrait size to standard 960 (devices and browsers) iPad Portrait*/
	@media only screen and (min-width: 768px) and (max-width: 959px) {
h1	 	{ font-size:50px;}
h2		{ font-size:40px; margin-bottom:10px;}
h3		{ font-size:30px; margin-bottom:10px;}
p		{ width:98%;}
	#header		{ padding-bottom:20px; height:auto !important; background:url(/images/vcom-bg01.jpg) bottom repeat-x #FFF;}
		#header .h-con	{ width:100%; height:auto !important;}
			#header .logo	{ margin-left:10px;}
			#header .nav	{ float:right !important; margin-left:0; display:block;}
				#header .nav li	{ float:left !important; padding-left:10px;}
				#header	.hbtn	{ width:300px; float:right; display:block; clear:both; margin:0 auto; margin-right:10px;}
				
		.con-00 img	{ width:100%; height:auto;}
			.col1-con	{ width:100%;}
			.col2-con	{ width:100%;}
			.col2-con img	{ margin:10px auto 0 auto !important;}
			.col2-con .f-l, .col2-con .f-r	{ width:45%}
	}
	
	/* All Mobile Sizes (devices and browser) iPhone Portrait*/ 
	@media only screen and (max-width: 767px) {
h1	 	{ font-size:50px;}
h2		{ font-size:40px; margin-bottom:10px;}
h3		{ font-size:30px; margin-bottom:10px;}
p		{ width:98%;}
	#header		{ padding-bottom:20px; height:auto !important; background:url(/images/vcom-bg01.jpg) bottom repeat-x #FFF;}
		#header .h-con	{ width:100%; height:auto !important;}
			#header .logo	{ margin-left:10px;}
			#header .nav	{ float:right !important; margin-left:0; display:block;}
				#header .nav li	{ float:left !important; padding-left:10px;}
				#header	.hbtn	{ width:300px; float:right; display:block; margin:0 auto; margin-right:10px;}
				
		.con-00 img	{ width:100%; height:auto;}
			.col1-con	{ width:100%;}
			.col2-con	{ width:100%;}
			.col2-con img	{ margin:10px auto 0 auto !important;}
			.col2-con .f-l, .col2-con .f-r	{ width:45%}
		
		.btn-con	{ width:339px;}
	} 
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) iPhone Landscape*/
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		
	}
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (min-width: 0px) and (max-width: 480px) {
h1	 	{ font-size:45px;}
h2		{ font-size:40px; margin-bottom:10px;}
h3		{ font-size:35px; margin-bottom:10px;}
p		{ width:98%; line-height:26px;}
body	{ font-size:20px;}
	#header		{ padding-bottom:20px; height:auto !important; background:url(/images/vcom-bg01.jpg) bottom repeat-x #FFF;}
		#header .h-con	{ width:100%; height:auto !important;}
			#header .logo	{ margin:10px auto !important; padding:0; width:100%; text-align:center;}
			#header .nav	{ width:100%; margin:10px auto !important; display:block; float:none !important; font-size:14px;}
				#header .nav li	{ width:32%; float:left !important; display:block; text-align:center; padding:0 !important}
				#header	.hbtn	{ width:220px; float:none; display:block; margin:0 auto !important;}
		.con-00 img	{ width:100%; height:auto;}
		.con-00 h2	{ margin:20px auto 30px auto;}
			.col1-con	{ width:100%;}
			.col2-con	{ width:100%;}
			.col2-con img	{ margin:10px auto 0 auto !important;}
			.col2-con .f-l, .col2-con .f-r	{ width:45%}
		
		.btn-con	{ width:339px;}
	}