.dark-theme{
  --ppc-primary-color: hsl(0deg 0% 40%);
  --ppc-body-color: hsl(0deg 0% 27%);
  --ppc-dark-color: hsl(0deg 0% 98%);
  --ppc-dark1-color: hsl(0deg 0% 73%);
  --ppc-dark2-color: hsl(0deg 0% 60%);
  --ppc-light-color: hsl(0deg 0% 2%);
  --ppc-light1-color: hsl(0deg 0% 27%);
  --ppc-light2-color: hsl(0deg 0% 40%);
}
.light-theme{
  --ppc-primary-color: #f0f0f0;
  --ppc-body-color: hsl(0deg 0% 27%);
  --ppc-light-color: hsl(0deg 0% 98%);
  --ppc-light1-color: hsl(0deg 0% 73%);
  --ppc-light2-color: hsl(0deg 0% 60%);
  --ppc-dark-color: hsl(0deg 0% 2%);
  --ppc-dark1-color: hsl(0deg 0% 27%);
  --ppc-dark2-color: hsl(0deg 0% 40%);
}

a, a:hover {
    color: var(--ppc-dark2-color);
    text-decoration: none;
}
body {
    font: 87.5%/1.2 -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 87.5%;
    line-height: 1.2;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif;
    margin: 0;
    color: var(--ppc-dark1-color);
}
button, input {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.2;
    margin: 0;
    outline: 0;
}
#body{min-height: 85vh;}

.navbar-nav{display: flex;width: 100%;flex-wrap: wrap;justify-content: flex-end;}
.logo{color:var(--ppc-dark-color);min-width: 200px;}
.nav-link{color:var(--ppc-dark1-color)!important;}
.navbar-collapse{text-align:center;align-items: center;}
.navbar{padding:0;}
.navbar,#header,#foot{background-color:var(--ppc-primary-color);}
.navbar-collapse{
    max-height: 250px;
    overflow: auto;
}

.search-btn{cursor: pointer;}
/*.btn{color: var(--ppc-dark-color);background-color: var(--ppc-primary-color)}*/
body{background-color: var(--ppc-body-color);}
.my-container{background-color:var(--ppc-primary-color);margin-top: 10px;border-radius:.5rem;margin-bottom: 10px;overflow: hidden;padding-top: 20px;padding-bottom: 20px;}
.pagination{justify-content: center;padding-top: 16px;}
.card{
    background-color: var(--ppc-light-color);
}
.card-body{padding: 0.1rem;    text-align: center;}
.card-body h3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    height: 59px;
}
.card-img-top {
    width: auto;
}
.img-video{
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding-top: 56.25%;
    position: relative;
}
.img-video img , .img-video video{
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.card-body p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    height: 19px;
}
.gallery-video{
    width: 100%;
}

.breadcrumb{
    background-color: var(--ppc-light-color);
    border: 1px solid silver;
    padding: 10px 8px;
    padding-top: 10px;
    padding-right: 8px;
    padding-bottom: 10px;
    padding-left: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.actress-img img{
    width: 100%;
}

.login-box{
    width: 70%;
    max-width: 400px;
    min-width: 200px;
    margin: 0 auto;
    background-color: var(--ppc-primary-color);
    padding: 15px 30px;
    border-radius: 10px;
    box-shadow: 5px 5px 15px #999;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
{
    margin-top: -5px;
    margin-left: -0.3rem;
}

/*.form-check-input:after{*/
/*    margin-top: -5px!important;*/
/*    margin-left: -5px!important;*/
/*}*/
/*.form-check-input:checked[type=checkbox]:after{*/
/*    margin-top: -5px!important;*/
/*    margin-left: 10px!important;*/

/*}*/
























/**/

*:before, *:after{
    box-sizing: content-box;
}
.nav-menu ul a,a {
    color: var(--ppc-dark2-color);
    border: 0;
    text-decoration: none
}

a:hover {
    color: #333
}

ul {
    padding-left: 0
}


button,input {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.2;
    margin: 0;
    outline: 0
}

.page_link, #gallery-search-input{
    padding: 3px;
    border: 1px solid #000;
    width: 100%;
    height: 30px;
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

button,input[type=submit] {
    padding: 0 6px;
    background: #ddd;
    border: 0
}

.menu-parent a,button,input[type=submit] {
    cursor: pointer
}

.clearfix {
    zoom:1}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}


#header {
    line-height: 40px;
    padding: 15px 0;
}

