html {
    scroll-behavior: smooth;
}

body {
background-color:#333333;
margin:0px;
padding:0px;
}

a:link,a:active,a:visited,a:hover  { text-decoration:none; color:#bfbfbf; }

.not {margin:0px; padding:0px;}
.m2 { margin:2px; padding:0px;}
.mt { margin-bottom:2px; margin-left:2px; margin-right:2px; margin-top:0px; padding:0px;}
.padding_top {padding-top:12px;}
.padding_bottom {padding-bottom:10px;}

.dropbtn {
  background-color: #388de6; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color:#FFFFFF;
  font-weight:bold;
  padding: 11px;
  border: none;
  cursor: pointer;
  transition:color 0.3s ease, filter 0.3s ease; 
  border: 1px solid rgba(255, 255, 255, 0.2); 
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  border-radius:0px 0px 0px 5px;
}

.dropbtn:active {background-color:#bfbfbf; color:#000000; opacity: 0.7;}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #bfbfbf;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  right: 0;
  z-index: 1;
}

.dropdown-content a {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#000000;
  font-weight:bold;
  padding:10px;
  text-decoration: none;
  display: block;
  transition: color 0.3s ease;
}

.dropdown-content a:active { color: #3487d4; opacity: 0.7;}

.show {display: block;}

.search_field {
    border-box: box-sizing;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
	font-weight:normal;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #b1b1b1;
	outline: none;
}

.search_btn {
	border-box: box-sizing;
    background-image: url('img/searchicon.png');
    background-position: center;
    background-repeat: no-repeat;
	background-color: #c9c9c9;
    font-size: 16px;
    padding: 10px 15px 10px 15px;
    border: none;
    border-bottom: 1px solid #b1b1b1;
	width: 66px;
	cursor:pointer;
}

.search_btn:active {background-color:#388de6; opacity: 0.7;}

.page_block { padding:0px; margin:0px;}

.page, .page:link, .page:visited {
display: inline-block;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:18px; 
color:#bfbfbf; 
font-weight:bold;
background-color:#101010; 
border:1px solid rgba(27, 27, 27, 0.7); 
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
border-radius:5px;
overflow:hidden; 
padding:9px; 
margin:10px; 
width:40px;
height:30px;
cursor:pointer;
text-decoration:none; 
text-align: center;
line-height:30px;
transition:color 0.3s ease, filter 0.3s ease; 
}

.page:active {background-color:#bfbfbf; color:#000000; opacity: 0.7;}

.page_current {
display: inline-block;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:18px; 
color:#FFFFFF; 
font-weight:bold;
border-radius:5px;
overflow:hidden;  
padding:9px; 
margin:10px; 
width:40px;
height:30px;
text-align:center;
line-height:30px;
background-color: rgba(33, 150, 243, 0.9); 
border: 1px solid rgba(255, 255, 255, 0.2); 
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.body { background-color:#333333; padding:0px; margin:0px;}
.body_container { background-color:#000000; min-width:320px; max-width:500px; box-shadow: 0 0 20px rgba(0,0,0,0.5);}
.logo {margin:0px; padding-top:2px;}
.logo_container { background-color:#000000; margin:0px; padding:0px;}
.footer_container { background-color:#131313; margin:0px; padding:0px;}
.container_b {background-color:#131313;}

.episode_block {margin-bottom:40px; margin-left:0px; margin-right:0px; margin-top:0px;}

#episode_list{
border: 1px solid #1b1b1b;
border-bottom-width: 0;
width: 97%;
background-color: #101010;
margin-top:10px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
}

#episode_list a{
font: bold 14px Arial; 
padding-bottom: 8px;
padding-top: 8px;
padding-right: 2px;
padding-left: 2px; 
display: block;
width: 100%; 
color: #ffffff; 
text-decoration: none; 
border-bottom: 1px solid #1b1b1b;
}

#episode_list a:active {
    background-color: rgba(33, 150, 243, 0.1);
    opacity: 0.8;
}

html>body #episode_list a{ 
width: auto;
}

.download_block {margin:5px;}

#download_list{
border: 1px solid #1b1b1b;
border-bottom-width: 0;
width: 97%;
background-color: #101010;
margin:0px;
}

#download_list a{
font: bold 14px Arial;
padding-bottom: 8px;
padding-top: 8px;
padding-right: 2px;
padding-left: 2px; 
display: block;
width: 100%; 
color: #ffffff; 
text-decoration: none; 
border-bottom: 1px solid #1b1b1b;
}

#download_list a:active {
    background-color: rgba(33, 150, 243, 0.1);
    opacity: 0.8;
}

html>body #download_list a{ 
width: auto;
}

.div_dw_icon {display: inline-block; width:40px; text-align:center; vertical-align:middle;}
.div_dw_text {display: inline-block; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-align:left; vertical-align:middle;}
.div_dw_touch {display: inline-block; width:40px; text-align:center; vertical-align:middle; float:right;}

.dw_icon {display: inline-block; width:35px; text-align:center; vertical-align:middle;}
.dw_link {display: inline-block; font-family:Arial, Helvetica, sans-serif; font-size:clamp(13px, 4cqw, 15px); text-align:left; vertical-align:middle;}

.main_container {container-type:inline-size; width:100%; padding:0px; margin:0px;}

.amount_anime {color:#5bafff;}

.anime_card {
position:relative; 
transition:all 0.3s ease-in-out; 
background:#101010; 
border-radius:5px;
border:1px solid transparent; 
}
.anime_card_container { margin:0px; padding:0px;}

.img_container {position:relative; overflow:hidden; background-color:#101010; min-height:200px; max-height:330px; min-width:146px; max-width:236px; border-radius:5px;}
.poster {object-fit:cover; width:100%; height:100%;}

.card_link {
    text-decoration: none;
    color: inherit; 
    display: block; 
}

.card_link h2, .card_link h3{
font-size:15px; 
display: -webkit-box;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;  
overflow:hidden; 
overflow-wrap:break-word; 
word-wrap:break-word; 
hyphens:auto; 
font-family:Arial, Helvetica, sans-serif; 
color:#bfbfbf; 
font-weight:normal; 
margin-bottom:12px; 
margin-left:5px; 
margin-right:5px; 
margin-top:8px;
transition: color 0.3s ease;
}

.card_link:active .anime_card_container {
    transform: scale(0.98); 
    opacity: 0.8;
}

.card_link:active h2, .card_link:active h3 {color: #5bafff;}

.title {overflow-wrap:break-word; word-wrap:break-word; font-family:Arial, Helvetica, sans-serif; font-size:clamp(18px, 5cqw, 22px); color:#ffffff; font-weight:800; line-height:1.3; vertical-align:middle; margin:10px;}
.anime_shown {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#bfbfbf; font-weight:normal; vertical-align:middle; margin-bottom:2px; margin-left:10px; margin-right:10px; margin-top:18px;}
.series_added {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff; font-weight:normal; font-style:italic; vertical-align:bottom; margin:0px; padding:5px; position:absolute; top:8px; right:0px; border-radius:5px 0px 0px 5px; background-color: rgba(33, 150, 243, 0.9); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}

.about_site_title {font-family:Arial, Helvetica, sans-serif; font-size:clamp(16px, 5cqw, 20px); color:#ffffff; font-weight:800; line-height:1.3; margin:10px;}
.about_site_text {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#bfbfbf; font-weight:normal; line-height:1.5; margin:10px;}
.advantage_site {color:#5bafff; font-weight:bold;}

.not_found_anime {background-color:#101010; border-radius:5px; padding:10px 5px; margin-bottom:20px; margin-left:10px; margin-right:10px; margin-top:15px;}
.not_found_container {background-color:#101010; border-radius:5px; margin:5px; padding-bottom:5px; padding-top:10px; padding-right:5px; padding-left:5px;}
.not_found_text {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#bfbfbf; font-weight:normal; margin:2px; line-height:1.5;}
.not_found_img { margin:0px; padding-bottom:5px;}

.info_text {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#bfbfbf; font-weight:normal; margin:10px;}
.info_text_title {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5bafff; font-weight:bold; margin:10px;}

@font-face {
font-family: ShentoxRegular; 
src: url(font/shentox-regular.ttf);
}

.age_red {font-family:ShentoxRegular; font-size:26px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; padding-bottom:5px; padding-top:5px; padding-left:8px; padding-right:8px; border-radius:5px; position:absolute; bottom:5px; right:5px; background-color: rgba(224, 3, 41, 0.9); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}
.age_orange {font-family:ShentoxRegular; font-size:26px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; padding-bottom:5px; padding-top:5px; padding-left:8px; padding-right:8px; border-radius:5px; position:absolute; bottom:5px; right:5px; background-color: rgba(243, 119, 49, 0.9); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}
.age_green {font-family:ShentoxRegular; font-size:26px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; padding-bottom:5px; padding-top:5px; padding-left:8px; padding-right:8px; border-radius:5px; position:absolute; bottom:5px; right:5px; background-color: rgba(79, 184, 82, 0.9); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}
.age_skyblue {font-family:ShentoxRegular; font-size:26px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; padding-bottom:5px; padding-top:5px; padding-left:8px; padding-right:8px; border-radius:5px; position:absolute; bottom:5px; right:5px; background-color: rgba(33, 150, 243, 0.9); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}

.container_age {
display: inline-block;
overflow:hidden; 
background-color:#ffffff;
border: 1px solid #b0bcc2;
padding:5px;
font-size:0px;
border-radius:5px;
}

.anime_container {
position:relative; 
transition:all 0.3s ease-in-out; 
background:#101010; 
border-radius:5px;
border:1px solid #1b1b1b;
margin:5px;
}

.title_anime {overflow-wrap:break-word; word-wrap:break-word; font-family:Arial, Helvetica, sans-serif; font-size:clamp(18px, 5cqw, 22px); color:#ffffff; font-weight:800; line-height:1.3; vertical-align:middle; margin:10px;}
.anime_plot {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#bfbfbf; font-weight:normal; line-height:1.5; margin:10px;}
.anime_text {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#bfbfbf; font-weight:normal; line-height:1.5; margin:10px;}

.anime_about {font-family:Arial, Helvetica, sans-serif; font-size:clamp(16px, 5cqw, 20px); color:#ffffff; font-weight:800; line-height:1.3; margin-bottom:10px; margin-left:10px; margin-right:10px; margin-top:20px;}
.anime_review_title {font-family:Arial, Helvetica, sans-serif; font-size:clamp(16px, 5cqw, 20px); color:#ffffff; font-weight:800; line-height:1.3; margin-bottom:10px; margin-left:10px; margin-right:10px; margin-top:40px;}
.anime_review_data {font-family:Arial, Helvetica, sans-serif; font-size:clamp(16px, 5cqw, 20px); color:#ffffff; font-weight:800; line-height:1.3; margin-bottom:15px; margin-left:10px; margin-right:10px; margin-top:40px;}

.anime_review {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#bfbfbf; font-weight:normal; line-height:1.5; margin:10px;}
.review_item {color:#5bafff; font-weight:bold;}

.review_link, .review_link:link, .review_link:visited {color:#bfbfbf; text-decoration:none; transition:color 0.3s ease;}
.review_link:active {color: #5bafff; opacity: 0.7;}

.img_anime_container {width:75%; margin:0px; padding:0px;}
.img_anime {position:relative; overflow:hidden; background-color:#101010; min-height:200px; max-height:370px; min-width:146px; max-width:260px; border-radius:5px; margin-bottom:25px; margin-left:10px; margin-right:10px; margin-top:15px;}

.another_name {color:#ffffff;}

.names-scroll-container {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
    max-height: 67px;      
    overflow-y: auto;     
    line-height: 1.6; 
    color: #bfbfbf;
    margin: 10px;
	padding-right: 15px;
}

.names-scroll-container::-webkit-scrollbar {
    width: 6px;            
}

.names-scroll-container::-webkit-scrollbar-track {
    background: #1a1a1a;   
    border-radius: 10px;
}

.names-scroll-container::-webkit-scrollbar-thumb {
    background: #5bafff;   
    border-radius: 10px;
}

.names-scroll-container {
    scrollbar-width: thin;
    scrollbar-color: #5bafff #1a1a1a;
	padding-right: 15px;
}

.watch-order-list {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
    list-style: none; 
    counter-reset: my-counter; 
    padding: 0;
    margin: 10px;
}

.watch-order-list li {
    counter-increment: my-counter; 
    position: relative;
    padding-left: 25px; 
    margin-bottom: 12px;
    line-height: 1.6;
}

.watch-order-list li::before {
    content: counter(my-counter) "."; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
    font-weight: bold;
	color: #5bafff; 
    position: absolute;
    left: 0;
    top: 0;
}

.watch-order-list li:nth-child(odd) {
    color: #bfbfbf;
}

.watch-order-list li:nth-child(even) {
    color: #ffffff;
}

.watch-order-list li a {
    color: inherit; 
    text-decoration: none;
    transition: color 0.3s ease;
	margin-right: 5px;
}

.watch-order-list li a:active { color: #5bafff; opacity: 0.7;}

.watch-order-list li .current_anime {
    color: #5bafff;
    font-weight: bold;
    cursor: default; 
	margin-right: 5px;
}

.anime-type {
	display: inline-block; 
	width: 54px; 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 1px 0px;
    border-radius: 3px;
    text-transform: uppercase;
    vertical-align: middle; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:5px; 
	margin-top:0px;
}

.type-tv {
    background-color: #5bafff;
    color: #000;
}

.type-movie {
    border: 1px solid #5bafff;
    color: #5bafff;
}

.type-ova {
    background-color: #333;
    color: #bfbfbf;
}

.type-special {
    border: 1px solid #4682b4;
    color: #4682b4;
}

.anime-year {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: normal;
    color: #888;
	vertical-align: middle;
	padding-left:2px;
	margin:0px; 
}

.anime-teh-block {
	display: inline-block;
}

.img_download {position:relative; overflow:hidden; background-color:#101010; min-height:120px; max-height:370px; min-width:100px; max-width:260px; border-radius:5px; margin-bottom:5px; margin-left:10px; margin-right:10px; margin-top:5px;}

.form_cod { border:1px solid #313131; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#000000; font-weight:bold; margin:0px; padding:5px; background-color:#CCCCCC; width:90px; height:40px; border-radius:5px; outline:none;}
.form_cod:focus {background-color:#ffffff;}
.img_caps { margin:0px; border:1px solid #313131; border-radius:5px;}

.captcha_container {
transition:all 0.3s ease-in-out; 
background:#101010; 
border-radius:5px;
border:1px solid #1b1b1b;
margin:5px;
}

.captcha_text {font-family:Arial, Helvetica, sans-serif; font-size:clamp(16px, 5cqw, 20px); color:#bfbfbf; font-weight:normal; line-height:1.5; margin:0px;}
.captcha_table {padding-top:5px; padding-bottom:5px; position:relative;}

.action_button, .action_button:link, .action_button:visited {display:inline-block; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold; margin-bottom:10px; margin-left:10px; margin-right:10px; margin-top:5px; background-color:#3990e2; padding:8px; border-radius:5px; text-decoration:none; transition:color 0.3s ease, filter 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}
.action_button:active {background-color:#bfbfbf; color:#000000; opacity: 0.7;}

.robot_button, .robot_button:link, .robot_button:visited {display:inline-block; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:bold; margin:10px; background-color:#3990e2; padding:8px; border-radius:5px; text-decoration:none; transition:color 0.3s ease, filter 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}
.robot_button:active {background-color:#bfbfbf; color:#000000; opacity: 0.7;}

.copy_link { font-family:Arial, Helvetica, sans-serif; font-size:1px; color:#000000; font-weight:normal; margin:0px;}

.modal-overlay {
    display: none; 
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.85);
    z-index: 9999;
    align-items: flex-start;
    justify-content: center;
}

.modal-content {
    background: #1a1a1a;
    border: 1px solid #333;
    padding: 25px;
	margin-top: 50px;
    border-radius: 10px;
    width: 90%;
    max-width: 400px;
    text-align: center;
    box-shadow: 0 0 30px rgba(91, 175, 255, 0.2);
}

.modal-content h2 {
	font-family:Arial, Helvetica, sans-serif;
    color: #5bafff;
    margin-top: 0;
    font-size: 20px;
}

.modal-content p {
	font-family:Arial, Helvetica, sans-serif;
    color: #bfbfbf;
    margin: 15px 0 25px;
    line-height: 1.5;
}

.container-404 {
	container-type:inline-size;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom:10px; 
	margin-left:10px; 
	margin-right:10px; 
	margin-top:30px;
	font-family:Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #000;
    color: #fff;
}

.container-404 h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:clamp(100px, 30cqw, 140px);
	font-weight:800;
    color: #5bafff;
    margin: 0;
    line-height: 1;
    text-shadow: 0 0 20px rgba(91, 175, 255, 0.3);
}

.container-404 p {
	font-family:Arial, Helvetica, sans-serif;
    font-size:clamp(14px, 5cqw, 18px);
	font-weight:normal;
	font-style:italic;
    margin: 10px 0;
    color: #bfbfbf;
}

.search-form-nf {width:100%; margin:0px; padding:0px;}

.search-div-form {
	align-items: center;
    justify-content: center;
	margin-bottom:30px; 
	margin-left:10px; 
	margin-right:10px; 
	margin-top:10px;
}

.search-input-nf {
	box-sizing: border-box;
	width:100%;
    height: 50px;
    padding: 0 15px;
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    margin-bottom:15px; 
	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px;
    outline: none;
}

.search-input-nf:focus {border-color:#5bafff;}

.nf_button, .nf_button:link, .nf_button:visited {display:inline-block; width:100%; height:50px; line-height:50px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; font-weight:bold; background-color:#3990e2; border-radius:5px; text-decoration:none; transition:color 0.3s ease, filter 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}
.nf_button:active {background-color:#bfbfbf; color:#000000; opacity: 0.7;}

.search_title {color:#5bafff;}
.anime_quote {font-family:Arial, Helvetica, sans-serif; font-size:clamp(14px, 5cqw, 18px); font-weight:normal; font-style:italic; color: #bfbfbf; margin-bottom:5px; margin-left:10px; margin-right:10px; margin-top:15px;}

.info_list {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#bfbfbf; 
	font-weight:normal; 
	text-align:justify;
    list-style: none; 
    padding: 0;
    margin: 10px;
    line-height: 1.5; 
}

.info_list li {
    position: relative;
    padding-left: 20px; 
    margin-bottom: 8px;
}

.info_list li::before {
    content: "•"; 
    color: #a0a0a0;
	font-family: Arial, Helvetica, sans-serif; 	
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -2px;
}

.info_list li a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.info_list li a:active { color: #5bafff; opacity: 0.7;}

.decade-nav {
    display: flex;
    flex-wrap: wrap; 
    gap: 8px;
    justify-content: flex-start;
    margin: 20px 0 20px;
    padding: 0 10px;
}

.decade-nav a {
    display: inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
    font-weight: bold;
    padding: 8px 12px;
    background-color:#3990e2;
    color:#FFFFFF;
    border-radius: 5px;
    text-decoration:none; 
	transition:color 0.3s ease, filter 0.3s ease;
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.decade-nav a:active {background-color:#bfbfbf; color:#000000; opacity: 0.7;}

.archive-intro {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
    padding: 0 10px;
    margin-bottom: 20px;
    text-align: justify;
    line-height: 1.6;
    color: #bfbfbf; 
    font-size: 14px;
}

.archive-intro strong {
    color: #5bafff; 
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.img_genre {position:relative; overflow:hidden; background-color:#101010; min-width:146px; max-width:236px; border-radius:5px;}

.sitemap-section {
    margin-bottom: 35px;
}

.sitemap-section h2 {font-family:Arial, Helvetica, sans-serif; font-size:clamp(16px, 5cqw, 20px); color:#5bafff; font-weight:800; line-height:1.3; margin-bottom:10px; margin-left:10px; margin-right:10px; margin-top:40px; text-align:left;}

.sitemap-section-list {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
    list-style: none; 
    counter-reset: my-counter; 
    padding: 0;
    margin: 10px;
	text-align:left;
}

.sitemap-section-list li {
    counter-increment: my-counter; 
    position: relative;
    padding-left: 25px; 
    margin-bottom: 12px;
    line-height: 1.6;
}

.sitemap-section-list li::before {
    content: "•"; 
    color: #5bafff;
	font-family: Arial, Helvetica, sans-serif; 	
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -2px;
}

.sitemap-section-list li:nth-child(odd) {
    color: #bfbfbf;
}

.sitemap-section-list li:nth-child(even) {
    color: #ffffff;
}

.sitemap-section-list li a {
    color: inherit; 
    text-decoration: none;
    transition: color 0.3s ease;
}

.sitemap-section-list li a:active { color: #5bafff; opacity: 0.7;}

.alphabet-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
    margin: 10px 0 20px;
    padding: 0 10px;
}

.alphabet-nav a {
    display: inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
    font-weight: bold;
	padding:9px; 
	margin:8px; 
	width:40px;
	height:30px;
	line-height:30px;	
    background-color:#3990e2;
    color:#FFFFFF;
    border-radius: 5px;
    text-decoration:none; 
	transition:color 0.3s ease, filter 0.3s ease;
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.alphabet-nav a:active {background-color:#bfbfbf; color:#000000; opacity: 0.7;}

.mail_dot {color:#ffffff; font-weight:bold;}
.dmca_text {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff; font-weight:bold; line-height:1.5; margin-bottom:10px; margin-left:10px; margin-right:10px; margin-top:40px;}
.dmca_text_small {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#707070; font-weight:normal; line-height:1.5; margin-bottom:30px; margin-left:10px; margin-right:10px; margin-top:20px;}

.dmca-intro {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
    padding: 0 10px;
    margin-bottom: 20px;
	margin-top: 20px;
    text-align: justify;
    line-height: 1.6;
    color: #bfbfbf; 
    font-size: 14px;
}

.dmca-intro strong {
    color: #5bafff; 
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.dmca-margin {margin-top:35px;}

@media (hover: hover) {
.dropdown a:hover {background-color: #ddd;}
.dropdown-content a:hover { color: #3487d4;}
.search_btn:hover {background-color: #388de6;}
.dropbtn:hover {background-color:#bfbfbf; color:#000000; filter: brightness(1.1);}
.page:hover {background-color: rgba(191, 191, 191, 0.9); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); color:#000000; filter: brightness(1.1);}

.anime_card:hover {
box-shadow:0 0 15px rgba(33, 150, 243, 0.3);   
border-radius:5px;
transform: translateY(-3px); 
outline:1px solid rgba(33, 150, 243, 0.5);
outline-offset:1px;
}

.card_link:hover h2, .card_link:hover h3 {color:#5bafff;}

#episode_list a:hover{
color:#5bafff;
background-color:#000000;
box-shadow:0 0 15px rgba(33, 150, 243, 0.3); 
transform: translateY(-3px);
outline:1px solid rgba(33, 150, 243, 0.5);
outline-offset:-1px;
}

#download_list a:hover{
color:#5bafff;
background-color:#000000;
box-shadow:0 0 15px rgba(33, 150, 243, 0.3); 
transform: translateY(-3px);
outline:1px solid rgba(33, 150, 243, 0.5);
outline-offset:-1px;
}

.robot_button:hover {background-color:#bfbfbf; color:#000000; filter: brightness(1.1);}
.review_link:hover {color:#5bafff;}
.action_button:hover {background-color:#bfbfbf; color:#000000; filter: brightness(1.1);}
.nf_button:hover {background-color:#bfbfbf; color:#000000; filter: brightness(1.1);}
.watch-order-list li a:hover { color: #5bafff;}
.info_list li a:hover { color: #5bafff;}
.decade-nav a:hover {background-color:#bfbfbf; color:#000000; filter: brightness(1.1);}
.sitemap-section-list li a:hover {color: #5bafff; padding-left: 5px;}
.alphabet-nav a:hover {background-color:#bfbfbf; color:#000000; filter: brightness(1.1);}
}