* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    width: 100%;
    height: 100vh;
    touch-action: manipulation;
} 
body {
    -webkit-touch-callout: none; // リンク長押しのポップアップを無効化
    -webkit-user-select: none;   // テキスト長押しの選択ボックスを無効化
    user-select: none;           // テキスト長押しの選択ボックスを無効化
    overflow: hidden;
    position: fixed;
    font-family:'メイリオ', 'Meiryo', sans-serif;
    font-size: 20px;
    width: 100%;
    height: 100%;
    background: #292E49;
}

#header {
    height: 25px;
}
 
#window {
    width: 98%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

#pass {
    position: absolute;
    display: block;
    width: 98%;
    height: 98%;
    left: 1%;
    top: 1%;
    background: #292E49 0% 0% no-repeat padding-box;
    border-radius: 10px;
    z-index: 10000;
    text-align: center;
}
.pre-post {
    position: absolute;
    width: 100%;
    top: 10%;
    font-size: 30px;
    color: #FFFFFF;
}
#pass_input {
    position: absolute;
    width: 100%;
    top: 25%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
#team_name {
    width: 500px;
    left: 0px;
    font-size: 20px;
    padding: 5px;
    border-radius: 10px;
    margin-top: 10px;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    background: #292E49 0% 0% no-repeat padding-box;
}
#account {
    width: 500px;
    font-size: 20px;
    padding: 5px;
    border-radius: 10px;
    margin-top: 10px;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    background: #292E49 0% 0% no-repeat padding-box;
}
#password {
    width: 500px;
    font-size: 20px;
    padding: 5px;
    border-radius: 10px;
    margin-top: 10px;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    background: #292E49 0% 0% no-repeat padding-box;
}
#login {
    width: 150px;
    margin-top: 30px;
    font-size: 20px;
    color: #000050;
    padding: 5px;
    border-radius: 60px;
}
.team {
    cursor: pointer;
    margin-top: 50px;
    color: #FFFFFF;
    font-size: 16px;
}
.hr1 {
    width: 500px;
    margin-top: 30px;
}
#signup {
    width: 250px;
    margin-top: 20px;
    font-size: 20px;
    padding: 5px;
    color: #000050;
    border-radius: 10px;
}
#message_box {
    width: 300px;
    margin-top: 0px;
    font-size: 24px;
    color: #e53935;
    border-radius: 10px 10px 10px 10px;
}
.logo {
    position: absolute;
    width: 100%;
    bottom: 20px;
}

#expired {
    position: absolute;
    width: 98%;
    height: 98%;
    left: 1%;
    top: 1%;
    background-color: rgba(255, 255, 235, 0.5);
    border-radius: 10px;
    z-index: 10000;
    text-align: center;
    display: none;
}
.expired_area {
    text-align: left;
    width: 550px;
    padding: 10px;
    margin-top: 100px;
    font-size: 20px;
    border-radius: 5px;
    background-color: #FFFFFF;
}
.expired_title {
    text-align: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
}
.expired_text {
    text-align: left;
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 20px;
}
.expired_memo {
    text-align: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
}

#meeting_area {
    position: absolute;
    display: none;
    width: 98%;
    height: 98%;
    left: 1%;
    top: 1%;
    background: #292E49 0% 0% no-repeat padding-box;
    border-radius: 10px;
    z-index: 5000;
}
 
#canvas {
    width: 100%;
    height: 80%;
    margin-left: 0px;
    margin-right: auto;
    position: relative;
}

#canvasL {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
#canvas-viewerL {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #3a4064;
    z-index: 35;
}
/*#canvas-drawerL {
    //StyleSheetに記載するとうまく動かないので、HTMLにインラインで記述///
    pointer-events: none; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 101;
} */
#canvas-videoL {
    display: none;
}
#canvasR {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    bottom: 0px;
}
#canvas-viewerR {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    bottom: 0px;
    background: #3a4064;
    z-index: 30;
}
/*#canvas-drawerR {
    //StyleSheetに記載するとうまく動かないので、HTMLにインラインで記述///
    pointer-events: none; position: absolute; width: 100%; height: 100%; right: 0px; bottom: 0px; z-index: 100;
} */
#canvas-videoR {
    display: none;
}
/*
#imgVideoL {
    position: absolute; width: 42px; height: 42px; left: 5px; top: 5px; cursor: pointer; border-radius: 5px; z-index: 41;
}
#imgVideoL:active {
    font-weight: bolder; box-shadow: none; position: absolute; top: 6px; left: 6px;
}
#imgVideoR {
    position: absolute; width: 42px; height: 42px; right: 5px; top: 5px; cursor: pointer; border-radius: 5px; z-index: 40;
}
#imgVideoR:active {
    font-weight: bolder; box-shadow: none; position: absolute; top: 6px; right: 4px;
}
*/
.now {
    position: relative;
    top: 15px;
    width: 100%;
    text-align: center;
}
.now_disp {
    top: 0px;
    width: 103px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: #3a4064;
    font-size: 18px;
    color: #ffffff;
}
#nowL {
    position: relative;
    display: inline-block;
    z-index: 41;
}
#nowR {
    position: relative;
    display: inline-block;
    z-index: 40;
}
#diffL {
    position: relative;
    display: inline-block;
    width: 80px;
    top: 2px;
    margin-right: 5px;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 14px;
    background-color: #3a4064;
    text-align: center;
    z-index: 41;
}
#diffR {
    position: relative;
    display: inline-block;
    width: 80px;
    top: 2px;
    margin-right: 5px;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 14px;
    background-color: #3a4064;
    text-align: center;
    z-index: 40;
}
#speedL {
    position: relative;
    display: inline-block;
    width: 40px;
    margin-left: 3px;
    border: solid;
    border-width: thin;
    border-color: #770000;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 12px;
    background-color: #770000;
    text-align: center;
    z-index: 41;
    cursor: pointer;
}
#speedL:hover {
    background-color: #AA0000;
}
#speedR {
    position: relative;
    display: inline-block;
    width: 40px;
    margin-left: 3px;
    border: solid;
    border-width: thin;
    border-color: #770000;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 12px;
    background-color: #770000;
    text-align: center;
    z-index: 40;
    cursor: pointer;
}
#speedR:hover {
    background-color: #AA0000;
}

#imgVideo {
    position: absolute;
    width: 42px;
    height: 42px;
    right: 8px;
    bottom: 254px;
    cursor: pointer;
    border-radius: 10px;
    background: #4646464D 0% 0% no-repeat padding-box;
    z-index: 1055;
}
#imgVideo:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#imgVideo:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}
#screen {
    position: absolute;
    width: 42px;
    height: 42px;
    right: 8px;
    bottom: 300px;
    cursor: pointer;
    border-radius: 10px;
    background: #4646464D 0% 0% no-repeat padding-box;
    z-index: 1056;
}
#screen:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#screen:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}
#controller-box {
    width: 100%;
    margin-top: 10px;
    margin-left: 0px;
    /*margin: 2rem auto;*/
    margin-bottom: 10px;
    text-align: center;
}
#controller-center {
    float: left;
    width: 70%;
    margin-top: 10px;
    margin-left: 0px;
    /*margin: 2rem auto;*/
    margin-bottom: 10px;
    text-align: center;
}
#controller-left {
    float: left;
    width: 20%;
    margin-top: 10px;
    margin-left: 0px;
    /*margin: 2rem auto;*/
    margin-bottom: 10px;
    text-align: center;
}
#controller-right {
    float: left;
    width: 10%;
    margin-top: 10px;
    margin-left: 0px;
    /*margin: 2rem auto;*/
    margin-bottom: 10px;
    text-align: center;
}
#tool {
    position: relative;
    display: inline-block;
    margin-top: 4px;
    right: 0px;
    width: 45px;
    border-radius: 10px;
    background: #4646464D 0% 0% no-repeat padding-box;
    cursor: pointer;
    z-index: 1110;
}
#tool:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}
#help {
    position: relative;
    display: inline-block;
    margin-top: 4px;
    right: 0px;
    width: 45px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.0);
    cursor: pointer;
    z-index: 1110;
}
#help:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}
#expired_to {
    position: relative;
    display: inline-block;
    margin-top: 0px;
    top: 0px;
    left: -30px;
    width: 110px;
    border-radius: 5px;
    background-color: #FFFFFF;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    display: none;
    z-index: 1111;
}
#expired_to_day {
    font-size: 20px;
    cursor: pointer;
}

