html,
		body {
			margin: 0;
			padding: 0;
			font-family: sans-serif!important;
		}

		p {
			margin: 0;
		}
		input:active ,input:focus {outline-width: 1px;}
		video {
			filter: saturate(100%) !important;
			-webkit-filter: saturate(100%) !important;
		}
		/* SET */
		a {color: #bbbbbb; text-decoration: none; border-bottom: 0px;}
		a:hover, a:focus, a:active{text-decoration: none;border-bottom: 0px;}
		.Player01{width: 100%; height: 100%; overflow-x: hidden; overflow-y: hidden; margin: 0; padding: 0; position: absolute; top: 0; overflow: hidden;}
		/*.Player01 main #container {position: absolute; top: 0px; left: 0; right: 0; bottom: 0;;}*/
		/*.Player01 main #container > div{position: absolute; top: 0px; left: 0; right: 0; bottom: 0;}*/
		.Player01 main #container {position: static;}
		.Player01 main #container{position: static;}
		#container .noTi{color: #c1c1c1; font-size: 11px; padding: 3px 5px; text-align: center;}
		body#player_Wrap{border-width: 0px; background-color: #000;overflow: hidden;margin: 0;}
		body{border-width: 0px}
		.plyr {border-radius: 0px!important;}

		/* TOP NAV */
		#top_Nav{width: 100%; height: 40px; position: absolute; top: 0px; background: linear-gradient(180deg,#000, 40%, #00000000); color: #fff; z-index: 9; padding: 5px; transition: all 0.4s;}
		#top_Nav .P_logo{height: 18px; vertical-align: baseline;}
		#top_Nav .P_exten{height: 12px; vertical-align: text-top;; margin: 0 5px; padding: 0 10px; border-right: 1px solid #5e5e5e; border-left: 1px solid #5e5e5e;}
		#top_Nav .file_Name{font-weight: 400; font-size: 12px; vertical-align: top; color: #fff; display: inline-block; margin: 0 0 0 3px; letter-spacing: -0.5px;line-height: 1.4;}


		/* SCROLL */

		::-webkit-scrollbar {width:0px;}
		::-webkit-scrollbar-track {background-color: rgba(0,0,0,0);}
		::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0);}
		::-webkit-scrollbar-button {display: none;}


		/* @media (max-width: 1024px) {
		    .plyr [data-plyr=fast-forward], .plyr [data-plyr=rewind] {
		        display: none;
		        min-width: 720px;
		    }
		} */

