*{ 
	margin:0 auto; padding:0px; 
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}

ul {list-style-type:none; padding:0px; margin:0;}
html {background:#141828; color:#999; font-size:14px;}
h1, h2, h3, h4, h5, h6 {color:#6f778a;}
a {color:#b3bcde;text-decoration:none!important; }
a:hover {color:#fff;}
label.uk-form-danger{background:inherit!important;}
em {color:#959595;}
button {cursor:pointer;}
.uppercase {text-transform:uppercase;}
.like_box {}
.like_box .item {display:inline-block; vertical-align:top; padding-right:25px;}
.like_box iframe {vertical-align:initial;}
.hxtc > div {background:#fff; margin-bottom:20px!important;}
.uk-modal-dialog {background:#141828; border-color:#313b57; color:#6f778a;}
.uk-form textarea {background:#1e2132; border-color:#313b57; color:#b3bcde;}
.uk-form textarea:focus {background:#1e2132;}
.uk-form input::-webkit-input-placeholder,.uk-form textarea::-webkit-input-placeholder {color:#6f778a;}
.uk-form input::-moz-placeholder,.uk-form textarea::-moz-placeholder {color:#6f778a; opacity:1;}
.uk-form input:-ms-input-placeholder,.uk-form textarea:-ms-input-placeholder {color:#6f778a;}

.uk-offcanvas-bar {background:#1f2238; box-shadow:0 0 15px rgba(0,0,0,.5); }
.uk-offcanvas-bar:after {box-shadow:none; width:0;}
.uk-nav-offcanvas {border-bottom:none;}
.uk-nav-offcanvas>li>a {text-shadow:none; color:#666666;}
.uk-nav-offcanvas>li>a:hover {background:#121624!important;}
.uk-offcanvas-bar .nav_label {font-size:13px; margin:0; text-transform:uppercase;}
.uk-offcanvas-bar .sub-menu {padding-left:30px;}
.uk-offcanvas-bar .sub-menu .nav_label {font-size:16px; margin:0; text-transform:none;}

/* COMMON STYLE */
.d-table {display:table;}
.d-row {display:table-row;}
.d-cell {display:table-cell; vertical-align:top;}
.d-cell.medium_768 {display:block;}
.d-cell.medium_768.text {padding-left:0px; padding-top:10px;}
.d-cell.text {padding-left:10px;}
.d-cell.text a{}
.full-width {width:100%; }
.uppercase {text-transform:uppercase;}
.wrap_img { overflow:hidden;}
.transition {-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;}
/* END COMMON STYLE */
.uk-container {padding:0 10px;}

.tgl { display:none;}
.tgl + .tgl-btn { outline:0; display:block; width:50px; height:25px; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before { position:relative; display:block; content:""; width:40%; height:100%;}
.tgl + .tgl-btn:after {left:1px;}
.tgl + .tgl-btn:before {display:none;}
.tgl:checked + .tgl-btn:after { left:50%;}
.tgl-flat + .tgl-btn {padding:2px; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; background:#141828; border:3px solid transparent; border-radius:30px;}
.tgl-flat + .tgl-btn:after {-webkit-transition:all 0.2s ease; transition:all 0.2s ease; background:#b3bcde; content:""; border-radius:50%;}
.tgl-flat:checked + .tgl-btn {border:3px solid transparent;}
.tgl-flat:checked + .tgl-btn:after {left:23px; background:#00bcf2;}

#header_top {padding:10px 0;}
#header {background:#22263e; box-shadow:0 1px 5px rgba(0, 0, 0, 0.5); height:auto; position:relative; z-index:2;}
.uk-navbar {background:transparent; border:none;}
.navbar_toggle {width:25px; display:inline-block; padding-top:5px;}
.icon_bar {background:#b3bcde; height:2px; margin-bottom:5px; display:block;}
#header.header-fixed {position:fixed; background:rgba(0,0,0,0.2); height:60px!important; }
.header_page {box-shadow:0 0 5px 2px rgba(0,0,0,.1); position:relative;}
#header .logo {text-align:center; margin-bottom:10px;}
#header .logo img {max-height:25px;}
#nav_user {text-align:right; color:#fff; font-weight:700; position:relative;}
#nav_user .bookmark {display:inline-block; height:30px; width:30px; font-size:20px; text-align:center; margin-right:5px; vertical-align:bottom; position:relative;}
#nav_user .notify {position:absolute; top:-10px; right:-6px; display:block; height:20px; width:20px; font-size:12px; text-align:center; background:#ec5358; color:#fff; border-radius:50%;}
#nav_user .bookmark i {color:#555;}
#nav_user .avatar {color:#00bcf2; display:inline-block; height:30px; width:20px; line-height:30px; text-align:center; border-radius:50%;}
#nav_user .display_name {overflow:hidden; max-width:52px; display:inline-block; vertical-align:middle;}
#user_tool i {margin:0 5px; color:#00bcf2;}
#user_tool a {color:#d5d5d6;}
#user_tool a:hover {color:#fff;}
#user_tool a:hover i {color:#097cff;}
#dropdown_wrap {cursor:pointer; padding:5px 20px 10px 0px; display:inline-block; position:relative; height:40px;}
#dropdown_wrap:hover {color:#00bcf2;}
#dropdown_wrap:after {position:absolute; content:"\f107"; right:0px; top:12px; font-family:FontAwesome; font-size:12px;}
#dropdown_wrap .sub_menu {background:#141828; border-color:#2e2f54;}
#dropdown_wrap .sub_menu li {white-space:nowrap; line-height:normal;}
#dropdown_wrap .sub_menu li a {padding:7px 20px; color:#b3bcde; display:block;}
#dropdown_wrap .sub_menu li a:hover {background:#2e2f54; box-shadow:none;}

#f_search_wrap {display:inline-block; width:100%; position:relative; z-index:11;}
#f_search {width:100%; padding:6px 45px 3px 0px; border-bottom:1px solid #313b57; position:relative;}
#f_search input {background:none; border:none; height:30px; color:#b3bcde; padding:0;}
#searchsubmit {border:none; position:absolute; right:-1px; top:-1px; bottom:-1px; color:#ccc; padding:0; font-size:16px;}
#search_rs {position:absolute; top:100%; left:0; border:1px solid #2e2f54; width:100%; background:#141828; border-top:none; padding:10px; text-align:left; display:none;}
#search_rs .item {margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #2e2f54;}
#search_rs .item .wrap_img {width:60px; max-height:100px;}
#search_rs .item .title {font-weight:700;}
#search_rs .item .chapter a {color:#553fbf;}
#search_rs .item .authors a {color:#b3bcde;}
#view_rs {color:#553fbf; cursor:pointer; text-align:center;}
#f_search .select_wrap {position:absolute; top:0; bottom:0; left:-1px; display:none;}
#search_by {background:transparent; color:#6f778a; border:none; height:100%; padding-right:35px; padding-left:0; padding-bottom:0;}

.select_wrap select {padding-left:10px; -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; appearance:none; position:relative; z-index:1; height:38px; width:100%;}
.select_wrap select:hover {cursor:pointer;}
.select_wrap {position:relative;}
.select_wrap:after {position:absolute; content:"\f107"; right:1px; top:50%; bottom:1px; width:40px; color:#777; font-family:FontAwesome; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:center; z-index:1; pointer-events:none;}

#wrap_content {padding:20px 0 10px;}

#disqus_thread {margin:10px 0 20px;}

#footer {background:#f5f5f5; color:#676767; font-size:18px; position:relative; overflow:hidden;}
#footer .label {font-size:18px; font-weight:700; margin-bottom:15px; color:#333; text-transform:uppercase; position:relative;}
#footer .header {color:#676767;}
#footer p{margin:0px 0px 5px;}
#footer a{}
#copyright {padding:15px 0; color:#ccc; font-size:13px; text-align:center; position:relative;}
#copyright a{color:#ccc;}

#dark .wrap_img img {opacity:0; visibility:hidden;}
#dark .wrap_img:hover img { -o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s; opacity:1; visibility:visible;}

@media (min-width:480px) {
	#f_search {padding:6px 45px 2px 100px;}
	#f_search .select_wrap {display:block;}
	
}
@media (min-width:768px) {
	#user_tool {padding:10px 0;}
	#f_search {padding:0px 75px 0px 80px;}
	#f_search input {height:35px;}
	#searchsubmit {padding:0;}
	.right-md {text-align:right;}
}

@media (min-width:960px) {
	#header_top {position:relative; z-index:111; padding:15px 0;}
	#header .logo {padding-top:8px;}
	#header .logo img {max-height:none;}
	#switch_theme_wrap {padding-top:10px;}
	
	#main-menu {position:relative; z-index:10; width:100%;}
	#main-menu .nav_label {line-height:normal; margin:0; font-size:13px; font-weight:700; color:#fff; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;}
	#main-menu a{line-height:normal!important; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;}

	#main-menu li:hover a{background:transparent!important; opacity:1; /*-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;*/}
	#main-menu li .sub-menu {background:#fff;}
	#main-menu li .sub-menu.genres {width:750px; left:-300px;}
	#main-menu li .sub-menu.genres > li {display:inline-block; width:25%;}
	#main-menu li .sub-menu > .desc {display:none; padding:5px 0px; margin:5px 20px; line-height:1.3; border-top:1px solid #ddd;}
	#main-menu li a:focus{background:transparent;}

	#main-menu li{ z-index:5; position:relative; }
	#main-menu #navbar-mobile > li {margin-right:40px;}
	#main-menu #navbar-mobile > li:last-child {margin-right:0;}
	#main-menu #navbar-mobile > li.menu-item-has-children {}
	#main-menu #navbar-mobile > li.menu-item-has-children:after {}

	#main-menu .sub-menu .nav_label {color:#666666; font-weight:400;}
	#navbar-mobile > li > a > .nav_label {}
	#main-menu #navbar-mobile > li:hover > a > .nav_label, #main-menu #navbar-mobile > li.active > a > .nav_label {color:#00bcf2;}
	#main-menu ul li .sub-menu a:hover .nav_label { color:#00bcf2;}

	#main-menu li a{display:block; padding:12px 0; margin-top:0px!important; text-shadow:none; border:none; height:auto;}
	#main-menu #navbar-mobile > li:last-child > a {border:none; padding-right:0!important;}
	#main-menu li li a{display:block;}

	#main-menu li ul li{float:none; position:relative; text-transform:none;}
	#main-menu li ul.sub-menu{position:absolute; top:100%; left:0; display:none; padding:5px 0; list-style:none outside none; border:1px solid #ebebeb; min-width:200px;}
	#main-menu li ul.sub-menu > li > a {position:relative; padding-left:20px;}
	#main-menu .current-menu-item ul{}
	#navbar-mobile > li:hover > ul{display:block;} /*disable for hover menu dropdown by javascript*/
	#main-menu li ul li a{padding:6px 20px!important; white-space:nowrap;font-size:13px; font-weight:400;}
	#main-menu li ul li ul{position:absolute; top:0; left:100%; display:none; background-color:#d7f1fa; width:auto;float:left;} 
	
	#breadcrumb_wrap {display:block;}
	
	#f_search_wrap {}
	#f_search:hover {border-color:#00bcf2;}
	
	#wrap_content {padding:30px 0 20px; min-height:400px;}
	
	#footer .label {margin-bottom:35px;}
	#copyright {padding:25px 0;}
	
	.right-lg {text-align:right;}
	
}

@media (min-width:1220px) {
	.uk-container {max-width:1220px;}
}