#video-b10 {
    position: relative;
    padding: 2px 2px;
    margin-right: 5px;
    border: 0;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.0);
    z-index: 1106;
}
#video-f10 {
    position: relative;
    padding: 2px 2px;
    margin-right: 5px;
    border: 0;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.0);
    z-index: 1105;
}
#video-stop {
    position: relative;
    padding: 2px 2px;
    margin-right: 10px;
    border: 0;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.0);
    z-index: 1101;
}
#video-stop:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}
#video-play {
    position: relative;
    padding: 2px 2px;
    margin-right: 10px;
    border: 0;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.0);
    z-index: 1102;
}
#video-play:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}
#video-pause {
    position: relative;
    padding: 2px 2px;
    margin-right: 10px;
    border: 0;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.0);
    z-index: 1103;
}
#video-pause:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}
#video-rewind {
    position: relative;
    padding: 2px 2px;
    margin-right: 10px;
    border: 0;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.0);
    z-index: 1104;
}
#video-rewind:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}
#video-forward {
    position: relative;
    padding: 2px 2px;
    margin-right: 10px;
    border: 0;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.0);
    z-index: 1105;
}
#video-forward:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}
#video-sync {
    position: relative;
    padding: 2px 2px;
    margin-right: 10px;
    border: 0;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.0);
    z-index: 1106;
}
#video-sync:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
} 
#voice-rec {
    position: relative;
    float: right;
    margin-top: 4px;
    width: 42px;
    height: 42px;
    z-index: 1107;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.0);
    -webkit-filter: contrast(20%);
}
#img-voice-rec {
    background-color: rgba(0, 0, 0, 0.0);
    -webkit-filter: contrast(20%);
}
#voice-rec:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}
#meeting {
    visibility:hidden;
    position: relative;
    float: right;
    padding: 5px;
    margin-top: 4px;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    z-index: 1108;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.0);
}
#meeting:hover {
    cursor: pointer;
    background: #464646 0% 0% no-repeat padding-box;
}
#meeting:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}

.voice {
    position: absolute;
    height: 80px;
    top: 28px;
}
.voice_batsu {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 23px;
    right: -15px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #999;
    color: #F00;
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: #F00;
    border-width: 2px;
    border-radius: 100%;
    line-height: 1.3em;
    cursor: pointer;
    transition: .2s;
    z-index: 1200;
}
#record_start {
    position: relative;
    cursor: pointer;
    float: right;
    margin-top: 8px;
    width: 100px;
    height: 42px;
    margin-right: 12px;
    font-family: "Helvetica", "メイリオ", sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    border-radius: 10px;
    z-index: 1109;
}

.tpreset {
    position: absolute;
    height: 22px;
    top: -17px;
    cursor: pointer;
}

/* スチル画像削除確認ダイアログ */
#stillDialogPanelL {
    display: none;
    z-index: 20000;
}
#stillDialogBackgroundL {
    position: absolute;
    left: 0px;
    top: 0px;
/*
    width: 100%;
    height: 100%;
*/
    background-color: #000000;
    opacity: 0.2;
    z-index: 20001;
}
#stillDialogContentL {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 200px;
    margin-left: -150px;
    margin-top: -100px;
    background-color: #FDF5E6;
    text-align: center;
    border: solid 1px;
    border-radius: 10px;
    z-index: 20002;
}
#stillDialogMsgL {
    position: absolute;
    color: #1f4e78;
    font-size: 16px;
    font-weight: bold;
    background-color: #FDF5E6;
    width: 80%;
    margin-left: 30px;
    margin-top: 30px;
    text-align: left;
    z-index: 20003;
}
#stillDialogButtonL {
    position: relative;
    background-color: #FDF5E6;
    top: 140px;
    z-index: 20004;
}
#yesStillDeleteL {
    position: absolute;
    left: 40px;
    width: 90px;
    border: solid 1px;
    border-radius: 4px;
    z-index: 20005;
}
#yesStillDeleteL:active {
    transform: translateX(2px) translateY(2px);
}
#noStillDeleteL {
    position: absolute;
    right: 40px;
    width: 90px;
    border: solid 1px;
    border-radius: 4px;
    z-index: 20006;
}
#noStillDeleteL:active {
    transform: translateX(2px) translateY(2px);
}
#stillDialogPanelR {
    display: none;
    z-index: 20000;
}
#stillDialogBackgroundR {
    position: absolute;
    left: 0px;
    top: 0px;
