@charset "UTF-8";
@font-face {
	font-family:f-exhibition2-8444;
	src:url('./font/852.ttf') format('TrueType'),url('./font/852.woff') format('woff');
	font-display:swap;
}

p , li {
    font-family:f-exhibition2-8444;
    font-size: 20px; /* */
    letter-spacing: 3px;
    line-height: 2.2;
} 


pre li {
    font-family:f-exhibition2-8444;
    font-size: 14px;/*  */
    letter-spacing: 3px;
    line-height: 2;
} 
	h2,categories {
	font-family:'Noto Serif SC',serif  /* */
}
.left,.right {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.foot,.left {
	font-weight:700;
	font-family: 'Noto Serif SC',serif;
}
.categories a,.dropdown-content a,a {
	text-decoration:none
}
body {
	background-color: #b9c1eba3;/*e6dece;*/
	color:#434343;
	/* background-image:url(../img/back.png); */
	background-attachment:fixed;
	background-repeat:repeat
}
::selection {
	background-color:#ff6a6a;
	color:#fff;
}

a {
    color: inherit;
}
a:hover {
	/* background-color:#ff6a6a; */
	color: #ff4141;
}
.categories a:hover {
	text-decoration:none;
	color: #ffffff;
	background-color: #ff6a6a;
}
hr {
	border:none;
	height:1px;
	background-color: #f50f0f;
	margin:2px 0
}
.list_dir_title {
	display:flex;
	justify-content:space-between;
	width:100%;
	padding:1px;
	box-sizing:border-box;
	height:45px
}
.left {
	text-align:left;
	max-width:calc(100% - 150px);
	font-size: 19px;
	margin-top:17px;
	letter-spacing: 2px;
}
.right {
	text-align:right;
	max-width:150px;
	margin-top:26px
}
.foot {
	width:100%;
	text-align:center;
	padding:2px 0;
	line-height:12px;
	font-size:15px;
	align-items:center
}
.center1 {
	width:860px;
	margin:40px auto;
	padding: 10px 20px 15px;
	box-sizing:border-box;
	background-color: rgb(255 255 255 / 34%);
}
.center_dvi {
	width: calc(100% - 0px);
}

.xm_dvi2 {
	margin-left: -5px;
}

@media screen and (max-width:465px) {
.xm_dvi2 {
	margin-left: -15px;
}
}

@media screen and (max-width:805px) {
	.center1 {
	width:100%;
	margin:1px;
	background-color: rgb(255 255 255 / 0%);
	padding: 10px 7px;
}
.center_dvi {
	width: calc(100% - -3px);
}

}
@media screen and (max-width:1040px) {
	.center1 {
	width:100%;
	margin:1px;
	background-color: rgb(255 255 255 / 0%);
}
}
	


.content2 {
	font-size: 18px;
	line-height:1.9;
	letter-spacing:.1em

	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.center1s {
	width:calc(100% - 20px);
	margin:10px auto;
	padding:1px 9px;
	box-sizing:border-box
}
.back1 {
	padding:5px 1px;
	background-color:rgba(255,255,255,.7)
}
.text-left {
	text-align:left;
	padding:0 25px
}
.text-20 {
	font-size:20px;
	text-align:left;
	padding:0 5px;
	margin:0 auto
}
.categories,.custom-hr {
	margin-top:1px;
	margin-bottom:1px
}
.parent-container {
	position:relative;
	width:100%;
	height:100vh
}
.login_dvi {
	border-radius:2px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:80%;
	max-width:400px;
	padding:20px;
	font-size:28px;
	box-shadow:0 0 10px rgba(0,0,0,.1);
	box-sizing:border-box;
	text-align:center;
	background-color:rgba(255,255,255,.5)
}
.login_dvi input[type=email],.login_dvi input[type=password],.login_dvi input[type=submit],.login_dvi input[type=text] {
	width:calc(100% - 20px);
	padding:10px;
	margin-bottom:15px;
	border:1px solid #4caf50;
	border-radius:5px;
	font-size:18px;
	box-shadow:none;
	box-sizing:border-box;
	transition:box-shadow .3s ease-in-out,border-color .3s ease-in-out
}
.login_dvi input[type=email]:focus,.login_dvi input[type=password]:focus,.login_dvi input[type=text]:focus {
	border-color:#45a049;
	box-shadow:0 0 8px rgba(0,123,255,.5);
	outline:0
}
form {
	padding:25px
}
.login_dvi input[type=submit] {
	background-color:#4caf50;
	color:#fff;
	cursor:pointer;
	border:none
}
.gest_book input[type=submit]:hover,.login_dvi input[type=submit]:hover {
	background-color:#45a049
}
.gest_book {
	text-align:left;
	padding:0 1px
}
textarea {
	height:120px;
	width:calc(100% - 12px);
	border:1px solid #4caf50;
	padding:10px;
	border-radius:1px;
	box-sizing:border-box;
	margin-bottom:15px;
background-color: rgba(255, 255, 255, 0.05);
}
textarea:focus,textarea:hover {
	border:1px solid #45a049
}
textarea:focus {
	outline:0;
	box-shadow:0 0 8px rgba(0,255,0,.5)
}
.gest_book input[type=email],.gest_book input[type=submit],.gest_book input[type=text],.gest_book input[type=url] {
	width:100%;
	height: 35px;
	padding:10px;
	margin-bottom:1px;
	border:1px solid #4caf50;
	border-radius:1px;
	font-size:18px;
	box-shadow:none;
	box-sizing:border-box;
	transition:box-shadow .3s ease-in-out,border-color .3s ease-in-out;
	text-align:left
}
.gest_book input[type=email]:focus,.gest_book input[type=text]:focus,.gest_book input[type=url]:focus {
	border-color:#45a049;
	box-shadow:0 0 8px rgba(0,255,0,.5);
	outline:0
}
.gest_book input[type=submit] {
	background-color:#4caf50;
	color:#fff;
	cursor:pointer;
	border:none;
	text-align:center;
	height: 40px;
}
.categories h3 a {
	letter-spacing: 3px;
	font-size: 22px;
}
.categories a {
	color: #f50f0f;
	padding:3px 20px;
	display:inline-block;
}

.categories {
	color:#000;
	font-family: 'Noto Serif SC', serif;
}
.categories>div {
	color:#ff6a6a;
	display:inline-block
}
.categories h3 {
	justify-content:center;
	margin:0;
	padding:0;
	display:inline
}
@media screen and (max-width:500px) {

.categories a {
	/* color: #ff6a6a; */
	padding:3px 20px;
	display:inline-block;
}


}


.dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.mulu {
    display: none;
    position: absolute;
    top: 100%;
    left: -66px;
    margin-top: 10px;
    width: 472px;
    padding: 8px;
    background: #e1e5f6;
    border: 1px solid #ff616f;
    /* border-radius: 10px; */
    opacity: 1;
    z-index: 1000;
margin-top: 16px;
}

@media screen and (max-width: 1040px) {
    .mulu {
        display: none;
        position: absolute;
        top: 100%;
        left: -9px;
        margin-top: 10px;
        width: auto;
        min-width: 90px;
        padding: 8px;
        background: #d2d7f2;
        border: 1px solid #ff616f;
        border-radius: 1px;
        opacity: 1;
        z-index: 1000;
    }

  .mulu::before,
  .mulu::after {
    display: none !important;
  }

}



.mulu.show {
  display: block; /*  */
}

.mulu::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 96px;
    border: 10px solid transparent;
    border-bottom-color: #ff616f;
}
.mulu::after {
    content: "";
    position: absolute;
    top: -22px;
    left: 95px;
    border: 11px solid transparent;
    border-bottom-color: #e1e5f6;
    transform: translateY(3px);
}