@media(orientation: landscape) {
    body {
        min-width: 410px;
    }

    .img {
        width: 850px;
    }
}

@media(orientation: portrait) {
    body {
        min-width:410px;
    }

    .img {
        width: 850px;
    }
}
.inline label {
    display: inline;
}

.normal-text {
}

.scroll-text {
    margin: 20px auto 0 auto;
    width: 860px;
    height: 500px;
    overflow: auto;
    display: none;
}

.center-item {
    margin: auto;
}

.center-checkboxtext{
    margin:auto 15px;
}

.checkbox-space p{
    margin:0 10px 0 0;
}
.checkbox-center {
    margin: auto 0 auto 30%;
}

.center-absolute {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.container {
    padding: 10px;
    position: relative;
}

.BigCheckBox input {

    width: 20px;
    height: 20px;
}

.content {
    padding:10px;
    margin:0px 5%;
    background: rgba(250, 250, 250, 0.5);
    color: black;
    top: 0%;
    bottom: 10%;
    left: 10%;
    right: 10%;
}

.content-collaps {
    padding: 0 18px;
    
    background-color: #f1f1f1;
}

.checkboxlist_inline label {
    display: inline;
}
.wrapper{
    margin:20px 40px 0 20px;
}
.wrapper div{
    margin-top:20px;
    margin-left:20px;
}
.scroll-wrapper{
    margin-top:20px;
}

.collapsible {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    border: none;
    text-align: left;
    outline: none;
    font-size:inherit;
    font-weight:bold;
    width:100%;
}

.active, .collapsible:hover {
    background-color: #ccc;
}

.regisBtn {
    width: 100%;
    background: lightskyblue;
    padding: 15px;
    margin: 15px;
    font-size: x-large;
    font-weight: bold;
    font-family: Kanit-Regular;
}

.reddot{
    margin: 0 10px 0 5px;
    color:red;
}