/*
    width: 100%;
    height: 100%;
*/
    background-color: #000000;
    opacity: 0.2;
    z-index: 20001;
}
#stillDialogContentR {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 200px;
    margin-left: -150px;
    margin-top: -100px;
    background-color: #FDF5E6;
    text-align: center;
    border: solid 1px;
    border-radius: 10px;
    z-index: 20002;
}
#stillDialogMsgR {
    position: absolute;
    color: #1f4e78;
    font-size: 16px;
    font-weight: bold;
    background-color: #FDF5E6;
    width: 80%;
    margin-left: 30px;
    margin-top: 30px;
    text-align: left;
    z-index: 20003;
}
#stillDialogButtonR {
    position: relative;
    background-color: #FDF5E6;
    top: 140px;
    z-index: 20004;
}
#yesStillDeleteR {
    position: absolute;
    left: 40px;
    width: 90px;
    border: solid 1px;
    border-radius: 4px;
    z-index: 20005;
}
#yesStillDeleteR:active {
    transform: translateX(2px) translateY(2px);
}
#noStillDeleteR {
    position: absolute;
    right: 40px;
    width: 90px;
    border: solid 1px;
    border-radius: 4px;
    z-index: 20006;
}
#noStillDeleteR:active {
    transform: translateX(2px) translateY(2px);
}
/* 削除確認ダイアログ */
#dialogPanel {
    display: none;
    z-index: 20000;
}
#dialogBackground {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.2;
    z-index: 20001;
}
#dialogContent {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 200px;
    margin-left: -150px;
    margin-top: -100px;
    background-color: #FDF5E6;
    text-align: center;
    border: solid 1px;
    border-radius: 10px;
    z-index: 20002;
}
#dialogMsg {
    position: absolute;
    color: #1f4e78;
    font-size: 16px;
    font-weight: bold;
    background-color: #FDF5E6;
    width: 80%;
    margin-left: 30px;
    margin-top: 30px;
    text-align: left;
    z-index: 20003;
}
#dialogButton {
    position: relative;
    background-color: #FDF5E6;
    top: 140px;
    z-index: 20004;
}
#yesVoiceDelete {
    position: absolute;
    left: 40px;
    width: 90px;
    border: solid 1px;
    border-radius: 4px;
    z-index: 20005;
}
#yesVoiceDelete:active {
    transform: translateX(2px) translateY(2px);
}
#noVoiceDelete {
    position: absolute;
    right: 40px;
    width: 90px;
    border: solid 1px;
    border-radius: 4px;
    z-index: 20006;
}
#noVoiceDelete:active {
    transform: translateX(2px) translateY(2px);
}
/* 録画処理ダイアログ */
#recDialogPanel {
    display: none;
    z-index: 20000;
}
#recDialogBackground {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.2;
    z-index: 20001;
}
#recDialogContent {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 200px;
    margin-left: -200px;
    margin-top: -100px;
    background-color: #FDF5E6;
    text-align: center;
    border: solid 1px;
    border-radius: 10px;
    z-index: 20002;
}
#racDialogMsg {
    position: absolute;
    color: #1f4e78;
    font-size: 16px;
    font-weight: bold;
    background-color: #FDF5E6;
    width: 80%;
    margin-left: 30px;
    margin-top: 30px;
    text-align: left;
    z-index: 20003;
}
#recDialogButton {
    position: relative;
    background-color: #FDF5E6;
    top: 140px;
    z-index: 20004;
}
#recUpload {
    position: absolute;
    left: 30px;
    width: 90px;
    border: solid 1px;
    border-radius: 4px;
    z-index: 20005;
}
#recUpload:active {
    transform: translateX(2px) translateY(2px);
}
#recDownload {
    position: absolute;
    right: 170px;
    width: 90px;
    border: solid 1px;
    border-radius: 4px;
    z-index: 20006;
}
#recDownload:active {
    transform: translateX(2px) translateY(2px);
}
#recCancel {
    position: absolute;
    right: 20px;
    width: 90px;
    border: solid 1px;
    border-radius: 4px;
    z-index: 20007;
}
#recCancel:active {
    transform: translateX(2px) translateY(2px);
}
/* ライブラリ注意ダイアログ */
#libraryDialogPanel {
    display: none;
    z-index: 20000;
}
#libraryDialogBackground {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.2;
    z-index: 20001;
}
#libraryDialogContent {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 200px;
    margin-left: -200px;
    margin-top: -100px;
    background-color: #FDF5E6;
    text-align: center;
    border: solid 1px;
    border-radius: 10px;
    z-index: 20002;
}
#libraryDialogMsg {
    position: absolute;
    color: #1f4e78;
    font-size: 16px;
    font-weight: bold;
    background-color: #FDF5E6;
    width: 80%;
    margin-left: 30px;
    margin-top: 30px;
    text-align: left;
    z-index: 20003;
}
#verifyLibrary {
    position: relative;
    background-color: #FDF5E6;
    top: 140px;
    z-index: 20004;
}
#verifyLibrary:active {
    transform: translateX(2px) translateY(2px);
}
/* ポータビリティ注意ダイアログ */
#portabilityDialogPanel {
    display: none;
    z-index: 20000;
}
#portabilityDialogBackground {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.2;
    z-index: 20001;
}
#portabilityDialogContent {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 200px;
    margin-left: -200px;
    margin-top: -100px;
    background-color: #FDF5E6;
    text-align: center;
    border: solid 1px;
    border-radius: 10px;
    z-index: 20002;
}
#portabilityDialogMsg {
    position: absolute;
    color: #1f4e78;
    font-size: 16px;
    font-weight: bold;
    background-color: #FDF5E6;
    width: 80%;
    margin-left: 30px;
    margin-top: 30px;
    text-align: left;
    z-index: 20003;
}
#verifyPortability {
    position: relative;
    background-color: #FDF5E6;
    top: 140px;
    z-index: 20004;
}
#verifyPortability:active {
    transform: translateX(2px) translateY(2px);
}
/* ファイルアップロードリミット確認ダイアログ */
#dialogPanelLimit {
    display:none;
}
#dialogBackgroundLimit {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.2;
    z-index: 1111;
}
#dialogContentLimit {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 200px;
    margin-left: -150px;
    margin-top: -100px;
    background-color: #FDF5E6;
    text-align: center;
    border: solid 1px;
    border-radius: 10px;
    z-index: 1112;
}
#dialogMsgLimit {
    position: absolute;
    color: #1f4e78;
    font-weight: bold;
    background-color: #FDF5E6;
    width: 80%;
    margin-left: 30px;
    margin-top: 30px;
    text-align: left;
}
#dialogButtonLimit {
    position: relative;
    background-color: #FDF5E6;
    top: 140px;
    z-index: 1116;
}
#verifyLimit {
    position: absolute;
    left: 105px;
    width: 90px;
    border: solid 1px;
    border-radius: 4px;
}
#verifiLimit:active {
    transform: translateX(2px) translateY(2px);
}

#progress-wrapL {
    position: absolute;
    width: 80%;
    height: 2rem;
    margin-left: 10%;
    z-index: 141;
    left: 0px;
    bottom: 40px;
}
#progress-outL {
    width: 100%;
    height: 100%;
    background-color: rgba(35, 42, 55, 0.7);
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    transform: scaleY(0.5);
    transition: 0.3s;
    z-index: 42;
}
#progress-outL:hover {
    transform: scaleY(1.0);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}
#progress-inL {
    margin: 0 auto 0 0;
    width: 100%;
    height: 100%;
    background-color: #9FBFFF;
    border-radius: 3px;
    transform-origin: top left;
    transition: 0.1s;
    z-index: 43;
}
#progressImgL {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 5%;
    bottom: 40px;
    cursor: pointer;
    border-radius: 5px;
    background: #4646464D 0% 0% no-repeat padding-box;
    z-index: 141;
}
#progressImgL:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#inversionImgL {
    position: absolute;
    width: 30px;
    height: 24px;
    left: 5%;
    bottom: 12px;
    cursor: pointer;
    border-radius: 5px;
    background: #4646464D 0% 0% no-repeat padding-box;
    z-index: 41;
}
#inversionImgL:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#stillImageImgL {
    position: absolute;
    display: none;
    width: 30px;
    height: 30px;
    right: 5%;
    bottom: 10px;
    cursor: pointer;
    border-radius: 5px;
    background: #4646464D 0% 0% no-repeat padding-box;
    z-index: 41;
}
#stillImageImgL:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#stillUploadAreaL {
    pointer-events: auto;
    display: none;
    position: absolute;
    width: 60%;
    height: 200px;
    bottom: 270px;
    margin-left: 20%;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 42;
}
#stillDisplayAreaL {
    pointer-events: auto;
    display: none;
    position: relative;
    width: 100%;
    height: 460px;
    top: -140px;
    border-radius: 10px;
    background-color: rgba(55, 55, 55, 1.0);
    z-index: 43;
}
#stillTitleL {
    position: relative;
    width: 80%;
    top: 10%;
    left: 10%;
    padding: 3px 0 3px 8px;
    border-radius: 5px;
    font-size: 14px;
    color: #0000FF;
    background-color: rgba(255, 255, 255, 0.3);
}
#stillImageL {
    cursor: pointer;
    position: relative;
    width: 80%;
    top: 25%;
    left: 10%;
    padding: 3px 0 3px 8px;
    border-radius: 5px;
    font-size: 16px;
    color: #0000FF;
    background-color: rgba(255, 255, 255, 0.3);
}
#stillControlL {
    position: absolute;
    width: 100%;
    bottom: 50px;
    background-color: rgba(255, 255, 255, 0.3);
}
#stillUploadL {
    cursor: pointer;
    position: absolute;
    width: 100px;
    right: 15%;
    border-radius: 5px;
}
#stillCancelL {
    cursor: pointer;
    position: absolute;
    width: 100px;
    left: 15%;
    border-radius: 5px;
}
#stillSizL {
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
}
#stillSizeL {
    cursor: pointer;
    width: 50px;
    height: 30px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 20px;
    color: #ff9999;
    background-color: #1f4e78;
    border-style: ridge;
    border-color: #ffffff;
}
#stillSizeL:hover {
    cursor: pointer;
    background-color: #3f6e98;
}
#stillSizeL:active {
    color: #ffffff;
    background-color: #ff0000;
    border-color: #1f4e78;
}
#stillClsL {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
}
#stillCloseL {
    cursor: pointer;
    width: 30px;
    height: 30px;
    color: #ffffff;
    font-size: 18px;
    border-radius: 20px;
    color: #ff9999;
    background-color: #1f4e78;
    border-style: ridge;
    border-color: #ffffff;
}
#stillCloseL:hover {
    cursor: pointer;
    background-color: #3f6e98;
}
#stillCloseL:active {
    color: #ffffff;
    background-color: #ff0000;
    border-color: #1f4e78;
}
#stillDellL {
    cursor: pointer;
    position: absolute;
    bottom: 5px;
    right: 5px;
}
#stillDeleteL {
    cursor: pointer;
    width: 50px;
    height: 30px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 20px;
    color: #ff9999;
    background-color: #1f4e78;
    border-style: ridge;
    border-color: #ffffff;
}
#stillDeleteL:hover {
    cursor: pointer;
    background-color: #3f6e98;
}
#stillDeleteL:active {
    color: #ffffff;
    background-color: #ff0000;
    border-color: #1f4e78;
}
#stillImgL {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center
}
#stillDispImgL {
    position: absolute;
    top: 40%;
}

