@charset "utf-8";
* {
    color:#000;
    background-color:var(--skin-bg);
    font-family:"SimSun";
    font-size:12px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    letter-spacing:0.125rem;
    line-height:2rem;
    text-align:left;
    text-decoration:none;
    text-indent:0;
    text-overflow:ellipsis;
    text-shadow:none;
    text-transform:none;
    vertical-align:baseline;
    margin:0;
    padding:0;
}
textarea,span,a,img,input,select {
    display:inline-block;
}
a,input[type=button] {
    color:#008;
    background-color:transparent;
}
a:hover,input[type=button]:hover {
    color:#fff;
    background-color:var(--skin-bh);
}
h1,h2 {
    display:table;
    margin:0 auto;
}
h1 {
    font-size:1.5rem;
}
.header {
    border-bottom:0.125rem solid var(--skin-bd);
}
.header img {
    height:1rem;
    margin-bottom:-0.125rem;
    padding:0 0.25rem 0 1rem;
    width:1rem;
    background-color:transparent;
}
.header>:first-child {
    margin:0.25rem auto;
    max-width:75rem;
}
.header>:first-child>:not(:first-child) {
    float:right;
    padding:0 0.125rem;
}
.middle {
    margin:0 auto;
    max-width:75rem;
    padding:0.5rem;
}
.mleft,.mcenter,.mright {
    display:inline-block;
    line-height:0;
    min-height:75rem;
    vertical-align:top;
}
.mleft {
    width:8rem;
}
.mcenter {
    width:calc(80% - 8rem);
}
.mright {
    width:20%;
}
.mleft>a {
    background-color:var(--skin-bf);
}
.mleft>a:hover {
    background-color:var(--skin-bh);
}
.mleft>a:nth-child(3n+1) {
    border-bottom:0.125rem solid var(--skin-bd);
    padding:0.25rem 0.5rem 0.25rem 1rem;
}
.mleft>a:nth-child(3n+2) {
    border-bottom:0.125rem solid var(--skin-bd);
    padding:0.25rem 1rem 0.25rem 0.5rem;
}
.mleft>a[active]:hover {
    background-image:none;
}
.mleft>a[active] {
    background-image:linear-gradient(to top,orange,var(--skin-bf),var(--skin-bf),var(--skin-bf),var(--skin-bf),var(--skin-bf),var(--skin-bf));
}
.mcnavi>a {
    background-color:var(--skin-bf);
    border-radius:1rem 0;
    border:0.125rem solid var(--skin-bd);
    padding:0.25rem;
}
.mcnavi>a:hover {
    background-color:var(--skin-bh);
}
.mcnavi>a[active] {
    border-radius:0;
    float:right;
    height:0.25rem;
    margin-right:0.25rem;
    width:0.25rem;
}
.mcnavi>a:nth-last-child(1) {
    background-color:#ffe;
}
.mcnavi>a:nth-last-child(2) {
    background-color:#eff;
}
.mcnavi>a:nth-last-child(3) {
    background-color:#efe;
}
.mcsearch {
    height:6rem;
    text-align:center;
}
.mcsearch>img {
    height:100%;
}
.mcsearch>input[type="text"] {
    border-right:none;
    border:0.125rem solid var(--skin-bd);
    transform: translateY(-2rem);
    width:6rem;
}
.mcsearch>input[type="button"] {
    border-left:none;
    border:0.125rem solid var(--skin-bd);
    transform: translateY(-2rem);
}
.mcbody,.mclist {
    margin:0 auto;
    max-width:37.5rem;
    white-space:pre-wrap;
}
.mclist>a {
    border-bottom:0.125rem solid var(--skin-bd);
    display:block;
    margin:0.5rem 0;
}
.mclist>a:nth-child(1):before {
    color:red;
    content:"❶ ";
}
.mclist>a:nth-child(2):before {
    color:blue;
    content:"❷ ";
}
.mclist>a:nth-child(3):before {
    color:blue;
    content:"❸ ";
}
.mclist>a:nth-child(4):before {
    color:green;
    content:"❹ ";
}
.mclist>a:nth-child(5):before {
    color:green;
    content:"❺ ";
}
.mclist>a:nth-child(6):before {
    color:green;
    content:"❻ ";
}
.mcpage>a,.mcpage>span {
    border:0.125rem solid var(--skin-bd);
    padding:0.25rem;
}
.mright a {
    background-color:var(--skin-bf);
    display:block;
}
.mright>a:hover {
    background-color:var(--skin-bh);
}
.mright img {
    width:100%;
}
.mright img:last-child {
    transform:rotateX(180deg);
}
@media screen and (max-width:37.5rem)
{
.mleft {
    display:none;
}
.mcenter {
    width:100%;
}
.mright {
    display:none;
}
}
@media screen and (min-width:37.5rem) and (max-width:47.5rem)
{
.mcenter {
    width:calc(100% - 8rem);
}
.mright {
    display:none;
}
}