@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:12px;line-height:1;color:#444;line-height:125%}
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(en)        { font-family: Arial, Helvetica, sans-serif;}
*[lang="ko"]      { font-family: 'NanumGothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕', 'Noto Sans CJK KR', "Noto Sans KR", Arial, Helvetica, sans-serif; }
*[lang="en"]      { font-family: Arial, Helvetica, sans-serif;}

/* IE7/8 용 audio flash layer 위치 이동 */
#mp3p {position: absolute; top:-10px; left:-10px; }
#mp3q {position: absolute; top:-10px; left:-10px; }
#mp3e {position: absolute; top:-10px; left:-10px; }
#mp3b {position: absolute; top:-10px; left:-10px; }
#mp3n {position: absolute; top:-10px; left:-10px; }

/* 탭키로 이동시 점선 (키보드 접근성을 위함) */
div :focus { /*outline:1px #ccc dashed; border: 1px dashed #ccc;*/}
div .selected { outline:0; border: 0; cursor:default;}

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

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

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

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

#mWrapper{width:1100px;height:650px;position:relative;margin:0 auto; background-color:#f9e554; overflow:hidden}
#wrapper{width:1100px;height:650px;position:relative;margin:0 auto;background:url(../image/bg.jpg) no-repeat 0 0; overflow:hidden}

