@charset "UTF-8";
.video-js{
	position: static;
}
.player-container{
	height: 360px;
	width: 640px;
	overflow: hidden;
	position:relative;
}
.player-wrapper{
	height: 360px;
	width: 640px;
	overflow: hidden;
	position: relative;
}
/*.video-js.vjs-fullscreen{
	width:100%;
	height:50% !important;
	overflow: hidden;
	position: relative;
}*/
.relative{
	position:relative;
	height:100%;
	width:100%;
}
@media(min-device-width: 799px){
:-webkit-full-screen:not(:root) {
	width:100% !important;
	height:0;
	padding-top:56.25%;
	float: none !important;
	position:relative;
}
:-webkit-full-screen .player-wrapper {
	width: 100% !important;
	height:100% !important;
	position:absolute;
	top:50%;
	left:50%;
	/*-webkit-transform:translate(-50%,-50%);*/
	/*-moz-transform:translate(-50%,-50%);*/
	/*-ms-transform:translate(-50%,-50%);*/
	/*-o-transform:translate(-50%,-50%);*/
	/*transform:translate(-50%,-50%);*/
}
:-moz-full-screen:not(:root) {
	width:100% !important;
	height:0;
	padding-top:56.25%;
	float: none !important;
	position:relative;
}
:-moz-full-screen .player-wrapper {
	width: 100% !important;
	height:0;
	padding-top:56.25%;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
}
/*---------- menu ----------*/
.video-js .vjs-dock-shelf{
	width:auto !important;
	z-index: 1 !important;
}
.overlay{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.2);
	z-index: 5 !important;
	opacity:0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
    pointer-events: none;
}
.overlay.hover{
	opacity:1 !important;
}

/*---------- menu ----------*/
.player-menu{
	width:426px;
	height:60px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: 21474836473 !important;
    opacity:0;
}
.player-menu.hover{
    opacity:1;
}

