@charset "utf-8";
/* CSS Document */


/* ACS 2022 */


/* 使用自定义字体 */
/* @font-face{
    font-family:MSJ;
    src:url('acs/fonts/simsunb.ttf');
} */


body{
    padding: 0; margin: 0; color: #191919; 
    background: #191919;
    font-family:
    "Microsoft Yahei UI Light",
    "Microsoft JhengHei",
    Arial;

    font-size: 18px;
    line-height: 1.5em;

}


/* 直接由 body 控制 font-size line-height */
/* p{} */


ul,li,dl,dt,dd{list-style: none; padding: 0; margin: 0;}
h1,h2,h3,h4,h5{font-weight: normal;}

a{color: #191919; text-decoration:none;}
a:hover{color: #999;}


img{ width: 100%; }
i{ font-style: normal; }

/* 输入类 */
input,textarea,button{
    font-family:"Microsoft Yahei"; font-size: 1em;
    /* 默认1px边框 上下共占2像素 clientHeight-2px */
    border:none; background:none; 
    resize:none;
}

input,textarea:focus{
    outline-style:none;
    /* 统一封装成 $Mod.text */
    /*box-shadow: 0 0 1em #aaa;*/
}

/* disable clear button IE10 */
input[type=text]::-ms-clear{display: none;}  






header{
    padding-top: 2em;
    text-align: center;
}

header .brand { color: #666;}
header .brand p{margin-top: 0; letter-spacing: .5em;}
header a{ 
    display: block; 
    height: 3em;
    margin: auto;}

header nav{
    display: none;

}






article{
    /* padding: 2em 0;  */

    /* 控制阅读区字体大小 */
    /* 小1=16px 中1.125=18px[默认] 大1.25=20px  */
    /* font-size: 1.125em; */

    /* background: none; */
    /* margin-top: 0em; */


    /* 统一设置 正文背景色 */

    margin: auto;
    background: #f9f9f9;
 
}

section{
    width: 100%; 
    margin: auto; 
    padding: 1em;
    /* margin-bottom: .125em; */



    /* 每个 section 当都设置 背景色 -> Chrome 移动版异常 */
    /* 上下 滑动 每个 section 周围 会有轻微 细边框 */
    /* background: #f9f9f9; */
}




.title{
    background: #333; 

    /* 全宽 不受 grid 影响 */
    width: 100%; 

    margin: 0;
    
    /* padding: 0 1em; */
    
    font-size: 1.25em;
    text-align: center;
    color: #eee;
}
.title a{ color: #eee; }
.title a:hover{ color: #999; }

.title h1{
    margin-bottom: 0;
    /* float: left; */
    /* background-color: papayawhip; */

}
.title p{
    margin-top: 0;
    font-size: .75em;
    color: #999;
    /* float: left; */
    /* background-color: peru; */
}





/* Contents 内容页 */
/* Article.drama 戏曲样式 */

.drama b{
    margin-right: .5em;
}

.drama .contents p{
    /* font-size: 1.25em; */

    background: none;
}








footer{
    background: #191919; color: #666; 
    height: 8em;  width: 100%;
    text-align: center;
}

/* about/ help */
/* 与底部备案链接分开 避免误按 */
footer p{ margin: .5em;}

/* pad0 不受 vary影响 */
.foot{
    margin: auto; 
    padding: 2em 0;
}

.foot a{color: #666;}
.foot a:hover{color: #ddd;}

/* 备案中文字 略小 */
.foot .info a{ font-size: .825em; }


/* 通用样式 */
.ds0{display: none;}
.ds1{display: block;}




/* 滚动条样式 */
/* 鼠标接近 渐渐变宽 鼠标离开渐渐变窄 */
::-webkit-scrollbar {
    /*滚动条整体样式*/
    /*高宽分别对应横竖滚动条的尺寸*/
    width : 1em;  
    /* height: 1em; */
}

::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius   : 10px;
    background-color:#333;

}

::-webkit-scrollbar-thumb:hover{
    background-color:#3399ff50;

}

::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    width: .25em;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #00000020;
    border-radius: 10px;
}