#timePresetImgL {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 5%;
    bottom: 40px;
    cursor: pointer;
    border-radius: 5px;
    background: #4646464D 0% 0% no-repeat padding-box;
    z-index: 41;
}
#timePresetImgL:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#timeCommentAreaL {
    pointer-events: auto;
    display: none;
    position: absolute;
/*    top: 15%;  */
    width: 70%;
    height: 160px;
    bottom: 120px;
    margin-left: 15%;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.3); 
    z-index: 141;
}
#time_up_left_L {
    position: relative;
    display: inline-block;
    width: 60%;
    text-align: left;
}
#time_up_right_L {
    position: relative;
    display: inline-block;
    width: 40%;
    text-align: right;
}
#time_dw_left_L {
    position: relative;
    display: inline-block;
    width: 50%;
    text-align: left;
}
#time_dw_right_L {
    position: relative;
    display: inline-block;
    width: 50%;
    padding-bottom: 3px;
    text-align: right;
}
#timePresetDelL {
    position: relative;
    display: inline-block;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    background-color: #9FBFFF;
    border-radius: 10px;
    cursor: pointer;
}
#timePresetDelL:active {
    transform: translateX(1px) translateY(1px);
}
#timeCommentCloseL {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    background-color: #FFFFFF;
    border-radius: 2px;
    cursor: pointer;
}
#timeCommentCloseL:active {
    transform: translateX(1px) translateY(1px);
}
#timeCommentL {
    pointer-events: auto;
    position: relative;
    margin-left: 5%;
    width: 90%;
    height: 82px;
    margin-top: 5px;
    padding: 2px;
    overflow: scroll;
    resize: none;
}
#timeAnalyzerL {
    display: none;
    position: relative;
    float: left;
    margin-left: 5%;
    width: 45%;
    height: 270px;
    margin-top: 5px;
    padding: 2px;
    resize: none;
}
#timePlayerL {
    display: none;
    position: relative;
    margin-left: 5%;
    width: 45%;
    height: 220px;
    margin-top: 5px;
    padding: 2px;
    resize: none;
}
#timeCommentSetL {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    background-color: #9FBFFF;
    border-radius: 10px;
    cursor: pointer;
}
#timeCommentSetL:active {
    transform: translateX(1px) translateY(1px);
}
#timeCommentDisplayAreaL {
/*    pointer-events: none;
*/
    display: none;
    position: absolute;
    width: 80%;
    height: 80px;
    bottom: 110px;
    margin-left: 10%;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 41;
}
#timeCommentDispL {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    margin-left: 5%;
    width: 85%;
    height: 50px;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
    outline: none;
    border-radius: 5px;
    overflow: scroll;
    resize: none;
    font-size: 16px;
    font-weight: bolder;
    color: #0000E0;
}
#timeCommentCloseDispL {
    pointer-events: auto;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    margin-left: 20px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
    background-color: #FFFFFF;
    border-radius: 2px;
    cursor: pointer;
}
#timeCommentCloseDispL:active {
    transform: translateX(1px) translateY(1px);
}

#progress-wrapR {
    position: absolute;
    width: 80%;
    height: 2rem;
    margin-right: 10%;
    z-index: 31;
    right: 0px;
    bottom: 40px;
}
#progress-outR {
    width: 100%;
    height: 100%;
    background-color: rgba(35, 42, 55, 0.7);
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    transform: scaleY(0.5);
    transition: 0.3s;
    z-index: 32;
}
#progress-outR:hover {
    transform: scaleY(1.0);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}
#progress-inR {
    margin: 0 auto 0 0;
    width: 100%;
    height: 100%;
    background-color: #9FBFFF;
    border-radius: 3px;
    transform-origin: top left;
    transition: 0.1s;
    z-index: 33;
}
#progressImgR {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 5%;
    bottom: 40px;
    cursor: pointer;
    border-radius: 5px;
    background: #4646464D 0% 0% no-repeat padding-box;
    z-index: 31;
}
#progressImgL:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#inversionImgR {
    position: absolute;
    width: 30px;
    height: 24px;
    left: 5%;
    bottom: 12px;
    cursor: pointer;
    border-radius: 5px;
    background: #4646464D 0% 0% no-repeat padding-box;
    z-index: 31;
}
#inversionImgR:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#stillImageImgR {
    position: absolute;
    display: none;
    width: 30px;
    height: 30px;
    right: 5%;
    bottom: 10px;
    cursor: pointer;
    border-radius: 5px;
    background: #4646464D 0% 0% no-repeat padding-box;
    z-index: 31;
}
#stillImageImgR:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#stillUploadAreaR { 
    pointer-events: auto;
    display: none;
    position: absolute;
    width: 60%;
    height: 200px;
    bottom: 270px;
    margin-left: 20%;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 32;
}
#stillDisplayAreaR {
    pointer-events: auto;
    display: none;
    position: relative;
    width: 100%;
    height: 460px;
    top: -140px;
    border-radius: 10px;
    background-color: rgba(55, 55, 55, 1.0);
    z-index: 33;
}
#stillTitleR {
    position: relative;
    width: 80%;
    top: 10%;
    left: 10%;
    padding: 3px 0 3px 8px;
    border-radius: 5px;
    font-size: 14px;
    color: #0000FF;
    background-color: rgba(255, 255, 255, 0.3);    
}
#stillImageR {
    position: relative;
    width: 80%;
    top: 25%;
    left: 10%;
    padding: 3px 0 3px 8px;
    border-radius: 5px;
    font-size: 16px;
    color: #0000FF;
    background-color: rgba(255, 255, 255, 0.3);
}
#stillControlR {
    position: absolute;
    width: 100%;
    bottom: 50px;
    background-color: rgba(255, 255, 255, 0.3);
}
#stillUploadR {
    position: absolute;
    width: 100px;
    right: 15%;
    border-radius: 5px;
}
#stillCancelR {
    position: absolute;
    width: 100px;
    left: 15%;
    border-radius: 5px;
}
#stillSizR {
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
}
#stillSizeR {
    cursor: pointer;
    width: 50px;
    height: 30px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 20px;
    color: #ff9999;
    background-color: #1f4e78;
    border-style: ridge;
    border-color: #ffffff;
}
#stillSizeR:hover {
    cursor: pointer;
    background-color: #3f6e98;
}
#stillSizeR:active {
    color: #ffffff;
    background-color: #ff0000;
    border-color: #1f4e78;
}
#stillClsR {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
}
#stillCloseR {
    cursor: pointer;
    width: 30px;
    height: 30px;
    color: #ffffff;
    font-size: 18px;
    border-radius: 20px;
    color: #ff9999;
    background-color: #1f4e78;
    border-style: ridge;
    border-color: #ffffff;
}
#stillCloseR:hover {
    cursor: pointer;
    background-color: #3f6e98;
}
#stillCloseR:active {
    color: #ffffff;
    background-color: #ff0000;
    border-color: #1f4e78;
}
#stillDellR {
    cursor: pointer;
    position: absolute;
    bottom: 5px;
    right: 5px;
}
#stillDeleteR {
    cursor: pointer;
    width: 50px;
    height: 30px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 20px;
    color: #ff9999;
    background-color: #1f4e78;
    border-style: ridge;
    border-color: #ffffff;
}
#stillDeleteR:hover {
    cursor: pointer;
    background-color: #3f6e98;
}
#stillDeleteR:active {
    color: #ffffff;
    background-color: #ff0000;
    border-color: #1f4e78;
}
#stillImgR {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center
}
#stillDispImgR {
    position: absolute;
    top: 40%;
}

