@font-face{
	font-family:'regular';
	src: url('../styles_fonts/regular.otf');
}
@font-face{
	font-family:'bold';
	src: url('../styles_fonts/bold.otf');
}
@font-face{
	font-family:'novel';
	src: url('../styles_fonts/novel.otf');
}

*{margin: 0px auto; padding: 0px;}
body{font-family: 'regular', verdana; font-size: 14px; color: var(--text_black); background: var(--bg_base);}
a{color: var(--text_blue); text-decoration: none;}
.table{border-collapse: collapse; width: 100%; table-layout: fixed;}
.table th, .table td{text-align: left; padding: 8px;}
.table th.t_no{width: 30px;}
.table th.t_img{width: 100px;}
.table th.t_action{width: 100px;}
.table tr:nth-child(even){background-color: #f2f2f2}
.table th{background-color: #001b2b; color: var(--text_white);}
.table td img{width: 100%;}
.bold{font-weight: bold;}

::-webkit-scrollbar{width: 10px; height: 5px;}
::-webkit-scrollbar-track{background: #d8d8d8;}
::-webkit-scrollbar-thumb{background: #a2a2a2;}
::-webkit-scrollbar-thumb:hover{background: #6d6d6d;}
div::-webkit-scrollbar {width: 7px; height: 5px;}
div::-webkit-scrollbar-track {background: transparent;}
div::-webkit-scrollbar-thumb {background: #cacaca;}
div::-webkit-scrollbar-thumb:hover {background: #9d9d9d;}

div{word-wrap: break-word;}
[contenteditable=true]:empty:before{content: attr(placeholder); display: block; color: var(--text_silver); cursor: text;}
[setplaceholder=true]:empty:before{content: attr(placeholder); display: block; color: var(--text_silver); cursor: text;}
input, textarea, select{box-sizing: border-box; background: transparent; outline: none; border: 1px solid var(--bg_silver); color: var(--text_black); background: var(--bg_white);}
input.input_warning, textarea.input_warning, select.input_warning{border: 1px solid var(--bg_red); box-shadow: 0px 0px 5px red;}
.input{padding: 9px 10px 10px 10px; width: 100%; border-radius: 10px; outline: none;}
input.input, select.input{border-radius: 50px;}

.description{line-height: 25px; font-size: 15px;}
.description img{margin: 5px auto; max-width: 100%;}
.description p{padding: 7.5px 0px; font-size: 17px;}
.description p.aligncenter{text-align: center;}
.description p.alignright{text-align: right;}
.description pre{overflow: auto;}
.description img, .description iframe{margin: 10px auto;}
.description img{max-width: 100%; display: block;}
.description iframe{width: 100%; height: 400px;}
.description li{margin-left: 40px; padding: 7.5px 0px;}
.description h1{line-height: 40px;}
.description h2{line-height: 40px;}
.description iframe{border: none; margin: 10px 0px;}
.description blockquote{padding: 15px 25px 16px 25px; margin: 15px 0px; border-left: 5px solid #DFDFE4;}
.description span.source-text{font-size: 12px; color: var(--text_silver);}
.postdesc img{width: 100%;}
.poststatus{font-size: 23px; line-height: 30px;}
.poststatus img{width: 22px; height: 22px; margin: 0px !important; display: inline !important;}

.tooltip_box{color: var(--text_white); background: var(--bg_black); box-shadow: 0 0 5px var(--bg_silver); position: absolute; z-index: 200; padding: 4px 7px 5px 7px;; text-align: left; border-radius: 5px; font-size: 11px;}
.tooltip_hide{display: none;}

.hover:hover, .hover_active{background: var(--bg_hover);}
.bg_white{background: var(--bg_white);}
.bg_new{background: var(--bg_new);}
.bg_silver{background-color: var(--bg_silver);}
.bg_silvercalm{background-color: var(--bg_silvercalm);}
.bg_blue{background-color: var(--bg_blue);}
.bg_bluedark{background-color: var(--bg_bluedark);}
.bg_facebook{background-color: rgb(75, 110, 188);}
.bg_twitter{background-color: rgb(93, 191, 244);}

.text_white{color: var(--text_white);}
.text_silver{color: var(--text_silver);}
.text_blue{color: var(--text_blue);}
.text_black{color: var(--text_black);}
.text_red{color: var(--text_red);}

.fz_mini{font-size: 11px;}
.fz_normal{font-size: 13px;}
.fz_medium{font-size: 15px;}
.fz_big, h1{font-size: 20px;}

.pc{display: block;}
.mobile{display: none;}

.border_shadow{box-shadow: 0px 0px 4px var(--shadow);}
.loading{width: 50px; height: 50px;}
.shake{animation: shake 0.5s; animation-iteration-count: infinite;}
.left{float: left;}
.right{float: right;}
.pointer{cursor: pointer;}
.bsfull{background-size: 100%; background-position: center;}
.bscover{background-size: cover; background-position: center;}
.imgfull img{max-width: 100%; display: block; margin: 0 auto;}
.line{height: 2px; background: #f6f6f6;}
.list10{margin: 10px 0px;}
.list{margin: 5px 0px;}
.list p{margin-bottom: 5px; font-weight: bold; color: var(--text_silver);}
.p15{padding: 15px;}
.p25{padding: 25px;}
.plr15{padding: 0px 15px}
.ptb15{padding: 15px 0px}
.ptb25{padding: 25px 0px}
.pt25{padding-top: 25px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt35{margin-top: 35px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb35{margin-bottom: 35px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.br5{border-radius: 5px;}
.brt5{border-radius: 5px 5px 0px 0px;}
.brb5{border-radius: 0px 0px 5px 5px;}
.brl5{border-radius: 5px 0px 0px 5px;}
.brr5{border-radius: 0px 5px 5px 0px;}
.ofh{overflow: hidden;}
.slow{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
.hidden{display: none;}
.opacity{opacity: 0;}
.clear{clear: both;}