body {
    height: 100%;
}
html {
 overflow-y: scroll;
 overflow-x: scroll;
}
body,
ul,
li {
    margin: 0;
    padding: 0;
}

hr {
    border-top: 1px dotted #000;
    width: calc(100% - 20px);

}

li {
    list-style: none;
}

.float-right {
    float: right;
}

.pankuzu {
    display: flex;
}

.container {
    display: flex;
}

.form_container {
    display: flex;
    flex-wrap: wrap;
    max-width: 1530px;
}

.form_container>div {
    margin-right: 20px;
    margin-bottom: 10px;
}
/* page nation */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    list-style-type: none;
    padding: 0;
}

.pagination a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    border-radius: 1px;
    background-color: #f2f2f2;
    color: #1d2088;
}

.pagination a:not(:hover) {
    text-decoration: none;
}

.pagination .current a {
    background-color: #1d2088;
    color: #fff;
    pointer-events: none;
}
.txt_red {
    color: red;
}
.txt_blue {
    color: blue;
}
.bg_red {
    background-color: rgb(255, 0, 0, 25%);
}
.bg_blue {
    background-color: rgb(0, 0, 255, 25%);
}
.change_region {
    background-color: rgb(255, 255, 0, 25%);
}
.spacer {
    height: 50px;
}
.bt_box {
	display: flex;
	flex-wrap: wrap;
}
.bt_box >div{
	margin-right: 10px;
	margin-bottom: 10px;
}
.bt_box >div>h2 {
 font-size: 16px;
	padding: 0px;
	margin: 0px;
}
.bt_box >div>p{
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
.bt_01 {
    padding: 10px;
    width: 270px;
    height: 70px;
    border-top: 1px solid #00E504;
    border-right: 15px solid #00E504;
    border-bottom: 1px solid #00E504;
    border-left: 1px solid #00E504;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #D7FDD8;
}
.bt_02 {
    padding: 10px;
    width: 270px;
    height: 70px;
    border-top: 1px solid #FF3636;
    border-right: 15px solid #FF3636;
    border-bottom: 1px solid #FF3636;
    border-left: 1px solid #FF3636;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #FFE2E2;
}
.bt_03 {
    padding: 10px;
    width: 270px;
    height: 70px;
    border-top: 1px solid #0064FF;
    border-right: 15px solid #0064FF;
    border-bottom: 1px solid #0064FF;
    border-left: 1px solid #0064FF;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #DDEAFF;
}
.bt_04 {
    padding: 10px;
    width: 270px;
    height: 70px;
    border-top: 1px solid #FF8600;
    border-right: 15px solid #FF8600;
    border-bottom: 1px solid #FF8600;
    border-left: 1px solid #FF8600;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #FFE8CF;
}
.bt_05 {
    padding: 10px;
    width: 270px;
    height: 70px;
    border-top: 1px solid #FF00AE;
    border-right: 15px solid #FF00AE;
    border-bottom: 1px solid #FF00AE;
    border-left: 1px solid #FF00AE;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #FFC5EC;
}
.bt_06 {
    padding: 10px;
    width: 270px;
    height: 70px;
    border-top: 1px solid #FFB600;
    border-right: 15px solid #FFB600;
    border-bottom: 1px solid #FFB600;
    border-left: 1px solid #FFB600;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #FFE4A3;
}
