@charset "utf-8";
/* base */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;background:transparent;}
body{line-height:1;}
dl,ul,ol,li{list-style:none;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
address,caption,cite,code,dfn,em,strong,th,va{font-style:normal;}
legend,caption{visibility:hidden; height:0; width:0; font-size:0;}
hr {display: none;}

/* remember to define focus styles! */
:focus{outline:0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* common */
*{margin:0;padding:0;}
html, body{width:100%;_height:100%;}
body, th, td{font-size:13px;line-height:1; color:#6b6159;}
input, select{vertical-align:middle;}
input, select, textarea {font-size : 100%;}
textarea{overflow:auto;}
a{color:#828282;text-decoration:none;}
a:link, a:hover, a:active, a:focus{color:#828282;text-decoration:none;}
a.selected{cursor:default;}
.clear{clear:both;}
.blind{display:block;overflow:hidden;*position:absolute;top:0;left:0;width:0;height:0;border:0;background:none;font-size:0;line-height:0;}

/* common */
* { font-family: 'NanumGothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕', arial, sans-serif; line-height:115%; }

/* 다국어 폰트 정의 - 구글 웹폰트 로딩하지 않음 */
*:lang(ko)        { font-family: 'NanumGothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕', 'Noto Sans CJK KR', "Noto Sans KR", Arial, Helvetica, sans-serif; }
*:lang(ja)        { font-family: 'Yu Gothic', '游ゴシック', osaka, 'Noto Sans CJK JP', "Noto Sans JP", 'Meiryo', 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', Arial, Helvetica, sans-serif; }
*[lang="ko"]      { font-family: 'NanumGothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕', 'Noto Sans CJK KR', "Noto Sans KR", Arial, Helvetica, sans-serif; }
*[lang="ja"]      { font-family: 'Yu Gothic', '游ゴシック', osaka, 'Noto Sans CJK JP', "Noto Sans JP", 'Meiryo', 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', Arial, Helvetica, sans-serif; }

input[type=text]::-ms-clear {
  display:none;
}
input[type=text]:-ms-clear {
  display:none;
}

/****************************
layout
*****************************/

body{ background-color:#c0c0c0}
#wrapper_out{width:100%;height:650px; position: absolute;top:50%;margin-top: -325px;min-width:1000px}

@media all and (max-height:700px) {
	#wrapper_out{width:100%;height:650px; position: absolute;top:0;margin-top: 0px;min-width:1000px}
}

#wrapper{width:1000px;height:650px;position:relative;margin:0 auto; background-color:#cbe59a; overflow:hidden}

/*footer*/
#footer{ position: absolute; top:614px; left:0; width:1000px;height:36px; background-color:#fff}
#footer .copyright{position:absolute;bottom:11px;left:5px;width:300px;height:16px;background:url(../image/img_footer.png) no-repeat 6px 0}
#footer #wsearch{position:absolute;top:4px;left:404px;width:300px;height:28px;background:url("../image/word_input.png") no-repeat 0px 0;}
#footer #wsearch .word_txt{position:absolute;top:0px;left:0px;width:145px;height:26px; padding:2px 0 0 5px}
#footer #wsearch .word_txt input{width:162px;height:20px; border:0px solid #fff; background-color:#FFF; font-size:14px;}
#footer #wsearch .word_txt input.default{width:162px;height:20px; border:0px solid #fff; background-color:#FFF; font-size:14px; color:#888}
#footer #wsearch .bt_search a{position:absolute;top:1px;left:168px;width:27px;height:25px;background:url("../image/word_btn.png") no-repeat 0px 0px; display:block}
#footer #wsearch .bt_search a:hover{background-position: -30px 0}
#footer .pageNavi{position:absolute;bottom:4px;right:5px;width:104px;height:23px}
#footer .pageNavi .click{position:absolute;top:-34px;left:54px;width:65px;height:43px;background:url(../image/click.png) no-repeat 0 0;}
#footer a{background:url(../image/btn_navi.png) no-repeat 0 0}
#footer .pre a{position:absolute;bottom:0;left:0;width:28px;height:24px;background-position:0 0px; cursor:pointer}
#footer .pre a:hover{background-position:0 -38px}
#footer .next a{position:absolute;bottom:0;right:0px;width:28px;height:24px;background-position:-91px 0px; cursor:pointer}
#footer .next a:hover{background-position:-91px -38px}
#footer .thisNum{text-align:center;width:104px;height:20px;line-height:18px;}
#footer .thisNum .cNum{font-size:18px;font-weight:bold;color:#000; font-family:Arial, Helvetica, sans-serif}
#footer .thisNum .tNum{font-size:16px;color:#585858;margin-left:5px; font-family:Arial, Helvetica, sans-serif}

/* start */
#start{ position: absolute; top:0; left:0;width:1000px;height:650px; z-index:300;background:url(../image/start_bg1.png) no-repeat 0px 0px; }
#start .bg1{position:absolute;top:0px; left:0px; width:1000px; height:650px;background:url(../image/start_bg2.png) no-repeat 0px 0px; }
#start .bg2{position:absolute;top:0px; left:0px; width:1000px; height:650px;background:url(../image/start_bg3.png) no-repeat 0px 0px; }
#start .bi1_start{position:absolute;top:33px; left:40px; width:560px; height:305px;background:url(../image/int_bi1.png) no-repeat 0px 0px; }
#start .bi2_start{position:absolute;top:33px; left:40px; width:560px; height:305px;background:url(../image/int_bi2.png) no-repeat 0px 0px; }
#start .tea_start{position:absolute;top:54px; left:507px; width:587px; height:595px;background:url(../image/int_tea.png) no-repeat 0px 0px; }
#start .lesson{position:absolute;top:384px; left:34px; width:153px; height:70px;background:url(../image/int_lesson.png) no-repeat 0px 0px;}
#start .int_star{position:absolute;top:125px; left:577px; width:87px; height:92px;background:url(../image/int_star.png) no-repeat 0px 0px;}
#start .unit{position:absolute;top:446px; left:110px; width:550px; height:50px}
#start .btn_start{position:absolute;top:521px;left:356px;width:215px;height:80px}
#start .btn_start a{display:block;width:215px;height:80px;background:url(../image/start_btn.png) no-repeat 0 0}
#start .btn_start a:hover{ background-position: 0px -85px;}

/* lec_1000 */
.fulllec{ position:relative;width:1000px;height:562px}
.top .header{position: absolute; top:0; left:0;height:52px;z-index:100;width:1000px}
.top .unit{position:absolute;top:10px; left:10px; width:750px; height:30px; font-size:16px; color:#3e3e3e; padding-top:3px;  background:url(../image/unit.png) no-repeat 1px -2px; }
.top .unit .unit_num{padding:0px 16px 0px 8px; color:#e56f3b; width:20px; font-weight:bold; font-size:20px}

.top .close a{position:absolute;top:12px;right:10px;display:inline-block;vertical-align:top;width:27px;height:27px;background:url(../image/btn_close.png) no-repeat 0 0; cursor:pointer}
.top .close a:hover{background-position: -32px 0}

.top .btn_index a{position:absolute;top:12px;right:10px;display:inline-block;vertical-align:top;width:27px;height:27px;background:url(../image/btn_gnb.png) no-repeat 0 0; cursor:pointer}
.top .btn_index a:hover {background:url(../image/btn_gnb.png) no-repeat -32px 0}
.top .btn_index2 a{position:absolute;top:12px;right:50px;display:inline-block;vertical-align:top;width:27px;height:27px;background:url(../image/btn_gnb.png) no-repeat 0 0; cursor:pointer}
.top .btn_index2 a:hover {background:url(../image/btn_gnb.png) no-repeat -32px 0}

.top .index{position:absolute;top:39px;left:833px;width:167px; z-index:10;}
.top .index .top{background:url(../image/qnb_full.png) no-repeat 0px 8px; height:18px}
.top .index .top2{background:url(../image/qnb_full2.png) no-repeat 0px 8px; height:18px}
.top .index .gnb{position: relative;width:167px; background:url(../image/qnb_full.png) no-repeat 0px -5px; padding:7px 0 7px 10px}
.top .index .gnb a{}
.top .index .gnb .menu01 a{display:block; width:150px;height:33px;background:url(../image/menu_full.png) no-repeat 0px 2px; margin-bottom:7px}
.top .index .gnb .menu01 a:hover, .top .index .gnb .menu01 a.selected{background-position:-157px 2px}
.top .index .gnb .menu02 a{display:block; width:150px;height:33px;background:url(../image/menu_full.png) no-repeat 0 -40px; margin-bottom:7px}
.top .index .gnb .menu02 a:hover, .top .index .gnb .menu02 a.selected{background-position: -157px -40px}

/* config.js G_USE_MENU = false */
.top .index .menu01 div{ display:block; width:150px;height:33px;background:url(../image/menu_full.png) no-repeat 0px 2px; margin-bottom:7px}
.top .index .menu01 div.selected{background-position:-157px 2px}
.top .index .menu02 div{display:block; width:150px;height:33px;background:url(../image/menu_full.png) no-repeat 0 -40px; margin-bottom:7px}
.top .index .menu02 div.selected{background-position: -157px -40px}

.top .index .bottom{ height:38px;background:url(../image/gnb_closebg.png) no-repeat 112px 0px;}
.top .index .bottom .download a{ float:left;width:56px;height:38px;background:url(../image/btn_full.png) no-repeat 0 0px; cursor:pointer}
.top .index .bottom .download a:hover{background-position: 0 -38px}
.top .index .bottom .download2 a{ float:left;width:112px;height:38px;background:url(../image/btn_full2.png) no-repeat 0 0px; cursor:pointer}
.top .index .bottom .download2 a:hover{background-position: 0 -38px}
.top .index .bottom .guide a{ float:left;width:56px;height:38px;background:url(../image/btn_full.png) no-repeat -56px 0px; cursor:pointer}
.top .index .bottom .guide a:hover{background-position: -56px -38px}
.top .index .bottom .guide2 a{ float:left;width:112px;height:38px;background:url(../image/btn_full.png) no-repeat -56px 0px; cursor:pointer}
.top .index .bottom .guide2 a:hover{background-position: -56px -38px}
.top .index .bottom .index_close a{ float:left;width:55px;height:38px;background:url(../image/gnb_close.png) no-repeat 18px 8px; cursor:pointer}
.top .index .bottom .index_close a:hover{background-position: -36px 8px}

.top .index .menu_alt1 {position: relative;top: 4px; left: -10px;  background-color: #fff; width:70px; height:10px; font-size: 11px; text-align: center; border:1px solid #979797; padding:4px; opacity: 0.9;}
.top .index .menu_alt2 {position: relative;top: 4px; left: 52px;  background-color: #fff; width:59px; height:10px; font-size: 11px; text-align: center; border:1px solid #979797; padding:4px; opacity: 0.9;}
.top .index .menu_alt3 {position: relative;top: 4px; left: 111px; background-color: #fff; width:48px; height:10px; font-size: 11px; text-align: center; border:1px solid #979797; padding:4px; opacity: 0.9;}
.top .index .menu_alt12 {position: relative;top: 4px; left: 17px;  background-color: #fff; width:70px; height:10px; font-size: 11px; text-align: center; border:1px solid #979797; padding:4px; opacity: 0.9;}

.fulllec .lectureWrap{position:relative;height:562px;padding:52px 0 0 0px}
.fulllec .boxPlayer{position:relative; padding-bottom:3px; }
.fulllec .boxPlayer .player{width:1000px;height:562px; position:relative;}
.fulllec .boxPlayer .closer{width:1000px;height:562px; position:absolute; top:0; left:0;}

.fulllec .boxPlayer .bt_play a{position:absolute;top:155px;left:372px;width:262px;height:260px;background:url(../image/lecture/btn_play.png) no-repeat 0 0; cursor:pointer}
.fulllec .boxPlayer .bt_play a:hover{background-position:0 -326px}

.fulllec .end1{position:absolute;top:0px;left:0;width:1000px;height:562px;background:url(../image/lecture/lec_end.png) no-repeat 0 0}
.fulllec .end1 .lec_img1{position:absolute;top:197px;left:140px;}
.fulllec .end1 .lec_img2{position:absolute;top:200px;left:536px;}
.fulllec .end1 .bt_replay a{position:absolute;top:151px;left:136px;width:333px;height:228px;background:url(../image/lecture/btn_end.png) no-repeat 0 0; cursor:pointer; padding:1px 0 0 43px; font-size:26px; color:#fff; font-weight:bold; line-height:130%}
.fulllec .end1 .bt_replay a:hover{background:url(../image/lecture/btn_end_on.png) no-repeat 0 0;}
.fulllec .end1 .bt_next a{position:absolute;top:151px;left:532px;width:333px;height:228px;background:url(../image/lecture/btn_end.png) no-repeat -392px 0;cursor:pointer; padding:1px 0 0 8px; font-size:26px; color:#fff; font-weight:bold; line-height:130%}
.fulllec .end1 .bt_next a:hover{background:url(../image/lecture/btn_end_on.png) no-repeat -392px 0;}

.fulllec .end2{position:absolute;top:0px;left:0;width:1000px;height:562px;background:url(../image/lecture/lec_end.png) no-repeat 0 0}
.fulllec .end2 .lec_img3{position:absolute;top:200px;left:338px;}
.fulllec .end2 .bt_replay a{position:absolute;top:151px;left:334px;width:333px;height:228px;background:url(../image/lecture/btn_end.png) no-repeat 0 -253px; cursor:pointer; padding:1px 0 0 43px; font-size:26px; color:#fff; font-weight:bold; line-height:130%}
.fulllec .end2 .bt_replay a:hover{background:url(../image/lecture/btn_end_on.png) no-repeat 0 -253px;}

.fulllec .end2 .bt_replay2 a{position:absolute;top:151px;left:334px;width:333px;height:228px;background:url(../image/lecture/btn_end.png) no-repeat 0 -506px; cursor:pointer; padding:1px 0 0 43px; font-size:26px; color:#fff; font-weight:bold; line-height:130%}
.fulllec .end2 .bt_replay2 a:hover{background:url(../image/lecture/btn_end_on.png) no-repeat 0 -506px;}

.fulllec .end1-1{position:absolute;top:0px;left:0;width:1000px;height:562px;background:url(../image/lecture/lec_end.png) no-repeat 0 0}
.fulllec .end1-1 .lec_img1{position:absolute;top:200px;left:140px;}
.fulllec .end1-1 .lec_img2{position:absolute;top:200px;left:536px;}
.fulllec .end1-1 .bt_replay a{position:absolute;top:158px;left:136px;width:333px;height:228px;background:url(../image/lecture/btn_end.png) no-repeat 0 0; cursor:pointer; padding:1px 0 0 43px; font-size:26px; color:#fff; font-weight:bold; line-height:130%}
.fulllec .end1-1 .bt_replay a:hover{background:url(../image/lecture/btn_end_on.png) no-repeat 0 0;}
.fulllec .end1-1 .bt_next a{position:absolute;top:158px;left:532px;width:333px;height:228px;background:url(../image/lecture/btn_end.png) no-repeat -392px 0;cursor:pointer; padding:1px 0 0 8px; font-size:26px; color:#fff; font-weight:bold; line-height:130%}
.fulllec .end1-1 .bt_next a:hover{background:url(../image/lecture/btn_end_on.png) no-repeat -392px 0;}

.fulllec .end1-2{position:absolute;top:0px;left:0;width:1000px;height:562px;background:url(../image/lecture/lec_end.png) no-repeat 0 0}
.fulllec .end1-2 .lec_img3{position:absolute;top:200px;left:338px;}
.fulllec .end1-2 .bt_replay a{position:absolute;top:158px;left:334px;width:333px;height:228px;background:url(../image/lecture/btn_end.png) no-repeat 0 -253px; cursor:pointer; padding:1px 0 0 43px; font-size:26px; color:#fff; font-weight:bold; line-height:130%}
.fulllec .end1-2 .bt_replay a:hover{background:url(../image/lecture/btn_end_on.png) no-repeat 0 -253px;}

.fulllec .end2-1{position:absolute;top:0px;left:0;width:1000px;height:562px;background:url(../image/lecture/lec_end.png) no-repeat 0 0}
.fulllec .end2-1 .lec_img3{position:absolute;top:200px;left:338px;}
.fulllec .end2-1 .bt_replay a{position:absolute;top:158px;left:334px;width:333px;height:228px;background:url(../image/lecture/btn_end.png) no-repeat 0 0; cursor:pointer; padding:1px 0 0 43px; font-size:26px; color:#fff; font-weight:bold; line-height:130%}
.fulllec .end2-1 .bt_replay a:hover{background:url(../image/lecture/btn_end_on.png) no-repeat 0 0;}

/* 1000*562 */
.controlf {position: absolute; bottom:0; background:url(../image/lecture/cont_bg.png) repeat-x 0 0; width:100%; min-width:1000px; height:42px;}
.controlf .btn_play{position:absolute;top:8px;left:20px;width:26px;height:26px}
.controlf .btn_play a{ display:block;width:26px;height:26px;background:url(../image/lecture/btn_controlf.png) no-repeat 0px 0px}
.controlf .btn_play a:hover{ background-position:-33px 0}
.controlf .btn_pause{position:absolute;top:8px;left:20px;width:26px;height:26px}
.controlf .btn_pause a{ display:block;width:26px;height:26px;background:url(../image/lecture/btn_controlf.png) no-repeat 0px -52px}
.controlf .btn_pause a:hover{ background-position:-33px -52px}
.controlf .btn_stop{position:absolute;top:8px;left:60px;width:26px;height:26px}
.controlf .btn_stop a{ display:block;width:26px;height:26px;background:url(../image/lecture/btn_controlf.png) no-repeat 0px -26px}
.controlf .btn_stop a:hover{ background-position:-33px -26px}
.controlf .mov_bar{position:absolute;top:18px;left:96px;width:590px;height:5px;}
.controlf .mov_bar .a_bar{position:absolute;top:-3px;left:5px;height:10px; width:590px; cursor:pointer; opacity: 0.01;} /* 구 seekbar 영역 */
.controlf .mov_bar .a_bar2{position:absolute;top:-18px;left:5px;height:42px; width:590px; opacity:1; cursor:pointer;} /* 구 seekbar 상/하단 마우스 오버 영역 */
.controlf .mov_bar .c_bar{position:absolute;top:-3px;left:0px;height:10px;} /* 구 seekbar 내부 */

.controlf .mov_bar .ico{position:absolute;top:-6px; left: 0px; width:20px; height:20px; cursor:pointer;}
.controlf .mov_bar .ico a{ display:block; width:20px; height:20px;background:url(../image/lecture/controll_ico.png) no-repeat 0px 0px}

.controlf .mov_bar .progress_contain{position:absolute;top:-18px;left:5px;height:42px; width:590px; opacity:1;} /* 새 seekbar 컨테이너 영역 */
.controlf .mov_bar .progress_contain .area {position:absolute;top:0px;left:0px;height:42px; width:590px; opacity:1; cursor: pointer;} /* seekbar 상/하단 마우스 오버 영역 */
.controlf .mov_bar .progress_contain .progress_index{position:absolute;top:19px;left:5px;height:5px; background-color:#d8d8d8; opacity:1; cursor:pointer;} /* 챕터별 영역 */
.controlf .mov_bar .progress_contain .progress_act {position:absolute;top:0px;left:0px;height:100%;background-color:#66c1f6;} /* 이미 재생한 부분 표시, 재생안한 부분은 색상변경없음*/
.controlf .mov_bar .progress_contain .active{position:absolute;top:16px;left:5px;height:10px; background-color:#d8d8d8; opacity:1 cursor:pointer;} /* 활성챕터 */

.controlf .mov_bar .qnum_w{position:absolute;top:-44px; width:34px; height:50px;background:url(../image/lecture/qnum_w.png) no-repeat 0px 0px} /* 오답표시 */

.controlf .mov_time{position:absolute;top:13px;right:199px;width:100px;height:13px; color:#fff; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.controlf .btn_sound{position:absolute;top:8px;right:120px;width:26px;height:26px}
.controlf .btn_sound a{ display:block;width:26px;height:26px;background:url(../image/lecture/btn_controlf.png) no-repeat 0px -78px}
.controlf .btn_sound a:hover{ background-position:-33px -78px}
.controlf .btn_nosound{position:absolute;top:8px;right:120px;width:26px;height:26px}
.controlf .btn_nosound a{ display:block;width:26px;height:26px;background:url(../image/lecture/btn_controlf.png) no-repeat 0px -78px}
.controlf .btn_nosound a:hover{ background-position: -33px -78px}
.controlf .sound_bar{position:absolute;top:18px;right:57px;width:60px;height:5px;}
.controlf .sound_bar .a_bar{position:absolute;top:0px;left:10px;height:5px; background-color:#d8d8d8; width:60px; cursor:pointer;}
.controlf .sound_bar .a_bar2{position:absolute;top:-18px;left:10px;height:42px; background-color:#d8d8d8; width:60px; opacity:0.01; cursor:pointer;}
.controlf .sound_bar .c_bar{position:absolute;top:0px;left:10px;height:5px; background-color:#66c1f6}

.controlf .sound_bar .ico{position:absolute;top:-6px; width:20px; height:20px; cursor:pointer;}
.controlf .sound_bar .ico a{ display:block; width:20px; height:20px;background:url(../image/lecture/controll_ico.png) no-repeat 0px 0px}

.controlf dd a{position:absolute;vertical-align:top;height:26px;background:url(../image/lecture/btn_controlf.png) no-repeat 0 1px; display:inline-block}
.controlf .m_fullscreen a{top:8px;right:8px;width:26px;background-position:0px -104px}
.controlf .m_defscreen a{top:8px;right:8px;width:26px;background-position:0px -234px}
.controlf .m_fullscreen a:hover, .controlf .m_fullscreen a.sel{background-position:-33px -104px}
.controlf .m_defscreen a:hover, .controlf .m_defscreen a.sel{background-position:-33px -234px}
.controlf .seek_time{position:relative;top:-30px;width:50px;height:14px; background:#1476ac; color:#fff; font-size:12px; padding:3px 0px; text-align:center;opacity:0.5}
.controlf .seek_time2{position:relative;top:-50px;height:32px;min-width:40px;width:40px;background:#1476ac; color:#fff; font-size:12px; padding:3px 3px; text-align:center;opacity:0.5; line-height: 16px;}
.controlf .seek_time2 .seek_time_index {position:relative;width:auto;height:14px;white-space:nowrap; margin:0 auto;}
.controlf .seek_time2 .seek_time_time {position:relative;width:auto;top:4px;height:14px;margin:0 auto;}

.controlf .speed10{position:absolute;top:9px;right:151px;width:50px;font-size:13px;  text-align: center; height: 25px; }
.controlf .speed10 a{color: #fff; background-position: 0 -500px;padding: 5px 8px 0px 8px; display: block;height: 18px;font-family:'Arial'; }
.controlf .speed10 a:hover{ background: #66c1f6; color: #222;border-radius: 12px}
.controlf .speed_bx{position:absolute;top:-153px;right:151px;width:55px;font-size:13px; font-family:'Arial';  text-align: center; height: 153px; background:url(../image/lecture/cont_bg.png) repeat-y 0 0; }
.controlf .speed_bx ul{}
.controlf .speed_bx ul li{}
.controlf .speed_bx ul li a{ display: block; color: #dcdcdc; padding: 4px 0;font-family:'Arial'; font-size: 12px; line-height:115%}
.controlf .speed_bx ul li a:hover{ color: #fff;background:url(../image/lecture/cont_bg2.png) repeat-y 0 0}
.controlf .speed_bx ul li a.selected{ background: #fff; color: #222}

progress{border: 0;}
progress[value] {color:#66c1f6;}
progress::-ms-fill {border-color: currentColor;}
progress::-webkit-progress-bar-value {background-color:#66c1f6;}
progress::-webkit-progress-value {background-color:#66c1f6;}
progress::-moz-progress-bar {background-color:#66c1f6;}

.videofakefullscreen {height:100%;width:100%;position:fixed;left:0;top:0;z-index:100 !important;background-color:black;}