.topColorBar .meMsg_MsgBlk .meMsg_MsgImg img { width:100%; display: none; }

.btnArrow { position:fixed; right:5px; bottom:5px;
	border-radius: 50%; border: 1px solid #888; background: rgba(0,0,0,0.25); }
.btnArrow .meMsg_MsgListBlk .meMsg_MsgTitle img { width:40px; opacity:0.6; }

.meWelcomeBlock { z-index:100; }

.Leaderboard.meWeForm { display:none; }

.start.meWelcomeBlock {
    width: 1000px;
    background: #f7f5f5;
}
.end.meWelcomeBlock { width: 1000px; background: #eee; }

#id_ContentTop { position:fixed; top:0px; }

#id_Content {
    position: relative;
}
.cloud {
    position: absolute;
    width: 680px;
    margin-left: calc((100% - 1000px)/2 + 270px);
    text-align: center;
    top: 0;
    /* left: 26%; */
}
.cloud img {
    width: 119%;
    margin: 0 auto;
    text-align: center;
    object-position: center;
}


/* 開始 ================================================================*/


.meMsgInfo.start.meWelcomeBlock{
    box-shadow: 0px 0px 30px #eaeaea;
    border: 10px solid #e62513;
    border-radius: 30px;
    padding: 40px 0 20px;
}

.meMsgInfo.start.meWelcomeBlock center.AlignCenter img {
    width: 125px;
    object-fit: contain;
}
.meMsgInfo.start.meWelcomeBlock center.AlignCenter {margin-bottom:20px;display:none;}
.meMsgInfo.start.meWelcomeBlock .meMsg_MsgBlk .meMsg_MsgTitle {
    color: #e62513;
    font-weight: bold;
    font-size: 26px;
}
.meMsgInfo.start.meWelcomeBlock .meMsg_MsgBlk .meMsg_Content {
    margin-top: 30px;
    width: 800px;
    text-align: left;
}



.meMsg_MsgListBlk.listWelcomeBlock.div {
    width: 700px;
    margin: 10px auto;
    text-align: center;
}

.meMsgInfo.start.meWelcomeBlock .MsgListBlk_1, .meMsgInfo.start.meWelcomeBlock .MsgListBlk_2 {
    width: 50%;
    display: inline-block;
    text-align: center;
}
.meMsgInfo.start.meWelcomeBlock .MsgListBlk_1 img, .meMsgInfo.start.meWelcomeBlock .MsgListBlk_2 img {
    width: 220px;
    background: #e2e2e2;
    border-radius: 10px;
    padding: 10px;
}
.meMsgInfo.start.meWelcomeBlock .MsgListBlk_1 span, .meMsgInfo.start.meWelcomeBlock .MsgListBlk_2 span {
    display: block;
    text-align: center;
    color: #e62513;
    font-weight: bold;
    margin-top: 10px;
}
.meMsgInfo.start.meWelcomeBlock .MsgListBlk_3 {
    background: #e2e2e2;
    border-radius: 10px;
    width: 575px;
    margin: 0 auto;
    padding: 20px 0;
}
.meMsgInfo.start.meWelcomeBlock .MsgListBlk_3 img {
    width: 250px;
}
.meMsgInfo.start.meWelcomeBlock .MsgListBlk_3 span {
    display: block;
    text-align: center;
    color: #e62513;
    font-weight: bold;
    margin-top: 10px;
}

.meMsgInfo.start.meWelcomeBlock .MsgListBlk_4 span { color: #fff;}
.meMsgInfo.start.meWelcomeBlock .MsgListBlk_4 {
    text-align: center;
    background: #e62513;
    width: 200px;
    margin: 20px auto 20px;
    padding: 10px 0;
    border-radius: 30px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

/* the game ======================================== */
#ns_Main {
    background: url(https://comet.noonspace.com/w61NoonSpace/longkow/MsgInfo/longkow_bg_big.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}
td#td_ContentTop {
    margin: 0 auto;
    text-align: center;
    padding: 5vh 0 5vh;
}
div#id_ContentTop_1 {
    display: inline-block;
    width: 300px;
    vertical-align: top;
    margin-top: 20px;
}
div#id_ContentTop_2 {
    width: 680px;
    display: inline-block;
}
.logo_Me {
    margin-top: 10px;
    margin-bottom: 00px;
    display:none;
}
.logo_Me img.ImgAlignCenter {
    width: 150px;
    margin-top: 20px;
    margin-bottom: 85px;
}
/*.divScore .meMsg_MsgBlk {margin-bottom: 85px;}*/
.divScore .meMsg_MsgBlk img {
    width: 190px;
    margin-bottom: 10px;
}

span.score, span.score1, span.score2 {
    font-size: 40px;
    background: yellow;
    padding: 0 10px;
    border-radius: 10px;
    border: 1px solid #000;
    color: #e62513;
    vertical-align: text-bottom;
    font-weight: 900;
}
span.score {
    text-align: center;
    line-height: 45px;
}
.divScore .meMsg_MsgTitle.MsgListBlk_1.itemMsgList {
    font-size: 30px;
    font-weight: 900;
    color: #fff;
    vertical-align: bottom;
    margin-left: 6px;
    margin-bottom: 45px;
    text-align: right;
    padding-right: 44px;
}
.divScore .meMsg_MsgTitle.MsgListBlk_2.itemMsgList {margin-top: 90px;}
.divScore .meMsg_MsgTitle.MsgListBlk_3.itemMsgList {margin-top: 50px;}



.meMsgInfo.meus_LongKow .meMsg_MsgBlkZ {
    width: 680px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #6686a294;
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 15px 0px 0px rgb(0 0 0 / 46%);
}
.meMsg_MsgTitle.meMsg_MsgTitle_1.itemMsgList span.meMsg_ItemTitle, .meMsg_MsgTitle.meMsg_MsgTitle_2.itemMsgList span.meMsg_ItemTitle, .meMsg_MsgTitle.meMsg_MsgTitle_3.itemMsgList span.meMsg_ItemTitle  {
    font-size: 30px;	
    font-weight: 900;
    color: #fff;
    vertical-align: bottom;
    margin-left: 6px;
}
.divScore .MsgListBlk_2 .meMsg_ItemTitle, .divScore .MsgListBlk_3 .meMsg_ItemTitle {
    color: transparent;
}
.divScore .meMsgList {
    margin-top: 50px;
}
.divScore .meMsg_MsgList {
    position: relative;
    width: 300px;
    margin: 0 auto;
}
.divScore .meMsg_MsgTitle_1 {
    position: absolute;
    left: 0;
    bottom: 0px;
}
.divScore .meMsg_MsgTitle_2 {
    position: absolute;
    bottom: 0;
    left: 300px;
}
.divScore .meMsg_MsgTitle_3 {
    position: absolute;
    right: 0;
    bottom: 0px;
}
.divScore .meMsg_MsgTitle_3 img {width:100px;}
.divScore .meMsg_MsgTitle_2 img {width:100px;}

.meus_LongKow {
    margin-top: 15px;
    margin-bottom:50px;
}
.newCopyright .meMsg_MsgTitle.meMsg_MsgTitle_1.itemMsgList .meMsg_ItemTitle {
    display:none;
}
.newCopyright .meMsg_MsgTitle.meMsg_MsgTitle_2.itemMsgList .meMsg_ItemTitle {
    font-size: 8px;
line-height: 120%;
padding: 0 20px;
}




/* 遊戲結束填寫資料頁面 ================================================================*/
.meMsgInfo.end.meWelcomeBlock {
    box-shadow: 0px 0px 30px #eaeaea;
    border: 10px solid #e62513;
    border-radius: 30px;
    font-size: 20px;
    padding: 40px 0 40px;
}
.meMsgInfo.end.meWelcomeBlock span .meMsg_MsgTitle {
    color: #e62513;
}
.meMsgInfo.end.meWelcomeBlock .meMsg_MsgTitle.MsgListBlk_1.itemWelcomeBlock .meMsg_ItemTitle {
    color: #e62513;
    font-weight: bold;
    display: block;
    position: absolute;
    top: 5px;
    left: 126px;
}
.meMsg_MsgTitle.MsgListBlk_1.itemWelcomeBlock {
    text-align: center;
    width: 400px;
    margin: 10px auto 10px;
    position: relative;
}
.meMsgInfo.end.meWelcomeBlock .MsgListBlk_1 img {
    width: 315px;
    display: block;
    margin: 0 auto;
}



.weForm .button[type=submit], .weForm .button[type=button], .weForm .button[type=reset]{
    text-align: center;
    background: #e62513;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    border-radius: 30px;
    font-size: 20px;
    text-align:center;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.end .MsgListBlk_2 {
    width: 500px;
    margin: 16px auto 0;
    padding: 20px;
    border-top-left-radius: 20px;
    background: #d2d2d2;
    border-top-right-radius: 20px;
}

.meMsgInfo.end.meWelcomeBlock .MsgListBlk_3 {
    text-align: center;
    width: 500px;
    margin: 0 auto;
    padding: 0px 0 25px;
    border-bottom-left-radius: 20px;
    /* border: 1px solid #bdbdbd; */
    background: #d2d2d2;
    border-bottom-right-radius: 20px;
}

.meMsgInfo.end.meWelcomeBlock .MsgListBlk_4 {
    text-align: center;
    width: 500px;
    margin: 16px auto;
}
.meMsgInfo.end.meWelcomeBlock .MsgListBlk_5 span {
    font-family: 'Noto Sans TC', 'Roboto', 'Open Sans' !important;
    color: #e62513;
    font-size: 20px;
    font-family: 'Gruppo', cursive;
    background: #fff;
    padding: 10px 21px;
    border-radius: 20px;
}
.meMsgInfo.end.meWelcomeBlock .MsgListBlk_5 {
    margin-top: 30px;
}



.Leaderboard.meWeForm {
    display: none;
    width: 400px;
    text-align: center;
    margin: 0 auto;
}
.weForm .captionTop {
    padding: 20px 0;
    width: 45px;
}
.weForm .detail {
    padding: 15px;
}
.weForm input[type=edit], .weForm input[type=password] {
    height: 40px;
}
.weForm input {
border: 1px solid #dcdbdb;
    border-radius: 10px;
}


@media (max-width:777px) {

#ns_Main {
    height: 100vh;
}
#ns_Main5 {
    vertical-align: top;
}
#ns_Main {
    background: url(https://comet.noonspace.com/w61NoonSpace/longkow/MsgInfo/longkow_bg_Mobile.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
/* 歡迎視窗===================================================================*/
.meMsgInfo.start.meWelcomeBlock center.AlignCenter img {
    display: none;
}
.meMsgInfo.start.meWelcomeBlock {
    padding: 20px 0 0 0;
    width: 95% !important;
    left: 2.5% !important;
}
.meMsg_MsgListBlk.listWelcomeBlock.div {
    width: 100%;
}

.meMsgInfo.start.meWelcomeBlock .meMsg_MsgBlk .meMsg_MsgTitle {
    font-size: 22px;
}
.meMsgInfo.start.meWelcomeBlock .meMsg_MsgBlk .meMsg_Content {
    margin-top: 10px;
    width: 100%;
    text-align: justify;
    padding: 0 10px;
}
.meMsgInfo.start.meWelcomeBlock .MsgListBlk_1, .meMsgInfo.start.meWelcomeBlock .MsgListBlk_2 {
    width: 50%;
    display: none;
}
.meMsgInfo.start.meWelcomeBlock .MsgListBlk_1 img, .meMsgInfo.start.meWelcomeBlock .MsgListBlk_2 img {
    width: 100%;
}
.meMsgInfo.start.meWelcomeBlock .MsgListBlk_3 {
    width: 100%;
    display:none;

}

/*the game =======================================================*/
.logo_Me img.ImgAlignCenter {
    width: 100px;
    margin-top: 0;
    margin-bottom: 0px;
}
.meMsgInfo.meus_LongKow .meMsg_MsgBlkZ {
    width: auto;
}
td#td_ContentTop {
    padding: 20px 0 0;
}
div#id_ContentTop_1 {
    display: block;
    width: 100%;
    margin: 0;
}
div#id_ContentTop_2 {
    width: 100%;
    display: block;
}
.divScore .itemMsgList {
    width: 100px;
    display: inline-block;
    padding: 0 10px 0 0;
}
.divScore .meMsg_MsgBlk {
    margin-bottom: 0;
}
.divScore .meMsg_MsgBlk img {
    display: none;
}
.divScore .meMsg_MsgTitle.MsgListBlk_1.itemMsgList {
    text-align: center;
    line-height: 175%;
    padding-right: 0;
    margin: 0;
}
.divScore .meMsg_MsgTitle.MsgListBlk_2.itemMsgList {    margin: 0;}
.divScore .meMsg_MsgTitle.MsgListBlk_3.itemMsgList {    margin: 0;}



