@font-face {
    font-family: "Pixel";
    src: url(../../resources/font/unifont-15.1.04.otf);
}

/* 侧栏 */
aside.sidebar
{
    /* 布局设置 */
    position: absolute;
    left: 2%;
    right: 75%;
}

/* 正文 */
section.content
{
    /* 图片设置 */
    image-rendering: pixelated;

    /* 边框设置 */
    border-image: url("../../resources/px_image/PX_ContentBox.png") 13 fill / 13px / 0 round;
    -webkit-border-image: url("../../resources/px_image/PX_ContentBox.png") 13 fill / 13px / 0 round;
    -o-border-image: url("../../resources/px_image/PX_ContentBox.png") 13 fill / 13px / 0 round;

    /* 布局设置 */
    position: absolute;
    padding: 20px;
    margin-top: 16px;
    left: 26%;
    right: 2%;

    /* 文本 */
    font-size: 20px;
    font-family: "Pixel", sans-serif;
}

@media screen and (max-width: 600px) {
    aside.sidebar
    {
        /* 布局设置 */
        position: relative;
        margin-left: 2%;
        margin-right: 2%;

        left: 0;
        right: 0;
    }

    section.content
    {
        /* 布局设置 */
        position: relative;
        margin-left: 2%;
        margin-right: 2%;

        left: 0;
        right: 0;
    }
}

/* 侧栏 标题 */
h1.app-name
{
    /* 图片设置 */
    image-rendering: pixelated;

    /* 边框设置 */
    border-image: url("../../resources/px_image/PX_TitleBox_H1.png") 13 fill / 13px / 0 round;
    -webkit-border-image: url("../../resources/px_image/PX_TitleBox_H1.png") 13 fill / 13px / 0 round;
    -o-border-image: url("../../resources/px_image/PX_TitleBox_H1.png") 13 fill / 13px / 0 round;

    /* 布局设置 */
    padding: 26px;
    margin-left: 2%;
    margin-right: 2%;
} 


/* 侧栏内容 */
.sidebar-nav
{
    /* 图片设置 */
    image-rendering: pixelated;

    /* 边框设置 */
    border-image: url("../../resources/px_image/PX_ContentBox.png") 13 fill / 13px / 0 round;
    -webkit-border-image: url("../../resources/px_image/PX_ContentBox.png") 13 fill / 13px / 0 round;
    -o-border-image: url("../../resources/px_image/PX_ContentBox.png") 13 fill / 13px / 0 round;

    /* 布局设置 */
    padding: 20px;
    margin-top: 16px;
    margin-left: 2%;
    margin-right: 2%;

    /* 文本 */
    font-size: 20px;
    font-family: "Pixel", sans-serif;
}

/* 背景 */
body
{
    /* 颜色及样式 */
    background-image: url("../../resources/px_image/PX_Background.png");
    color: rgb(47, 47, 47);
}

/* H1 标题 */
h1
{
    /* 图片设置 */
    image-rendering: pixelated;

    /* 边框设置 */
    border-image: url("../../resources/px_image/PX_TitleBox_H1.png") 13 fill / 13px / 0 round;
    -webkit-border-image: url("../../resources/px_image/PX_TitleBox_H1.png") 13 fill / 13px / 0 round;
    -o-border-image: url("../../resources/px_image/PX_TitleBox_H1.png") 13 fill / 13px / 0 round;

    /* 布局设置 */
    padding: 26px;
    margin-left: 2%;
    margin-right: 2%;
} 

/* H1 标题文本 */
h1 a
{
    /* 文本 */
    font-size: 24px;
    font-weight: bold;
    font-family: "Pixel", sans-serif;
    color: rgb(255, 241, 191);
}


