html, body {width:100%; overflow-x:hidden;}
body {background:#111; }
#header {background:#17181a; }
#nav_user {color:#bbb;}
#nav_user .bookmark i {color:#bbb;}
#user_tool a {color:#bbb;}

#search_by {background:#111; border-color:#32353a; color:#666;}
#f_search {background:#111; border-color:#32353a;}
#search_rs {background:#111; border-color:#32353a;}
#searchsubmit {background:none; color:#888;}
#search_rs .item {border-color:#444;}

#breadcrumb_wrap {z-index:1;}
#breadcrumb_wrap .uk-breadcrumb {padding:20px 0px 0;}
#breadcrumb_wrap .uk-breadcrumb > li {vertical-align:baseline; color:#fff; font-size:18px; font-weight:700;}
#breadcrumb_wrap .uk-breadcrumb > li:first-child > a{color:#ccc;}
#breadcrumb_wrap .uk-breadcrumb > li > a{color:#ff5700;}
#breadcrumb_wrap .uk-breadcrumb > li > span{color:#009fdf!important;}
.like_box {text-align:center;}
.like_box .item:last-child {padding-right:0;}
#footer_breadcrumb {padding-top:3px;}
#footer_breadcrumb .uk-breadcrumb > li > a {font-size:16px; color:#fff;}
#footer_breadcrumb .uk-breadcrumb > li > span {font-size:16px;}
.uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span {display:inline;}
.uk-breadcrumb > li:nth-child(n+2):before {display:inline;}

.group_top_bt {text-align:center;}
.group_top_bt .uk-button {margin-left:10px; margin-bottom:10px;}
#split_img_bt {display:none;}
#chapter {}
#chapter select, #chapter .nav_button {height:40px; line-height:37px; font-size:16px; margin-bottom:25px;}
#chapter .nav_chapters_wrap {padding:0 10px;}
#chapter .nav_button {background:#009fdf; color:#fff; display:inline-block; padding:0 10px; text-transform:uppercase; text-align:center; width:100%;}
#chapter .nav_button span.icon {background:#fff; color:#01a1e4; width:15px; height:15px; display:inline-block; vertical-align:middle; border-radius:50%; position:relative;}
#chapter .nav_button span.icon:before {position:absolute; font-family:FontAwesome; top:-1px; line-height:1;}
#chapter .nav_button.prev span.icon:before {content:"\f100"; left:1px;}
#chapter .nav_button.next span.icon:before {content:"\f101"; left:3px;}
#chapter .nav_button span.label {display:inline-block; vertical-align:middle;}
#chapter .nav_button[disabled="disabled"] {background-color:#ccc; color:#999; cursor:default;}
#chapter .nav_button[disabled="disabled"] span {visibility:hidden;}
#chapter .nav_button[disabled="disabled"] span.icon {background:#999; color:#ccc;}
#chapter select option {height:30px;}

#switch_sv .wrap {display:inline-block; padding:5px; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3) inset, 0px 1px rgba(255, 255, 255, 0.1); background:rgba(0,0,0, 0.25) none repeat scroll 0% 0%; margin:5px 0;}
#switch_sv label {margin-left:5px;}
#switch_sv label.active {color:#009fdf;}
#switch_sv span, #switch_sv input {display:inline-block; vertical-align:middle;}
	
#imgs {padding:10px 10px 15px; position:relative;}
#imgs:after {position:absolute; content:""; top:0; bottom:0; left:-10px; right:-10px; background:#111; z-index:3; pointer-events:none;}
#imgs.long_strip {max-width:1000px; padding-left:0; padding-right:0;}
#imgs .uk-grid {counter-reset:img-page-counter;}
#imgs .wrap_img {background:url('img/loading.gif') 50% no-repeat; background-size:100px 3px; padding-bottom:10px; text-align:center; min-height:10px; position:relative; z-index:4;}
#imgs .wrap_img.no_gap {padding-bottom:0;}
#imgs .wrap_img:after {position:absolute; counter-increment:img-page-counter; content:counter(img-page-counter)"/"attr(data-pages); bottom:-5px; left:50%; font-size:10px; color:#555; width:70px; margin-left:-35px;}
#imgs .wrap_img.hide + .hide {min-height:0;}
#imgs .wrap_img.hide img {display:none;}
#imgs .uk-icon-spin {position:absolute; top:0; left:50%; color:#fff; font-size:50px; margin-left:-25px;}
#imgs img {background:rgba(34, 34, 34,0.5); position:relative; z-index:1;}
#imgs .wrap_img:nth-last-child(-n+1) img {background:url('img/bg.png') #fff;}
#imgs .wrap_img:last-child {padding-bottom:20px;}
#imgs .wrap_img:last-child .top_scroll {position:relative; z-index:1;}
#imgs .wrap_img:last-child .top_scroll:after {position:absolute; content:"\f106"; font-family:FontAwesome; cursor:pointer; color:#fff; font-size:30px; background:#111; width:70px; margin-left:-35px;}
#imgs .wrap_img.two_page {display:inline-block; width:50%;}
#imgs .wrap_img.uk-push-1-2 {text-align:left;}
#imgs .wrap_img.uk-pull-1-2 {text-align:right;}
#imgs .wrap_img.align-left {text-align:left;}
#imgs .wrap_img.align-right {text-align:right;}
#imgs .align-left .uk-icon-spin, #imgs .uk-push-1-2 .uk-icon-spin {left:0;}
#imgs .align-right .uk-icon-spin, #imgs .uk-pull-1-2 .uk-icon-spin {left:auto; right:0;}
#imgs .split {overflow:hidden; display:inline-block;}
#imgs .uk-push-1-2,#imgs .uk-pull-1-2 {position:relative;}
#imgs .uk-push-1-2 {left:50%;}
#imgs .uk-pull-1-2 {left:-50%;}

#tools {background:#222; border:1px solid #333; padding:5px; position:fixed; left:0px; bottom:30px; width:46px; text-align:center; z-index:5;}
#tools .wrap_bt {display:none;}
#tools.collapse {opacity:0.5; z-index:2;}
#tools .collapse_bt {cursor:pointer; font-size:10px; border:1px solid #666;}
#tools select {height:25px; margin-bottom:10px;}
#tools #start_page {display:none;}
#tools .a_home {position:absolute; bottom:100%; left:-1px; right:-1px; background:#222; padding:10px; visibility:hidden; opacity:0; border:1px solid #333; border-bottom:none;}
#tools:hover .a_home {visibility:visible; opacity:1;}
#tools .a_home a {color:#fff; font-size:20px;}
#tools .load_progress {font-size: 11px; margin-top:-5px;}
.button_chk.img_direct {display:none;}
.button_chk {position:relative; height:35px; display:block;}
.button_chk input {visibility:hidden;}
.button_chk label {cursor:pointer; position:absolute; width:25px; height:25px; top:0; left:5px; background:#444; color:#fff; text-align:center; line-height:25px; border-radius:3px; font-size:16px;}
.button_chk input:checked + label {background:#fff; color:#009fdf;}
.button_chk.prev_chapter label, .button_chk.next_chapter label {font-size:12px;}
.button_chk.prev_chapter label {padding-right:1px;}
.button_chk.next_chapter label {padding-left:1px;}

#reaction {color:#fff; text-align:center;}
#reaction .sum_rec_wrap {padding:10px 0 10px 0; display:inline-block; margin-right:5px; position:relative;}
#reaction .sum_rec_wrap:after {position:absolute; content:""; top:0; right:0; background:url('img/emoji.png?v=1.0.4') 200px -602px no-repeat; background-size:85px; width:30px; height:36px;}
#display_reaction {position:absolute; display:block; font-size:12px;}
#reaction .view_all {border:1px solid #444; display:none; padding:8px 15px; border-radius:0 5px 5px 0; cursor:pointer;}
#reaction_selected {text-align:center; display:none;}
#reaction_selected .item {border:1px solid #444; padding:8px 10px; margin-right:5px; margin-bottom:5px; display:inline-block;}
#reaction_selected .item.hide {display:none;}
#reaction_selected .item.active {background:#272727;}
#reaction_selected .label {margin-right:5px;}
#reaction_selected .num {padding:10px 0 10px 35px; background:url('img/emoji.png?v=1.0.4') no-repeat; background-size:85px;}
#select_reaction {display:inline-block; margin-bottom:15px; cursor:pointer; position:relative; z-index:99;}
#select_reaction .select_label {display:inline-block; border:1px solid #444; padding:5px 20px;}
#select_reaction ul {background:#fff; color:#333; padding:5px 0px; min-width:200px; height:275px; overflow-y:scroll; text-align:left;}
#select_reaction ul li {padding:2px 20px 2px 10px; border-bottom:1px solid #ebebeb;}
#select_reaction ul li:hover {background-color:#f5f5f5;}
#select_reaction ul li:last-child {border-bottom:none;}
#select_reaction ul li .icon {height:36px; width:40px; background-image:url('img/emoji.png?v=1.0.4'); background-repeat:no-repeat; background-size:85px; display:inline-block; vertical-align:middle;}
#select_reaction ul li[data-id="1"]>.icon, #reaction_selected #emo_1 .num {background-position:0 -491px;}
#select_reaction ul li[data-id="2"]>.icon, #reaction_selected #emo_2 .num {background-position:0 -350px;}
#select_reaction ul li[data-id="3"]>.icon, #reaction_selected #emo_3 .num {background-position:0 -103px;}
#select_reaction ul li[data-id="4"]>.icon, #reaction_selected #emo_4 .num {background-position:0 -281px;}
#select_reaction ul li[data-id="5"]>.icon, #reaction_selected #emo_5 .num {background-position:0 -314px;}
#select_reaction ul li[data-id="6"]>.icon, #reaction_selected #emo_6 .num {background-position:0 -139px;}
#select_reaction ul li[data-id="10"]>.icon, #reaction_selected #emo_10 .num {background-position:0 -722px;}
#select_reaction ul li[data-id="11"]>.icon, #reaction_selected #emo_11 .num {background-position:0 -526px;}
#select_reaction ul li[data-id="12"]>.icon, #reaction_selected #emo_12 .num {background-position:0 -65px;}
#select_reaction ul li[data-id="13"]>.icon, #reaction_selected #emo_13 .num {background-position:0 -603px;}
#select_reaction ul li[data-id="21"]>.icon, #reaction_selected #emo_21 .num {background-position:0 -564px;}
#select_reaction ul li[data-id="22"]>.icon, #reaction_selected #emo_22 .num {background-position:0 -453px;}
#select_reaction ul li[data-id="23"]>.icon, #reaction_selected #emo_23 .num {background-position:0 -175px;}
#select_reaction ul li[data-id="24"]>.icon, #reaction_selected #emo_24 .num {background-position:0 -682px;}
#select_reaction ul li[data-id="31"]>.icon, #reaction_selected #emo_31 .num {background-position:0 -417px;}
#select_reaction ul li[data-id="32"]>.icon, #reaction_selected #emo_32 .num {background-position:0 -30px;}
#select_reaction ul li[data-id="33"]>.icon, #reaction_selected #emo_33 .num {background-position:0 -384px;}
#select_reaction ul li[data-id="34"]>.icon, #reaction_selected #emo_34 .num {background-position:0 -640px;}
#select_reaction ul li[data-id="41"]>.icon, #reaction_selected #emo_41 .num {background-position:0 3px;}
#select_reaction ul li[data-id="42"]>.icon, #reaction_selected #emo_42 .num {background-position:0 -248px;}
#select_reaction ul li[data-id="43"]>.icon, #reaction_selected #emo_43 .num {background-position:0 -214px;}

#footer {background:#111;}
#copyright {color:#999;}
#copyright a {color:#aaa;}

#dq_latest_cm .dsq-widget-item {background:#0c0c0c; overflow:hidden;}
#dq_latest_cm .dsq-widget-comment {color:#fff;}
#dq_latest_cm .dsq-widget-meta a {color:#93949a;}
#dq_latest_cm .block-title {border-color:#53555e;}
#dq_latest_cm .block-title span {color:#fff;}

#hide_ads_form {margin:20px 0;}
#hide_ads_form .steps {margin-bottom:10px;}
.sonar-wrapper {text-align:center; margin:10px 0 20px; position:relative;z-index:0;}
.sonar-emitter {position:relative; height:40px; line-height:40px; font-size:16px;text-align:center;background-color:#d9314b;color:#fff; cursor:pointer; display:inline-block; padding:0 10px;}
.sonar-emitter.yellow_bg {background-color:#ef921c;color:#000;}
.sonar-emitter.yellow_bg b {color:#fff;}
.sonar-wave {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#d9314b; opacity:0; z-index:-1; pointer-events:none;}
.sonar-wave { animation:sonarWave 2s linear infinite; -webkit-animation:sonarWave 2s linear infinite;}

#chapter_bottom .disable_sticky_ad {position:relative!important; left:0!important;}
#chapter_bottom .sticky_ad {position:relative; padding-bottom:20px;}
#chapter_bottom .sticky_ad>.close_ad {position:absolute; bottom:0; left:0; display:none; font-size:20px; cursor:pointer;}
#chapter_bottom .uk-active .sticky_ad>.close_ad {display:block;}
#chapter_bottom .disable_sticky_ad .sticky_ad>.close_ad {display:none;}

#alert_nav_chapter {display:none; position:fixed; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); z-index:111;}
#alert_nav_chapter.show {display:block;}

#ad_br {position:fixed; bottom:0; right:0; margin:0!important;}

@keyframes sonarWave { from {   opacity:0.4; } to {   transform:scale(3);   opacity:0; }}
@media (min-width:480px) {
	#chapter .chapter_nav [class*="uk-push-"], #chapter .chapter_nav [class*="uk-pull-"] {position:relative;}
	#chapter .chapter_nav .uk-push-small-1-6 {left:16.666%;}
	#chapter .chapter_nav .uk-pull-small-4-6 {left:-66.666%;}
	#chapter .nav_button span.label {display:none;}
	#disqus_thread {padding:0 40px;}
	#dq_latest_cm {padding:0 36px;}
}
@media (min-width:600px) {
	#chapter .nav_button span.label {display:inline-block;}
}

@media (min-width:768px) {
	#breadcrumb_wrap .uk-breadcrumb {padding:30px 0px 0;}
	#chapter select, #chapter .nav_button {height:40px; line-height:35px; font-size:15px; margin-bottom:25px;}
	#chapter .nav_button {padding:0 20px;}
	#chapter .nav_button span.icon {width:14px; height:14px;}
	#imgs {padding:30px 0 20px;}
	#imgs .wrap_img {padding-bottom:20px;}
	#imgs .wrap_img:after {bottom:0; font-size:14px;}
	.like_box {text-align:right;}
	.group_top_bt {margin-top:22px;}
	#tools {bottom:100px;}
}

@media (min-width:960px) {
	#breadcrumb_wrap .uk-breadcrumb > li {font-size:20px;}
	#chapter .nav_button {padding:0 30px; width:auto;}
	#chapter .chapter_nav .uk-push-1-3 {left:33.333%;}
	#chapter .chapter_nav .uk-pull-1-3 {left:-33.333%;}
	
	.group_top_bt {margin-top:30px;}
	.wrap_item {margin-bottom:20px;}
	.right-lg {text-align:right;}
	#reaction {text-align:left;}
	
}

@media (min-width:1220px) {
	#disqus_thread {padding:0;}
	#dq_latest_cm {padding:0;}
	
	#tools {left:0px; padding:10px; width:56px;}
	#tools.collapse {left:-50px; opacity:1;}
	#tools .collapse_bt {font-size:16px; border:none;}
}