/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

@font-face {
    font-family: 'tvn_enjoystories';
    src: url('/re_font/tvn__bold-webfont.woff2') format('woff2'),
    url('/re_font/tvn__bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

/* html5 호환 설정*/
* {margin:0;padding:0;font-weight: normal;outline: none;-webkit-text-size-adjust:none !important;}
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,

article,aside,canvas,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {border:0;outline:0;background:transparent;font-size:100%;}
table,caption,tbody,tfoot,thead,tr,th,td {outline:0;background:transparent;font-size:100%;}
article,aside,canvas,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,summary {display:block;}
nav, ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after {content:"";content:none;}

a {margin:0;padding:0;border:0;font-size:100%;}
ins {color:#000;text-decoration:none;}
mark {color:#000;font-style:italic;font-weight:700;}
del,s {text-decoration:line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted #000;cursor:help;}

hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select {}
th,td {}

b {font-weight: 600}

/*body{font:13px/1.231 "돋움",arial,helvetica,clean,sans-serif; }*/ /*"Noto Sans KR",*/
body {font-family:"Malgun Gothic","맑은 고딕","돋움",Dotum,Verdana,Arial,helvetica,clean,"Sans-serif";font-size:13px;color:#555;line-height:150%;letter-spacing: -0.03em;}
select,input,button,textarea,button{font-family: "Malgun Gothic","맑은 고딕","돋움",Dotum,Verdana,Arial,helvetica,clean,"Sans-serif";letter-spacing: -0.03em;}
table{font-size:inherit;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

address {font-style:normal;display:inline;}

/* 글자 속성 */
a{color:#555;text-decoration:none;}
a:active {}
a:focus {}
/* a:visited, a:visited, a.visited, a.visited:visited {color:#555;text-decoration:none;}
a:hover,a:hover, a.visited:hover {color:#555;text-decoration:none;}
::selection {background:#11b2c6;color:#fff}
 */

/* LIST 요소 기본 */
li {list-style:none;}
ul.fllist li , .fllist > * {float:left;}
ul.frlist li , .frlist > * {float:right;}
.fllist:after , .frlist:after {clear:both;display:block;content:"";}
ol.onum li, .onum li {list-style-type:decimal}
.onum {padding-left:22px}

/* Form 요소들 기본 */
fieldset {padding:0px;margin:0px;border:0px;}
legend{display:none;}

input::-ms-clear {display: none;}


input[type='tel'],input[type='url'],input[type='number'], input[type='email'], input[type='text'], input[type='password'],
input.text,input.password {position:relative;width:97%;border:1px solid #cbcbcb;background:#fff;height:30px;line-height:28px;text-indent:10px;vertical-align:middle;margin:1px;}
input[type='tel']:focus,input[type='url']:focus,input[type='number']:focus, input[type='email']:focus, input[type='text']:focus, input[type='password']:focus,
input.text,input.password:focus {background:#fff;}
input[type=radio],input[type=checkbox] {border:none;padding:0;margin:0}

input[type="file"] , input.file {border:0;padding:0;}
input[type="file"] , input.file {position:relative;border-style:solid;border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;height:2em;padding:0.30em 5px 0.4em 5px;line-height:1.1em;box-sizing:content-box;font-size:1em;margin:0;vertical-align:middle;}

input[type=radio], input[type=checkbox], input.radio,input.checkbox {border:0px !important;vertical-align:middle;padding:0px;margin:1px;line-height:1em;}
input[type=radio]:focus , input[type=checkbox]:focus {background:#f7f7f7;}
input.num {text-align:right;border:1px solid #ddd;height:16px;padding:2px;font-size:100%;line-height:110%;}
input:-moz-read-only, input:read-only , input.readonly {background-color:#f7f7f7 !important;}
input.disabled {background-color:#ededed;}
textarea {border:1px solid #ddd;padding:2px 5px;}

select { position:relative;border:1px solid #cbcbcb !important;vertical-align:middle;line-height:32px;width:100%;height:32px;*height:auto;text-indent:10px;/*background:url("/images/Member/sel-arr.png") no-repeat right 14px #fff;
    *margin-top:3px;-moz-appearance:none;-webkit-appearance:none;appearance:none;*/}
/*select:focus {background:url("/re_images/common/etc/sel-arr.png") no-repeat right 14px #fff;}
select::-ms-expand { display:none;}*/

.is-file-sfrm {display:inline-block;height:auto;position:relative;overflow:hidden;vertical-align:middle;}
.is-file-sfrm input[type=file] {width:0px;height:0px;overflow:hidden;position:absolute;left:-9999em;top:-9999em;}
.is-file-sfrm .is-fbtn {display:inline-block;height:2.2em;line-height:1.3em;background:#666;color:#FFF;font-size:12px;border:0;padding:0 5px;vertical-align:middle;box-sizing:content-box;}
.is-file-sfrm .is-fnm {max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;height:1.3em;line-height:1.3em;font-size:1em;vertical-align:middle;}

.filetype {position: relative; display:inline-block; vertical-align:top;}
.filetype input.file-text {position: relative; width:300px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline-block; background:#f7f7f7; borde:1px solid #cbcbcb;}
.filetype .file-select {position: absolute; top:0; right:0; width:92px; overflow:hidden; opacity:0.2;cursor: pointer;}
.filetype .file-select .input-file {width:90px; height:30px; filter: alpha(opacity=0); opacity:0; margin-left:0px; padding-left:0px; cursor: pointer;z-index: 10}
.filetype .file-btn{display:inline-block; background: #3d434c; height:35px; line-height:32px; padding:0px 24px; color:#fff; cursor: pointer;z-index: 10}

/*인풋사이즈*/
.inptWd-90 {width: 90% !important}
.inptWd-80 {width: 80% !important}
.inptWd-70 {width: 70% !important}
.inptWd-65 {width: 65% !important}
.inptWd-60 {width: 60% !important}
.inptWd-50 {width: 50% !important}
.inptWd-55 {width: 55% !important}
.inptWd-40 {width: 40% !important}
.inptWd-35 {width: 35% !important}
.inptWd-30 {width: 30% !important}
.inptWd-25 {width: 25% !important}
.inptWd-20 {width: 20% !important}
.inptWd-15 {width: 15% !important}
.inptWd-10 {width: 10% !important}
.inptWd-150pr {width: 150px !important;text-indent: 0 !important;padding: 0 5px;text-align: right;}
.inptWd-100pr {width: 100px !important;text-indent: 0 !important;padding: 0 5px;text-align: right;font-size: 13px;}
.inptWd-80pr {width: 80px !important;text-indent: 0 !important;padding: 0 5px;text-align: right;font-size: 13px;}
.inptWd-50pr {width: 50px !important;text-indent: 0 !important;padding: 0 5px;text-align: right;font-size: 13px;}
.inptWd-40pr {width: 40px !important;text-indent: 0 !important;padding: 0 5px;text-align: right;font-size: 13px;}
.inptWd-30pr {width: 30px !important;text-indent: 0 !important;padding: 0 5px;text-align: right;font-size: 13px;}
.inptWd-50pc {width: 50px !important;text-indent: 0 !important;padding: 0 5px;text-align: center;font-size: 13px;}
.inptWd-100pc {width: 100px !important;text-indent: 0 !important;padding: 0 5px;text-align: center;font-size: 13px;}

.disabled {background: #f3f3f3 !important}

/*체크박스 라디오*/
.checkbox, .radio{position:relative;display:inline-block;margin:3px 0;cursor:pointer;vertical-align:middle;color:#777;}
.checkbox input, .radio input{opacity:0;position:absolute;left:0;top:0;width:20px;height:20px;z-index:1;}
.checkbox input:checked, .radio input:checked, .checkbox input:focus, .radio input:focus{outline:none! important;}
.checkbox input:checked+.lbl, .radio input:checked+.lbl{color:#000;}
.checkbox input+.lbl, .radio input+.lbl{position:relative;display:inline-block;margin:0;line-height:20px;min-height:20px;padding:0 0 0 25px;font-weight:normal;vertical-align:top;word-break:break-all;}
.checkbox input+.lbl.blind, .radio input+.lbl.blind {padding-left: 20px;}
.checkbox.only input+.lbl, .radio.only input+.lbl{padding-left:25px;text-indent:-999em;font-size:0;}
.checkbox input+.lbl:before, .radio input+.lbl:before{content:'';border:1px solid #ddd;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);background:#fff;display:inline-block;height:19px;width:19px;position:absolute;left:0;top:0;box-sizing:border-box;}
.radio input+.lbl:before{border-radius:100%;}
.checkbox input+.lbl:after, .radio input+.lbl:after{content:'';display:inline-block;position:absolute;background-color:#c6c6c6}
.checkbox input+.lbl:after{width:7px;height:4px;top:5px;left:5px;border:3px solid #c6c6c6;border-top:none;border-right:none;background:transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.radio input+.lbl:after{width:7px;height:7px;top:6px;left:6px;border-radius:100%;background:#c6c6c6;}
.checkbox input:focus+.lbl:before, .radio input:focus+.lbl:before{border-color:#ffe158;}
.radio input:checked+.lbl:before{background:#f44336;border-color:#f44336;}
.radio input:focus+.lbl:before, .checkbox input:focus+.lbl:before{border-color:#000;}
.radio input:checked+.lbl:after{background:#fff;}
.checkbox input:checked+.lbl:before{border-color:#f44336;background:#f44336;}
.checkbox input:checked+.lbl:after{border-color:#fff;}
.checkbox input:disabled+.lbl:before, .radio input:disabled+.lbl:before,
.checkbox input[disabled]+.lbl:before, .radio input[disabled]+.lbl:before,
.checkbox input.disabled+.lbl:before, .radio input.disabled+.lbl:before,
.checkbox input:disabled+.lbl:after, .radio input:disabled+.lbl:after,
.checkbox input[disabled]+.lbl:after, .radio input[disabled]+.lbl:after,
.checkbox input.disabled+.lbl:after, .radio input.disabled+.lbl:after{opacity:0.5;}
.checkbox.hover > input + .lbl:before, .radio.hover > input + .lbl:before{border-color:#777}


/* 이미지 요소 기본 */
img {border:0px;vertical-align:middle;}
img.button {cursor:pointer;}
button.imgBtn {padding:0px;margin:0px;border:0px;cursor:pointer;}
.imgFullWd {width: auto;max-width: 100%}
.imgWd100 {width: auto;max-width: 100px}
.imgWd150 {width: auto;max-width: 150px}
.imgWd200 {width: auto;max-width: 200px}
.imgWd250 {width: auto;max-width: 250px}
.imgWd300 {width: auto;max-width: 300px}
.imgWd350 {width: auto;max-width: 350px}
.imgWd400 {width: auto;max-width: 400px}
.imgWd450 {width: auto;max-width: 450px}


/*이미지에 자동 라인추가*/
.imgBorder {padding:4px;border:1px solid #DDD;}

/* ime-mode */
.imeOff {ime-mode:disabled;}

/* 오버-클릭 커서로 지정*/
button, .pointer, .hand{cursor:pointer;}
.mvPointer {cursor:move;}

table { border-collapse: collapse; border-spacing: 0px; width:100%}
table.ashow {empty-cells:show;}


/*기본 스타일 정의*/
/*플로팅*/
.fr {float:right;}
.fl {float:left;}
.cr {clear:both;}
.aftercr:after {clear:both;content:"";display:block;}


/*포지셔닝*/
.pos_d, .pos-d, .pos-st {position:static;} /*기본*/
.pos_r,.pos-r, .pos-rel {position:relative;}
.pos_a,.pos-a, .pos-abs {position:absolute;}


/*박스유형*/
.isbox, .is-rel, .is-box {display:block;position:relative;}
.isabs, .is-abs {position:absolute;}
.inline {display:inline-block !important;}

/* 글자자름 (inline-block, block 형태로 가로폭 반드시 지정해 줘야함)*/
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;   }
.wordkeep {white-space:normal;word-break:keep-all;   }

/*숨김*/
.hidden {display:none;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}


/* LI 목록 데이터 없음 스타일 기본 */
* .no-data, * .noData {height:100px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
li.no-data,li.noData {padding-top:50px;padding-bottom:50px;height:auto;text-align:center;width:100%;}


/*공백 */
.gap10 {height:10px;clear:both;overflow:hidden;display:block;}
.gap20 {height:20px;clear:both;overflow:hidden;display:block;}
.gap30 {height:30px;clear:both;overflow:hidden;display:block;}

.gapbig {height:60px;clear:both;display:block;}
.gap {height:40px;clear:both;display:block;}
.sgap {height:25px;clear:both;display:block;}
.ssgap {height:15px;clear:both;display:block;}
.sssgap {height:10px;clear:both;display:block;}

/*정렬*/
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}
.left ,.l {text-align:left !important;}
.right,.r {text-align:right !important;}
.center, .c {text-align:center !important;}
.vtop,.vtop  * {vertical-align:text-top !important;}
.vcen,.vcen  * {vertical-align:middle !important;}
.vfoot,.vfoot  * {vertical-align:text-bottom !important;}
.vtop2 {vertical-align:top !important;}
.vcen2 {vertical-align:middle !important;}
.vfoot2 {vertical-align:bottom !important;}

/* 들여쓰기 */
.indent {margin-left:23px;}
ul.indent {margin-left:16px;}
.li-indent {margin-left:10px;}



/* 폰트색상 */
.c0  {color:#000 !important;}
.c2  {color:#222 !important;}
.c3  {color:#333 !important;}
.c5  {color:#555 !important;}
.c6  {color:#666 !important;}
.c8  {color:#888 !important;}
.c9  {color:#999 !important;}
.cf  {color:#fff !important;}

/*회색조*/
.cg1 {color:#69696a !important;}
.cg2 {color:#ababab !important;}
.cg3 {color:#848484 !important;}
.cg4 {color:#727272 !important;}
.cg5 {color:#b3b7bc !important;}

.cred {color:#e93333 !important;}
.bigRed {font-size: 16px !important;font-weight: 600;color:#e93333 !important;}
.cblue {color:#1e5fd6 !important;}
.cblue1 {color:#1e86d6 !important;}
.cgold {color:#e6a417 !important;}
.cgreen {color:#758d0a !important;}
.cbrown {color:#666360 !important;}
.corg {color:#ff6d1d !important;}
.cblack {color:#222 !important;}
.cpink {color:#ed296a !important;}
.cmint {color:#08a0b2 !important;}
.cyell {color:#fcff00 !important;}

/* 폰트속성 */
.nb {font-weight:normal;}
.b {font-weight:bold;}

.fs {font-size:90%}
.fb {font-size:120%;}

.f9 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}

/*도움말 공통*/
.fhelp{font-size:11px;letter-spacing:-1px;color:#6381aa;line-height:130%;}

/*줄간격*/
.tlh190 {line-height:190%;}
.tlh180 {line-height:180%;}
.tlh170 {line-height:170%;}
.tlh160 {line-height:160%;}
.tlh150 {line-height:150%;}
.tlh140 {line-height:140%;}
.tlh130 {line-height:130%;}
.tlh120 {line-height:120%;}
.tlh110 {line-height:110%;}

.tlh34 {line-height:34px;float: left;}

/*영문,숫자*/
.en {font-size:90%;font-family:Verdana;}

/*회색필터처리*/
.gray { filter: Gray; }


/* 패딩 5,10단위만 지정함*/
.pad5a {padding:5px}
.pad5tf {padding-top:5px;padding-bottom:5px}
.pad5lr {padding-left:5px;padding-right:5px;}
.pad5r {padding-right:5px}
.pad5l {padding-left:5px}
.pad5t {padding-top:5px}
.pad5f {padding-bottom:5px}
.pad10a {padding:10px}
.pad10tf {padding-top:10px;padding-bottom:10px}
.pad10lr {padding-left:10px;padding-right:10px;}
.pad10r {padding-right:10px}
.pad10l {padding-left:10px}
.pad10t {padding-top:10px}
.pad10f {padding-bottom:10px}
.pad15a {padding:15px}
.pad15tf {padding-top:15px;padding-bottom:15px}
.pad15lr {padding-left:15px;padding-right:15px;}
.pad15r {padding-right:15px}
.pad15l {padding-left:15px}
.pad15t {padding-top:15px}
.pad15f {padding-bottom:15px}
.pad20a {padding:20px}
.pad20tf {padding-top:20px;padding-bottom:20px}
.pad20lr {padding-left:20px;padding-right:20px;}
.pad20r {padding-right:20px}
.pad20l {padding-left:20px}
.pad20t {padding-top:20px}
.pad20f {padding-bottom:20px}
.pad25a {padding:25px}
.pad25tf {padding-top:25px;padding-bottom:25px}
.pad25lr {padding-left:25px;padding-right:25px;}
.pad25r {padding-right:25px}
.pad25l {padding-left:25px}
.pad25t {padding-top:25px}
.pad25f {padding-bottom:25px}
.pad30a {padding:30px}
.pad30tf {padding-top:30px;padding-bottom:30px}
.pad30lr {padding-left:30px;padding-right:30px;}
.pad30r {padding-right:30px}
.pad30l {padding-left:30px}
.pad30t {padding-top:30px}
.pad30f {padding-bottom:30px}
.pad40a {padding:40px}
.pad40tf {padding-top:40px;padding-bottom:40px}
.pad40lr {padding-left:40px;padding-right:40px;}
.pad40r {padding-right:40px}
.pad40l {padding-left:40px}
.pad40t {padding-top:40px}
.pad40f {padding-bottom:40px}
.pad50a {padding:50px}
.pad50tf {padding-top:50px;padding-bottom:50px}
.pad50lr {padding-left:50px;padding-right:50px;}
.pad50r {padding-right:50px}
.pad50l {padding-left:50px}
.pad50t {padding-top:50px}
.pad50f {padding-bottom:50px}



/*마진*/
.mg0 {margin: 0 !important}
.noMgf, .no_mgf {margin-bottom:0px !important;}
.mg5f {margin-bottom:5px !important;}
.mg10f {margin-bottom:10px;}
.mg15f {margin-bottom:15px;}
.mg20f {margin-bottom:20px;}
.mg25f {margin-bottom:25px;}
.mg30f {margin-bottom:30px;}
.mg40f {margin-bottom:40px;}
.mg50f {margin-bottom:50px;}
.mg60f {margin-bottom:60px;}
.mg5t {margin-top:5px !important;}
.mg10t {margin-top:10px;}
.mg15t {margin-top:15px;}
.mg20t {margin-top:20px;}
.mg25t {margin-top:25px;}
.mg30t {margin-top:30px;}
.mg40t {margin-top:40px;}
.mg50t {margin-top:50px;}
.mg60t {margin-top:60px;}
.mg5l {margin-left:5px !important;}
.mg10l {margin-left:10px;}
.mg15l {margin-left:15px;}
.mg20l {margin-left:20px;}
.mg25l {margin-left:25px;}
.mg30l {margin-left:30px;}
.mg40l {margin-left:40px;}
.mg50l {margin-left:50px;}
.mg60l {margin-left:60px;}
.mg5r {margin-right:5px !important;}
.mg10r {margin-right:10px;}
.mg15r {margin-right:15px;}
.mg20r {margin-right:20px;}
.mg25r {margin-right:25px;}
.mg30r {margin-right:30px;}
.mg40r {margin-right:40px;}
.mg50r {margin-right:50px;}
.mg60r {margin-right:60px;}
.mg5a {margin:5px !important;}
.mg10a {margin:10px;}
.mg15a {margin:15px;}
.mg20a {margin:20px;}
.mg25a {margin:25px;}
.mg30a {margin:30px;}
.mg5tf {margin-top:5px;margin-bottom:5px}
.mg10tf {margin-top:10px;margin-bottom:10px}
.mg20tf {margin-top:20px;margin-bottom:20px}
.mg50tf {margin-top:50px;margin-bottom:50px}
.mg5lr {margin-left:5px;margin-right:5px;}
.mg10lr {margin-left:10px;margin-right:10px;}
.mg20lr {margin-left:20px;margin-right:20px;}
.mg30lr {margin-left:30px;margin-right:30px;}
.mg40lr {margin-left:40px;margin-right:40px;}
.mg50lr {margin-left:50px;margin-right:50px;}

/*가로 크기*/
.w500 {width:500px;}
.w100 {width:100px;}
.w200 {width:200px;}
.w90 {width:90px;}
.w80 {width:80px;}
.w70 {width:70px;}
.w60 {width:60px;}
.w50 {width:50px;}
.w40 {width:40px;}
.w30 {width:30px;}
.w20 {width:30px;}
.w10{width:10px;}


.w100p {width:100%;}
.w98p {width:98%;}
.w90p {width:90%;}
.w80p {width:80%;}
.w70p {width:70%;}
.w60p {width:60%;}
.w50p {width:49%;}
.w45p {width:44%;}
.w40p {width:40%;}
.w33p {width:33.3333%;}
.w30p {width:30%;}
.w25p {width:25%;}
.w20p{width:20%;}
.w15p{width:15%;}
.w10p{width:10%;}


/* 애니메이션 속도*/
.animate-speed{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}


/*마우스오버 손모양*/
label{cursor:pointer}
button{cursor:pointer;}

/*파일업로드*/
.upldbox_wrap {position: relative;display: block;overflow: hidden;margin-top: 20px}
.upldbox_wrap .upldArea {position: relative;display: block;overflow: hidden;border: 1px solid #d7dce3;margin: 7px 0}
.upldbox_wrap .upld_header {position: relative;display: block;overflow: hidden;padding: 0 20px;background: #e8ebf1;border-bottom: 1px solid #d7dce3}
.upldbox_wrap .upld_header span {display: inline-block;float: left;line-height: 24px;}

.upldbox_wrap .upldArea ul {display: block;overflow: hidden;padding: 15px 20px;height: 85px;overflow-x: hidden;overflow-y: auto}
.upldbox_wrap .upldArea ul li {display: block;overflow: hidden;padding: 6px 0;}
.upldbox_wrap .upldArea ul li span {float: left;line-height: 20px}
.upldbox_wrap .upldArea ul li label {font-size: 13px;color: #333;}
.upldbox_wrap .upldArea ul li .file_size {font-size: 12px;color: #888;letter-spacing: 0}
.upldbox_wrap .upldArea ul li .btn_st {height: 20px;margin: 0;width: 70px}
.upldbox_wrap .upldArea ul li .btn_st span {height: 20px;line-height: 19px;font-size: 12px}
.upldbox_wrap .upldArea ul li .btn_st span:after {height: 20px;line-height: 20px;font-size: 15px}
.upldbox_wrap .btn_add {position: relative;display: inline-block;padding: 0 15px;background: #50595e;border-radius: 4px}
.upldbox_wrap .btn_add span {position: relative;display: inline-block;line-height: 25px;color: #fff}
.upldbox_wrap .btn_add span i {display: inline-block;font-size: 21px;line-height: 30px;margin: -2px 3px 0 0;vertical-align: middle;color: #fff}
.upldbox_wrap .btn_del {position: relative;display: inline-block;}
.upldbox_wrap .btn_del span {position: relative;display: inline-block;line-height: 25px;padding-left: 18px;}
.upldbox_wrap .btn_del span:after {position: absolute;top: 0;left: 0;width: 18px;height: 25px;text-align: center;content: "\f34c";font-size: 17px;color: #666;font-family: FontAwesome, LineAwesome;line-height: 25px}

.upldbox_wrap .file_name {width: 55%;}
.upldbox_wrap .file_status {width: 13%;text-align: center}
.upldbox_wrap .file_size {width: 15%;text-align: center}
.upldbox_wrap .file_btn {width: 17%;height: 20px;text-align: center}

/**/
.quick_homepi {position: fixed;top: 150px;right: 0;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;z-index: 2007}
.quick_homepi a {display: block;padding: 10px 15px;background: #3F51B5;border-top-left-radius: 50px;border-bottom-left-radius: 50px;text-align: center;
    -webkit-box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0 0 3px 0 rgba(50, 50, 50, 0.5);
    box-shadow:         0 0 3px 0 rgba(50, 50, 50, 0.5);
}
.quick_homepi a span {position: relative;display: inline-block;color: #fff;padding-left: 25px;font-size: 15px;line-height: 24px}
.quick_homepi a span:after {position: absolute;top: 0;left: 0;width: 24px;height: 24px;display: block;line-height: 24px;color: #fff;content: "\f237";text-indent: 0;font-family: FontAwesome,LineAwesome;font-size: 17px;text-align: center }

.quick_homepi.manager {top: 85px}
.quick_homepi.homepiFixed {top: 30px}