.bg00 {
    background-image: url(../index/bg/12.gif);
    background-color: #09294a;
}

.pgcontain {
  width: 435px;
  margin: auto;
  filter: drop-shadow(0px 0px 5px #00ffc8);
}

.top {
    width: 100%;
    height: 293px;
    background-image: url(banner.png);
}

.middle {
    display: flex;
}

.left {
    width: 16px;
    background-image: url(left.png);
}

.content {
    width: 100%;
    background-image: url(bg.jpg);
    background-position-x: 1px;
    display: flex;
    flex-wrap: wrap;
}

.right {
    width: 17px;
    background-image: url(right.png);
}

.bottom {
    width: 100%;
    height: 215;
    background-image: url(footer.png);
}

.product {
    width: calc(50% - 16px);
    margin: 0 8 16 8;
    height: fit-content;
}

.product a {
    color: red;
    border-color: black;
    text-decoration: none;
}

.product a:hover {
    color: white;
    border-color: white;
    cursor: pointer;
}

.product a:active {
    color: magenta;
    border-color: magenta;
    cursor: pointer;
}

.product img {
    background-color: black;
    width: calc(100% - 2px);
    border: 1px solid;
    border-color: inherit;
    width: 185px;
}

.product h1 {
    margin: 5 2;
    font-family: sans-serif;
    font-size: 18px;
    word-wrap: break-word;
    color: inherit;
    text-shadow: 2px 2px 0px black;
}

.product h2 {
    margin: 0 2 10 2;
    font-family: monospace;
    text-align: right;
    color: rgb(0, 255, 0);
    text-shadow: 2px 2px 0px black;
}

.product p {
    padding: 10;
    margin: 0;
    font-family: sans-serif;
    border: 1px dotted orange;
    color: orange;
    text-align: justify;
    text-shadow: 2px 2px 0px black;
    text-indent: 20px;
}

.notice {
    background-color: red;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 20px;
    margin: 16 8;
    width: 100%;
}