.meMsg_MsgTitle.meMsg_MsgTitle_1.itemMsgList span.meMsg_ItemTitle {
    display: block;
    line-height: 170%;
    text-align: right;
}
.divScore .meMsg_MsgTitle.MsgListBlk_1.itemMsgList span.score:before {
    content: ' .';
    color: transparent;
}
.divScore .meMsg_MsgTitle_1{
    position: relative;
    display: unset;
    width: 33.3%;
    left: unset;
    bottom: unset;
}

.divScore .meMsg_MsgTitle_2 {
    position: relative;
    display: unset;
    width: 33.3%;
    left: unset;
    bottom: unset;
    margin-right: 10px;
}
.divScore .meMsg_MsgTitle_3 {
    position: relative;
    display: unset;
    width: 33.3%;
    left: unset;
    bottom: unset;
}

span.score, span.score1, span.score2 {
    font-size: 30px;
    vertical-align: super;
}
span.score {
    line-height: 175%;
}
.divScore .meMsg_MsgTitle.MsgListBlk_2.itemMsgList img, .divScore .meMsg_MsgTitle.MsgListBlk_3.itemMsgList img {
    width: 90px;
padding-bottom: 8px;
}




.meMsgInfo.start.meWelcomeBlock .MsgListBlk_3 img {
    width: 100%;
}