@media (max-width: 1024px) {
    .plyr__time + .plyr__time {
        display: none;
    }
}

		.Player01 main #container{margin-right: 300px!important;}
		.ui-widget{font-family: sans-serif!important;}
		#Container{
			color: #fff;
			font-size: 0.85rem;
			border-radius: 0.25rem;
		}

		#StarPlyer{
			margin: 0 auto;
		    padding-right: 300px;
		    overflow: hidden;
   			position: relative;
		}
		#List{ 
			width: 300px;
		    height: 100%;
		    background-color: #000;
		    position: absolute;
		    top: 0;
		    right: 0;
		    overflow-y: scroll;
		    z-index: 10;
		}

		#List .wrap{ 
			padding: 10px;
		}
		.area_01 {
			color: #fff;
		}
		.area_01 .tit{
			padding: 2px 5px 3px 5px;
		    font-weight: 600;
		    border-bottom: 1px solid #ff003b;
		    margin-bottom: 2px;
		    background-color: #ffffff45;
		    border-radius: 3px;
		    text-align: center;
		}
		.area_01 .con{
			font-size: 0.75rem;
		    padding: 5px;
		    background-color: #464646;
		    border-radius: 0.3rem;
		    margin-top: 5px;
		}
		.area_01 .con table{
			width: 100%;
		}
		.area_01 .con table th{
			text-align: left;
			width: 40px;
			line-height: 1.1;
		}
		.area_01 .con strong{
			padding: 4px;
		    background-color: #ffffff30;
		    width: 25px;
		    display: inline-block;
		    text-align: center;
		    border-radius: 0.3rem;
		    margin-bottom: 0px;
		    letter-spacing: 0;
		}
		.area_01 .con strong.wide{
		    width: 66px;
		}
		.area_01 .con span{
			display: inline-block;
		    font-weight: bold;
		    font-size: 0.7rem;
		    border-radius: 20px;
		    width: 15px;
		    text-align: center;
		    line-height: 15px;
		    background-color: #ffffff;
		    color: #464646;
		}
		.area_02 {
			border-radius: 0.3rem;
		}
		.area_02 ul{
			list-style: none;
		    margin: 0;
		    padding: 0;
		    display: flex;
		    -webkit-box: ;
		    display: -ms-flexbox;
		    text-align: center;
		}
		.area_02 li{
			flex-direction: column;
		    display: flex;
		    -webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		    flex-grow: 1;
		    padding: 5px;
		    font-size: 13px;
		    background-color: #5b5b5b;
		    border-radius: 0.3rem;
		    border: 1px solid #a5a5a5;
		    color: #a5a5a5;
		    margin-right: 5px;
		    cursor: pointer;
		}
		.area_02 li:last-child{margin-right: 0;}
		.area_02 li.on{
			background-color: #e6e6e6;
		    border: 1px solid #c9c9c9;
		    color: #575757;
		    font-weight: bold;
		}
		.area_02 h5{
			margin: 0;
		    text-align: center;
		    font-size: 14px;
		    margin-bottom: 10px;
		}
		.area_02 h5 .btn-prev{padding-right: 20%; cursor: pointer;}
		.area_02 h5 .btn-next{padding-left: 20%; cursor: pointer;}
		.area_03 {
			margin: 5px 0; 
			border-radius: 0.3rem;
		}
		.area_03 button{
			border-radius: 0.3rem;
		    font-size: 12px;
		    letter-spacing: -0.03rem; 
		    border: 1px solid #6d6d6d;
		    background-color: #fff0;
		    color: #f2f2f2;
		    min-width: 81px;
		    padding: 4px 0px;
		    font-weight: 600;
		    cursor: pointer;
		    margin: 4px 3px 0;
		}
		.area_03 button.on{
			background-color: #ffffff36;
		    color: #fff;
		    border: 1px solid #ff003b;
		}
		.Btn_g{
			width: 100%;
			text-align: right;
			margin-top: 5px;
			display: -webkit-box; 
			display: -ms-flexbox; 
			display: flex;

		}
		.Btn_g button{
			background-color: #464646;
		    color: #fff;
		    margin-left: 5px;
		    padding: 4px 9px;
		    border-radius: 0.3rem;
		    letter-spacing: -0.03rem;
		    border: none;
		    text-align: center;
		    cursor: pointer;
		     -webkit-box-flex: 1;  
		     -ms-flex-positive: 1;  
		     flex-grow: 1;
		}
		.Btn_g button:nth-child(1){
			margin-left: 0;
		}
		/*Tab*/
		.tabs_01 {
		  margin: 0 auto;
		}
		.tab_item_01 {
		  width: calc(100%/3);
		  height: 30px;
		  border-bottom: 2px solid #333333;
		  line-height: 30px;
    	  font-size: 13px;
		  display: block;
		  float: left;
		  text-align: center;
		  font-weight: bold;
		  transition: all 0.2s ease;
		  border-top-left-radius: 0.3rem;
    	  border-top-right-radius: 0.3rem;
    	  background-color: #262626;
    	  color: #767676;
		}
		.tab_item_01:hover {
		  opacity: 0.75;
		}
		input[name="tab_item_01"] {
		  display: none;
		}
		.tabs_01 .tab_content {
		  min-height: 190px;
		  padding: 5px;
		  clear: both;
		  overflow: hidden;
		  border-radius: 0.3rem;
		  background-color: #464646;
		}
		.tab_content table{
			width: 100%;
			text-align: center;
			border-collapse: collapse;
			font-size: 0.85rem;
			color: #fff;
		}
		.tab_content table th{
			line-height: 2;
		}
		.tab_content table th img{
			width: 7px;
			cursor: pointer;
		}
		.tab_content table td{
			color: #797979;
			line-height: 1.5;
		}
		.tab_content table td strong{
			color: #fff;
			cursor: pointer;
			padding: 3px;
		}
		.tab_content table td.on strong{
			background-color: #ff003b;
		    padding: 2px;
		    border-radius: 14px;
		    text-align: center;
		}
		
		.tabs_01 input:checked + .tab_item_01 {
			background-color: #ffffff00;
    		color: #ffffff;
    		border-bottom: 2px solid #ff003b;
		}
		/*2*/
		.tabs_02 {
		  margin: 0 auto;
		}
		.tab_item_02 {
		  width: calc(100%/4);
		  height: 30px;
		  border-bottom: 2px solid #333333;
		  line-height: 30px;
    	  font-size: 12px;
		  display: block;
		  float: left;
		  text-align: center;
		  font-weight: bold;
		  transition: all 0.2s ease;
		  border-top-left-radius: 0.3rem;
    	  border-top-right-radius: 0.3rem;
    	  background-color: #262626;
    	  color: #767676;
		}
		.tab_item_02:hover {
		  opacity: 0.75;
		}
		input[name="tab_item_02"] {
		  display: none;
		}
		.tabs_02 .tab_content {
		  min-height: 125;
		  padding: 5px;
		  clear: both;
		  overflow: hidden;
		  border-radius: 0.3rem;
		  background-color: #464646;
		  text-align: center;
		}
		
		.tabs_02 input:checked + .tab_item_02 {
			background-color: #ffffff00;
    		color: #ffffff;
    		border-bottom: 2px solid #ff003b;
		}

		/*scroll*/
		#List::-webkit-scrollbar {width: 0;}
		#List::-webkit-scrollbar-thumb {background: #fff;} 

		/*calendar*/
		#List .ui-state-default, #List .ui-widget-content .ui-state-default, #List .ui-widget-header .ui-state-default{
			background: #464646;
			text-align: center;
		    color: #fff;
		    border: 1px solid #464646;
		    line-height: 26px;
    		font-size: 14px;
		}
		#List .ui-state-highlight, #List .ui-widget-content .ui-state-highlight, #List .ui-widget-header .ui-state-highlight{
			/*background-color: #fff;*/
		}
		#List .ui-state-active, #List .ui-widget-content .ui-state-active, #List .ui-widget-header .ui-state-active{
			background: #ff003b;
			border-radius: 6px;
		}
		#List .ui-datepicker .ui-datepicker-header{
			background: #464646;
		    color: #fff;
		    border: none;
		}
		#List .ui-corner-all{
			background: #ffffff00;
   			border: none;
		}
		#List .ui-widget-content{
			background: none;
			color: #fff;
			width: 100%;
		}
		#List .ui-datepicker th{
			color: #fff;
		}

		#List .ui-datepicker .ui-datepicker-next span{cursor: pointer; background: url(sub_rightarrow.png);background-repeat: no-repeat;background-size: 7px; top: 10px; right: 25px;}
		#List .ui-datepicker .ui-datepicker-prev span{cursor: pointer; background: url(sub_leftarrow.png);background-repeat: no-repeat;background-size: 7px; top: 10px; left: 25px;}
		#List .ui-datepicker .ui-datepicker-next-hover, #List .ui-datepicker .ui-datepicker-next{top: 10px; right: 25px;}
		#List .ui-datepicker .ui-datepicker-prev-hover, #List .ui-datepicker .ui-datepicker-prev{top: 10px;  left: 25px;}
	 	@media screen and (max-width: 767px){
	 		#List{width: 100%; position: relative;margin-top: 56%;}
	 		.noTi{display: none;}
	 		#StarPlyer{padding-right: 0;}
	 		.Player01{position: fixed;z-index: 99; height: auto;}
	 		.Player01 main #container{margin-right: 0!important;position: relative;}
	 		.tabs_02 .tab_content{min-height: auto;}
	 		body#player_Wrap{overflow-y: scroll; font-size: 0.9rem!important;}
	 		.area_03 button{padding: 10px 0px;}
	 		.tab_item_01, .tab_item_02{height: 38px; line-height: 38px;}
	 		.Btn_g button{padding: 13px;}
	 	}