#timePresetImgR {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 5%;
    bottom: 40px;
    cursor: pointer;
    border-radius: 5px;
    background: #4646464D 0% 0% no-repeat padding-box;
    z-index: 31;
}
#timePresetImgR:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#timeCommentAreaR {
    pointer-events: auto;
    display: none;
    position: absolute;
/*    top: 15%;  */
    width: 70%;
    height: 160px;
    bottom: 120px;
    margin-left: 15%;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 131;
}
#time_up_left_R {
    position: relative;
    display: inline-block;
    width: 50%;
    text-align: left;
}
#time_up_right_R {
    position: relative;
    display: inline-block;
    width: 50%;
    text-align: right;
}
#time_dw_left_R {
    position: relative;
    display: inline-block;
    width: 50%;
    text-align: left;
}
#time_dw_right_R {
    position: relative;
    display: inline-block;
    width: 50%;
    padding-bottom: 3px;
    text-align: right;
}
#timePresetDelR {
    position: relative;
    display: inline-block;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    background-color: #9FBFFF;
    border-radius: 10px;
    cursor: pointer;
}
#timePresetDelR:active {
    transform: translateX(1px) translateY(1px);
}
#timeCommentCloseR {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    background-color: #FFFFFF;
    border-radius: 2px;
    cursor: pointer;
}
#timeCommentCloseR:active {
    transform: translateX(1px) translateY(1px);
}
#timeCommentR {
    pointer-events: auto;
    position: relative;
    margin-left: 5%;
    width: 90%;
    height: 82px;
    margin-top: 5px;
    padding: 2px;
    overflow: scroll;
    resize: none;
}
#timeAnalyzerR {
    display: none;
    position: relative;
    float: left;
    margin-left: 5%;
    width: 45%;
    height: 270px;
    margin-top: 5px;
    padding: 2px;
    resize: none;
}
#timePlayerR {
    display: none;
    position: relative;
    margin-left: 5%;
    width: 45%;
    height: 220px;
    margin-top: 5px;
    padding: 2px;
    resize: none;
}
#timeCommentSetR {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    background-color: #9FBFFF;
    border-radius: 10px;
    cursor: pointer;
}
#timeCommentSetR:active {
    transform: translateX(1px) translateY(1px);
}
#timeCommentDisplayAreaR {
/*    pointer-events: none;
*/
    display: none;
    position: absolute;
    width: 80%;
    height: 80px;
    bottom: 110px;
    margin-left: 10%;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 31;
}
#timeCommentDispR {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    margin-left: 5%;
    width: 85%;
    height: 50px;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
    outline: none;
    border-radius: 5px;
    overflow: scroll;
    resize: none;
    font-size: 16px;
    font-weight: bolder;
    color: #0000E0;
}
#timeCommentCloseDispR {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    margin-left: 20px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
    background-color: #FFFFFF;
    border-radius: 2px;
    cursor: pointer;
}
#timeCommentCloseDispR:active {
    transform: translateX(1px) translateY(1px);
}
.coachErea {
    position: relative;
    width: 80%;
    left: 0px;
}
.eventErea {
    position: relative;
    width: 80%;
    left: 0px;
}
.playErea {
    position: relative;
    width: 80%;
    left: 0px;
}
.playerErea {
    position: relative;
    width: 80%;
    left: 0px;
}
.coachTitle {
    width: 140px;
    background-color: #ffff99;
    border-radius: 4px;
    font-size: 14px;
    padding: 0px 8px 0px 8px;
    margin-top: 5px;
    margin-top: 3px;
    margin-bottom: -5px;
}
.eventTitle {
    width: 140px;
    background-color: #ffff99;
    border-radius: 4px;
    font-size: 14px;
    padding: 0px 8px 0px 8px;
    margin-top: 3px;
    margin-bottom: -5px;
}
.playTitle {
    width: 140px;
    background-color: #ffff99;
    border-radius: 4px;
    font-size: 14px;
    padding: 0px 8px 0px 8px;
    margin-top: 3px;
    margin-bottom: -5px;
}
.playerTitle {
    width: 100px;
    background-color: #ffff99;
    border-radius: 4px;
    font-size: 14px;
    padding: 0px 8px 0px 8px;
    margin-top: 3px;
    margin-bottom: -5px;
}
.coachSelect {
    width: 100%;
    margin-top: 1px;
}
.eventSelect {
    width: 100%;
    margin-top: 1px;
}
.playSelect {
    width: 100%;
    margin-top: 1px;
}
.playerSelect {
    width: 100%;
    margin-top: 1px;
}
#coachSelectL {
}
#eventSelectL {
}
#playSelectL {
    margin-top: 10px;
}
#playerSelectL {
    margin-top: 10px;
}
#coachSelectL {
}
#eventSelectR {
}
#playSelectR {
    margin-top: 10px;
}
#playerSelectR {
    margin-top: 10px;
}

#setPlayFilter {
    pointer-events: auto;
    display: none;
    position: absolute;
    top: 64px;
    left: 90px;
    width: 55%;
    height: 280px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 150;
}
#setPlayFilter_header {
    position: relative;
    display: inline-block;
    width: 100%;
}
#setPlayFilter_clear {
    display: inline-block;
    float: left;
    margin-top: 5px;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    background-color: #9FBFFF;
    border-radius: 10px;
    cursor: pointer;
}
#setPlayFilter_clear:active {
    transform: translateX(1px) translateY(1px);
}
#setPlayFilter_close {
    display: inline-block;
    float: right;
    margin-top: 5px;
    margin-right: 20px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    background-color: #FFFFFF;
    border-radius: 2px;
    cursor: pointer;
}
#setPlayFilter_close:active {
    transform: translateX(1px) translateY(1px);
}
#setPlayFilter_body_l {
    position: relative;
    float: left;
    margin-left: 5%;
    width: 45%;
    height: 270px;
    margin-top: 5px;
    padding: 2px;
    resize: none;
}
#setPlayFilter_body_r {
    position: relative;
    float: left;
    margin-left: 5%;
    width: 45%;
    height: 270px;
    margin-top: 5px;
    padding: 2px;
    resize: none;
}
#filter_playSelect {
    margin-top: 10px;
}
#filter_playerSelect {
    margin-top: 10px;
}


