@font-face{
	font-family:'regular';
	src: url('../styles_fonts/regular.otf');
	}
@font-face{
	font-family:'bold';
	src: url('../styles_fonts/bold.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;}
a.ablack{color: var(--text_black); transition: all 0.2s ease;}
a.ablack:hover{color: var(--text_blue);}
.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-family: 'bold';}
.boldsoft{font-weight: bold;}
.ulHover:hover{text-decoration: underline;}

::-webkit-scrollbar{width: 12px; height: 5px;}
::-webkit-scrollbar-track{background: #d8d8d8;}
::-webkit-scrollbar-thumb{background: #a2a2a2; border-radius: 50px;}
::-webkit-scrollbar-thumb:hover{background: #6d6d6d;}
div::-webkit-scrollbar{width: 12px; 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 silver;}
input.input_warning, textarea.input_warning, select.input_warning{border: 1px solid red; box-shadow: 0px 0px 5px red;}
.input{padding: 9px 10px 10px 10px; width: 100%; border-radius: 5px; outline: none;}
textarea{font-family: 'regular'; resize: vertical;}
textarea.autogrow{overflow: hidden;}
.inputload{position: relative;}
.inputload.active:before{content: ''; position: absolute; right: 5px; top: 7px; width: 25px; height: 25px; background-image: url('../../../images/loading.gif'); background-size: 100%;}

.button_group button{border: none; font-family: 'regular'; border-radius: 0px; background: var(--bg_silvercalm); padding: 8px 20px 10px 20px; float: left; outline: none; cursor: pointer;}
.button_group button:first-child{border-radius: 5px 0px 0px 5px;}
.button_group button:last-child{border-radius: 0px 5px 5px 0px;}
.button_group button:hover{box-shadow: inset 0px 0px 0px 1px var(--bg_blue); z-index: 2; position: relative;}
.button_group button:active{background: var(--bg_blue); color: var(--text_white);}
.button_group button span{margin-right: 7px;}
.button_group:after{content: ''; clear: both; display: table;}
.button_group button.active{background: var(--bg_blue); color: var(--text_white);}

.dropdown_group{border: 1px solid var(--bg_silver); border-radius: 5px; display: inline-block; position: relative; z-index: 5;}
.dropdown_group > div:first-child{position: relative; cursor: pointer;}
.dropdown_group > div:first-child > div:first-child{padding: 7px 28px 7px 13px;}
.dropdown_group > div:first-child > div:nth-child(2){position: absolute; transition: var(--transition); right: 10px; top: 13px; width: 10px; height: 10px;}
.dropdown_group > div:nth-child(2){position: absolute; width: 170px; background: var(--bg_white); border-radius: 5px; border: 1px solid var(--bg_line); box-shadow: 0px 0px 3px var(--shadow); overflow: hidden; display: none;}
.dropdown_group > div:nth-child(2) > div{padding: 7px 13px; position: relative; cursor: pointer; transition: var(--transition);}
.dropdown_group > div:nth-child(2) > div:before{content: ''; opacity: 0; transition: var(--transition); position: absolute; left: 0px; top: 0px; width: 2px; height: 100%; background: var(--bg_blue);}
.dropdown_group > div:nth-child(2) > div:hover:before{opacity: 1;}
.dropdown_group > div:nth-child(2) > div:hover{color: var(--text_blue);}

.description{line-height: 25px; font-size: 15px;}
.description img{margin: 5px auto; max-width: 100%;}
.description p{padding: 7.5px 0px;}
.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 .disableLi li{margin-left: 0px; 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_yellow{background-color: var(--bg_yellow);}
.bg_yellowcalm{background-color: var(--bg_yellowcalm);}
.bg_facebook{background-color: rgb(75, 110, 188);}
.bg_twitter{background-color: rgb(93, 191, 244);}
.bg_novel{background-color: var(--bg_novel);}
.bg_comic{background-color: var(--bg_comic);}
.bg_scrpt{background-color: var(--bg_script);}
.bg_flash{background-color: var(--bg_flash);}
.bg_short{background-color: var(--bg_short);}
.bg_artwork{background-color: var(--bg_artwork);}
.bg_market{background-color: var(--bg_market);}
.bg_film{background-color: var(--bg_red);}

.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;}

.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.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;}
.txtRight{text-align: 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: var(--bg_line);}
.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;}