/* 全般 */

* {
    margin              :0;
    padding             :0;
}

body {
    background-color    :#ffd333; 
    background-image    :url(../image/back.png);
    background-size     :cover;
}

.main{
    font-size           :10pt;
    padding             :10px;
    margin              :10px;
}

a {
    background          :transparent;
}

.passtitle {
    font-size           :16pt;
}

.qrcode{
    background          :transparent;
    border              :0px;
    width               :340px;
    cursor              :pointer;
}

.next{
    background          :transparent;
    border              :0px;
    width               :340px;
    cursor              :pointer;
}

.createroom{
    background          :transparent;
    border              :0px;
    width               :340px;
    cursor              :pointer;
}

.backmeeting{
    background          :transparent;
    border              :0px;
    width               :340px;
    cursor              :pointer;
}

.meetingstart{
    background          :transparent;
    border              :0px;
    width               :340px;
    cursor              :pointer;
}


.menu{
    background          :transparent;
    border              :0px;
    width               :340px;
    cursor              :pointer;
}

.meeting{
    background          :transparent;
    border              :0px;
    width               :340px;
    cursor              :pointer;
}

.room{
    background-image    :url(../image/btnNone.png);
    text-align          :ceneter;
    border              :0px;
    background-size     :cover;
    width               :340px;
    height              :80px;
    background-color    :transparent;
    font-size           :20pt;
    font-weight         :700;
    cursor              :pointer;
    color               :black;
}

.tv{
    background          :transparent;
    border              :0px;
    width               :340px;
    cursor              :pointer;
}

.member{
    background          :transparent;
    border              :0px;
    width               :340px;
    cursor              :pointer;
}

.loginid{
    width               :310px;
    height              :60px;
    border-radius       :15px;
    font-size           :20pt;
    color               :black;
    border              :solid 2px;
    background          :#ffffff;
    padding-left        :10px;
    padding-right       :10px;
}

.loginpass{
    width:310px;
    height:60px;
    border-radius: 15px;
    font-size:20pt;
    color:black;
    border:solid 2px;
    background:#ffffff;
    padding-left: 10px;
    padding-right: 10px;
}

.info{
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size:20pt;
    color:#0000ff;
    border-color:#0000ff;
text-decoration:underline;
}

.infotitle{
    width:310px;
    height:35px;
    border-radius: 8px;
    font-size:18pt;
    color:black;
    border:solid 2px;
    background:#ffffff;
    padding-left: 10px;
    padding-right: 10px;
}

.infomessage{
    width:310px;
    height:300px;
    overflow: auto; 
    border-radius: 15px;
    font-size:18pt;
    color:black;
    border:solid 2px;
    background:#ffffff;
    padding-left: 10px;
    padding-right: 10px;
    white-space: pre-wrap;
}

.news{
    width:310px;
    height:180px;
    overflow: auto; 
    border-radius: 15px;
    font-size:18pt;
    color:black;
    border:solid 2px;
    background:#ffffff;
    padding-left: 10px;
    padding-right: 10px;
}

.meetingname{
    width:310px;
    height:60px;
    border-radius: 15px;
    font-size:20pt;
    color:black;
    border:solid 2px;
    background:#ffffff;
    padding-left: 10px;
    padding-right: 10px;
}

.roomselect{
    width:330px;
    height:60px;
    border-radius: 15px;
    font-size:20pt;
    color:black;
    border:solid 2px;
    background:#ffffff;
    padding-left: 10px;
    padding-right: 10px;
}

#loading{
    position: absolute;
    left: 50%;
    top: 30%;
    }
    #loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(10,10,10,0.5);
    z-index: 100;
}

.titleimage{
    width:100%;
}


}