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

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

/* a */
a:link {color: rgb(253, 240, 181)}
a:visited {color: rgb(253, 220, 73)}
a:hover {color: rgb(255, 189, 8)}
a:active {color: rgb(255, 173, 20)}

/* 标题栏 */
#title_bar 
{
    /* 图片设置 */
    image-rendering: pixelated;

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

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

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

/* 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%;

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

/* 确认按钮 */
#confirm
{
    /* 图片设置 */
    image-rendering: pixelated;

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

    /* 布局设置 */
    padding: 12px;
    margin-left: 40%;
    margin-right: 40%;

    /* 文本 */
    font-size: 24px;
    font-weight: bold;
    font-family: "Pixel", sans-serif;
    color: rgb(203, 255, 210);
} 

/* 内容 */
#content_box 
{
    /* 图片设置 */
    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;
} 

/* 页脚*/
#footer
{
    /* 图片设置 */
    image-rendering: pixelated;

    /* 边框设置 */
    border-image: url("resources/px_image/PX_FooterBox.png") 13 fill / 13px / 0 round;
    -webkit-border-image: url("resources/px_image/PX_FooterBox.png") 13 fill / 13px / 0 round;
    -o-border-image: url("resources/px_image/PX_FooterBox.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;
    color: rgb(233, 233, 233);
} 

@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; }
}
f
{
      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;
}