@charset "utf-8";
/* CSS Document */
  body	{
	font-family:lato,Arial,sans-serif,STHeiti,microsoft jhenghei,微軟正黑體,黑体;
	background-color:#ffffff;
	font-size:24px;
	color:#404041;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
.container-fluid	{
	padding-left:0px;
	padding-right:0px;
	}	
 .header	{
	 background-image: linear-gradient(to right, #0081c2 , #009999);
	 color:#ffffff;
	 }
 .nav-logo	{
	 float:left;
	 }	
 .nav-bar	{
	 float:right;
	 color:#ffffff;
	 font-size:24px;
	 margin-top:30px;
	 } 
 span.menu-til	{
	padding-right:20px;
	 }	 	 	 	
 .logo-hutchgo	{
	width:100%
	}
 a.menu	{
	 color:#ffffff;
	 font-weight:bold;
	 text-decoration:none;
	 }	
 a.menu:hover	{
	 background-color:#e2231a;
	 padding:20px;
	 font-weight:bold;
	 }		  	 
 .head-banner	{
	 background:url("images/HeroBanner.jpg") no-repeat center top;
	 width:100%;
	 height:500px;
	 }	 
 .section-img1	{
	 background:url("images/SectionImg1.jpg") no-repeat center top;
	 width:100%;
	 background-attachment:fixed;
	   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	 }
 .section-img2	{
	 background:url("images/SectionImg2.jpg") no-repeat center top;
	 width:100%;
	 background-attachment:fixed;
	   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	 }	
 .section-img3	{
	 background:url("images/SectionImg3.jpg") no-repeat center top;
	 width:100%;
	 background-attachment:fixed;
	   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	 }	  	 
 .kvlogo	{
	 text-align:right;
	 }
 img.logo-kvlogo	{
		 width:500px;
		 padding-top:127px;
		 }
 .content	{
	 padding:10px;
	 text-align:center;
	 line-height:40px;
	 font-size:28px;
	 }	
 img.event-steps	{
	 width:100%;
	 }
 .event-details	{
	 text-align:center;
	 color:#ffffff;
	 }	
 .highlight-rules	{
	 color:#F90;
	 font-weight:bold;
	 }		  
 .highlight	{
	 color:#e2231a;
	 font-weight:bold;
	 }	
 .btn-join-now	{
	 text-align:center;
	 } 
 .btn	{
	 height:60px;
	 width:250px;
	 font-size:26px;
	 font-weight:bold;
	 } 
 .btn-primary	{
	 background-image: linear-gradient(to right, #e2231a , #f4901e);
	 border:hidden;
	 } 
 .btn-blog-size	{
	 height:60px;
	 width:280px;
	 font-size:26px;
	 font-weight:bold;
	 } 	 
 .btn-primary:hover	{
	background-image: linear-gradient(to right, #333 , #333);
	 border:hidden;
	 } 	
 .dead-line	{
	 font-size:16px;
	 color:#ffffff;
	 }  
 .content2-container	{
	 background-color: rgba(226, 227, 228, 0);
	 } 
.content3-container	{
	 background-color: rgba(255, 255, 255, 0.1);
	 } 	 
 .til	{
	 text-align:center;
	 }
 h1	{
	 font-size:40px;
	 color:#0081c2;
	 font-weight:bold;
	 }
.til-on-bg	{
	font-size:40px;
	 color:#ffffff;
	 font-weight:bold;
	}	
.til-on-bg2	{
	font-size:40px;
	 color:#ec5a28;
	 font-weight:bold;
	}		 	
 h2	{
	 font-size:40px;
	 color:#e2231a;
	 font-weight:bold;
	 }		  
 .prize-container1	{
	 background-color: #ffffff;
	 color:##333;
	 height:300px;
	 text-align:center;
	 }	
 .prize-container2	{
	 background-color: #0081c2;
	 text-align:center;
	 color:#ffffff;
	 padding:20px;
	 height:120px;
	 }
 .blog-container	{
	 background-color: #0081c2;
	 text-align:center;
	 color:#ffffff;
	 padding:20px;
	 }	 
 .recommend-container	{
	background-color: #ffffff;
	 color:##333;
	 }
	 	 }	 		 
 .prize-details	{
	 text-align:center;
	 }
 .result	{
	 text-align:center;
	 font-size:24px;
	 }	
 .panel-title	{
	 text-align:center;
	 color:#0081c2;
	 padding:10px;
	 }
 .panel-default>.panel-heading	{
	background-color: rgba(152, 152, 152, 0.1);
		}
 .panel-default	{
	 border-color:rgba(0, 129, 194, 0.1);
	 }	
 .panel-default>.panel-heading+.panel-collapse>.panel-body	{
	 border-top-color: rgba(0, 129, 194, 0.1);
	 }
 .letter-content	{
	 padding:10px;
	 text-align:center;
	 line-height:40px;
	 font-size:28px;
	 color:#0081c2;
	 }	 
 .footer	{
	 background-image: linear-gradient(to right, #0081c2 , #009999);
	 font-size:12px;
	 padding:15px;
	 color:#fff;
	 }
 img.logo-CKHH	{
	 width:180px;
	 }
.panel-body	{
	font-size:12px;
	color:#333;
	line-height:23px;
	}	
.quota	{
	text-align:left;
	padding-left:30px;
	}	
img.img-blog	 {
		 width:100%;
		 }	 	  	
@media screen and (max-width:414px)	{
	 .head-banner	{
	 background:url("images/HeroBanner_mob.jpg") no-repeat center top;
	 width:100%;
	 height:300px;
	 }
	 img.logo-kvlogo	{
		 width:80%
		 }
	 .kvlogo	{
		 text-align:center;
		 }
	 img.img-prize	 {
		 width:100%;
		 }
	 .prize-container1	{
		 height:auto;
		 padding-bottom:10px;
		 }	
	.prize-container2	{
		 padding:20px;
		 height:auto;
		 }	
	 img.logo-hutchgo	{
		 width:50%;
		 }	
	 .nav-bar	{
		 float:right;
		 color:#ffffff;
		 font-size:18px;
		 margin-top:-35px;
		 } 
	 span.menu-til	{
		padding-right:5px;
		 }	
	 a.menu:hover	{
		 background-color:#e2231a;
		 padding:10px;
		 font-weight:bold;
		 }	 	 	  
	}
@media screen and (max-width:320px)	{
	 img.logo-hutchgo	{
		 width:40%;
		 }	
	}
@media screen and (max-width:768px)	{
	  img.event-steps	{
		 width:50%;
		 }	
	 .prize-container2	{
		 padding:20px;
		 height:auto;
		 }
	}	
@media screen and (max-width:1024px)	{
	 img.img-prize	 {
		 width:100%;
		 }
	 .prize-container1	{
		 height:auto;
		 padding-bottom:10px;
		 }
	  img.logo-CKHH	{
		 width:150px;
		 }		 	 
	}