#video-file {
    display: none;
}
#video-select {
    position: absolute;
    background: #4646464D 0% 0% no-repeat padding-box;
    /*background-color: rgba(255, 255, 255);*/
    padding: 4px;
    width: 42px;
    height: 42px;
    left: 9px;
    bottom: 80px;
    cursor: pointer;
    border-radius: 5px;
    z-index: 1057;
}
#video-select:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#video-select:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}

#cloud {
    position: absolute;
    background: #4646464D 0% 0% no-repeat padding-box;
    padding: 4px;
    width: 42px;
    height: 42px;
    right: 9px;
    bottom: 80px;
    cursor: pointer;
    border-radius: 10px;
    z-index: 1059;
}
#cloud:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#cloud:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}

#grid {
    position: absolute;
    background: #4646464D 0% 0% no-repeat padding-box;
    -webkit-filter:contrast(20%);
    padding: 4px;
    width: 42px;
    height: 42px;
    left: 9px;
    bottom: 280px;
    cursor: pointer;
    border-radius: 10px;
    z-index: 1060;
}
#grid:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#grid:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}

#drawer {
    position: absolute;
    background: #4646464D 0% 0% no-repeat padding-box;
    -webkit-filter:contrast(20%);
    padding: 4px;
    width: 42px;
    height: 42px;
    left: 9px;
    bottom: 230px;
    cursor: pointer;
    border-radius: 10px;
    z-index: 1060;
}
#drawer:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#drawer:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}

#measure {
    position: absolute;
    background: #4646464D 0% 0% no-repeat padding-box;
    -webkit-filter:contrast(20%);
    padding: 4px;
    width: 42px;
    height: 42px;
    left: 9px;
    bottom: 180px;
    cursor: pointer;
    border-radius: 10px;
    z-index: 1060;
}
#measure:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#measure:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}

#distanceL {
    position: absolute;
    /*left: 300px;*/
    top: 10px;
    width: 300px;
    height: 100px;
    border-radius: 5px;
    background-color: rgba(250, 250, 250, 0.3);
    z-index: 170;
    cursor: move;
    display: none;
}
#distSvgL {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 171;
}
#distanceR {
    position: absolute;
    left: 300px;
    top: 10px;
    width: 300px;
    height: 100px;
    border-radius: 5px;
    background-color: rgba(250, 250, 250, 0.3);
    z-index: 180;
    cursor: move;
    display: none;
}
#distSvgR {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 181;
}
.distBatsu {
    position: absolute;
    right: 0px;
    font-size: 100%;/*ボタンの大きさ*/
    font-weight: bold;
    border: 1px solid #999;
    color: #F00;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 1.3em;
    line-height: 1.3em;
    text-align: center;
    cursor: pointer;
    transition: .2s;
    z-index: 182;
}
.distBatsu:hover{
    background: #F00;
    border-color: #F00;
    color: #FFF;
}
#distL0 {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 29px;
    height: 29px;
    margin: 0px;
    cursor: pointer;
    z-index: 174;
}
#distL1 {
    position: absolute;
    left: 260px;
    top: 20px;
    width: 29px;
    height: 29px;
    margin: 0px;
    cursor: pointer;
    z-index: 175;
}
#distR0 {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 29px;
    height: 29px;
    margin: 0px;
    cursor: pointer;
    z-index: 184;
}
#distR1 {
    position: absolute;
    left: 260px;
    top: 20px;
    width: 29px;
    height: 29px;
    margin: 0px;
    cursor: pointer;
    z-index: 185;
}
#distBasisL {
    position: absolute;
    left: 100px;
    top: 65px;
    width: 80px;
    height: 35px;
    margin: 0px;
    background-color: #007766;
    cursor: pointer;
    z-index: 176;
}
#distBasisLtxt {
    position: absolute;
    width: 60px;
    height: 35px;
    text-align: right;
    margin: 2px;
    padding: 2px;
    font-size: 26px;
    color: #dedede;
    cursor: text;
    float: left;
    z-index: 177;
    -webkit-user-select: text;
    user-select: text;
}
#distBasisLspn {
    position: absolute;
    left: 60px;
    margin: 10px 0px 0px 2px;
    font-size: 17px;
    color: #dedede;
    text-align: right;
    float: left;
    z-index: 178;
}
#distBasisR { 
    position: absolute;
    left: 100px;
    top: 65px;
    width: 80px;
    height: 35px;
    margin: 0px;
    background-color: #007766;
    cursor: pointer;
    z-index: 186;
}
#distBasisRtxt {
    position: absolute;
    width: 60px;
    height: 35px;
    text-align: right;
    margin: 2px;
    padding: 2px;
    font-size: 26px;
    color: #dedede;
    cursor: text;
    float: left;
    z-index: 187;
    -webkit-user-select: text;
    user-select: text;
}
#distBasisRspn {
    position: absolute;
    left: 60px;
    margin: 10px 0px 0px 2px;
    font-size: 17px;
    color: #dedede;
    text-align: right;
    float: left;
    z-index: 188;
}
.distPoint {
    font-size: 18px;
    color: #00FFBB;
    text-align: center;
}
#measureL {
    position: absolute;
    left: 300px;
    bottom: 100px;
    width: 300px;
    height: 70px;
    border-radius: 5px;
    background-color: rgba(250, 250, 250, 0.0);
    z-index: 190;
    cursor: move;
    display: none;
}
#measSvgL {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 191;
}
#measureR {
    position: absolute;
    left: 300px;
    bottom: 100px;
    width: 300px;
    height: 70px;
    border-radius: 5px;
    background-color: rgba(250, 250, 250, 0.0);
    z-index: 200;
    cursor: move;
    display: none;
}
#measSvgR {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 201;
}
#measL0 {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 29px;
    height: 29px;
    margin: 0px;
    cursor: pointer;
    z-index: 194;
}
#measL1 {
    position: absolute;
    left: 260px;
    top: 20px;
    width: 29px;
    height: 29px;
    margin: 0px;
    cursor: pointer;
    z-index: 195;
}
#measR0 {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 29px;
    height: 29px;
    margin: 0px;
    cursor: pointer;
    z-index: 204;
}
#measR1 {
    position: absolute;
    left: 260px;
    top: 20px;
    width: 29px;
    height: 29px;
    margin: 0px;
    cursor: pointer;
    z-index: 205;
}
#measBasisL {
    position: absolute;
    left: 10px;
    top: 2px;
    width: 70px;
    height: 23px;
    margin: 0px;
    background-color: #007766;
    cursor: pointer;
    z-index: 196;
}
#measBasisLtxt {
    position: absolute;
    width: 40px;
    height: 20px;
    text-align: right;
    margin: 2px;
    font-size: 17px;
    color: #dedede;
    cursor: text;
    float: left;
    z-index: 197;
}
#measBasisLspn {
    position: absolute;
    left: 50px;
    margin: 2px;
    font-size: 17px;
    color: #dedede;
    text-align: right;
    float: left;
    z-index: 198;
}
#measBasisR {
    position: absolute;
    left: 10px;
    top: 2px;
    width: 70px;
    height: 23px;
    margin: 0px;
    background-color: #007766;
    cursor: pointer;
    z-index: 206;
}
#measBasisRtxt {
    position: absolute;
    width: 40px;
    height: 20px;
    text-align: right;
    margin: 2px;
    font-size: 17px;
    color: #dedede;
    cursor: text;
    float: left;
    z-index: 207;
}
#measBasisRspn {
    position: absolute;
    left: 50px;
    margin: 2px;
    font-size: 17px;
    color: #dedede;
    text-align: right;
    float: left;
    z-index: 208;
}
.measPoint {
    font-size: 18px;
    color: #00FFBB;
    text-align: center;
}