.meMsg_MsgTitle.meMsg_MsgTitle_1.itemMsgList span.meMsg_ItemTitle, .meMsg_MsgTitle.meMsg_MsgTitle_2.itemMsgList span.meMsg_ItemTitle, .meMsg_MsgTitle.meMsg_MsgTitle_3.itemMsgList span.meMsg_ItemTitle {
    margin-left: 0px;
}

.meus_LongKow {
margin-top: 0;
    margin-bottom: 20px;
}

.logo_Me {
    display:block;
}
.cloud {
display:none;
}


/*輸入名字資料======================================*/

.meMsgInfo.end.meWelcomeBlock {
    width: 95% !important;
    left: 2.5% !important;
}
.weForm .detail {
    padding: 0;
    width: calc(100% - 45px);
    display: inline-block;
}
.weForm .captionTop {
    width: 45px;
    display: inline-block;
}
.Leaderboard.meWeForm {
    width: 100%;
    padding: 0 10px;
}
.meMsg_MsgTitle.MsgListBlk_1.itemWelcomeBlock {
    text-align: center;
    width: 100%;
}



.meMsgInfo.end.meWelcomeBlock {
    padding: 20px 0 20px;
}
.meMsgInfo.end.meWelcomeBlock .MsgListBlk_1 img {
    width: 100%;
}
.end .MsgListBlk_2 {
    width: calc(100% - 20px);
    margin: 0 auto;
}
.meMsgInfo.end.meWelcomeBlock .MsgListBlk_3 {
    width: calc(100% - 20px);
    margin: 0 auto;
}

.meMsgInfo.end.meWelcomeBlock .MsgListBlk_4 {
    width: calc(100% - 20px);
    margin: 0 auto;
}




.meCopyrightBlock {height:5vh;}


}