/*---------- Main Controls ----------*/
.main_controls{
	width:426px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
    display: flex;
    justify-content: center;
}
.btn_rewind{
	width:33px;
	height:30px;
	margin:15px 0;
	padding:0;
	display:block;
	float:left;
	background:url(../img/player/icon_tapR.png) 0 0 no-repeat;
	background-size:100%;
	border:none;
	cursor:pointer;
	opacity:0.7;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btn_play{
	width:30px;
	height:40px;
	margin:10px 76px 10px 84px;
	padding:0;
	display:block;
	float:left;
	background:url(../img/player/icon_play_w.png) center center no-repeat;
	background-size:100%;
	border:none;
	cursor:pointer;
	opacity:0.7;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btn_pause{
	width:22px;
	height:35px;
	margin:12px 84px 13px;
	padding:0;
	display:block;
	float:left;
	background:url(../img/player/icon_pause_w.png) center center no-repeat;
	background-size:100%;
	border:none;
	cursor:pointer;
	opacity:0.7;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btn_fforward{
	width:33px;
	height:30px;
	margin:15px 0;
	padding:0;
	display:block;
	float:left;
	background:url(../img/player/icon_tapF.png) 0 0 no-repeat;
	background-size:100%;
	border:none;
	cursor:pointer;
	opacity:0.7;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.skip_btn{
	width:60px;
	height:30px;
	margin:15px 10px;
	display:block;
	float:left;
	text-align:left;
	font-size:18px;
	color:#fff;
}
#skip_result_r{
	text-align:right;
}
#skip_result_f{
	text-align:left;
}


.btn_rewind:hover,
.btn_play:hover,
.btn_pause:hover,
.btn_fforward:hover{
	opacity:1;
}


/*---------- layer ----------*/
.mirrored{
	padding:3px 8px;
	position:absolute;
	top:1em;
	left:1em;
	background:#E60012;
	color:#fff;
	z-index:3 !important;
	border:none;
	border-radius:5px;
	font-size:0.8em !important;
	display:none;
}
.player_logo{
	width:65px;
	height:55px;
	position:absolute;
	bottom:1em;
	left:1em;
	z-index:2 !important;
	background:url(../img/player/logo_w.png) no-repeat;
	background-size:100%;
	opacity:0.7;
}
.vjs-dock-text{
	z-index:4 !important;
}

/*---------- Chapter ----------*/
/*Chaper button*/
button.btn_cp{
	width:40px;
	height:40px;
	margin-top:0;
	margin-left:10px;
	padding:0;
	display:inline-block;
	box-sizing:border-box;
	background:rgba(255,255,255,0.4);
	border:none;
	border-radius:5px;
	position:relative;
	color:#fff;
	cursor:pointer;
	font-size:0.9em;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
button.btn_cp:before{
	width:31px;
	height:24px;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-12px;
	margin-left:-15.5px;
	background:url(../img/player/icon_chapter_b.png) no-repeat;
	background-size:31px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
button.btn_cp:hover, button.btn_cp.active{
	background:#E60012;
	color:#fff;
}
button.btn_cp:hover:before, button.btn_cp.active:before{
	width:31px;
	height:24px;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-12px;
	margin-left:-15.5px;
	background:url(../img/player/icon_chapter.png) no-repeat;
	background-size:31px;
}

/*Chaper list*/
.chapter_inner{
	width:250px;
	height:60%;
	position:absolute;
	top:70px;
	right:10px;
	overflow-x:hidden;
	overflow-y:hidden;
	background:rgba(0,0,0,0.4);
	border-radius:5px;
	z-index: 21474836476 !important;
    display: none;
}

ul#textTarget{
	width:230px;
	height:120px;
	margin:0 !important;
	padding:10px;
	padding-right:27px;
	overflow-y:scroll;
	list-style:none;
}
ul#textTarget li{
	margin:0 0 5px;
	display:block;
	font-size:0.8em !important;
}
ul#textTarget li:last-child{ margin-bottom:0;}
ul#textTarget li.video-title{
	display:none;
	padding:4% 5%;
}
ul#textTarget > li > a{
	width:230px;
	padding:3% 5% 3% 12%;
	display:block;
	vertical-align:middle;
	cursor:pointer;
	background:rgba(255,255,255,0.75);
	border-radius:5px;
	box-sizing:border-box;
	position:relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
ul#textTarget > li > a:before{
	width:9px;
	height:14px;
	content:"";
	position:absolute;
	top:50%;
	left:5%;
	margin-top:-7px;
	background:url(../img/player/icon_chapterLi_p.png) no-repeat;
	background-size:100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
ul#textTarget > li > a:hover{
	background:#E60012;
	color:#fff;
	position:relative;
}
ul#textTarget > li > a:hover:before{
	background:url(../img/player/icon_chapterLi_w.png) no-repeat;
	background-size:100%;
}
.chapter_inner .close_position{
	position:absolute;
	bottom:0;
}
.chapter_close{
	width:230px;
	margin:0 0 10px 10px;
	padding:3% 12% 3% 5%;
	display:block;
	vertical-align:middle;
	cursor:pointer;
	text-align:right;
	background:rgba(255,255,255,0.75);
	border-radius:5px;
	border:none;
	color:#000;
	text-decoration:none;
	box-sizing:border-box;
	position:relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-size:0.8em !important;
}
.chapter_close:before{
	width:9px;
	height:9px;
	content:"";
	position:absolute;
	top:11px;
	right:10px;
	background:url(../img/player/icon_close_p.png) no-repeat;
	background-size:9px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.chapter_close:hover{
	background:#E60012;
	color:#fff;
}
.chapter_close:hover:before{
	background:url(../img/player/icon_close_w.png) no-repeat;
	background-size:9px;
}

/*---------- Camera View ----------*/
button.btn_vw{
	width:40px;
	height:40px;
	margin-left:10px;
	padding:0;
	color:#fff;
	background:rgba(255,255,255,0.4);
	border-radius:5px;
	box-sizing:border-box;
	display:inline-block;
	position:relative;
	border:none;
	cursor:pointer;
	font-size:0.9em;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
button.btn_vw:before{
	width:30px;
	height:14px;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-7px;
	margin-left:-15px;
	background:url(../img/player/icon_view_b.png) no-repeat;
	background-size:100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
button.btn_vw:hover, button.btn_vw.active{
	background:#E60012;
	color:#fff;
}
button.btn_vw:hover:before, button.btn_vw.active:before{
	width:30px;
	height:14px;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-7px;
	margin-left:-15px;
	background:url(../img/player/icon_view_w.png) no-repeat;
	background-size:100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.view_inner{
	position:relative;
	height:100%;
	width:100%;
	padding:10px;
}

.btnArea_view{
	width:250px;
	height:60%;
	position:absolute;
	top:70px;
	right:10px;
	overflow-x:hidden;
	overflow-y:hidden;
	background:rgba(0,0,0,0.4);
	border-radius:5px;
	z-index: 21474836475 !important;
        display: none;

}
.btnArea_view button{
	width:230px;
	margin-bottom:5px;
	padding:3% 5% 3% 20%;
	display:block;
	vertical-align:middle;
	cursor:pointer;
	text-align:left;
	background:rgba(255,255,255,0.75);
	border-radius:5px;
	border:none;
	box-sizing:border-box;
	position:relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-size:0.8em !important;
}
.btnArea_view button:nth-child(4){
	margin-bottom:0;
}
.btnArea_view button:before{
	width:30px;
	height:14px;
	content:"";
	position:absolute;
	top:8px;
	left:10px;
	background:url(../img/player/icon_view_p.png) no-repeat;
	background-size:26px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btnArea_view button:hover, .btnArea_view button.active{
	width:230px;
	padding:3% 5% 3% 20%;
	border-radius:5px;
	box-sizing:border-box;
	display:block;
	border:none;
	color:#fff;
	background:#E60012;
	position:relative;
}
.btnArea_view button:hover:before, .btnArea_view button.active:before{
	width:30px;
	height:14px;
	content:"";
	position:absolute;
	top:8px;
	left:10px;
	background:url(../img/player/icon_view_w.png) no-repeat;
	background-size:26px;
}

.btnArea_view .close_position{
	position:absolute;
	bottom:0;
}
.view_close{
	width:230px;
	padding:3% 12% 3% 5%;
	margin:0 0 10px 10px;
	display:block;
	vertical-align:middle;
	cursor:pointer;
	text-align:right;
	background:rgba(255,255,255,0.75);
	border-radius:5px;
	border:none;
	color:#000;
	text-decoration:none;
	box-sizing:border-box;
	position:relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-size:0.8em !important;
}
.view_close:before{
	width:9px;
	height:9px;
	content:"";
	position:absolute;
	top:11px;
	right:10px;
	background:url(../img/player/icon_close_p.png) no-repeat;
	background-size:9px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.view_close:hover{
	background:#E60012;
	color:#fff;
}
.view_close:hover:before{
	background:url(../img/player/icon_close_w.png) no-repeat;
	background-size:9px;
}


/*---------- mic ----------*/
input[type="button"], button, textarea{
	-webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance:none !important;
}
input[type="button"]:focus, button:focus, textarea:focus{
	outline:none;
}

button.btn_recog, button.btn_recog_stop{
	width:40px;
	height:40px;
	margin-left:10px;
	padding:0;
	color:#fff;
	background:rgba(255,255,255,0.4);
	border-radius:5px;
	box-sizing:border-box;
	display:inline-block;
	position:relative;
	border:none;
	cursor:pointer;
	font-size:0.9em;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
button.btn_recog:before{
	width:20px;
	height:25px;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-12px;
	margin-left:-10px;
	background:url(../img/player/icon_micoff_b.png) no-repeat;
	background-size:20px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
button.btn_recog:hover, button.btn_recog_stop:hover{
	background:#E60012;
	color:#fff;
}
button.btn_recog:hover:before{
	width:20px;
	height:25px;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-12px;
	margin-left:-10px;
	background:url(../img/player/icon_micoff_w.png) no-repeat;
	background-size:20px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

button.btn_recog_stop:before{
	width:20px;
	height:25px;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-12px;
	margin-left:-10px;
	background:url(../img/player/icon_micon_b.png) no-repeat;
	background-size:20px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
button.btn_recog_stop:hover:before{
	width:20px;
	height:25px;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-12px;
	margin-left:-10px;
	background:url(../img/player/icon_micon_w.png) no-repeat;
	background-size:20px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* recogArea */
.recogArea{
	width:100%;
	padding-top:50px;
	background:url(../img/player/icon_recog_w.png) center 10px no-repeat;
	background-size:26px;
	position:absolute;
	top:0;
}
.recogArea #result_text{
	width:100%;
	display:block;
	background:none;
	border:none;
	color:#fff;
	margin:0 auto;
	text-align:center;
}
.recogArea #vr_status{
	width:100%;
	display:block;
	background:none;
	border:none;
	color:#fff;
	margin:0 auto;
	text-align:center;
}
/*---------- Speed ----------*/
.speedArea{
	width:auto;
	position:relative;
}
#speed{
	width:auto;
	height:3em;
/*	background:url(../img/player/icon_speed.png) 0 center no-repeat; */
	background-size:19px;
	margin-left:1em;
	padding:0;
	cursor:pointer;
	border:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#speed:focus{
	outline:none;
}
#speed span{
	width:30px;
	margin-left:12px;
	padding:5% 0;
	display:inline-block;
	cursor:pointer;
	text-align:center;
	background:rgba(255,255,255,0.75);
	border-radius:4px;
	border:none;
	color:#E60012;
	box-sizing:border-box;
	position:relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-size:0.8em !important;
}
.speed_inner{
	height:100%;
	width:100%;
	padding:10px;
}

.btnArea_speed{
	width:70px;
	height:auto;
	position:absolute;
	bottom:2em;
	overflow-x:hidden;
	overflow-y:hidden;
	background:rgba(0,0,0,0.4);
	border-radius:5px;
	z-index: 21474836475 !important;
	display:none;
}
.btnArea_speed button{
	width:50px;
	margin-bottom:5px;
	padding:5% 3%;
	display:block;
	vertical-align:middle;
	cursor:pointer;
	text-align:center;
	background:rgba(255,255,255,0.75);
	border-radius:4px;
	border:none;
	color:#000;
	box-sizing:border-box;
	position:relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-size:0.8em !important;
}
.btnArea_speed button:nth-child(4){
	margin-bottom:0;
}
.btnArea_speed button:hover, .btnArea_speed button.active{
	width:50px;
	padding:5% 3%;
	border-radius:5px;
	box-sizing:border-box;
	display:block;
	border:none;
	color:#fff;
	background:#E60012;
	position:relative;
}
.btnArea_speed .close_position{
	position:absolute;
	bottom:0;
}

/*---------- Full Screen ----------*/
button.btn_fs{
	width:3em;
	height:100%;
	background:url(../img/player/icon_fs_w.png) center 0 no-repeat;
	background-size:16px;
	/* position:absolute;
	top:50%;
	margin-top:-8px; */
	cursor:pointer;
}
button.btn_fs:focus{
	outline:none;
}
button.btn_fs:hover{
/*	background-color:rgba(255,255,255,0.5); */
	background-image:url(../img/player/icon_fs_w.png) no-repeat;
	background-size:16px;
/*	box-shadow:0 0 1em #fff;*/
}

div.btn_block {
    text-align: center;
	width:3em;
	height:50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
/*.vjs-control-bar{
	z-index:21474836480;
}*/
.vjs-caption-settings{
	z-index:11 !important;
}
@media(max-device-width: 798px){
	body{
		margin:0;
	}

	.player-container{
		height:auto;
		width:100%;
		overflow:visible;
		position:relative;
	}
	.player-wrapper{
		height:0;
		padding-top:56.25%;
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.video-js .vjs-dock-shelf{
		width:auto !important;
	}

	/*---------- menu ----------*/
	.player-menu{
		width:100%;
		height:10%;
		margin:0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
		z-index: 21474836478 !important;
/*		display:none;
		opacity:1;*/
		opacity:0;
	}

	/*---------- layer ----------*/
	.mirrored{
		position:absolute;
		top:1em;
		left:10px;
	}
	.player_logo{
		position:absolute;
		bottom:10px;
		left:10px;
	}

	/*---------- Chapter ----------*/
	/*Chaper button*/

	/*Chaper list*/
	.chapter_inner{
		width:60%;
		position:absolute;
		top:60px;
	}

	ul#textTarget{
		width:100%;
		height:60%;
		margin:0 !important;
		padding:5%;
		padding-right:5%;
		overflow-y:scroll;
		box-sizing:border-box;
		list-style:none;
	}
	ul#textTarget li{
		margin:0 0 5px;
		display:block;
		font-size:0.8em !important;
	}
	ul#textTarget li:last-child{ margin-bottom:0;}
	ul#textTarget li.video-title{
		display:none;
		padding:4% 5%;
	}
	ul#textTarget > li > a{
		width:100%;
		padding:3% 5% 3% 12%;
		display:block;
		vertical-align:middle;
		cursor:pointer;
		background:rgba(255,255,255,0.75);
		border-radius:5px;
		box-sizing:border-box;
		position:relative;
		-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	ul#textTarget > li > a:before{
		width:9px;
		height:14px;
		content:"";
		position:absolute;
		top:50%;
		left:5%;
		margin-top:-7px;
		background:url(../img/player/icon_chapterLi_p.png) no-repeat;
		background-size:100%;
	}
	ul#textTarget > li > a:hover{
		background:#E60012;
		color:#fff;
	}
	ul#textTarget > li > a:hover:before{
		background:url(../img/player/icon_chapterLi_w.png) no-repeat;
	}

	.chapter_inner .close_position{
		width:90%;
		padding:0 5% 5%;
	}
	.chapter_close{
		width:100%;
		margin:0;
		padding:3% 12% 3% 5%;
		display:block;
		vertical-align:middle;
		cursor:pointer;
		text-align:right;
		background:rgba(255,255,255,0.75);
		border-radius:5px;
		border:none;
		color:#000;
		text-decoration:none;
		box-sizing:border-box;
		position:relative;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
		font-size:0.8em !important;
	}
	.chapter_close:before{
		width:9px;
		height:9px;
		content:"";
		position:absolute;
		top:11px;
		right:10px;
		background:url(../img/player/icon_close_p.png) no-repeat;
		background-size:9px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}


	/*---------- Camera View ----------*/
	.btnArea_view{
		width:60%;
		height:60%;
		overflow-y:hiddern;
		padding:0;
		background:rgba(0,0,0,0.4);
		border-radius:5px;
		box-sizing:border-box;
		display:block;
		position:absolute;
		top:60px;
	}
	.view_inner{
		width:100%;
		height:60%;
		margin:0 !important;
		padding:5%;
		overflow-y:scroll;
		box-sizing:border-box;
	}
	.btnArea_view button{
		width:100%;
		margin-right:0;
		margin-bottom:5px;
		padding:3% 5% 3% 22%;
		border-radius:5px;
		box-sizing:border-box;
		display:inline-block;
		border:none;
		background:rgba(255,255,255,0.75);
		position:relative;
		font-size:0.6em;
		cursor:pointer;
	}
	.btnArea_view button:last-child{
		margin-bottom:0;
	}
	.btnArea_view button:before{
		width:30px;
		height:14px;
		content:"";
		position:absolute;
		top:8px;
		left:5%;
		background:url(../img/player/icon_view_p.png) no-repeat;
		background-size:26px;
	}
	.btnArea_view button:hover, .btnArea_view button.active{
		width:100%;
		padding:3% 5% 3% 22%;
		border-radius:5px;
		box-sizing:border-box;
		display:inline-block;
		border:none;
		color:#fff;
		background:#E60012;
		position:relative;
		font-size:0.6em;
	}
	.btnArea_view button:hover:before, .btnArea_view button.active:before{
		width:30px;
		height:14px;
		content:"";
		position:absolute;
		top:8px;
		left:5%;
		background:url(../img/player/icon_view_w.png) no-repeat;
		background-size:26px;
	}

	.btnArea_view .close_position{
		width:90%;
		padding:0 5% 5%;
	}
	.view_close{
		width:100%;
		padding:3% 12% 3% 5%;
		margin:0;
		display:block;
		vertical-align:middle;
		cursor:pointer;
		text-align:right;
		background:rgba(255,255,255,0.75);
		border-radius:5px;
		border:none;
		color:#000;
		text-decoration:none;
		box-sizing:border-box;
		position:relative;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
		font-size:0.8em !important;
	}
	.view_close:before{
		width:9px;
		height:9px;
		content:"";
		position:absolute;
		top:11px;
		right:10px;
		background:url(../img/player/icon_close_p.png) no-repeat;
		background-size:9px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
}

	/*---------- Full Screen ----------*/
	button#fullscreen{
		width:34%;
		height:auto;
		padding:10px 10px 10px 26px;
		position:absolute;
		bottom:0;
		right:2%;
		background:rgba(255,255,255,0.75);
		border-radius:5px;
		box-sizing:border-box;
		display:block;
		border:none;
		cursor:pointer;
		font-size:0.6em;
	}
	button#fullscreen:before{
		width:14px;
		height:14px;
		content:"";
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-7px;
		margin-left:-30%;
		background:url(../img/player/icon_fs_p.png) no-repeat;
		background-size:100%;
	}
	button#fullscreen:hover{
		background:#E60012;
		color:#fff;
	}
	button#fullscreen:hover:before{
		background:url(../img/player/icon_fs_w.png) no-repeat;
		background-size:100%;
	}


	/*---------- Main Controls ----------*/
	.main_controls{
		width:100%;
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		-o-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
        display: flex;
        justify-content: center;
	}
	.btn_rewind{
		width:5%;
		height:0;
		margin:0;
		padding:18% 0 0;
		display:block;
		float:left;
		background:url(../img/player/icon_tapR.png) center center no-repeat;
		background-size:100%;
		border:none;
		cursor:pointer;
		opacity:0.7;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.btn_play{
		width:5%;
		height:0;
		margin:0 15%;
		padding:18% 0 0;
		display:block;
		float:left;
		background:url(../img/player/icon_play_w.png) center center no-repeat;
		background-size:100%;
		border:none;
		cursor:pointer;
		opacity:0.7;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.btn_pause{
		width:5%;
		height:0;
		margin:0 15%;
		padding:18% 0 0;
		display:block;
		float:left;
		background:url(../img/player/icon_pause_w.png) center center no-repeat;
		background-size:100%;
		border:none;
		cursor:pointer;
		opacity:0.7;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.btn_fforward{
		width:5%;
		height:0;
		margin:0;
		padding:18% 0 0;
		display:block;
		float:left;
		background:url(../img/player/icon_tapF.png) center center no-repeat;
		background-size:100%;
		border:none;
		cursor:pointer;
		opacity:0.7;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}


	.skip_btn{
		width:16%;
		margin:2%;
		padding-top:4%;
		display:block;
		float:left;
		text-align:left;
		font-size:2vw;
		color:#fff;
	}
	#skip_result_r{
		text-align:right;
		display:inline-block;
		vertical-align:middle;
	}
	#skip_result_f{
		text-align:left;
		display:inline-block;
		vertical-align:middle;

	}


	.btn_rewind:hover,
	.btn_play:hover,
	.btn_pause:hover,
	.btn_fforward:hover{
		opacity:1;
	}
}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



.refrect-lr{
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

/*
.vjs-subs-caps-button {
display: none;
}
*/