#protractor {
    position: absolute;
    background: #4646464D 0% 0% no-repeat padding-box;
    -webkit-filter:contrast(20%);
    padding: 4px;
    width: 42px;
    height: 42px;
    left: 9px;
    bottom: 130px;
    cursor: pointer;
    border-radius: 10px;
    z-index: 1059;
}
#protractor:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#protractor:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}
#protractorL {
    position: absolute;
    left: 300px;
    top: 100px;
    width: 300px;
    height: 200px;
    border-radius: 5px;
    background-color: rgba(250, 250, 250, 0.3);
    z-index: 70;
    cursor: move;
    display: none;
}
#protSvgL {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 71;
}
#protractorR {
    position: absolute;
    left: 300px;
    top: 100px;
    width: 300px;
    height: 200px; 
    border-radius: 5px;
    background-color: rgba(250, 250, 250, 0.3);
    z-index: 80;
    cursor: move;
    display: none;
}
#protSvgR {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 81;
}
.protSankakuL {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent transparent #ffffff;
    cursor: nw-resize;
}
.protSankakuR {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #ffffff transparent;
    cursor: se-resize;
}
#protSankakuLL {
    z-index: 73;
}
#protSankakuRL {
    z-index: 73;
}
#protSankakuLR {
    z-index: 83;
}
#protSankakuRR {
    z-index: 83;
}
.protBatsu {
    position: absolute;
    right: 0px;
    font-size: 100%;/*ボタンの大きさ*/
    font-weight: bold;
    border: 1px solid #999;
    color: #F00;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 1.3em;
    line-height: 1.3em;
    cursor: pointer;
    transition: .2s;
}
.protBatsu:hover{
    background: #F00;
    border-color: #F00;
    color: #FFF;
}
#protBatsuL {
    z-index: 72;
}
#protBatsuR {
    z-index: 82;
}
#protL0 {
    position: absolute;
    left: 100px;
    top: 150px;
    width: 29px;
    height: 29px;
    margin: 0px;
    cursor: pointer;
    z-index: 74;
}
#protL1 {
    position: absolute;
    left: 100px;
    top: 30px;
    width: 29px;
    height: 29px;
    margin: 0px;
    cursor: pointer;
    z-index: 75;
}
#protL2 {
    position: absolute;
    left: 220px;
    top: 150px;
    width: 29px;
    height: 29px;
    margin: 0px;
    cursor: pointer;
    z-index: 76;
}
#protR0 {
    position: absolute;
    left: 100px;
    top: 150px;
    width: 29px;
    height: 29px;
    margin: 0px;
    cursor: pointer;
    z-index: 84;
}
#protR1 {
    position: absolute;
    left: 100px;
    top: 30px;
    width: 29px;
    height: 29px;
    margin: 0px;
    cursor: pointer;
    z-index: 85;
}
#protR2 {
    position: absolute;
    left: 220px;
    top: 150px;
    width: 29px;
    height: 29px;
    margin: 0px;
    cursor: pointer;
    z-index: 86;
}
.protPoint {
    font-size: 18px;
    color: #FE7F9C;
    text-align: center;
}

#zoom-section {
    pointer-events: none;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #4646464D 0% 0% no-repeat padding-box;
    margin-right: 12px;
    margin-bottom: 135px;
    border-radius: 5px 5px 5px 5px;
    z-index: 1050;
}
.zoom {
    width: 33px;
    height: 33px;
}
#zoom-up {
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 1px 1px 1px 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#zoom-up:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#zoom-up:active {
    font-weight: bolder; 
    box-shadow: none;
    position: relative;
    top: 1px;
    left: 1px;
}

#zoom-init {
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 22px;
    padding: 1px 1px 1px 1px;
}
#zoom-init:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#zoom-init:active {
    box-shadow: none;
    position: relative;
    top: 1px;
    left: 1px;
}

#zoom-down {
    width: 36px;
    height: 36px;
    text-align: center;
    font-weight: 800; 
    font-size: 22px;
    padding: 1px 1px 1px 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#zoom-down:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#zoom-down:active {
    box-shadow: none;
    position: relative;
    top: 1px;
    left: 1px;
}

#baseLS {
    position: absolute;
    width: 60px;
    height: 66px;
    bottom: 15px;
    left: 0px;
    z-index: 44;
}
#baseLE {
    position: absolute;
    width: 60px;
    height: 66px;
    bottom: 15px;
    right: 0px;
    z-index: 45;
}
#baseRS {
    position: absolute;
    width: 60px;
    height: 66px;
    bottom: 15px;
    left: 0px;
    z-index: 34;
}
#baseRE {
    position: absolute;
    width: 60px;
    height: 66px;
    bottom: 15px;
    right: 0px;
    z-index: 35;
}
.base_s {
    position: absolute;
    /*width: 77px;
    height: 45px*/
    width: 10px;
    height: 20px;
    bottom: 10px;
    left: 0px;
}
.base_e {
    position: absolute;
    /*width: 77px;
    height: 45px*/
    width: 10px;
    height: 20px;
    bottom: 10px;
    right: 0px;
}
.baseWaku_s {
    position: absolute;
    top: 12px;
    left: 0px;
}
.baseWaku_e {
    position: absolute;
    top: 12px;
    right: 60px;
}
.baseTime_s {
    position: absolute;
    width: 60px;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #3a4064;
    border-radius:3px;
}
.baseTime_e {
    position: absolute;
    width: 60px;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #3a4064;
    border-radius:3px;
}

.croud_msg{
    position:absolute;
    width:320px;
    height:70px;
    right: 100px;
    bottom: 80px; 
    background:#0099FF;
    padding:10px;
    text-align:center;
    color:#FFFFFF;
    font-size:18px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    z-index: 500;
    display: none;
}
.croud_msg:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:30px;
    border-right-width:30px;
    margin-top: -10px;
    border-left-color:#0099FF;
    left:100%;
    top:50%;
}

