@font-face {
      font-family: 'Roboto-regular';
      src: url('../font/Roboto-Regular.ttf');
    }
    
    @font-face {
      font-family: 'Roboto-Light';
      src: url('../font/Roboto-Light.ttf');
    }
    
    @font-face {
      font-family: 'Roboto-Medium';
      src: url('../font/Roboto-Medium.ttf');
    }
	
	@font-face {
      font-family: 'Roboto-Bold';
      src: url('../font/Roboto-Bold.ttf');
    }
	
	body{
		margin:0px;
		padding:0px;
		
	}
	
    
    #header{
      float:left;
      width:100%;
      background-color:#0085D5;
      color:#FFFFFF;
      text-align:center;
	  padding:24px 0px 19px 0px;
	  position:relative;
	  text-align:center;
    }
	
	#header #headerInner{
		width:76%;
		display:inline-block;
	}
	
	#header #logo{
		float:left;
	}
	
	#wrapper{
		float:left;
		width:100%;
		text-align:center;
	}
	
	
	#Header01{
		font-family:Roboto-Light;
		font-size:25px;
		margin-top:25px !important;
		/*color:#85888C;*/
		color:#53565A;
		text-align:center;
		max-width:90%;
		display:inline-block;
		margin-bottom:25px !important;
	}
	
	#Header02{
		font-family:Roboto-regular;
		font-size:20px;
		margin-top:25px !important;
		color:#85888C;
		text-align:center;
		margin-bottom:25px !important;
		max-width:90%;
		color:#53565A;
		display:inline-block;
	}
	
	#wrapperInner{
		width:100%;
		float:left;
		text-align:center;
		position:relative;
		text-align:center;
	}
	
	#videoContainer{
		width:100%;
		height:72vh;
		display:inline-block;
		overflow:hidden;
		background-color:#D3D3D3;
	}
	
	#videoContainer video{
		float:left;
		width:100%;
	}
	
	#videoContainer img{
		width:100%;
		float:left;
	}
	
	#btn_panel{
		width:100%;
		background-color:rgba(255, 255, 255, 0.7);
		position:absolute;
		z-index:1;
		left:0px;
		top:0px;
		bottom:0px;
		text-align:center;
		padding-top:0px;
	}
		
	#btnContainer{
		display:inline-block;
		width:80%;
		padding:0% 2% 0% 2%;
		max-width:1200px;
	}
	
	#btnContainer #btnListLeft{
		float:left;
		width:100%;
	}
	
	#btnContainer #btnListRight{
		float:left;
		width:100%;
	}
	
	#btnContainer #listHeader{
		font-family:Roboto-regular;
		font-size:20px;
		padding:1% 5% 0% 5px;
		width:90%;
		/*color:#85888C;*/
		color:#53565A;
		text-align:left;
	}
	
	#btnContainer .btn{
		float:left;
		padding:1%;
		min-width:15% !important;
		width:29%;
		background-color:#0085D5;
		color:#FFFFFF;
		font-family:Roboto-regular;
		cursor:pointer;
		margin:1%;
		font-size:14px;
		min-height:60px;
		display:inline-table;
	}
	
	#btnContainer .btn span{
		display:table-cell;
		vertical-align:middle;
	}
	
	#btnContainer .btn:hover{
		background-color:#00426A;
	}
	
	
	#btnContainer .btn.btnDisabled{
		background-color:#B1B3B3;
		cursor:default;
	}
	
	@media( max-width:1000px ){
	#btnContainer .btn{
		min-width:170px;		
	}
	}
	
	@media( max-width:950px ){
	#btnContainer .btn{
		padding:1% 1%;
		width:46%;
		min-width:160px;		
	}
	
	#btnContainer #listHeader{
		padding:1% 5% 0% 5px;
		font-size:18px;
		}		
	}
	
	@media( max-width:768px ){
	#videoContainer{
		width:100%;
	}
	}
	
	@media( max-width:720px ){
	#btnContainer .btn{
			width:98%;
			min-height:30px;
			padding:10px !important;
			max-width:320px;
			float:none;
		}
	}
	
	@media( max-width:600px ){
		#Header01{
			font-size:18px;
			margin-top:10px;
			margin-bottom:10px;
			
		}
		
				
		#btnContainer #listHeader{
		font-family:Roboto-regular;
		font-size:14px;
		padding:1% 5% 0% 5px;
		}
				
		}
	
	@media( max-width:500px ){	
		#btn_panel{
			padding-top:5px;
		}
	
		#btnContainer #btnListLeft, #btnContainer #btnListRight{
			float:none;
			width:90%;
			max-width:300px;
			display:inline-block;
			margin-bottom:10px;
		}
		
		#btnContainer .btn{
			width:98%;
			min-height:30px;
			padding:10px !important;
		}

		
	}
	
	@media( max-height:700px ){	
		#Header01{
			font-size:16px;
			margin-top:10px;
			margin-bottom:10px;
		}
		
		#Header02{
			font-size:14px;
		}
		
		#btnContainer #listHeader{
		font-family:Roboto-regular;
		font-size:14px;
		padding:0% 5% 0% 5px;
		}
	
		#btnContainer #btnListLeft, #btnContainer #btnListRight{
			display:inline-block;
			margin-bottom:10px;
		}

		#btnContainer .btn{
			padding: 1% 1%;
			font-size:13px;
			min-width:140px;
		}
		
		 #header{
			padding:14px 0px 7px 0px;
		}
		
	}
	
	
	@media( max-height:480px ){	
		
		#btnContainer .btn{
		font-size:12px;
		}
	}