.button, .menu-item {
    display: block;
    text-decoration: none;
    min-height: 17px;
    line-height: 17px;
    padding: 6px 3px;
    position: relative;
    font-size: 13px;
    color: #d6c49f !important;
    border-radius: 3px;
    border: 1px solid #000;
    margin: 0 auto;
}
.menu-item {
    padding: 5px 0;
    text-align: left;
    color: #bbb;
    background: linear-gradient(180deg, hsl(0deg 1.86% 13.09%) 0%, hsl(0deg 3.14% 10.92%) 50%, hsl(0deg 6.27% 9.13%) 51%, hsl(0deg 4.52% 8.29%) 100%);
}
.menu-item.disabled {
    padding: 5px 0;
    color: #888888;
    background: #272727;
}

.button._1 {
background: linear-gradient(180deg, #445057 3%, #1a252b 3.01%, #1a252b 97%, #445057 97.01%) !important;
}
.button, _2 {
    background: linear-gradient(180deg, #8b6c4db5 3%, #1e1a165e 3.01%, #40240d5e 97%, #8b6c4db5 97.01%) !important;
}
.button._3 {
    background: linear-gradient(180deg, rgba(77, 120, 139, 0.37) 3%, #1e3848 3.01%, #284045 97%, rgba(77, 120, 139, 0.32) 97.01%) !important;
}
.button._4 {
    background: linear-gradient(180deg, rgba(77, 120, 139, 0.37) 3%, #1e38486b 3.01%, #2840456b 97%, rgba(77, 120, 139, 0.32) 97.01%) !important;
}

.button._1::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 5%;
    width: 90%;
    height: 1px;
    z-index: 11;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)) 50% 99% / 85% 5% no-repeat, linear-gradient(90deg, rgba(214, 168, 75, .01), rgb(214 168 75 / 73%), rgb(255 217 140 / 88%), rgb(214 168 75 / 67%), rgba(214, 168, 75, .01));
}
.button._1::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 5%;
    width: 90%;
    height: 1px;
    z-index: 11;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)) 50% 99% / 85% 5% no-repeat, linear-gradient(90deg, rgba(214, 168, 75, .01), rgb(214 168 75 / 73%), rgb(255 217 140 / 88%), rgb(214 168 75 / 67%), rgba(214, 168, 75, .01));
}
.button._2::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 5%;
    width: 90%;
    height: 1px;
    z-index: 11;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)) 50% 99% / 85% 5% no-repeat, linear-gradient(90deg, rgba(214, 168, 75, .01), rgb(214 168 75 / 73%), rgb(255 217 140 / 88%), rgb(214 168 75 / 67%), rgba(214, 168, 75, .01));
}
.button._2::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 5%;
    width: 90%;
    height: 1px;
    z-index: 11;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)) 50% 99% / 85% 5% no-repeat, linear-gradient(90deg, rgba(214, 168, 75, .01), rgb(214 168 75 / 73%), rgb(255 217 140 / 88%), rgb(214 168 75 / 67%), rgba(214, 168, 75, .01));
}
.button._3::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 5%;
    width: 90%;
    height: 1px;
    z-index: 11;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)) 50% 99% / 85% 5% no-repeat, linear-gradient(90deg, rgba(214, 168, 75, .01), #03a9f45e, rgb(8 137 194), #03a9f45e, rgba(214, 168, 75, .01));
}
.button._3::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 5%;
    width: 90%;
    height: 1px;
    z-index: 11;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)) 50% 99% / 85% 5% no-repeat, linear-gradient(90deg, rgba(214, 168, 75, .01), #03a9f45e, rgb(8 137 194), #03a9f45e, rgba(214, 168, 75, .01));
}
.button._4::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 5%;
    width: 90%;
    height: 1px;
    z-index: 11;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)) 50% 99% / 85% 5% no-repeat, linear-gradient(90deg, rgba(214, 168, 75, .01), #03a9f45e, rgb(8 137 194), #03a9f45e, rgba(214, 168, 75, .01));
}
.button._4::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 5%;
    width: 90%;
    height: 1px;
    z-index: 11;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)) 50% 99% / 85% 5% no-repeat, linear-gradient(90deg, rgba(214, 168, 75, .01), #03a9f45e, rgb(8 137 194), #03a9f45e, rgba(214, 168, 75, .01));
}


