@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
/* CSS Document */
html{position: relative;}
body{ background-color: rgba(0, 0, 0, 0.9); font-family: "Poppins", Arial; color: #eee; font-size: 14px; line-height: 1.6; font-weight: 300; padding: 0; margin: 0; -webkit-text-size-adjust: none;}
a{outline:none; -moz-outline: none; color: #eee}
a:hover{color: #faa300; text-decoration: none}
button, .btn{ border: none !important;}
.btn-sm{font-size: 12px;}
.btn-radius{border-radius: 30px;}
.h-large, .h-medium, .h-small, .h-tiny{ line-height: 1.5; font-weight: 500; margin-bottom: .5rem; margin-top: 2rem; color: #fff;}
.h-large{ font-size: 1.6rem;}
.h-medium{ font-size: 1.3rem;}
.h-small{ font-size: 1rem;}
.container{width: 100% !important; padding: 0;}
#p-wrapper{ width: 100%; position: relative; padding: 4rem; margin: 0 auto; max-width: 1000px;  background: rgb(43,42,60);
    background: linear-gradient(0deg, rgba(43, 42, 60, 0) 0%, rgb(0 0 0) 20%, rgb(0 0 0) 80%, rgba(43, 42, 60, 0) 100%); }
#p-header{ position: relative; text-align: center; padding: 0;}
#p-header .p-logo{ margin: 3rem 0; display: inline-block;}
#p-header .p-logo img{ width: 250px; height: auto;}
#p-header .p-menu{ display: flex; align-items: center; justify-content: center; gap: 1rem; flex-wrap: wrap;}
#p-header .p-menu .item{ padding: 0 .5rem; flex-shrink: 0;}
.article-full{ font-size: 1em; line-height: 1.65; color: #ccc; padding: 2rem 0 0;}
.article-full p{ margin-bottom: 1rem;}
.article-full ul{ margin-bottom: 2rem; padding-bottom: 0; padding-left: 1rem;}
.article-full ul li + li{ margin-top: 1rem;}
.article-full a{ color: #faa300;}
.article-full strong{ font-weight: 600; color: #eee;}
.list-flex{ margin: 3rem 0; display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-direction: row-reverse;}
.lf-anime{ width: 320px;}
.lf-anime img{ width: 100%; height: auto;}
.lf-main{ flex-grow: 1;}
.site-opt{ padding: 0; margin: 0 !important; list-style: none;}
.site-opt li{ font-size: 1em;}
.site-opt li + li{ margin-top: 2px !important;}
.site-opt li .check-icon{ color: #fff; margin-right: 1rem;}
.site-opt li .order{ margin-right: 1rem; width: 16px; text-align: center; font-weight: 600; color: rgba(255,255,255,.2); border-right: 1px solid rgba(255,255,255,.2); padding-right: 1.2rem;}
.site-opt li a{ display: block; font-weight: 500; color: #faa300; padding: .8rem 1.2rem; background-color: rgba(255,255,255,0.05);}
.site-opt li a:hover{ background-color: rgba(255,255,255,.1);}
.site-opt li:first-of-type a{ border-radius: 1rem 1rem 0 0;}
.site-opt li:last-of-type a{ border-radius: 0 0 1rem 1rem;}
@media screen and (max-width: 800px){
    .list-flex{ flex-direction: column; margin: 1.5rem 0;}
    .lf-anime{ width: 100%; text-align: center;}
    .lf-anime img{ max-width: 300px; height: auto;}
}
@media screen and (max-width: 580px){
    #p-wrapper{ padding: 1.5rem; margin: 0; border-radius: 0; border-top: none;}
    #p-header .p-menu .item:nth-child(n+4){ display: none;}
    #p-header .p-logo img{ width: 200px;}
}