/* H2 标题 */
h2 a
{
    /* 图片设置 */
    image-rendering: pixelated;

    /* 边框设置 */
    border-image: url("../../resources/px_image/PX_TitleBox_H2.png") 13 fill / 13px / 0 round;
    -webkit-border-image: url("../../resources/px_image/PX_TitleBox_H2.png") 13 fill / 13px / 0 round;
    -o-border-image: url("../../resources/px_image/PX_TitleBox_H2.png") 13 fill / 13px / 0 round;

    /* 布局设置 */
    padding: 20px;
    margin-left: 2%;
    margin-right: 2%;

    /* 文本 */
    font-size: 24px;
    font-weight: bold;
    font-family: "Pixel", sans-serif;
    color: rgb(255, 255, 255);
}
h2 
{
    margin-top: 80px;
    margin-bottom: 40px;
}
    

/* H3 标题 */
h3 a
{
    /* 图片设置 */
    image-rendering: pixelated;

    /* 边框设置 */
    border-image: url("../../resources/px_image/PX_TitleBox_H2.png") 13 fill / 13px / 0 round;
    -webkit-border-image: url("../../resources/px_image/PX_TitleBox_H2.png") 13 fill / 13px / 0 round;
    -o-border-image: url("../../resources/px_image/PX_TitleBox_H2.png") 13 fill / 13px / 0 round;

    /* 布局设置 */
    padding: 20px;
    margin-left: 2%;
    margin-right: 2%;

    /* 文本 */
    font-size: 24px;
    font-weight: bold;
    font-family: "Pixel", sans-serif;
    color: rgb(255, 255, 255);
}
h3 
{
    margin-top: 80px;
}

h4 a
{
    /* 图片设置 */
    image-rendering: pixelated;

    /* 布局设置 */
    margin-left: 4%;
    margin-right: 4%;

    /* 文本 */
    font-size: 30px;
    font-weight: bold;
    font-family: "Pixel", sans-serif;
    color: rgb(35, 35, 35)
} 



h5 a
{
    /* 图片设置 */
    image-rendering: pixelated;

    /* 布局设置 */
    margin-left: 4%;
    margin-right: 4%;

    /* 文本 */
    font-size: 30px;
    font-weight: bold;
    font-family: "Pixel", sans-serif;
    color: rgb(35, 35, 35)
} 

h6 a
{
    /* 图片设置 */
    image-rendering: pixelated;

    /* 布局设置 */
    margin-left: 4%;
    margin-right: 4%;

    /* 文本 */
    font-size: 20px;
    font-weight: bold;
    font-family: "Pixel", sans-serif;
    color: rgb(35, 35, 35)
} 

/* 图片 */
p img
{
    /* 图片设置 */
    image-rendering: pixelated;

    /* 边框设置 */
    border-image: url("../../resources/px_image/PX_ImageBox.png") 13 fill / 13px / 0 round;
    -webkit-border-image: url("../../resources/px_image/PX_ImageBox.png") 13 fill / 13px / 0 round;
    -o-border-image: url("../../resources/px_image/PX_ImageBox.png") 13 fill / 13px / 0 round;

    /* 布局设置 */
    padding: 20px;
    margin-left: 5%;
    margin-right: 5%;
    max-width: 80%;
    clear: both;
    display: block;
    margin: auto;

}

button.sidebar-toggle
{
    background-color:transparent;
    border-style:none;
}

/* P 行距 */
p
{
    /* 文本 */
    line-height: 25px;

    /* 布局 */
    margin-top: 8px;
    margin-bottom: 2px;
    margin-left: 6%;
    margin-right: 6%;
}

/* 标题下划线 */
a.anchor
{
    text-decoration:none;
}

/* 导航 */
/* 标题下划线 */
li a
{
    text-decoration:none;
    color: rgb(35, 35, 35)
}

li::marker
{
    content: "> "
}

@keyframes blink
{
    0%{opacity: 1;}
    100%{opacity: 0;} 
}
@-webkit-keyframes blink
   {
      0% { opacity: 1; }
      100% { opacity: 0; }
}
@-moz-keyframes blink 
{
      0% { opacity: 1; }
      100% { opacity: 0; }
}
@-ms-keyframes blink 
{
      0% {opacity: 1; } 
      100% { opacity: 0;}
}
@-o-keyframes blink 
{
      0% { opacity: 1; }
      100% { opacity: 0; }
}
em
{
    font-style: normal;
    animation: blink 1s linear infinite;  
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
}