@media screen and (min-width: 481px) {
    html {
        height:100%;
    }
    body {
        height:100%;
        /* background-image:url("../110327_163738.jpg");
        background-size:cover; */
    }
    .navbar-menu li a {color:#ffffff;}
}
@media screen and (max-width: 480px) {
    body {
        height:1000px;
        background-image:url("../IMG_1527.jpg");
        background-size:cover;
    }
}

.form-container {
    background-color:#333333;
    color:#ffffff;
    opacity:0.8;
    width:80%;
    margin-top: 40px;
    margin-left:auto;
    margin-right:auto;
}
.form-group {
    width:80%;
    margin-left:auto;
    margin-right:auto;
}
/* body {
    background-color:#ffffff;
    margin:0;
    padding:0;
    
}
h1.title{
    color:#ffffff;
    margin:0;
    font-weight: bold;
    font-family: Tahoma, Geneva, Roboto, Verdana, sans-serif
}
h2 {
    font-weight: bold;
    color:white;
    background-color:#237f2b;
    padding-left:10px;
}
.navbar{
    background-color:#3333ff;
}
.navbar-brand{
    color:#ffffff;
}
.navbar-item{
    color:#ffffff;
    background-color:#3333ff;
}
@media screen and (max-width: 1023px) {
    .navbar-start .navbar-item{
        background-color: #ffffff;
        color:#3333ff;
    }
}
.navbar-burger{
    color:#ffffff;
}
.navbar-menu
{
    vertical-align: bottom;
    background-color:#237f2b;
}
.navbar-start .item-menu
{
    background-color:#237f2b;
    color:#ffffff;
    font-weight: bold;
}
.navbar-menu li
{
    display: block;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #333333;
}
.btn {
    background-color:#3333ff;
    border-width:2px;
    border-style:double;
    border-color:#ffffff;
    color:#ffffff;
}
.search-form {
    padding:10px;
}
.ranking-choice-container {
    display: flex;
}
.ranking-choice-item {
    background-color:#888888;
    color:#ffffff;
    padding:5px;
    flex:1;
    border-color:#3333ff;
    border-right:1px solid;
}
.ranking-container{
    border-top: 1px solid;
    border-color:#3333ff;
    color:#333333;
}
.ranking-item{
    border-bottom: 1px solid;
    border-color:#3333ff;
    padding:10px;   
}
.horse-container{
    border-top: 1px solid;
    border-color:#3333ff;
    color:#333333;
}
.horse-item{
    border-bottom: 1px solid;
    border-color:#3333ff;
    padding:10px;   
}
.race-container{
    border-top: 1px solid;
    border-color:#3333ff;
    color:#333333;
}
.race-item{
    border-bottom: 1px solid;
    border-color:#3333ff;
    padding:10px;   
}
.race-name {
    font-weight:bold;
}
.race-horse{
    padding:10px;
}
.isact{
    display:none;
}
.page-link {
    margin:10px;
}
.contents {
    padding:10px;
}
.bbs-date {
    color: #888;
    font-size: smaller;
} */