@charset "UTF-8";
/* CSS Document */

		body { font-family:"Lato", sans-serif; font-weight:400 }
		
		p { font-weight:400; font-size:1.1rem }
		
		h1, h2, h3 { letter-spacing:.1rem }
		h3 { font-size:1.75rem; font-weight:300; margin-bottom:1.5rem }			

		.button.custom {
				background-color: #006699;
				color:#fff;
		}
		.button.custom:hover,
		.button.custom:focus {
				background-color: #003366;
		}	
		
		.button.second {
				background-color:#FC0;
				color:#000;
		}
		.button.second:hover,
		.button.second:focus {
				background-color:#F93
		}
		
		.button.signup {
				background-color:#FC0;
				color:#000;
		}
		.button.signup:hover,
		.button.signup:focus {
				background-color:#ffff99
		}		
		
		header h1 { font-size:4rem; font-weight:400; margin-bottom:0; line-height:1em; color:#fff; text-shadow:1px 1px 2px #000 }	
		header h2 { font-size:2.25rem; font-weight:100; margin-bottom:20px; line-height:1.25em; color:#fff; text-shadow:1px 1px 2px #000 }
		header span { display:inline }
	
		.header {
			text-align:center;
			color:#fff;
			padding:150px;	
			background:url(//sfimg.csidn.com/Images/start/bg-h_gs2b.jpg);
			background-size:cover;
			background-position:bottom;
			background-repeat:no-repeat
		}
		.header .flag { position:absolute; top:0; right:3% }
		.header .logo { width:100px }

		
	
		.header_start {
			text-align:right;
			color:#fff;
			padding:200px 0;	
			background:url(//sfimg.csidn.com/Images/start/bg-h_start.jpg);
			background-size:cover;
			background-position:bottom center;
			background-repeat:no-repeat
		}
		.header_start h1 { font-size:4rem; font-weight:100; letter-spacing:2px }			
		.header_start .logo { width:100px }

		.top { background:#000000; color:#fff; padding:1.25rem 0 }
		.top img { height:40px }				
		
		.signing_bonus { background:#FC0; color:#000; padding:1.25rem 0 }
		.signing_bonus h3 { font-size:1.25rem; font-weight:900; margin:0 }		
		.signing_bonus h2 { font-size:2.25rem; font-weight:300; margin:0; letter-spacing:0 }

		.start_intro { background:#369cce; color:#fff; padding:3rem 0 }
		.start_intro p { font-size:1.25rem; font-weight:400 }
		.start_intro p:last-child { margin-bottom:0 }

		#intro_button { display:normal; margin-top:3rem }
		#intro_video { display:none }

		.get_started { background:#fff; color:#000; padding:3rem 0 }
		.get_started .panel { margin-top:3rem }
		.get_started h2 { font-size:2.75rem; font-weight:400; margin-bottom:.75rem }	
		.get_started h3 { font-size:1.75rem; font-weight:400; margin-bottom:1.5rem }
		
		.play_video { background:#fff; color:#000; padding:0 0 3rem 0 }
		.play_video .panel { margin-top:3rem }
		.play_video h2 { font-size:2.75rem; font-weight:400; margin-bottom:.75rem }	
		.play_video h3 { font-size:1.75rem; font-weight:400; margin-bottom:1.5rem }		

		.vp_pool img { max-height:80px; vertical-align: middle }
		.vp_pool .vp { font-size:50px; line-height:80px; font-weight:900 }
		.shares { margin-top:.25rem; text-align:center; font-size:1.25rem; font-weight:900; color:#777777 }
		.shares_total { color:firebrick }
		
		.spacer { height:1.25rem }
		.simple { color:firebrick; font-style:italic; font-weight:700 }

		.ready { 
			background:url(//sfimg.csidn.com/Images/start/bg-gs2_wwlaptop.jpg) no-repeat right #f2f2f2;
			background-size:contain;
		}
		.ready .ps { font-size:.9rem; line-height:1.25rem; font-style:italic; margin-bottom:0 }
		
		footer { padding-top:0rem }
		footer .disclaimers { line-height:.75em }

@media (min-width:767px) and (max-width:1023px) {
		.header h2 { font-size:1.25rem; font-weight:100; letter-spacing:2px }							
	
		.ready { 
			background:url(//sfimg.csidn.com/Images/start/bg-gs2_wwlaptop.jpg) no-repeat right #f2f2f2;
			background-size:contain;
		}
		.ready .ps { font-size:.9rem; line-height:1.25rem; font-style:italic; margin-bottom:0 }	
}

@media (min-width:360px) and (max-width:1023px) {
			
		.header { padding:5% }
		.header h1 { font-size:2.5rem; font-weight:100; letter-spacing:2px }			
		.header h2 { font-size:1.5rem; font-weight:100; letter-spacing:2px }					
		.header h1 img { max-width:15% }
			
		.header {
			text-align:center;
			color:#fff;
			background-size:cover;
			background-position:bottom center;			
			background-repeat:no-repeat
		}	
	
		.vp_pool img { max-height:42px; vertical-align: middle }
		.vp_pool .vp { font-size:28px; line-height:42px; font-weight:900 }
		.shares { margin-top:.25rem; text-align:center; font-size:1.1rem; font-weight:900 }	
			
		.header_start { padding:5% }
		.header_start h1 { font-size:2.75rem; font-weight:100; letter-spacing:2px }			
		.header_start h2 { font-size:1.75rem; font-weight:100; letter-spacing:2px }					
		.header_start h1 img { max-width:15% }
			
		.header_start {
			text-align:center;
			color:#fff;
			padding:100px 0;	
			background:url(//sfimg.csidn.com/Images/start/bg-h_start.jpg);
			background-size:cover;
			background-position:bottom center;			
			background-repeat:no-repeat
		}	
	
		.start_intro { background:#369cce; color:#fff; padding:1rem 0 }
		.start_intro p { font-size:1rem; font-weight:400 }
		.start_intro p:last-child { margin-bottom:0 }	
			
		.top span { display:block }		
			
		.signing_bonus { background:#FC0; color:#000; padding:1.25rem 0 }
		.signing_bonus h2 { font-size:1.5rem; font-weight:300; margin:0; letter-spacing:0 }	
			
		.ready { 
			background:#f2f2f2;
			text-align:center;
		}	
			
		.ready h2 { font-size:2.25rem; font-weight:400; margin-bottom:.5rem }	
		.ready h3 { font-size:1.25rem; font-weight:400; margin-bottom:1.5rem }				
			
		}