/*Theme Name : Green Version: 1.0.0Author: Sen MangaTags: white, two-columns, left-sidebar, right-sidebar.*/
@font-face {	font-family: 'icomoon';	src:url('../fonts/icomoon.eot?arkk2l');	src:url('../fonts/icomoon.eot?#iefixarkk2l') format('embedded-opentype'),		url('../fonts/icomoon.woff?arkk2l') format('woff'),		url('../fonts/icomoon.ttf?arkk2l') format('truetype'),		url('../fonts/icomoon.svg?arkk2l#icomoon') format('svg');	font-weight: normal;	font-style: normal;}
[class^="icon-"], [class*=" icon-"] {	font-family: 'icomoon';	speak: none;	font-style: normal;	font-weight: normal;	font-variant: normal;	text-transform: none;	line-height: 1;	/* Better Font Rendering =========== */	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;}
.icon-file:before {	content: "\e603";}
.icon-home:before {	content: "\e902";}
.icon-camera:before {	content: "\e90f";}
.icon-horn:before {	content: "\e91a";}
.icon-books:before {	content: "\e920";}
.icon-folder-open:before {	content: "\e930";}
.icon-tags:before {	content: "\e936";}
.icon-cart:before {	content: "\e93a";}
.icon-history:before {	content: "\e94d";}
.icon-bell:before {	content: "\e951";}
.icon-forword:before {	content: "\e968";}
.icon-comment:before {	content: "\e96d";}
.icon-user:before {	content: "\e971";}
.icon-user-tie:before {	content: "\e976";}
.icon-search:before {	content: "\e986";}
.icon-zoom-in:before {	content: "\e987";}
.icon-zoom-out:before {	content: "\e988";}
.icon-key:before {	content: "\e98d";}
.icon-lock:before {	content: "\e98f";}
.icon-unlocked:before {	content: "\e990";}
.icon-cong:before {	content: "\e991";}
.icon-power-cord:before {	content: "\e9b7";}
.icon-download:before {	content: "\e9c7";}
.icon-upload:before {	content: "\e9c8";}
.icon-web:before {	content: "\e9c9";}
.icon-eye-off:before {	content: "\e9d1";}
.icon-star-full:before {	content: "\e9d9";}
.icon-happy:before {	content: "\e9e0";}
.icon-like:before {	content: "\ea04";}
.icon-warning:before {	content: "\ea07";}
.icon-add:before {	content: "\ea0a";}
.icon-remove:before {	content: "\ea0b";}
.icon-info:before {	content: "\ea0c";}
.icon-cross:before {	content: "\ea0f";}
.icon-ok:before {	content: "\ea10";}
.icon-login:before {	content: "\ea13";}
.icon-logout:before {	content: "\ea14";}
.icon-loop:before {	content: "\ea2d";}
.icon-random:before {	content: "\ea30";}
.icon-top:before {	content: "\ea3a";}
.icon-share:before {	content: "\ea82";}
.icon-google-plus:before {	content: "\ea88";}
.icon-facebook:before {	content: "\ea8d";}
.icon-twitter:before {	content: "\ea91";}
.icon-signal:before {	content: "\e605";}
.icon-file-text:before {	content: "\e604";}
.icon-th-list:before {	content: "\e600";}
.icon-th:before {	content: "\e601";}
.icon-th-large:before {	content: "\e602";}

img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