.pay_msg{
    position:absolute;
    width: 300px;
    height: 70px;
    right: 20%;
    bottom: -80px;
    background:#0099FF;
    padding:10px;
    text-align:center;
    color:#FFFFFF;
    font-size:18px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    z-index: 1200;
    display: none;
}
.pay_msg:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:30px;
    border-right-width:30px;
    margin-top: -10px;
    border-left-color:#0099FF;
    left:100%;
    top:50%;
}
.pay2_msg{
    position:absolute;
    width:320px;
    height:140px;
    right: 100px;
    bottom: 80px;
    background:#0099FF;
    padding:10px;
    text-align:center;
    color:#FFFFFF;
    font-size:18px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    z-index: 500;
    display: none;
}
.pay2_msg:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:30px;
    border-right-width:30px;
    margin-top: -10px;
    border-left-color:#0099FF;
    left:100%;
    top:50%;
}
.pwa_msg{
    position:absolute;
    width:320px;
    height:110px;
    left: 40px;
    top: 220px;
    background:#0099FF;
    padding:22px 10px 10px 10px;
    text-align:left;
    color:#FFFFFF;
    font-size:16px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    z-index: 5001;
    display: none;
}
.pwa_msg:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:50px;
    border-right-width:50px;
    margin-top: -10px;
    border-right-color:#0099FF;
    right:100%;
    top:50%;
}
#pwa_batsu{
    position: absolute;
    display: inline-block;
    top: 2px;
    right: 10px;
    padding: 0 5px 0 5px;
    font-size: 14px;
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 2px;
    cursor: pointer;
}
#pwa_batsu:active {
    transform: translateX(1px) translateY(1px);
}
.push_msg{
    display: none;
    flex-direction: column;
    position:absolute;
    width:500px;
    height:115%;
    right: 1px;
    top: 5px;
    background:#bbbbbb;
    padding:22px 10px 10px 10px;
    text-align:center;
    color:#222222;
    font-size:16px;
    font-weight:bold;
    border-radius:5px;
    z-index: 5000;
}
#push_batsu{
    position: absolute;
    display: inline-block;
    top: 2px;
    right: 10px;
    padding: 0 5px 0 5px;
    font-size: 14px;
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 2px;
    cursor: pointer;
}
#push_batsu:active {
    transform: translateX(1px) translateY(1px);
}
.push_accept {
    position: relative;
    left: auto;
    right: auto;
    margin-top: 8px;
    padding: 4px;
    text-align:left;
    color: #555555;
    border-radius: 5px;
    border: 1px dashed #843779;
}
#ps_button {
    width: 100%;
    padding: 4px;
    text-align:center;
}
#ps_cancel_accept {
    padding: 2px 5px 2px 5px;
    margin-right: 10px;
}
#ps_cancel_reject {
    padding: 2px 5px 2px 5px;
    margin-right: 10px;
}
#ps_accept {
    padding: 2px 5px 2px 5px;
    margin-left: 10px;
}
#ps_reject {
    padding: 2px 5px 2px 5px;
    margin-left: 10px;
}
.push_accepted {
    position: relative;
    left: auto;
    right: auto;
    margin-top: 8px;
    padding: 4px;
    text-align:left;
    color: #555555;
    border-radius: 5px;
    border: 1px dashed #843779;
    display: none;
}
.push_rejected {
    position: relative;
    left: auto;
    right: auto;
    margin-top: 8px;
    padding: 4px;
    text-align:left;
    color: #555555;
    border-radius: 5px;
    border: 1px dashed #843779;
    display: none;
}
.push_notsuport {
    position: relative;
    left: auto;
    right: auto;
    margin-top: 8px;
    padding: 4px;
    text-align:left;
    color: #555555;
    border-radius: 5px;
    border: 1px dashed #843779;
    display: none;
}
.push_history {
    flex-grow: 1;
    position: relative;
    left: auto;
    right: auto;
    max-width: 100%;
    margin-top: 15px;
    padding: 4px;
    font-size: 10px;
}
.ps_content {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
}
.ps_title {
    font-size: 14px;
    color: #555555;
}
.ps_explanation {
    font-size: 10px;
    color: #555555;
}
.ps_history {
    flex-grow: 1;
    position: relative;
    max-width: 100%;
    margin-top: 10px;
}
.ps_nohistory {
    display: block;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    color: #555555;
}
.ps_outer {
    position: absolute;
    height: 100%;
    width: 100%;
}
.ps_table {
    display: none;
    position: relative;
    height: 100%;
    width: 100%;
    font-size: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.history_table {
    display: block;
    width: 100%;
    height: 100%;
}
.ps_th {
    text-align: center;
    color: #333333;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #F0F0F0;
}
.ps_date {
    width: 120px;
    text-align: center;
    color: #333333;
    background: #E0E0E0 0% 0% no-repeat padding-box;
    border: 1px solid #F0F0F0;
}
.ps_readed {
    width: 80px;
    text-align: center;
    color: #333333;
    background: #E0E0E0 0% 0% no-repeat padding-box;
    border: 1px solid #F0F0F0;
}
.ps_readed_red {
    width: 80px;
    text-align: center;
    color: #FF0000;
    background: #E0E0E0 0% 0% no-repeat padding-box;
    border: 1px solid #F0F0F0;
}
.ps_value {
    width: 300px;
    text-align: left;
    color: #333333;
    background: #E0E0E0 0% 0% no-repeat padding-box;
    border: 1px solid #F0F0F0;
    padding: 3px;
}
#push_message_background {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 150%;
    background-color: #eeeeee;
    opacity: 0.2;
    z-index: 4999;
}

#clear {
    position: absolute;
    background: #4646464D 0% 0% no-repeat padding-box;
    -webkit-filter:contrast(20%);
    padding: 4px;
    width: 42px;
    height: 42px;
    right: 9px;
    top: 70px;
    cursor: pointer;
    border-radius: 10px;
    z-index: 1059;
}
#clear:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#clear:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}
#cb_angle {
    position: absolute;
    padding: 0px;
    width: 42px;
    height: 42px;
    left: 59px;
    top: 20px;
    cursor: pointer;
    border-radius: 10px;
    z-index: 1062;
    display: none;
}
#cb_angle:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#cb_angle:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}

#playFilter {
    position: absolute;
    background: #4646464D 0% 0% no-repeat padding-box;
    -webkit-filter:contrast(20%);
    padding: 4px;
    width: 42px;
    height: 42px;
    left: 130px;
    top: 20px;
    cursor: pointer;
    border-radius: 10px;
    z-index: 1061;
    display: none;
}
#playFilter:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#playFilter:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}

#pose {
    position: absolute;
    background: #4646464D 0% 0% no-repeat padding-box;
    -webkit-filter:contrast(20%);
    padding: 4px;
    width: 42px;
    height: 42px;
    left: 70px;
    top: 20px;
    cursor: pointer;
    border-radius: 10px;
    z-index: 1061;
}
#pose:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#pose:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}

#screenRock {
    position: absolute;
    -webkit-filter:contrast(20%);
    padding: 4px;
    width: 42px;
    height: 42px;
    left: 9px;
    top: 20px;
    cursor: pointer;
    background: #4646464D 0% 0% no-repeat padding-box;
    border-radius: 10px;
    z-index: 1061;
}
#screenRock:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#screenRock:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}

#speaker {
    position: absolute;
    background: #4646464D 0% 0% no-repeat padding-box;
    -webkit-filter:contrast(20%);
    padding: 4px;
    width: 42px;
    height: 42px;
    left: 9px;
    top: 70px;
    cursor: pointer;
    border-radius: 10px;
    z-index: 1060;
}
#speaker:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#speaker:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}

#logout {
    position: absolute;
    padding: 4px;
    width: 42px;
    height: 42px;
    right: 9px;
    top: 20px;
    cursor: pointer;
    background: #4646464D 0% 0% no-repeat padding-box;
    border-radius: 10px;
    z-index: 1059;
}
#logout:hover {
    background: #464646 0% 0% no-repeat padding-box;
}
#logout:active {
    font-weight: bolder;
    box-shadow: none;
    position: absolute;
    top: 21px;
    right: 8px;
}
#area_account {
    display: block;
    position: absolute;
    right: 9px;
    top: 2px;
    width: 100%;
    top: 2px;
    height: 10px;
    z-index: 1059;
    cursor: pointer;
}
#login_account {
    display: block;
    float: right;
    padding: 1px;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 10px;
    z-index: 1060;
    background: #4646464D 0% 0% no-repeat padding-box;
}
#icon_push {
    float: right;
    padding: 1px;
    width: 15px;
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 5px;
    z-index: 1060;
    cursor: pointer;
}
#reg_ng {
    display: none;
    float: right;
    padding: 1px;
    width: 15px;
    margin-top: 2px;
    margin-right: 5px;
    z-index: 1060;
    animation: flash 1s linear infinite;
}
@keyframes flash {
  0%,100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}