/*header*/
#header{position: absolute; top:0; left:0;height:72px;z-index:100;background:url(../image/header_bg.png) no-repeat 0 0; width:1100px}
h1{position:absolute;width:280px;height:109px;background:url(../image/bi.png) no-repeat 0 -1px; top:0px; left:0px}
.unit{position:absolute;top:6px; left:258px; width:337px; height:28px; font-size:15px; color:#555555; font-weight:bold; padding:1px 0 0 36px}
.unit .imgnum{position:absolute;top:0px; left:0px; text-align:right; width:30px}
.unit .part{ background-color:#4c4c4c; color:#fff; padding:1px 4px; font-weight:100}
.unit .num{color:#04975a; font-weight:100; font-weight:bold}
.top {position:absolute;top:3px;right:7px;}
.close a{float:right;display:inline-block;vertical-align:top;width:20px;height:20px;background:url(../image/close_int.png) no-repeat 0 0; cursor:pointer}
.close a.hover{background-position:0 -19px}
.download a{float:right;display:inline-block;vertical-align:top;width:105px;height:27px;background:url(../image/download.png) no-repeat 0 0; cursor:pointer}
.download a.hover{background-position: 0 -34px}

.gnb1{position:absolute;top:28px;left:766px;width:339px;height:40px;background:url(../image/menu.png) no-repeat 0 -213px;; padding:9px 0 0 13px}
.gnb2{position:absolute;top:28px;left:861px;width:339px;height:40px;background:url(../image/menu.png) no-repeat 0 -125px;; padding:9px 0 0 13px}
.gnb3{position:absolute;top:28px;left:861px;width:339px;height:40px;background:url(../image/menu.png) no-repeat 0 -125px;; padding:9px 0 0 13px}
.menu1 a{ float:left;width:82px;height:34px;background:url(../image/menu.png) no-repeat 0px -1px; padding-right:13px; border:0px solid red}
.menu1 a.hover{background-position: 0px -34px}
.menu1 a.selected{background-position: 0px -68px}
.menu2 a{ float:left;width:118px;height:34px;background:url(../image/menu.png) no-repeat -98px -1px; padding-right:13px; border:0px solid red}
.menu2 a.hover{ background-position: -98px -34px}
.menu2 a.selected{background-position: -98px -68px}
.menu3 a{ float:left;width:82px;height:34px;background:url(../image/menu.png) no-repeat -232px -1px; padding-right:13px; border:0px solid red}
.menu3 a.hover{ background-position: -232px -34px}
.menu3 a.selected{background-position: -232px -68px}

.menu1 div{ float:left;width:82px;height:34px;background:url(../image/menu.png) no-repeat 0px -1px; padding-right:13px; border:0px solid red}
.menu1 div.selected{background-position: 0px -68px}
.menu2 div{ float:left;width:118px;height:34px;background:url(../image/menu.png) no-repeat -98px -1px; padding-right:13px; border:0px solid red}
.menu2 div.selected{background-position: -98px -68px}
.menu3 div{ float:left;width:82px;height:34px;background:url(../image/menu.png) no-repeat -232px -1px; padding-right:13px; border:0px solid red}
.menu3 div.selected{background-position: -232px -68px}

/*footer*/
#footer{ position: absolute; top:619px; left:0; width:1100px;height:31px; background:url(../image/footer_bg.png) no-repeat 0 0}
#footer .copyright{position:absolute;bottom:5px;left:5px;width:350px;height:16px;background:url(../image/img_footer.png) no-repeat 0 0}
#footer .bgm a{position:absolute;bottom:2px;left:333px;width:69px;height:20px;background:url(../image/sound.gif) no-repeat 0 0; cursor:pointer}
#footer .bgm a.hover{background:url(../image/sound_no.gif) no-repeat 0 0}
#footer .bgmOff a{background:url(../image/sound_no.gif) no-repeat 0 0; cursor:pointer}
#footer .bgmOff a.hover{background:url(../image/sound_no.gif) no-repeat 0 0}
#footer .guide a{position:absolute;bottom:0px;left:333px;width:77px;height:24px;background:url(../image/lec_guide.png) no-repeat 0 1px; cursor:pointer}
#footer .guide a.hover{background-position:0 -23px}
#footer #wsearch{position:absolute;top:4px;left:418px;width:300px;height:26px;background:url("../image/word_input.png") no-repeat 0px 0;}
#footer #wsearch .word_txt{position:absolute;top:0px;left:0px;width:125px;height:22px; padding:2px 0 0 7px}
#footer #wsearch .word_txt input{width:117px;height:20px; border:0px solid #fff; background-color:#FFF; font-size:14px;}
#footer #wsearch .word_txt input.default{width:117px;height:20px; border:0px solid #fff; background-color:#FFF; font-size:12px; color:#888}
#footer #wsearch .bt_search a{position:absolute;top:1px;left:128px;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:1px;right:2px;width:105px;height:29px}
#footer .pageNavi .click{position:absolute;top:-52px;left:52px;width:54px;height:52px;background:url(../image/click.png) no-repeat 0 0;}
#footer a{background:url(../image/btn_navi.png) no-repeat -6px 0px}
#footer .pre a{position:absolute;bottom:0;left:0;width:32px;height:29px;background-position:0 0px; cursor:pointer}
#footer .pre a.hover{background-position:0 -38px}
#footer .next a{position:absolute;bottom:0;right:0px;width:32px;height:29px;background-position:-91px 0px; cursor:pointer}
#footer .next a.hover{background-position:-91px -38px}
#footer .thisNum{text-align:center;width:105px;height:20px;line-height:18px; padding-top:3px}
#footer .thisNum .cNum{font-size:18px;font-weight:bold;color:#0681c9; font-family:Arial, Helvetica, sans-serif}
#footer .thisNum .tNum{font-size:14px;font-weight:bold;color:#4c5d7b;margin-left:5px; font-family:Arial, Helvetica, sans-serif}

/*intro*/
#mWrapper .bi1{position: absolute; top:182px; left:67px;width:415px;height:83px;background:url(../image/intro/bi_int1.png) no-repeat  0 0}
#mWrapper .bi2{position: absolute; top:265px; left:159px;width:122px;height:86px;background:url(../image/intro/bi_int2.png) no-repeat  0 0}
#mWrapper .bi3{position: absolute; top:265px; left:287px;width:197px;height:86px;background:url(../image/intro/bi_int3.png) no-repeat  0 0}
#mWrapper .bi4{position: absolute; top:154px; left:411px;width:129px;height:73px;background:url(../image/intro/bi_int4.png) no-repeat  0 0}
#mWrapper .bg1{position: absolute; top:0; left:0;width:1000px;height:650px;background:url(../image/intro/bg1.jpg) no-repeat  0 0}
#mWrapper .bg2{position: absolute; top:0; left:0;width:1000px;height:650px;background:url(../image/intro/bg2.jpg) no-repeat  0 0}
#mWrapper .bg3{position: absolute; top:0; left:0;width:1000px;height:650px;background:url(../image/intro/bg3.jpg) no-repeat  0 0}
#mWrapper .int_img1{position: absolute; top:0; left:820px;width:280px;height:184px;background:url(../image/intro/int_bg1.png) no-repeat  0 0}
#mWrapper .int_img2{position: absolute; top:0; left:0;width:116px;height:114px;background:url(../image/intro/int_bg2.png) no-repeat  0 0}
#mWrapper .int_img3{position: absolute; top:-104px; left:553px;width:771px;height:705px;background:url(../image/intro/int_bg3.png) no-repeat  0 0}
#mWrapper .unit{position:absolute;width:150px;height:230px;top:193px; left:607px; }
#mWrapper .bt_start{position: absolute; top:453px; left:859px; width:200px; height:80px;}
#mWrapper .bt_start a{ display:block;width:189px; height:80px;background:url(../image/intro/int_start.png) no-repeat 0px 0px}
#mWrapper .bt_start a.hover{background-position:0 -89px}

/*test*/
.test_start_back {position: absolute;top:0px; left:0px; width:1100px; height:547px;}
.test_start {position: absolute;top:45px; left:249px; width:405px; height:250px;background:url(../image/test/test_start.png) 0 0px; padding: 235px 0 0 56px}
.test_start  .bt_start a{position: absolute; top:365px; left:116px; width:169px; height:42px;background:url(../image/test/btn_start.png) no-repeat 0px 0px}
.test_start  .bt_start a.hover{background-position: -177px 0}
.test_guide_back {position: absolute;top:0px; left:0px; width:0px; height:0px;}
.test_guide {position: absolute;top:45px; left:249px; width:405px; height:250px;background:url(../image/test/test_start.png) 0 0px; padding: 205px 0 0 56px}
.test_guide  .bt_yes a{position: absolute; top:309px; left:73px; width:117px; height:88px;background:url(../image/test/btn_yes.png) no-repeat 0px 0px}
.test_guide  .bt_yes a.hover{background-position: -177px 0}
.test_guide  .bt_no a{position: absolute; top:309px; left:212px; width:117px; height:88px;background:url(../image/test/btn_no.png) no-repeat 0px 0px}
.test_guide  .bt_no a.hover{background-position: -177px 0}

.test {position: absolute;top:-3px; width:1100px; height:650px;background:url(../image/test/test_bg.png) 0 -2px;}
.test .box{position:absolute;  top:89px; left:40px; width:820px; height:510px;overflow:auto; padding:20px 0 0px 0px}
.test .quenum{width:25px; float:left; padding-left:19px}
.test .que{width:640px; float:left; padding-bottom:25px}
.test .omr{ position:absolute;  top:148px; left:888px; width:205px; height:462px; border:0px solid red;background:url(../image/test/omr_bg.png) no-repeat 0 0}
.test .omr .time{position: absolute; top:-53px; left:27px;display:block;width:108px; height:38px;background:url(../image/test/time_tit.png) no-repeat 0 8px; padding-left:78px; color:#fffd66; font-size:31px; font-family:Arial, Helvetica, sans-serif}
.test .omr .bt_allsound a{position: relative;display:block;width:93px; height:29px;background:url(../image/test/bt_sound.png) no-repeat 0 0px; margin-left:10px}
.test .omr .bt_allsound a.hover{background-position:0 -38px}
.test .omr .bt_allsoundoff a{position: relative;display:block;width:93px; height:29px;background:url(../image/test/bt_sound.png) no-repeat 0px -38px; margin-left:10px}
.test .omr .bt_allsoundoff a.hover{background-position:0 -77px}
.test .omr .que_box{ position: absolute; top:36px; left:0; width:212px; padding-bottom:2px; height:380px;overflow:auto}
.test .omr .que_box .que{ width:180px; padding-bottom:6px; height:26px; position:relative}
.test .omr .que_box .dot_line{  position:relative; clear:both; height:15px;background:url(../image/test/line_dot.png) no-repeat 8px 0px; width:190px}
.test .omr .que_box .que .bt_sound a{position: relative;display:block; float:left;width:26px; height:24px;background:url(../image/test/bt_sound.png) no-repeat -119px 0px; margin-left:10px; margin-top:3px}
.test .omr .que_box .que .bt_sound a.hover{background-position:-119px -27px}
.test .omr .que_box .que .bt_nosound a{position: relative;display:block; float:left;width:26px; height:24px;background:url(../image/test/bt_sound.png) no-repeat -119px -27px; margin-left:10px; margin-top:3px}
.test .omr .que_box .que .bt_nosound a.hover{background-position:-119px -54px}
.test .omr .que_box .que .bt_filler {position:relative;height:24px; width:26px; float:left; margin-left:10px; margin-top:3px;}
.test .omr .que_box .que .num{width:34px; height:25px; float:left;position:relative; padding:6px 0 0 0px; text-align:center; color:#404040; font-size:14px}
.test .omr .que_box .que .exama{ float:left;width:27px; height:25px;}
.test .omr .que_box .que .exama a{display:block;background:url(../image/test/omr_abcd.png) no-repeat 0 0;border:0px solid red;width:27px; height:30px;}
.test .omr .que_box .que .exama a.hover, .test .omr .que .exama a.sel{background:url(../image/test/omr_abcd.png) no-repeat 0px -72px;}
.test .omr .que_box .que .exama a.ans{background:url(../image/test/omr_abcd.png) no-repeat -2px -36px;}
.test .omr .que_box .que .examb{ float:left;width:27px; height:30px;}
.test .omr .que_box .que .examb a{display:block;background:url(../image/test/omr_abcd.png) no-repeat -29px 0;border:0px solid red;width:27px; height:30px;}
.test .omr .que_box .que .examb a.hover, .test .omr .que .examb a.sel{background:url(../image/test/omr_abcd.png) no-repeat -29px -72px;}
.test .omr .que_box .que .examb a.ans{background:url(../image/test/omr_abcd.png) no-repeat -29px -36px;}
.test .omr .que_box .que .examc{ float:left;width:27px; height:30px;}
.test .omr .que_box .que .examc a{display:block;background:url(../image/test/omr_abcd.png) no-repeat -56px 0;border:0px solid red;width:27px; height:30px;}
.test .omr .que_box .que .examc a.hover, .test .omr .que .examc a.sel{background:url(../image/test/omr_abcd.png) no-repeat -56px -72px;}
.test .omr .que_box .que .examc a.ans{background:url(../image/test/omr_abcd.png) no-repeat -56px -36px;}
.test .omr .que_box .que .examd{ float:left;width:27px; height:30px;}
.test .omr .que_box .que .examd a{display:block;background:url(../image/test/omr_abcd.png) no-repeat -83px 0;border:0px solid red;width:27px; height:30px;}
.test .omr .que_box .que .examd a.hover, .test .omr .que .examd a.sel{background:url(../image/test/omr_abcd.png) no-repeat -83px -72px;}
.test .omr .que_box .que .examd a.ans{background:url(../image/test/omr_abcd.png) no-repeat -83px -36px;}
.test .omr .que_box .que .o{ width:31px; height:33px; position: absolute;background:url(../image/test/result_o.png) no-repeat 0 0px; top:-2px; left:37px}
.test .omr .que_box .que .x{ width:31px; height:33px; position: absolute;background:url(../image/test/result_x.png) no-repeat 0 0px;top:-2px; left:37px}
.test .btn a{position:absolute;  top:570px; left:939px; width:114px; height:40px;  display:block;background:url(../image/test/test_btn.png) no-repeat 0 0;}
.test .btn a.hover{background:url(../image/test/test_btn.png) no-repeat 0 -42px;}

/*lecture*/
.lec{ position: absolute; top:2px; left:0; width:1100px; height:650px;background:url(../image/lecture/lec_bg.png) no-repeat 8px -11px;}
.lec .lectureWrap{position:relative;width:1000px;height:506px}
.lec .lectureWrap .mp4Player{position:relative;height:509px;padding:82px 0 0 102px}
.lec .lectureWrap .wmvPlayer{position:relative;height:509px;padding:82px 0 0 102px}
.lec .lectureWrap .boxPlayer{position:relative;height:509px;padding:82px 0 0 102px}
.lec .lectureWrap .mp4Player .player{width:896px;height:504px; position:relative;}
.lec .lectureWrap .wmvPlayer .player{width:896px;height:504px; position:relative;}
.lec .lectureWrap .boxPlayer .player{width:896px;height:504px; position:relative;}
.lec .lectureWrap .boxPlayer .closer{width:896px;height:504px; position:absolute; top:0; left:0;}
.lec .txt{position:absolute;top:8px;left:282px;width:896px;height:504px;background:url(../image/lecture/pop_cover.png) no-repeat 0 0; color:#6d6d6d; font-size:13px }
.sceneNum{position:absolute;top:80px;left:997px;width:88px; height:524px;background:url(../image/lecture/num_box.png) no-repeat 7px 0; padding:15px 0px 1px 4px;}
.sceneNum li{width:73px;height:30px} 
.sceneNum li a{display:block;width:73px;height:26px;font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; text-align:center; color:#4d4d4d; padding:4px 0 1px 8px}
.sceneNum li a.hover{color:#09945b}
.sceneNum li a.selected{background:url("../image/lecture/num_on.png") no-repeat 0 0;}
.sceneNum li a.wrong{color: #db4040}
/* 2번은 정오판별 없음 */
.sceneNum2{position:absolute;top:80px;left:997px;width:88px; height:524px;background:url(../image/lecture/num_box2.png) no-repeat 7px 0; padding:15px 0px 1px 4px;}
.sceneNum2 li{width:73px;height:30px} 
.sceneNum2 li a{display:block;width:73px;height:26px;font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; text-align:center; color:#4d4d4d; padding:4px 0 1px 8px}
.sceneNum2 li a.hover{color:#09945b}
.sceneNum2 li a.selected{background:url("../image/lecture/num_on.png") no-repeat 0 0;}

/* 896*504 */
.control {position: relative; background:url(../image/lecture/cont_bg.png) no-repeat 76px 21px; width:896px; height:30px;z-index:5;}
.control .btn_play{position:absolute;top:4px;left:0px;width:26px;height:26px}
.control .btn_play a{ display:block;width:26px;height:26px;background:url(../image/lecture/btn_control.png) no-repeat 0px 0px}
.control .btn_play a.hover{ background-position:-26px 0}
.control .btn_pause{position:absolute;top:4px;left:0px;width:26px;height:26px}
.control .btn_pause a{ display:block;width:26px;height:26px;background:url(../image/lecture/btn_control.png) no-repeat 0px -52px}
.control .btn_pause a.hover{ background-position:-26px -52px}
.control .btn_stop{position:absolute;top:4px;left:34px;width:26px;height:26px}
.control .btn_stop a{ display:block;width:26px;height:26px;background:url(../image/lecture/btn_control.png) no-repeat 0px -26px}
.control .btn_stop a.hover{ background-position:-26px -26px}
.control .mov_bar{position:absolute;top:9px;left:66px;width:500px;height:5px;}
.control .mov_bar .a_bar{position:absolute;top:4px;left:5px;height:5px; background-color:#cad5d8; width:500px; cursor:pointer;}
.control .mov_bar .c_bar{position:absolute;top:4px;left:5px;height:5px; background-color:#333;}
.control .mov_bar .ico{position:absolute;top:2px; width:12px; height:10px; cursor:pointer;}
.control .mov_bar .ico a{ display:block; width:12px; height:10px;background:url(../image/lecture/controll_ico.png) no-repeat 0px 0px}
.control .mov_bar .ico a.hover{background:url(../image/lecture/controll_ico.png) no-repeat -12px 0px}
.control .mov_time{position:absolute;top:7px;right:211px;width:100px;height:18px;line-height:18px; color:#252a2e; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.control .btn_sound{position:absolute;top:4px;right:108px;width:26px;height:26px}
.control .btn_sound a{ display:block;width:26px;height:26px;background:url(../image/lecture/btn_control.png) no-repeat 0px -78px}
.control .btn_sound a.hover{ background-position:-26px -78px}
.control .btn_nosound{position:absolute;top:4px;right:108px;width:26px;height:26px}
.control .btn_nosound a{ display:block;width:26px;height:26px;background:url(../image/lecture/btn_control.png) no-repeat 0px -78px}
.control .btn_nosound a.hover{ background-position: -26px -78px}
.control .sound_bar{position:absolute;top:9px;right:45px;width:60px;height:5px;}
.control .sound_bar .a_bar{position:absolute;top:4px;left:5px;height:5px; background-color:#cad5d8; width:60px; cursor:pointer;}
.control .sound_bar .c_bar{position:absolute;top:4px;left:5px;height:5px; background-color:#333;}
.control .sound_bar .ico{position:absolute;top:2px; width:12px; height:10px; cursor:pointer;}
.control .sound_bar .ico a{ display:block; width:12px; height:10px;background:url(../image/lecture/controll_ico.png) no-repeat 0px 0px}
.control .sound_bar .ico a.hover{background:url(../image/lecture/controll_ico.png) no-repeat -12px 0px}
.control dd a{position:absolute;vertical-align:top;height:26px;background:url(../image/lecture/btn_control.png) no-repeat 0 1px; display:inline-block}
.control .m_fullscreen a{top:4px;right:5px;width:26px;background-position:0px -104px}
.control .s_low a{top:4px;right:202px;width:26px;background-position:0 -130px}
.control .s_normal a{top:4px;right:174px;width:26px;background-position:0 -156px}
.control .s_high1 a{top:4px;right:146px;width:26px;background-position:0 -182px}
.control .m_fullscreen a.hover, .control .m_fullscreen a.sel{background-position:-26px -104px}
.control .s_low a.hover, .control .s_low a.selected{background-position:-26px -130px}
.control .s_normal a.hover, .control .s_normal a.selected{background-position:-26px -156px}
.control .s_high1 a.hover, .control .s_high1 a.selected{background-position:-26px -182px}

.control .seek_time{position:relative;top:-20px;width:50px;height:14px; background:#fff; color:#000; font-size:12px; padding:3px 0px; text-align:center;opacity:0.8}

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

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