/* HTML */html {  font-family: sans-serif;  -webkit-text-size-adjust: 100%;      -ms-text-size-adjust: 100%;}
body {  margin: 0;}
html {  font-size: 10px;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 12px;  line-height: 1.42857143;  color: #333;  background-color: #fff;}
ul {list-style-type: none; overflow: hidden;margin:0;padding:0}
     table {border-collapse:collapse;border-spacing:0}
.underline {text-decoration:underline!important}
.clear {clear:both}
.nowrap {white-space:nowrap}
.center {margin:0 auto}
input,button,select,textarea {  font-family: inherit;  font-size: inherit;  line-height: inherit;}
a { color: #0000ff; text-decoration: none; }
a:hover { color:#38B63C; text-decoration:underline; }
a:visited {color:#FF0000}
.center-block {  display: block;  margin-right: auto;  margin-left: auto;}
.pull-right {  float: right !important;}
.pull-left {  float: left !important;}
.hidden{display:none !important}
/* Clear */.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.container {  padding-right: 15px;  padding-left: 15px;  margin-right: auto;  margin-left: auto;}
@media (min-width: 768px) {  .container {    width: 750px;  }
}
@media (min-width: 992px) {  .container {    width: 970px;  }
}
@media (min-width: 1200px) {  .container {    width: 1170px;  }
}
.container-fluid {  padding-right: 15px;  padding-left: 15px;  margin-right: auto;  margin-left: auto;}
.sr-only {  position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0, 0, 0, 0);  border: 0;}
.sr-only-focusable:active,.sr-only-focusable:focus {  position: static;  width: auto;  height: auto;  margin: 0;  overflow: visible;  clip: auto;}
.hide {  display: none !important;}
.show {  display: block !important;}
.invisible {  visibility: hidden;}
.text-hide {  font: 0/0 a;  color: transparent;  text-shadow: none;  background-color: transparent;  border: 0;}
.hidden {  display: none !important;}
#header {width:100%; clear: both; height:95px}
#header .search {padding: 10px 15px; width:50%;  margin-top: 28px; border-top: 1px solid transparent;  border-bottom: 1px solid transparent;  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);}
#header .search .form-control { display: inline-block;  width: 80%; vertical-align: middle; }
#header .search-btn {padding: 10px 15px;  margin-top: 14px; margin-top:40px; margin-left:8px}
#header #top-menu {font-size:14px;  padding: 10px 15px;  margin-top: 14px; margin-bottom: 8px; }
#header #social-menu {font-size:2.2em; padding: 10px 15px;  margin-top: 24px; margin-bottom: 8px; }
/* Menu */
#menu { width:100%; height:30px;  background:#38B63C; position: relative; border:1 px solid #38B63C; border-radius:5px; margin-bottom:3px}
#menu ul { list-style-type:none; margin:0; padding:0; }
#menu li { float:left}
#menu a {cursor: pointer; display: block; color: white; line-height: 30px; padding: 0 10px; background:#38B63C;border-right:1px solid #FFF;}
#menu a:link,#menu a:visited {font-weight:bold;color:#fff;text-align:center;text-decoration:none;}
#menu a:hover,#menu a:active { text-align:center; background: #38B63C url("../img/slice.jpg"); background-size: 30px; }
#menu a.active { border:1 px solid #38B63C; border-radius: 5px; background: #008000 url("../img/slice.jpg"); background-size: 30px}
.visible-xs,.visible-sm,.visible-md,.visible-lg {  display: none !important;}
.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block {  display: none !important;}
.visible-xs,.visible-sm,.visible-md,.visible-lg {  display: none !important;}
.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block {  display: none !important;}
@media (max-width: 504px) {.visible-sm {    display: block !important;  }
  .visible-xs-inline {    display: inline !important;  }
  .visible-xs-inline-block {    display: inline-block !important;  }
  }
.nav {  padding-left: 0;  margin-bottom: 0;  list-style: none;}
.nav > li {  position: relative;  display: block;}
.nav > li > a {  position: relative;  display: block;  padding: 9px 15px;}
.nav > li > a:hover,.nav > li > a:focus {  text-decoration: none;  background-color: #fff;}
.nav > li.disabled > a {  color: #777;}
.nav > li.disabled > a:hover,.nav > li.disabled > a:focus {  color: #777;  text-decoration: none;  cursor: not-allowed;  background-color: transparent;}
.nav .open > a,.nav .open > a:hover,.nav .open > a:focus {  background-color: #eee;  border-color: #337ab7;}
.nav .nav-divider {  height: 1px;  margin: 9px 0;  overflow: hidden;  background-color: #e5e5e5;}
.nav > li > a > img {  max-width: none;}
.nav-pills > li {  float: left;}
.nav-pills > li + li {margin-left: 1px;}
.nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus {  color: #000;  background-color: #fff;}
.caret {  display: inline-block;  width: 0;  height: 0;  margin-left: 2px;  vertical-align: middle;  border-top: 4px solid;  border-right: 4px solid transparent;  border-left: 4px solid transparent;}
.navbar-toggle .icon-bar {  background-color: #fff;}
.navbar-toggle {  color:#fff;  position: relative;  float: right;  padding: 2px 10px;  margin-top: 8px;  margin-bottom: 8px;  background-color: transparent;  background-image: none;  border: 1px solid transparent;  border-radius: 4px;}
.navbar-toggle:focus {  outline: 0;}
.navbar-toggle .icon-bar {  display: block;  width: 22px;  height: 2px;  border-radius: 1px;}
.navbar-toggle .icon-bar + .icon-bar {  margin-top: 4px;}
@media (min-width: 768px) {  .navbar-toggle {    display: none;  }
}
.top-nav-container {width:100%;z-index:999;background: #38B63C url("../img/slice.jpg"); background-size: 100%;opacity:0.98;margin-bottom:3px;border:1px solid #38B63C;}
.top-nav-container-scroll {position:fixed;top:0;}
.menu-bar {margin-left:0px;padding-left:0}
.topnav a {padding: 3px;color:#fff;font-weight:bold;}
.topnav a:hover, .topnav a:active, .topnav a:focus {text-decoration:none;color: #000;font-weight:bold;}
.error-template {padding: 40px 15px;text-align: center}
.error-actions {margin-top:15px;margin-bottom:15px}
.error-actions .btn { margin-right:10px; }
.colorgraph {height: 5px;border-top: 0;background: #c4e17f;border-radius: 5px;background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);}
section, aside { border:1px solid #38B63C;margin:0.04%;padding:0.04%;}
section {float: left; width: 65%;  }
aside {float: right;width: 34.5%;}
/* Search Bar */
.green-search {border:2px solid #38B63C}
 /* Ajax Search */
 .ui-autocomplete-input {background:#fff url('../img/search.png') 2px 7px no-repeat !important;padding:3px 3px 5px 20px !important}
* html .ui-autocomplete {height:200px}
.ui-autocomplete {max-height:400px;font:11px Arial,Helvetica,sans-serif; overflow-y: auto; /* prevent horizontal scrollbar */overflow-x: hidden; background-color: #000; width:400px; border:3px solid #000;float:left; z-index:1030}
.ui-autocomplete-loading {background:#fff url('../img/loader.gif') left center no-repeat !important}
.ui-menu .ui-menu-item {cursor:pointer;text-align:left}
.ui-menu .ui-menu-item a {cursor:pointer;font-weight:400;display:block;color:#fff; height:40px;width:100%;padding:3px}
.ui-menu .ui-menu-item a img {float:left;vertical-align:middle;width:28px;height:28px;border:1px solid #fff;padding:1px}
.ui-menu .ui-menu-item a div {cursor:pointer;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;height:18px;vertical-align:middle;width:90%;line-height:18px;float:left;padding:0 5px}
.ui-menu .ui-menu-item a .s {color:#fff;font-size:11px;font-weight:400;line-height:14px;font-style:italic}
.ui-menu .ui-menu-item a u {color:#cf6;text-decoration:underline}
.ui-menu .ui-menu-item a:hover{display:block;color:#fff;background:#38B63C;text-decoration:none}
.ui-menu .ui-menu-item a:hover div{font-weight:700;color:#fff;}
.ui-menu .ui-menu-item a:hover div.s{font-weight:400;color:#fff;}
/* Layout helpers */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Posts */
#coming-soon-list {border:1px solid #38B63C}
#post {border:1px solid #38B63C;margin: 3px; padding: 3px; position: relative}
#post h1 ,#post h2, #post h3 {color:#38B63C; margin: 0 0 5px; padding:5px; border-bottom:1px solid #38B63C; font-size: 32px; font-weight: normal; font-family:georgia, times new roman, arial; margin: 0 0 5px;}
#post h1 a,#post h2 a,#post h3 a {color:#38B63C}
#post h1 a.btn,#post h2 a.btn,#post h3 a.btn {color:#fff}
#post h1 a:visited , #post h2 a:visited ,#post h3 a:visited { color:#38B63C; font-size: 32px; font-weight: normal; font-family:georgia, times new roman, arial; margin: 0 0 5px; }
/* Sidebars */
#sidebar {margin: 0 0 3px; padding: 3px; line-height: 20px}
#sidebar h1 {background: #38B63C url("../img/slice.jpg");color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana;font-weight: bold;text-transform: uppercase;margin: 0px 0px 5px 0px;padding: 3px 0px 3px 10px}
#sidebar p {padding: 0px 0px 0px 0px;margin: 0px;line-height: 20px; }
#l_sidebar-2 {float: left;width:47.058823529%;margin: 0 0 3px;padding: 3px;line-height: 20px;border:1px solid #38B63C; }
#l_sidebar-2 h2 {background: #38B63C url("../img/slice.jpg");color: #FFFFFF;font-size: 11px;font-family: Arial, Tahoma, Verdana;font-weight: bold;text-transform: uppercase;margin: 0px 0px 5px 0px;padding: 3px 0px 3px 10px;}
#l_sidebar-2 p {padding: 0px 0px 0px 0px;margin: 0px;line-height: 20px;}
#l_sidebar-2 ul {list-style: none;margin:0 0 10px 0;padding:0;}
#l_sidebar-2 ul li {list-style: none;margin:0;padding:0 0 0 18px;background:url('http://1.bp.blogspot.com/_sunpK_FtO1E/SmKSIt-y26I/AAAAAAAAAHw/bluNxMRawmk/s1600/arrow_next.png') no-repeat left center;}
/*	Right Sidebar */	
#r_sidebar {	float: right;	width:47.058823529%;	margin: 0 0 3px;    padding: 3px;	line-height: 20px;    border:1px solid #38B63C;    	}
#r_sidebar h2 {	background: #38B63C url("../img/slice.jpg");	color: #FFFFFF;	font-size: 11px;	font-family: Arial, Tahoma, Verdana;	font-weight: bold;	text-transform: uppercase;	margin: 0px 0px 5px 0px;	padding: 3px 0px 3px 10px;	}
#r_sidebar p {	padding: 0px 0px 0px 0px;	margin: 0px;	line-height: 20px;	}
#r_sidebar ul {list-style: none;margin:0 0 10px 0;padding:0;}
#r_sidebar ul li {list-style: none;margin:0;padding:0 0 0 18px;background:url('http://1.bp.blogspot.com/_sunpK_FtO1E/SmKSIt-y26I/AAAAAAAAAHw/bluNxMRawmk/s1600/arrow_next.png') no-repeat left center;}
/* Latest Chapter of Comic and Manga and Manhwa */
strong.data {margin-right:10px}
span.desc {margin-right:20px;font-size:14px}
/* Table */

td.data {width:300px}
table tr.odd, .odd {background: #EEEEEE;}
table tr.headline, .headline {background: #38B63C url("../img/slice.jpg");color:#fff;}
table td {padding: 4px}
table tr .series {padding-left: 3px}

/* Series Hot List */
#list {text-align:center;padding:0px 8px 0px 0px;line-height:18px !important}
#list .hot_list {width:140px;display:inline-block;clear:both;margin:3px !important;vertical-align: top;}
#list .hot_list img {padding:1px;border:1px solid #38B63C;}
#list td {text-align:center;padding:0px 8px 0px 0px;line-height:18px !important}
#list td img {width:140px;height:200px;padding:1px;border:2px solid #38B63C;}

/* Style Switcher */
#style-select {position: fixed;top:50%;left:5px;}
#style-select,#style-select .dark,#style-select .default {width:40px;height:40px;display: inline-block;}
#style-select .dark {background: #000;border:1px solid #38B63C;}
#style-select .default {background: #fff;border:1px solid #38B63C;}
#style-select .select{border:4px solid #38B63C;}

/* Manga Lists */
#text-version{width:100%;}
#manga-list {line-height:30px; border:1px solid #38B63C; margin:3px auto;padding: 3px; width:100%; display:inline-block; border-radius:5px;}
#manga-list .cover{ float:left; padding: 10px; border-right:1px solid #38B63C; text-align:center; width:160px;}
#manga-list .cover img.series-cover {border:2px solid #38B63C; padding:4px; border-radius:5px;}
#manga-list .series_desc{float:right; width:78%;}
#manga-list .series_desc h1 {color:#38B63C; margin: 0 0 5px; padding:5px; border-bottom:1px solid #38B63C; font-size: 32px; font-weight: normal; font-family:times new roman, arial; margin: 0 0 5px;}
#manga-list .alt_name{width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}

/* Series Information */
#series-info {line-height:30px; margin:3px auto;padding: 3px; width:100%; display:inline-block; border-radius:5px;}
#series-info .cover{ float:left; padding: 10px; border-right:1px solid #38B63C; text-align:center; width:240px;}
#series-info .cover img.series-cover {border:2px solid #38B63C; padding:4px; border-radius:5px;}
#series-info .series_desc{float:right; width:70%;}
#series-info .series_desc h1 {color:#38B63C; margin: 0 0 5px; padding:5px; border-bottom:1px solid #38B63C; font-size: 32px; font-weight: normal; font-family:times new roman, arial; margin: 0 0 5px;}
#series-info .alt_name{width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}

/* Latest Chapter Update List Group */
#latest-update-list {line-height:30px; margin:3px auto;padding: 3px; width:100%; display:inline-block; border-radius:5px;}
#latest-update-list .cover{ float:left; padding: 10px; border-right:1px solid #38B63C; text-align:center; width:240px;}
#latest-update-list .thumb-cover {border:2px solid #38B63C; width:40px; margin-top: 8px; padding:4px; border-radius:5px; float:left;}
#latest-update-list .latest-chapters-group{width:95%; float:right;}
#latest-update-list .number{width:20px;}
#latest-update-list .headline{padding: 4px; line-height:20px;}

/** * Tooltip Styles */
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {  position: relative;  z-index: 2;  cursor: pointer;}
/* Hide the tooltip content by default */
[data-tooltip]:before,[data-tooltip]:after {  visibility: hidden;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);  opacity: 0;  pointer-events: none;}
/* Position tooltip above the element */
[data-tooltip]:before {  position: absolute;  bottom: 150%;  left: 50%;  margin-bottom: 5px;  margin-left: -80px;  padding: 7px;  width: 250px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;  background-color: #000;  background-color: hsla(0, 0%, 20%, 0.9);  color: #fff;  content: attr(data-tooltip);  text-align: center;  font-size: 14px;  line-height: 1.2;}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {  position: absolute;  bottom: 150%;  left: 50%;  margin-left: -5px;  width: 0;  border-top: 5px solid #000;  border-top: 5px solid hsla(0, 0%, 20%, 0.9);  border-right: 5px solid transparent;  border-left: 5px solid transparent;  content: " ";  font-size: 0;  line-height: 0;}
/* Show tooltip content on hover */
[data-tooltip]:hover:before,[data-tooltip]:hover:after {  visibility: visible;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}


/* Advertisements */
.media{margin: 8px;}
.unit{ display: inline-block; width:32.55%; text-align:center; float:left;}
div.mgheader{display:none !important;}

/* Fixed Class */
img {  vertical-align: middle;}
/* Site Theme */
#error {position:absolute;bottom:0;min-height:573px;width:100%;margin:0;background: url('../img/404.png') no-repeat; overflow:hidden}
#error .grass {position:absolute; bottom:0; width:100%; height:140px; background: url('../img/grass.png'); left:800px; }
#footerbg { background: #38B63C url("../img/slice.jpg"); margin: 0px 0px 5px 0px; padding: 3px 0px 3px 10px; color: #FFFFFF; font-weight: bold; text-transform: uppercase;text-align:center}
.note { background: #38B63C url("../img/slice.jpg"); width:100%;margin: 0px 0px 5px 0px; padding: 3px 0px 3px 10px; text-align:center; color: #FFFFFF; font-weight: bold; text-transform: uppercase}
/* Infomation */
.info { border: 1px solid #38B63C;	color: #800000; font-size:14px;font-weight:700;padding:30px 0; background:url('../img/info.png')left no-repeat;	text-align: center}
/* Category */
.capitalize { text-transform: capitalize}
#category li { display: inline-block; width: 120px}
/* Back to Top */
a#Top,#Top { position:fixed; bottom:50%; right:20px; color:#fff; display:none; z-index:1030; text-decoration:underline;}
/* Fixed Classes */
.header-fixed {background:#fff; z-index:1030; position:fixed; top:0; left:0px; right:5px; border-bottom:1px solid #38B63C}
.search-fixed { background-color: rgba(56,182,60, 0.8); z-index:1030; position:fixed; top:0px; left:0px; right:0px; width:100%; height:100%}
.fixed {position:fixed; top:0; right:20; background:#fff; z-index:1030;}
.btn-circle {width:30px; text-align:center;padding:6px 0;font-size:12px;line-height:1.42;border-radius:50%;color:#fff;background-color:#5cb85c;border:1px solid #fff}
/* Breadcrum Navigation */
.location {width:100%;height:35px;border:1px solid #38B63C; font-family: "Trebuchet MS",sans-serif; font-size:15px; color:#fff;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.location .inner {border:1px solid #fff;background:#38B63C;height:33px;line-height:30px;padding-left:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.location .walk {display:block;float:left; height:33px;line-height:30px; overflow:hidden}
.location .inner .walk li {float:left;height:33px;line-height:33px;margin-right:5px;color:#fff}
.location .walk li a,.location .walk a {color:#fff}
.location  .walk li.last a,.location .walk li.last a:link,.location .walk li.last a:visited {color:#fff}
.location .inner .Manga-box {float:right;height:35px;line-height:33px;padding:0px 3px 0 0}
/* tooltip */
.qtip-green ,.qtip-bootstrap { border:1px solid #38B63C; width:700px !important; left:0; top:0; z-index:1030; text-indent:0}
.qtip-green .manga_desc {overflow:hidden}
.qtip-green .manga_desc:after {display:block; content:'clear'; clear:both; overflow:hidden; visibility:hidden; height:0}
.qtip-green .cover {float:left; border:1px solid #38B63C;padding:1px}
.qtip-green .manga_desc .manga_series_info span { font-size:14px; float:left; padding-left:8px; line-height:20px}
.qtip-green .qtip-titlebar div.title {width:450px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.qtip-green .manga_desc .manga_series_info span.alt-name,.qtip-green .manga_desc .manga_series_info span.cat {width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.qtip-green .manga_desc .manga_series_info span.summary {padding-right:25px}

/* Page Navigation */ 
#Navigation { font-weight: bold; color: #000; margin-bottom:10px; padding: 4px; height:40px}
#Navigation ul {margin:0; padding:0; list-style:none; float:left; margin-right:7px }
#Navigation ul li {float:left;margin-left:5px;height:3em; line-height:25px}
#Navigation ul li a {float:left;margin-left:5px; line-height:25px}
#Navigation li a.active,#Navigation li a.sel { border: #ebc18f 1px solid; color: #ffffff; background-color: #5bb75b; padding: 2px 10px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#Navigation a { border: 1px solid #38B63C; padding: 2px 10px; color: #38B63C; text-decoration: none; background: #FFF; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
#Navigation a:hover { border: #ebc18f 1px solid; color: #ffffff; background-color: #5bb75b;  }
#Navigation span { padding: 2px 10px}

/* Chapter Navigation */
#chapter-navigation { text-align:center; font-weight: bold; color: #000; background-color: #fff;  margin: 10px; padding: 8px; margin-left:auto; margin-right:auto; }

#chapter-navigation a { border: #38B63C 1px solid; padding: 8px; color: #38B63C; text-decoration: none; background: #FFF; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#chapter-navigation a:hover { border: #ebc18f 1px solid; color: #ffffff; background-color: #5bb75b; }

#chapter-navigation span{ margin:4px; padding: 8px; 	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }

#chapter-navigation span.current { border: #ebc18f 1px solid; color:#fff; background: #38B63C;}
#chapter-navigation span.disabled { border: #bbb 1px solid; color: #929292;}
.pagination { font-weight: bold; font-size: 16px; color: #000; background-color: #fff; border: 1px solid #38B63C; padding: 5px; }
.pagination li {float:left;margin-left:5px; line-height:25px}
.pagination li a {float:left; margin-left:5px; line-height:25px}
.pagination a { border: #38B63C 1px solid;  padding: 2px 10px;  color: #38B63C;  text-decoration: none;  background: #FFF;  -moz-border-radius: 5px; 	-khtml-border-radius: 5px; 	-webkit-border-radius: 5px; border-radius: 5px; }
.pagination a:hover { border: #ebc18f 1px solid;  color: #ffffff;  background-color: #5bb75b; *background-color: #51a351; }
.paginationli a.active,.pagination li.active { border: #ebc18f 1px solid; color: #ffffff; background-color: #5bb75b; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.pagination li.disabled { border: #bbb 1px solid; color: #929292; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.pagination li span { padding: 2px 10px; line-height:30px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
#login-box-modal {position: absolute; top: 0; left: 35%;width: 100%;height: 100%;margin: 0 auto;overflow: hidden;display: none; /* Makes it hidden at first. Very Important.*/z-index:1030;}
#login {position: fixed;padding: 0;top: 10%; left: 35%; margin: auto;font-size: 16px;}
#login-box {position: relative;width:100%;height: auto;padding: 8px;overflow: hidden;background-color: rgba(56,182,60, 0.8);border-radius: 6px;}
.login-body {position: relative;background-color: #fff;border: 1px solid #fff;border-radius: 5px;}
.login-title {padding: 10px;overflow: hidden;font: 1.3em bold helvetica, arial;color: #fff;background-color: #61b832;-webkit-border-radius: 5px 5px 0 0px;border-radius: 5px 5px 0 0px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 0;-moz-border-radius-bottomleft: 0;-moz-border-radius-topleft: 5px;}
.login-content {padding: 10px;overflow: hidden;}
.login-close {position: absolute;top: 8px;right: 8px;display: block;width: 25px;height: 25px;color: #fff;cursor: pointer;background-color: #38B63C;border: 1px solid rgba(255, 255, 255, 255);border-radius: 40px;}
.login-close::before {position: relative;top: 2px;display: block;width: 25px;text-align: center;content: '\00D7';}
  /* Subscribe Box */
#rss {background:rgba(255, 255, 255, 255,.5);border:1px solid #38B63C;width:40%;padding:10px;float:left; border-radius:5px}
#rss h1 {font-size:16px; font-weight: bold; }
#rss ul {padding-bottom:5px}
#rss li {height:22px}
#rss .box {width:150px}
#rss fieldset a {vertical-align:top;text-decoration:none}
a.rss {background:url("../img/feed.png") left top no-repeat;padding-left:25px;padding-bottom:2px;cursor:pointer}

#announcement{
padding:8px;
margin-right: auto;
margin-left: auto;
border:1px solid #38B63C;
background: #38B63C;
color:#fff;
position: fixed;
z-index:1030;
top:0px;
left:0px;
text-align:center;
font-size:16px;
width:100%;
}

/* Input */
input {font-size: 14px;line-height: 1.42857143;color: #555;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=search]:focus, select:focus, textarea:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
input[type="submit"] {  color: #fff;  background-color: #5cb85c;  border-color: #4cae4c;}
/* Buttons */
.btn-success{
background: #38B63C;
color: #fff;
padding: 3px 12px;
border: 1px solid rgba(255, 255, 255, 255);
border-radius:5px;
}
a.btn-success,a:hover.btn-success{
color: #fff;
text-decoration:none;
}

/* Langauage Flag */
.country{background-image:url("../img/flags.png");height:11px;width:16px;background-repeat:no-repeat;overflow:hidden;display:inline-block;margin-right:3px;}
.country-za{background-position:-24px 0;}
.country-al{background-position:-48px 0;}
.country-arabic{background-position:-72px 0;}
.country-by{background-position:-96px 0;}
.country-bg{background-position:-120px 0;}
.country-catalonia{background-position:-144px 0;}
.country-cn{background-position:-168px 0;}
.country-tw{background-position:-192px 0;}
.country-hr{background-position:-216px 0;}
.country-cz{background-position:-240px 0;}
.country-dk{background-position:-264px 0;}
.country-dutch{background-position:-288px 0;}
.country-ee{background-position:-312px 0;}
.country-fi{background-position:-336px 0;}
.country-french{background-position:-360px 0;}
.country-galicia{background-position:-384px 0;}
.country-german{background-position:-408px 0;}
.country-gr{background-position:-432px 0;}
.country-hebrew{background-position:-456px 0;}
.country-in{background-position:-480px 0;}
.country-hungary{background-position:-504px 0;}
.country-indonesia{background-position:-528px 0;}
.country-it{background-position:-552px 0;}
.country-is{background-position:-576px 0;}
.country-ie{background-position:-600px 0;}
.country-japan{background-position:-624px 0;}
.country-kr{background-position:-648px 0;}
.country-lv{background-position:-672px 0;}
.country-lt{background-position:-696px 0;}
.country-mk{background-position:-720px 0;}
.country-my{background-position:-744px 0;}
.country-mt{background-position:-768px 0;}
.country-no{background-position:-792px 0;}
.country-ir{background-position:-816px 0;}
.country-polish{background-position:-840px 0;}
.country-pt{background-position:-864px 0;}
.country-ro{background-position:-888px 0;}
.country-russian{background-position:-912px 0;}
.country-rs{background-position:-936px 0;}
.country-sk{background-position:-960px 0;}
.country-sl{background-position:-984px 0;}
.country-spanish{background-position:-1008px 0;}
.country-ke{background-position:-1032px 0;}
.country-se{background-position:-1056px 0;}
.country-ph{background-position:-1080px 0;}
.country-thai{background-position:-1104px 0;}
.country-turkish{background-position:-1128px 0;}
.country-ua{background-position:-1152px 0;}
.country-vn{background-position:-1176px 0;}
.country-wales{background-position:-1200px 0;}
.country-europeanunion{background-position:-1224px 0;}

/* Media Queries */
@media all and (max-width: 504px) {
section, aside { border:1px solid #38B63C; float: none; margin:0 0 3px; width: auto; }
#header .search {display:none; margin: 0 auto}
#header .search-btn {display:block}
#header .search-fixed { width: 100%; }
#header .search-fixed .form-control { width: 70%; }
#login { top: 0; left: 5%; }
#login-box-modal,#login { width: 75%}
.input-group { position: relative; display:block; border-collapse: separate; }
#rss {width:100%}
.ui-autocomplete {width:90%}
.ui-menu .ui-menu-item a div {cursor:pointer;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;height:18px;vertical-align:middle;width:80%;line-height:18px;float:left;padding:0 5px}
#top-nav {font-size:0}
#top-nav span {font-size:14px}

#manga-list .cover{border-bottom: 1px solid #38B63C; border-right: none;}
#manga-list .cover, #manga-list .series_desc{ float:none;}
#manga-list .cover, #manga-list .series_desc{padding:3px;}
#manga-list .cover,#manga-list .series_desc, #manga-list .series_desc b.data, #manga-list .series_desc span.desc{width:100%;}

#series-info .cover{border-bottom: 1px solid #38B63C; border-right: none;}
#series-info .cover, #series-info .series_desc{ float:none;}
#series-info .cover, #series-info .series_desc{padding:3px;}
#series-info .cover,#series-info .series_desc, #series-info .series_desc b.data, #series-info .series_desc span.desc{width:100%;}

.header-fixed {position: relative;}

.unit{ width:100%; display:block; float:none;}

#announcement{ width:94%; position:relative;}
}
@media (min-width: 505px) and (max-width: 810px) {
#l_sidebar-2,#r_sidebar {float: left; margin:3px; }
section, aside { border:1px solid #38B63C; float: none; margin:0 0 3px; width: auto; }
#header .search {display:inline-block}
#header .search-btn {display:none}
#header .search .form-control { width: 100%; }
#rss {width:100%}
#manga-list .cover{border-bottom: 1px solid #38B63C; border-right: none;}
#manga-list .cover, #manga-list .series_desc{ float:none;}
#manga-list .cover, #manga-list .series_desc{padding:3px;}
#manga-list .cover,#manga-list .series_desc, #manga-list .series_desc b.data, #manga-list .series_desc span.desc{width:100%;}

#series-info .cover{border-bottom: 1px solid #38B63C; border-right: none;}
#series-info .cover, #series-info .series_desc{ float:none;}
#series-info .cover, #series-info .series_desc{padding:3px;}
#series-info .cover,#series-info .series_desc, #series-info .series_desc b.data, #series-info .series_desc span.desc{width:100%;}

.header-fixed {position: relative;}
.unit{ width:50%; display:block; float:none;}
}
@media all and (min-width: 820px) and (max-width:1315px) {#l_sidebar-2,#r_sidebar {float: none; margin:0 0 3px; width:auto}
#header .search {display:inline-block}
#header .search-btn {display:none}
#header .search .form-control { width: 100%; }
#login-box-modal,#login { width: 400px}
#series-info .series_desc{width:65%;}
#rss {width:70%}
}
@media all and (min-width: 1240px) and (max-width:1900px) {#header .search {display:inline-block}
#header .search-btn {display:none}
#header .search .form-control { width: 100%; }
#login-box-modal,#login { width: 500px}
}