.site-name {
    float: left
}

.site-name h1 {
    display: table-cell;
    height: 40px;
    font-size: 1.7em;
    margin: 0;
    vertical-align: middle;
    font-weight: 400
}

#logo,.post-title a {
    color: #333
}

#nav-swith {
    position: relative;
    float: right;
    margin-left: 5px;
    color: var(--ppc-dark1-color)
}

#nav-swith,#search button {
    top: 5px;
    right: 0;
    width: 30px;
    height: 30px;
    background: 0
}

#nav-swith:before,#search button:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    width: 9px;
    height: 9px;
    border: solid 2px currentColor;
    border-radius: 50%
}

#nav-swith:after,#search button:after {
    content: "";
    position: absolute;
    top: 19px;
    left: 17px;
    width: 6px;
    height: 2px;
    background: currentColor
}

#nav,#nav-swith span,#nav-swith:after,#nav-swith:before,#site-search,.menu-parent ul,.nav-menu {
    transition: .2s;
    -webkit-transition: .2s
}

.on #nav-swith:after,.on #nav-swith:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 6px;
    width: 18px;
    height: 2px;
    background: currentColor;
    border: 0;
    border-radius: 0
}

.on #nav-swith:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

#nav-swith:after,#search button:after,.on #nav-swith:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

#nav-swith span {
    display: block;
    width: 18px;
    height: 2px;
    background: currentColor;
    visibility: hidden
}

#nav {
    position: relative;
    float: right
}

.on #site-search {
    top: 0
}

.menu-parent:hover>ul,.on #site-search {
    visibility: visible;
    opacity: 1
}

#site-search {
    position: absolute;
    top: -10px;
    right: 0;
    width: 200px
}

#site-search,.menu-parent ul {
    visibility: hidden;
    opacity: 0
}

#search,.menu-parent {
    position: relative
}

#search input {
    padding-right: 30px;
    background: 0;
    border: 0;
    border-bottom: 1px solid #999;
    border-radius: 0;
    text-align: center
}

#search button {
    position: absolute;
    color: var(--ppc-dark2-color)
}

.nav-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.nav-menu::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.nav-menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #ddd
}

.nav-menu li {
    display: inline-block;
    margin: 0 10px
}

.nav-menu a {
    color: var(--ppc-dark1-color)
}

.nav-menu a:hover {
    border-bottom: 1px solid var(--ppc-dark1-color)
}

.menu-parent ul {
    position: absolute;
    left: 50%;
    min-width: 100px;
    padding: 0;
    border-radius: 5px;
    background: var(--ppc-light1-color);
    text-align: center;
    list-style: none;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.menu-parent ul:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -7px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--ppc-light1-color)
}

.menu-parent li {
    display: block
}

.menu-parent ul a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}



@media(min-width: 767px) {
    .on .nav-menu {
        visibility:hidden;
        opacity: 0
    }

    .menu-parent .menu-parent:hover>.menu-child {
        left: -7px
    }
}


@media(max-width: 767px) {
    #nav-swith {
        margin:0
    }

    #nav-swith:after,#nav-swith:before {
        left: 6px;
        width: 18px;
        height: 2px;
        background: currentColor;
        border: 0;
        border-radius: 0;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none
    }

    #nav-swith:after {
        top: 21px
    }

    #nav-swith span {
        visibility: visible
    }

    .on #nav-swith span {
        visibility: hidden;
        opacity: 0
    }

    #nav {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        text-align: center
    }

    .on #nav {
        max-height: 1000px
    }

    .nav-menu {
        max-height: 1000px;
        overflow: auto
    }

    .nav-menu a,.nav-menu li {
        display: block
    }

    .nav-menu a:hover {
        font-weight: 700;
        border: 0
    }

    .menu-parent ul {
        position: relative;
        left: 0;
        margin: 0 auto;
        width: 75%;
        visibility: visible;
        opacity: 1;
        transform: none;
        -webkit-transform: none
    }

    #site-search {
        position: static;
        width: 50%;
        margin: 0 auto
    }
}
/**/
.edit-switch-ele{
    display: none;
}

.checkbox-lg .form-check-input{
    top: .8rem;
    scale: 1.4;
    margin-right: 0.7rem;
}

.checkbox-lg .form-check-label {
    padding-top: 13px;
}