@charset "utf-8";

body, html, #wrapper 
{
  width: 100%;
  height: 100%;
 /* overflow: hidden; */
  overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */
}

#wrapper
{
  display: table;
}

#main
{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.TVC
{
  /* border: 1px solid #F00DE8; */
  background-image: url("../sitePicture/tv.png");
  background-size: 1366px 768px; /*ORG: 895px 650px*/
  background-repeat: no-repeat;
/*	width: 895px;
	height: 650px; with ORG*/
	width: 1366px;  
	height: 768px;
	position: relative;
	display: inline-block;
}

.tvScreen
{
 /* border: 1px solid  #00F861; */
/*	width: 613px;
	height: 432px; */
	width: 986px;
	height: 544px;
	position: absolute;
	left: 58px;
	top: 84px;
	border-radius: 20px;
	overflow: hidden;
}

.VideoPlayer
{
  /* border: 1px solid #F00DE8;  */
	width: 971px;
	height: 538px;
	position: absolute;
	left: 15px;
	top: 5px;
	border-radius: 20px;
	overflow: hidden;
	visibility: hidden;
}

.infoText
{
  border: 1px solid #F00DE8;
	position: absolute;
	width: 137px;
	height: 39px;
	left: 720px;
	top: 49px;
}

.cc
{
 /*  border: 1px solid #F00DE8; */
  background-color: black;
/*  width: 589px;
	height: 405px; */
	width: 985px;
	height: 522px;
	position: relative;
	left: 16px;
	top: 5px;
	border-radius: 20px;
	overflow: hidden;
}

.fTitle
{
 /*  border: 1px solid #F00DE8; */
	position: absolute;
/*	width: 465px;
	height: 30px; */
	width: 310px;
	height: auto;
	top: 84px;
	left: 35px;
  overflow: hidden;
	color: white;
	font-size: 60px;
}

.fPicture
{
  /* border: 1px solid #F00DE8; */
	position: absolute;
/*	width: 465px;
	height: 256px; */
	width: 563px;
	height: 334px; 
	top: 17px;
	left: 388px;
  overflow: hidden;
	color: white;
  background-repeat: no-repeat;
  background-size: 100% 100%;	
}

.allFile
{
  /* border: 1px solid #F00DE8; */
	position: absolute;
/*	width: 464px;
	height: 84px; */
	width: 940px;
	height: 151px;
	top: 360px;
	left: 14px;
  overflow: hidden; 
	color: white;
	overflow-x: scroll;
	white-space: nowrap;
}

#player {
   /* border-radius: 15px;  */
   border-radius: 80px;

 }

.backToChoice
{
  border: 1px #FF0004;
	width: 100px;
	height: auto;
	top: 280px;
	left: 1070px;
  display: inline-block;
	position: absolute;
}

.nowWatchScrollText
{
	position: absolute;
	top: 70px;
	left: 1117px;
	width: 180px;
	overflow: hidden;
	font-size: 23px;
}



.tmpP
{
  border: 1px solid #FFED00;
	width: 100px;
	height: 100px;
}


/* old school way */
/*.centered {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}*/

/* with modern browsers */
.centered {
 border: 3px solid #0AE523;
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
	
/*button
{
	background: url(/image/btn.png) no-repeat;
	cursor:pointer;
	border: none;
} */


/*  h1 {
   text-align:center;
   color: #F1C40F;  
 }
 
 .info {
  position: static;
  text-align:center;
  color:  red;
  font-size:70px;
 }  

 #TV {
    position: relative;
    background-image: url("sitePicture/tv.png");
    background-size: 895px 650px;
    background-repeat: no-repeat;
    padding-top: 200px;
    height: 515px;
    width: 895px;
    margin: 20px auto;
  }

  .tvColorbar {
     background-image: url("sitePicture/tvColorbar.png");
     background-size: 400px 424px;
     position: absolute;
     top: 10px;
     width: 570px;  
     height: 420px;
     left: 27px;
     border-radius: 65px; 
  }

 #player {
   position: absolute;
   border-radius: 65px;
   top: 80px;
   height: 420px;
   margin: 0 60px 30px 55px;
   decoration: none;
 }

 .btn-group .button {
   background-color: #4CAF50; /* Green 
   border: none;
   color: white;
   padding: 15px 32px;
   text-align: center;
   text-decoration: none;
   font-size: 16px;
   cursor: pointer; 
   margin-bottom: 10px;
   width: 200px;
 }

 .btn-group .button:hover {
   background-color: #3e8e41;
 }

 .btn-group  {
   position: relative;
   left: 20px;
   width: 200px;
   padding: 10px;
   float: left;
 }
*/