/* home*/
.main {}

.main table {
    border-collapse: separate;
    border-spacing: 6px 5px;
}
.home_main {
    display: block;
    height: 67px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    color: rgba(219, 180, 114, 0.66);
    font-size: 13px;
    border: 1px solid #805d33;
    text-decoration: none;
    border-radius: 3px;
    /* background: linear-gradient(180deg, rgba(73, 68, 63, 0.73) 3%, #3a372d 3.01%, #14120cb8 97%, #171509 97.01%) !important; */
    font-family: 't';
    text-shadow: 1px 1px 0 rgb(0 0 0 / 60%), 1px -1px 0 rgb(0 0 0 / 60%), -1px -1px 0 rgb(0 0 0 / 60%), -1px 1px 0 rgb(0 0 0 / 60%) !important;
}
.home_main .main_img {
    text-align: center;
    padding: 6px 0 2px 0;
}
.hom {
    font-size: 14px;
    border-width: 0 0 0 0;
    padding: 4px 10px;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 60%);
    color: #bbae80;
}
.hom._1 {
    background: linear-gradient(180deg, hsl(0deg 1.86% 13.09%) 0%, hsl(0deg 3.14% 10.92%) 50%, hsl(0deg 6.27% 9.13%) 51%, hsl(0deg 4.52% 8.29%) 100%);
}
.hom._2 {
    background: linear-gradient(180deg, hsl(53deg 43% 8%) 0%, hsl(51deg 56% 8%) 50%, hsl(51deg 52% 6%) 51%, hsl(55deg 29% 8%) 100%);
}


.btn, .cb_ttl {
    background: #27343b;
    min-width: 100px;
    padding: 8px 20px;
    text-decoration: none !important;
    max-width: 200px;
    display: inline-block;
    font-size: 15px;
    font-family: 't3' !important;
    color: #bebfbf;
    border: 1px solid #0e1316;
    box-shadow: inset 0 -15px #0000001c;
    border-radius: 4px;
    margin: 10px;
}

.btn._1{
    background: url("/public/btn/1.png") no-repeat;
    background-size: 100% 100%;
    padding-top: 17px;
    padding-bottom: 17px;
    color: #feeecf;
}

.btn._2 {
    background: url("/public/btn/2.png") no-repeat;
    background-size: 100% 100%;
}

.btn._3{
    background: url("/public/btn/3.png") no-repeat;
    background-size: 100% 100%;
}

.btn._4 {
  background: url("/public/btn/4.png") no-repeat;
    background-size: 100% 100%;
}

.btn._5{
    background: url("/public/btn/5.png") no-repeat;
    background-size: 100% 100%;
}

.btn._6 {
    background: url("/public/btn/6.png") no-repeat;
    background-size: 100% 100%;
    border: none;
    padding-top: 12px;
    padding-bottom: 12px;
}

.btn._7{
    background: url("/public/btn/7.png") no-repeat;
    background-size: 100% 100%;
}

.btn._8 {
    background: url("/public/btn/8.png") no-repeat;
    background-size: 100% 100%;
}
.btn._9 {
    background: url("/public/btn/9.png") no-repeat;
    background-size: 100% 100%;
}

.btn._10{
    background: url("/public/btn/10.png") no-repeat;
    background-size: 100% 100%;
}

.btn._11 {
    background: url("/public/btn/11.png") no-repeat;
    background-size: 100% 100%;
}
.btn._12 {
    background: url("/public/btn/12.png") no-repeat;
    background-size: 100% 100%;
}
.btn.__even_3-title {
    background: url("/public/even/3/titles.png") no-repeat;
    background-size: 100% 100%;
}

.baginatoin {
    text-decoration: none !important;
 padding: 10px 4px;
    width: 30px;
    display: inline-block;
    font-size: 12px;
    font-family: 't3' !important;
    color: #e5dfdc;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
}
.baginatoin._normal {
    background: url("/public/btn/btn_01_nomal.png") no-repeat;
    background-size: 100% 100%;
}
.baginatoin._disable {
    background: url("/public/btn/btn_01_disable.png") no-repeat;
    background-size: 100% 100%;
}