@charset "utf-8";
/* CSS Document */

.video_body{ width: 80%; margin-right: 10%; margin-left: 10%; padding-top: 50px; padding-right: 0px; padding-bottom: 150px; padding-left: 0px; }
.video_page{ position: relative; }
.video_body div[class*="row"]{ margin: 0; padding: 0;  }
.video_body *[class*="col-"] { margin: 0; padding: 20;  }

/*.ytp-chrome-top-buttons{ display: none!important;}
.ytp-title { display: none!important;}*/

.video_page .title_box { float: left; display: block; clear: both; width: 100%; text-align: center; }
.video_page .title_box strong { text-shadow: 2px 2px 0px rgba(0,0,0,0.1); font-size: 2.2vw; color: #FFF; display: block; /*text-transform: uppercase;*/ font-weight: 900; }
.video_page .sub_title_box { float: left; display: block; clear: both; width: 100%; text-align: center;  }
.video_page .sub_title_box strong { font-size: 1.2vw; color: #fff; display: block; font-weight: normal; }
.video_page .about_txt_box { color: #fff; text-align: center; clear: both; float: left; font-size: 0.8vw; padding-top: 0.4vw; }

.video_page .more_box { float: left; display: block; clear: both; width: 100%; text-align: center;  }
.video_page .more_box a { font-size: 1.2vw; color: #fff; display: block; font-weight: normal; }
.video_page .more_box strong { font-size: 1.2vw; color: #fff; display: block; font-weight: normal; }
.video_page .more_box i { font-size: 5vw; color: rgba(255, 255, 255, 0.6); display: block; font-weight: lighter; }
.video_page .more_box:hover  i {color: rgba(255, 255, 255, 1);}

.video-content{
    position: absolute;
    left: 50%;
    top: 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: inline-block;
   
}

@media screen and (max-width: 1680px){

	}
@media screen and (max-width: 1280px){

	}
@media screen and (max-width: 980px){
.video_page{ margin-bottom: 40px; }
.video_page .title_box strong { font-size: 4vw; }
.video_page .sub_title_box strong { font-size: 3vw;}
.video_page .about_txt_box {font-size: 2vw; }

.video_page .more_box a { font-size: 3vw; }
.video_page .more_box strong { font-size: 3vw;  }
.video_page .more_box i { font-size: 8vw; }
	}
@media screen and (max-width: 736px){

	}
@media screen and (max-width: 480px){

	}
@media screen and (max-width: 320px){
	
	}