.menuRwd {
    float: right!important;
    display: inline-block;
    /* margin-top: 7px; */
    padding: 0px !important;
    margin-bottom: 0px !important;
}
.menuRwd li{
    list-style: none;
    display: inline-block;
    position: relative;
}
.menuRwd a{
    text-decoration: none;
    display: block;
    color: rgb(255,255,255);
}
.menuRwd a i{
    font-size: 24px;
}
/*-- Black --*/
.maskBlack {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    top: 0;
    left: 0;
    position: fixed;
    z-index: -1;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
}
.open {
    background-color: rgba(0,0,0,0.6);
    z-index: 9998;
}
/*-- right Menu --*/
.layerMenu {
    right: 0 !important;
    transition: all 1s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
}
.bgColor-orange {
    background: rgb(20,105,125);
    background: -moz-linear-gradient(left, rgba(20,105,125,1) 1%, rgba(35,150,170,1) 50%, rgba(85,190,210,1) 100%);
    background: -webkit-linear-gradient(left, rgba(20,105,125,1) 1%,rgba(35,150,170,1) 50%,rgba(85,190,210,1) 100%);
    background: linear-gradient(to right, rgba(20,105,125,1) 1%,rgba(35,150,170,1) 50%,rgba(85,190,210,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(15,76,117)', endColorstr='rgb(50,130,184)',GradientType=1 );
}
.iteMenu {
    width: 190px;
    height: 100%;
    position: fixed;
    top: 0;
    right: -990px;
    background-color: rgb(255,255,255);
    z-index: 9999;
    overflow-y: auto;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-overflow-scrolling: touch;
}
.iteMenu .closeBox {
    width: 100%;
    height: 34px;
    line-height: 35px;
    font-size: 30px;
    color: rgb(255,255,255);
    cursor: pointer;
}
.iteMenu .closeBox .icon-close{
	padding: 5px;
    line-height: 35px;
}
.iteMenu .avatarId {
    width: 100%;
    padding: 10px 0 0 0;
    margin: auto;
    text-align: center;
    font-size: 4em;
    color: rgb(15, 76, 117);
}
.iteMenu .dataId {
    width: 100%;
    padding: 0 0 10px 0;
    font-size: 16px;
    font-weight: bolder;
    text-align: center;
    color: rgb(15, 76, 117);
}

.iteMenu .dataId p {
    margin-block-start: 10px;
    margin-block-end: 10px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-bottom: 10px;
}
.text-fecb88 {
    color: rgb(41, 41, 41);
}
.iteMenu .menuPart {
    width: 100%;
}
.iteMenu .menuTitle {
        width: 100%;
    height: 37px;
    line-height: 28px;
    padding: 0;
    font-size: 17px;
    font-weight: bolder;
    color: rgb(255,255,255);
    background-color: rgb(20, 105, 122);
    text-align: center;
    cursor: pointer;
        border-bottom-color: rgb(255, 255, 255, 0.18);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.iteMenu .menuCont {
    width: 100%;
}
.iteMenu .menuCont ul {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.iteMenu .menuCont ul li {
    width: 100%;
    height: 40px;
    line-height: 34px;
    font-size: 16px;
    font-weight: bolder;
    text-align: center;
    padding: 0;
    margin: 0;
    color: rgb(41, 41, 41);
    background-color: rgb(255, 255, 255);
    list-style: none;
}

/*---------------------------------------------------------------*/
.cycleNumber{
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    padding: 0;
}
.cycleNumber label{
    padding: 0 3px;
    margin: 0 !important;
    
}
.timeMain{
    display: flex;

    align-items:center;
    justify-content:center;
}
.time-div {
    display: initial;
    padding: 5px 3px 5px 3px;
    background-color: rgb(20, 105, 125);
    color:rgb(255,255,255);
    text-align: center;
    margin-right: 3px;
    border-radius: 7px;
}

.bingo-style{
    width: 100%;
    display: flex;
    z-index: 0;
}
.bingo-style .recordChoice {
    flex:1;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0;
}

.tableMainOne.tableMain .bingo-style .circle-item {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9;
    border-radius: 50%;
    background: rgb(254,244,0);
    font-size: 12px;
    color: rgb(27, 38, 44) !important;
    top: 4px;
}

.tableMainOne.tableMain .bingo-style .circle-item.grey-bingo{
	background-color: rgb(128 127 122) !important;
    color: white !important;
}
/*------------------ wrapLottery ---------------------*/
.infoHeight{
    width: 100%;
}
.wrapLottery{
    width: 100%;
}
.chooseMain{
    width:100%;
    padding-bottom: 10px;
    border-bottom:  3px solid rgb(238,238,238);
}

.choose-style{
    width:100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*
.choose-style p{
    margin: 0 !important;
}
*/

ul.chooseTwo-style{
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;

    margin: 10px 0 0 0;
    /*border-top: 3px solid rgb(238,238,238);*/

    /*設定DIV中物件置中靠左*/
    display:flex;
    align-items:center;
    justify-content:start;

}
ul.chooseTwo-style a{
    text-decoration: none;
    color: rgb(120,120,120);
}
ul.chooseTwo-style li{
    list-style: none;
}
ul.chooseTwo-style .btn-choose{
    height: 30px;
    line-height: 25px;
    font-size: 14px;
    padding: 0 10px;
    text-align: center;

    margin: 0 10px 0 0;
    border: 2px solid rgb(196,196,196);
    border-radius: 10px;

}
ul.chooseTwo-style .btn-choose.check{
    padding: 0 15px 0 10px;
    border: 2px solid rgb(255, 189, 30) !important;
    /* background-image: url(../images/choose_check.png); */
    background-size: 22% 80%;
    background-position: right bottom;
    background-repeat: no-repeat;

}

.Explain-style{
    width: 100%;
    height: 30px;
    line-height: 30px;
    /*padding: 0 10px;*/

    margin: 0 0 0 0;
    /*border-top: 3px solid rgb(238,238,238);*/

    /*設定DIV中物件置中靠左*/
    display:flex;
    align-items:center;
    justify-content:start;

}
.Explain-style .btn-explain{
    height: 24px;
    line-height: 21px;
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
    margin: 0 0 0 0;
    border: 2px solid rgb(196,196,196);
    border-radius: 8px;

}
.Explain-style span{
    margin: 0 5px 0 0;
    color: rgb(11,97,114);

}


/*---- tableMainOne ----*/
.tableMainOne{
    max-height: 500px;
    -moz-box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.62);
    background-color: rgb(255,255,255);
    width: 95%;
    border-radius: 10px;
    overflow-y: scroll;
    margin: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.tableMainOne table {
    width:100%;
    border-collapse:collapse;
    border:none;
}
.tableMainOne table tbody{
    padding:5px 0px;
    color:rgb(85,85,85);
    text-align:center;
    background-color:rgb(255,255,255);
}
.tableMainOne table tbody tr:nth-child(odd) {
    background-color:rgb(238,238,238);
}
.tableMainOne table tbody tr:nth-child(2){
	background-color: rgb(232 250 198);
}
.tableMainOne table tbody th {
    line-height: 30px;
    text-align: center;
    border:none;
}
.tableMainOne table tbody td {
    line-height: 30px;
    padding:5px 0px;
    color:rgb(85,85,85);
    text-align:center;
    border:none;
}
.tableMainOne table tbody td p{
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    padding:0;
    margin: 0;
}
.tableMainOne table tbody td p:nth-child(2){
    font-size: 13px !important;
}

/*---- tableMainTwo ----*/
.tableMainTwo{
    width: 96%;
    /*height: 370px;*/
    margin: 10px 2%;
    border:1px solid rgb(191,191,191);
    border-radius: 5px;
    overflow:scroll;
    /*overflow-y: hidden;*/
    position: relative;

    -webkit-overflow-scrolling: touch;
}
.tableMainTwo table {
    width:100%;
    border-collapse:collapse;
    border:none;
    table-layout: fixed;
    -webkit-overflow-scrolling: touch;
}
.tableMainTwo table tbody{
    position: -webkit-sticky;
    position: sticky;
    padding:5px 0px;
    color:rgb(85,85,85);
    text-align:center;
    background-color:rgb(255,255,255);
}
.tableMainTwo table tbody td:nth-child(1){
    background-image: none !important;
}
.tableMainTwo table tbody tr:nth-child(odd) {
    background-color:rgb(238,238,238);
}
.tableMainTwo table tbody th {
    line-height: 21px;
    text-align: center;
    border-right: 1px solid transparent;
    background-image: url(../images/whitelinevertical.png);
    background-repeat: repeat-y;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    font-size: 14px;
}
.tableMainTwo table tbody th .item{
    width: 100%;
    height: 45px;
    position: relative;
}
.tableMainTwo table tbody th:nth-child(1){
    /* background-color: rgb(255,255,255); */
    /*border-right:none;*/
}
.tableMainTwo table tbody th:last-child{
    /*background-color: rgb(255,255,255);*/
    border-right:none;
}
.tableMainTwo table tbody th .item .divA{
        width: 105%;
    height: 62px;
    line-height: 76px;
    padding-left: 15px;
    text-align: left;
    position: absolute;
    left: -1px;
    bottom: -11px;
    z-index: 5;
    clip-path: polygon(0 -1%, 0% 100%, 101% 100%);
    background-color: rgb(191,191,191);
}
.tableMainTwo table tbody th .item .divB{
    width: 101%;
    height: 59px;
    line-height: 35px;
    padding-right: 15px;
    text-align: right;
    position: absolute;
    right: -1px;
    top: -10px;
    z-index: 1;
    clip-path: polygon(100% 0, -1% 0, 100% 101%);
    background-color: rgb(191,191,191);
}

.tableMainTwo table tbody td {
    line-height: 30px;
    padding:5px 0px;
    color:rgb(85,85,85);
    background-image: url(../images/graylinevertical.png);
    background-repeat: repeat-y;
    border: none;
    text-align:center;
}
.tableMainTwo table tbody td p{
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    padding:0;
    margin: 0;
    border-collapse: collapse;
}
.tableMainTwo table tbody td p:nth-child(2){
    font-size: 14px !important;
}

/*---- tableMainThree ----*/
.tableMainThree{
    width: 96%;
    /*height: 370px;*/
    margin: 10px 2%;
    border:2px solid rgb(238,238,238);
    border-radius: 10px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.tableMainThree table {
    width:100%;
    border-collapse:collapse;
    border:none;
}
.tableMainThree table .circle-table {
    width: 26px;
    height: 26px;
    font-size: 14px;
    text-align: center;
    padding: 5px;
    z-index: 9;
    border-radius: 50%;
    background: rgb(254,244,0);
    color: rgb(27, 38, 44) !important;
}
.tableMainThree table .circle-blt-table {
    width: 26px;
    height: 26px;
    font-size: 14px;
    text-align: center;
    padding: 5px;
    z-index: 9;
    border-radius: 50%;
    background: red;
    color: white !important;
}
.tableMainThree table .circle-dw-table {
    width: 26px;
    height: 26px;
    font-size: 14px;
    text-align: center;
    padding: 5px;
    z-index: 9;
    border-radius: 50%;
    background: rgb(15,215,213);
    color: white !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.tableMainThree table .circle-wl-table {
    width: 26px;
    height: 26px;
    font-size: 14px;
    text-align: center;
    padding: 5px;
    z-index: 9;
    border-radius: 50%;
    background: rgb(159,231,23);
    color: white !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.circle-wl-table.superNum{
    background: red!important;
}
.tableMainThree table tbody{
    padding:5px 0px;
    color:rgb(85,85,85);
    text-align:center;
    background-color:rgb(255,255,255);
    border-bottom: 1px solid rgb(203,203,203);
}
.tableMainThree table tbody:last-child{
    border-bottom:none;
}
.tableMainThree table tbody th:nth-child(odd) {
    background-color:rgb(238,238,238);
}
.tableMainThree table tbody td:nth-child(odd) {
    background-color:rgb(238,238,238);
}
/*.tableMainThree table tbody th:first-child {
    width: 25px;
}*/
.tableMainThree table tbody td:first-child {
    width: 25px;
}
/* .tableMainThree table tbody tr:nth-child(1) td:first-child {
    color: #1368C5;
}
.tableMainThree table tbody tr:nth-child(2) td:first-child {
    color: #2EA24E;
}
.tableMainThree table tbody tr:nth-child(3) td:first-child {
    color: #FD1719;
} */

.tableMainThree table tbody tr {
    border-bottom: 1px solid rgb(230,230,230);
}
.tableMainThree table tbody tr:last-child {
    border-bottom: none;
}
.tableMainThree table tbody th {
     font-size: 15px;
     line-height: 18px;
     padding: 5px;
     text-align: center;
     border:none;
 }
.tableMainThree table tbody td {
    line-height: 18px;
    /* padding:5px 0px; */
    color:rgb(85,85,85);
    text-align:center;
    border:none;
}
.tableMainThree table tbody td p{
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    padding:0;
    margin: 0;
}
.tableMainThree table tbody td p:nth-child(2){
    font-size: 14px !important;
}

/*---- tableMainFour ----*/
.tableMainFour{
    width: 96%;
    /*height: 370px;*/
    margin: 10px 2%;
    /* border:2px solid rgb(191,191,191); */
    border-radius: 5px;
    overflow:scroll;
    position: relative;

    -webkit-overflow-scrolling: touch;
}
.tableMainFour table {
    width:100%;
    border-collapse:collapse;
    border:none;
    table-layout: fixed;
    -webkit-overflow-scrolling: touch;
}
.tableMainFour table tbody{
    position: -webkit-sticky;
    position: sticky;
    padding:5px 0px;
    color:rgb(85,85,85);
    text-align:center;
    background-color:rgb(255,255,255);
}
.tableMainFour table tbody {
    /*border-bottom:1px solid rgb(191,191,191);*/
    background-color:rgb(255,255,255);
}
.dark-grey{
    background-color: rgb(90,90,90)!important;
}
.tableMainFour table thead th {
    color: rgb(255,255,255);
    line-height: 30px;
    text-align: center;
    border-right: 1px solid rgb(183,183,183);
    background-color: rgb(126,125,132);

    border-left: none;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
}
.tableMainFour table tbody:last-child th {
    background-color: rgb(126,125,132);
}


.pc-attr-table td{
    background-color: transparent;
}

.tableMainFour table tbody:last-child th {
    background-color: rgb(126,125,132) !important;
}
.tableMainFour table thead:last-child td:nth-child(1){
    background-color: rgb(24,176,177);
    color: rgb(255,255,255);
}

.tableMainFour table tbody tr {
     border-collapse: collapse;
        background-position: bottom -1px right 0px;
    background-repeat: repeat-x;
    background-image: url(../images/graylinehorizontal.png);
}
.tableMainFour table tbody td {
    line-height: 32px;
    color:rgb(85,85,85);
    border-collapse: collapse;
        background-position: bottom 0px right -1px;
    background-repeat: repeat-y;
    background-image: url(../images/graylinevertical.png);
    text-align:center;
}
.tableMainFour table tbody td span{
    width: 100%;
    height: 100%;
    display: inline-block;
}
.tableMainFour table tbody td p:nth-child(2){
    font-size: 14px !important;
}

/*---- columnItem ----*/
.tableMainFour table tbody:last-child td {
    position: relative;
}

.columnItem{
    width: 100%;
    height: 120px;
    position: relative;
}
.grey-column{
    background-color: rgb(180,180,180)!important;
}
.grey-column.columnN0{
    background-color: transparent!important;
}
.columnN0{
    width:90%; height: 0%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN1{
    width:90%; height: 1%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN2{
    width:90%; height: 2%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN3{
    width:90%; height: 3%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN4{
    width:90%; height: 4%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN5{
    width:90%; height: 5%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN6,.columnN7,.columnN8,.columnN9,.columnN10{
    width:90%; height: 65%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN11,.columnN12,.columnN13,.columnN14,.columnN15{
    width:90%; height: 15%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN16,.columnN17,.columnN18,.columnN19,.columnN20{
    width:90%; height: 20%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN21,.columnN22,.columnN23,.columnN24,.columnN25{
    width:90%; height: 25%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN26,.columnN27,.columnN28,.columnN29,.columnN30{
    width:90%; height:30%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}

.columnN31,.columnN32,.columnN33,.columnN34,.columnN35{
    width:90%; height: 35%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN36,.columnN37,.columnN38,.columnN39,.columnN40{
    width:90%; height: 40%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN41,.columnN42,.columnN43,.columnN44,.columnN45{
    width:90%; height: 45%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN46,.columnN47,.columnN48,.columnN49,.columnN50{
    width:90%; height: 50%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN51,.columnN52,.columnN53,.columnN54,.columnN55{
    width:90%; height: 55%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN56,.columnN57,.columnN58,.columnN59,.columnN60{
    width:90%; height: 65%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN61,.columnN62,.columnN63,.columnN64,.columnN65{
    width:90%; height: 65%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN66,.columnN67,.columnN68,.columnN69,.columnN70{
    width:90%; height: 70%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN71,.columnN72,.columnN73,.columnN74,.columnN75{
    width:90%; height: 75%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN76,.columnN77,.columnN78,.columnN79,.columnN80{
    width:90%; height: 80%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN81,.columnN82,.columnN83,.columnN84,.columnN85{
    width:90%; height: 85%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN86,.columnN87,.columnN88,.columnN89,.columnN90{
    width:90%; height: 90%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN91,.columnN92,.columnN93,.columnN94,.columnN95{
    width:90%; height: 95%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
.columnN96,.columnN97,.columnN98,.columnN99,.columnN100{
    width:90%; height: 100%;
    margin: 0 5%; display: inline-block;
    left: 0; bottom: 0; position: absolute;
    background-color:rgb(17,105,122) ;
}
/*---- Column Number ----*/
.columnN0 i,.columnN1 i,.columnN2 i,.columnN3 i,.columnN4 i,.columnN5 i,
.columnN6 i,.columnN7 i,.columnN8 i,.columnN9 i,.columnN10 i,
.columnN11 i,.columnN12 i,.columnN13 i,.columnN14 i,.columnN15 i,
.columnN16 i,.columnN17 i,.columnN18 i,.columnN19 i,.columnN20 i,
.columnN21 i,.columnN22 i,.columnN23 i,.columnN24 i,.columnN25 i,
.columnN26 i,.columnN27 i,.columnN28 i,.columnN29 i,.columnN30 i,
.columnN31 i,.columnN32 i,.columnN33 i,.columnN34 i,.columnN35 i,
.columnN36 i,.columnN37 i,.columnN38 i,.columnN39 i,.columnN40 i,
.columnN41 i,.columnN42 i,.columnN43 i,.columnN44 i,.columnN45 i,
.columnN46 i,.columnN47 i,.columnN48 i,.columnN49 i,.columnN50 i,
.columnN51 i,.columnN52 i,.columnN53 i,.columnN54 i,.columnN55 i,
.columnN56 i,.columnN57 i,.columnN58 i,.columnN59 i,.columnN60 i,
.columnN61 i,.columnN62 i,.columnN63 i,.columnN64 i,.columnN65 i,
.columnN66 i,.columnN67 i,.columnN68 i,.columnN69 i,.columnN70 i,
.columnN71 i,.columnN72 i,.columnN73 i,.columnN74 i,.columnN75 i,
.columnN76 i,.columnN77 i,.columnN78 i,.columnN79 i,.columnN80 i{
    width: 100%;
    top:-30px;
    left: 0;
    position: absolute;
    z-index: 8;
}
.columnN81 i,.columnN82 i,.columnN83 i,.columnN84 i,.columnN85 i,
.columnN86 i,.columnN87 i,.columnN88 i,.columnN89 i,.columnN90 i,
.columnN91 i,.columnN92 i,.columnN93 i,.columnN94 i,.columnN95 i,
.columnN96 i,.columnN97 i,.columnN98 i,.columnN99 i,.columnN100 i{
    width: 100%;
    top:0px;
    left: -1px;
    color: rgb(255,255,255);
    position: absolute;
    z-index: 8;
}
.columnN100 ~ i{
    width: 100%;
    top:0px;
    left: -1px;
    color: rgb(255,255,255);
    position: absolute;
    z-index: 8;
}
/*---- btn ----*/

.btn-pick{
    width: 100%;
    padding:0 5px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    color: rgb(11,97,114) !important;
    text-align: center;
    background: rgb(255,255,255);
    border-radius: 5px;

    box-shadow: 0px 0px 3px 0px rgb(36,36,36);
    -webkit-box-shadow: 0px 0px 3px 0px rgb(36,36,36);
    -moz-box-shadow: 0px 0px 3px 0px rgb(36,36,36);
    -o-box-shadow: 0px 0px 3px 0px rgb(36,36,36);
}

.btn-pick a ,.btn-pick a:hover {
    display: inline-block;
    text-decoration: none;
    color: rgb(11,97,114) !important;
}

.btn-pick.on{
    color: rgb(255,255,255) !important;
    background: rgb(25,175,175) !important;
}
.btn-pick.on a ,.btn-pick.on a:hover {
    display: inline-block;
    text-decoration: none;
    color: rgb(255,255,255) !important;
}



.btn-white{
    width: 100%;
    padding:0 5px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    color: rgb(11,97,114) !important;
    background: rgb(255,255,255);
    border-radius: 5px;

    box-shadow: 0px 0px 3px 0px rgb(36,36,36);
    -webkit-box-shadow: 0px 0px 3px 0px rgb(36,36,36);
    -moz-box-shadow: 0px 0px 3px 0px rgb(36,36,36);
    -o-box-shadow: 0px 0px 3px 0px rgb(36,36,36);
}

.btn-peacock-blue{
    width: 100%;
    padding:0 5px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    color: white !important;
    background: rgb(25,175,175);
    border-radius: 5px;

    box-shadow: 0px 0px 3px 0px rgb(36,36,36);
    -webkit-box-shadow: 0px 0px 3px 0px rgb(36,36,36);
    -moz-box-shadow: 0px 0px 3px 0px rgb(36,36,36);
    -o-box-shadow: 0px 0px 3px 0px rgb(36,36,36);
}
.btn-tiffany{
    width: 100%;
    padding:0 5px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    color: white !important;
    background: rgb(20,105,125);
    background: -moz-linear-gradient(90deg, rgba(20,105,125,1) 1%, rgba(35,150,170,1) 50%, rgba(85,190,210,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(20,105,125,1) 1%,rgba(35,150,170,1) 50%,rgba(85,190,210,1) 100%);
    background: linear-gradient(90deg, rgba(20,105,125,1) 1%,rgba(35,150,170,1) 50%,rgba(85,190,210,1) 100%);
    border-radius: 5px;

    box-shadow: 0px 0px 3px 0px rgb(36,36,36);
    -webkit-box-shadow: 0px 0px 3px 0px rgb(36,36,36);
    -moz-box-shadow: 0px 0px 3px 0px rgb(36,36,36);
    -o-box-shadow: 0px 0px 3px 0px rgb(36,36,36);
}
/*.time-div-span {
    margin-right: 2px;
}*/
/*---------------------------------------------------------------*/
.flex-center{
    display: flex;

    align-items:center;
    justify-content:center;

}
.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.fs-12{
    font-size: 12px;
}
.fs-14{
    font-size: 14px;
}
.fs-16{
    font-size: 16px;
}
.fs-18{
    font-size: 18px;
}
.fs-20{
    font-size: 20px;
}
.fs-30{
    font-size: 30px;
}
.fs-40{
    font-size: 40px;
}

.fs-b{
    font-weight: bold;
}
.l-height25{
    line-height: 25px;
}
.l-height30{
    line-height: 30px;
}
.l-height35{
    line-height: 35px;
}
.l-height40{
    line-height: 40px;
}


.p-0{
    padding: 0 !important;
}
.p-5{
    padding: 5px !important;
}
.p-7 {
    padding: 7px !important;
}
.p-10{
    padding: 10px !important;
}
.p-15{
    padding: 15px !important;
}
.p-20{
    padding: 20px !important;
}
.p-25{
    padding: 25px !important;
}
.p-30{
    padding: 30px !important;
}

.p-both-0{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.p-both-5{
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.p-both-10{
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.p-both-15{
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.p-both-20{
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.p-both-25{
    padding-right: 25px !important;
    padding-left: 25px !important;
}
.p-both-30{
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.p-seesaw-0{
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}
.p-seesaw-5{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.p-seesaw-10{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.p-seesaw-15{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.p-seesaw-20{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.p-seesaw-25{
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
.p-seesaw-30{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.p-t-0{
    padding-top: 0px !important;
}
.p-t-8{
    padding-top: 8px !important;
}
.p-t-5{
    padding-top: 5px !important;
}

p-t-10{
    padding-top:10px !important;
}
.p-t-15{
    padding-top: 15px !important;
}

.p-t-20{
    padding-top: 20px !important;
}
.p-t-25{
    padding-top: 25px !important;
}
.p-t-30{
    padding-top: 30px !important;
}
.p-t-35{
    padding-top: 35px !important;
}
.p-t-40{
    padding-top: 40px !important;
}
.p-b-0{
    padding-bottom: 0px !important;
}
.p-b-8{
    padding-bottom: 8px !important;
}
.p-b-5{
    padding-bottom: 5px !important;
}
.p-b-10{
    padding-bottom:10px !important;
}
.p-b-15{
    padding-bottom: 15px !important;
}
.p-b-20{
    padding-bottom: 20px !important;
}
.p-b-25{
    padding-bottom: 25px !important;
}
.p-b-30{
    padding-bottom: 30px !important;
}
.p-b-35{
    padding-bottom: 35px !important;
}
.p-b-40{
    padding-bottom: 40px !important;
}

.p-r-0{
    padding-right: 0px !important;
}
.p-r-5{
    padding-right: 5px !important;
}
.p-r-10{
    padding-right: 10px !important;
}
.p-r-15{
    padding-right: 15px !important;
}
.p-r-20{
    padding-right: 20px !important;
}
.p-r-25{
    padding-right: 25px !important;
}
.p-r-30{
    padding-right: 30px !important;
}
.p-r-35{
    padding-right: 35px !important;
}
.p-r-40{
    padding-right: 40px !important;
}
.p-l-0{
    padding-left: 0px !important;
}
.p-l-5{
    padding-left: 5px !important;
}
.p-l-10{
    padding-left: 10px !important;
}
.p-l-15{
    padding-left: 15px !important;
}
.p-l-20{
    padding-left: 20px !important;
}
.p-l-25{
    padding-left: 25px !important;
}
.p-l-30{
    padding-left: 30px !important;
}
.p-l-35{
    padding-left: 35px !important;
}
.p-l-40{
    padding-left: 40px !important;
}

.m-0{
    margin: 0 !important;
}
.m-t-5{
    margin-top: 5px !important;
}
.m-t-10{
    margin-top: 10px !important;
}
.m-t-15{
    margin-top: 15px !important;
}
.m-t-20{
    margin-top: 20px !important;
}
.m-t-25{
    margin-top: 25px !important;
}
.m-t-30{
    margin-top: 30px !important;
}
.m-t-35{
    margin-top: 35px !important;
}

.m-b-5{
    margin-bottom: 5px !important;
}
.m-b-10{
    margin-bottom: 10px !important;
}
.m-b-15{
    margin-bottom: 15px !important;
}
.m-b-20{
    margin-bottom: 20px !important;
}
.m-b-25{
    margin-bottom: 25px !important;
}
.m-b-30{
    margin-bottom: 30px !important;
}
.m-b-35{
    margin-bottom: 35px !important;
}
/*--- color ----*/
.red{
    color: red;
}
.pink_bg{
    background-color: rgb(241,190,255);
}
.LightGreen_bg{
    background-color: rgb(203,226,149)!important;
    color: black!important;
}