179 lines
3.9 KiB
CSS
Executable File
179 lines
3.9 KiB
CSS
Executable File
body {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.welcome {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 1920px;
|
|
height: 1080px;
|
|
padding: 0px;
|
|
display: none;
|
|
z-index: 1;
|
|
}
|
|
|
|
.welcome .frame {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0px;
|
|
background-color: rgba(0, 0, 0, 1);
|
|
background-image: none;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
display: none;
|
|
}
|
|
|
|
.welcome .frame .msgwin {
|
|
position: absolute;
|
|
top: 98px;
|
|
left: 519px;
|
|
width: 884px;
|
|
height: 648px;
|
|
padding: 0px;
|
|
/* background-image: url(./images/bg_language_welcome_box.png);
|
|
background-size: cover; */
|
|
background-repeat: no-repeat;
|
|
background: linear-gradient(rgba(50,40,26,0.7),rgba(50,46,26,0.85));
|
|
border-radius: 11px;
|
|
filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5));
|
|
}
|
|
|
|
.welcome .frame .msgwin #hotellogo {
|
|
position: absolute;
|
|
top: 108px;
|
|
left: 135px;
|
|
width: 634px;
|
|
height: 270px;
|
|
padding: 0px;
|
|
background-image: none;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
/* background-position: center; */
|
|
background-position: top;
|
|
}
|
|
|
|
.welcome .frame .msgwin #guestname {
|
|
position: absolute;
|
|
top: 424px;
|
|
left: 0px;
|
|
width: 804px;
|
|
height: 65px;
|
|
padding: 0px 0px 5px 0px;
|
|
margin: 0px 40px 0px 40px;
|
|
background-image: none;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
border-bottom: solid rgb(192,192,192) 3px;
|
|
font-size: 65px;
|
|
justify-content: center;
|
|
text-align: center;
|
|
color: rgb(235, 235, 235);
|
|
line-height: 65px;
|
|
max-width: 864px;
|
|
display: none;
|
|
}
|
|
|
|
.welcome .frame .msgwin #welcomemsg {
|
|
position: absolute;
|
|
top: 516px;
|
|
left: 0px;
|
|
width: 804px;
|
|
height: 44px;
|
|
/* padding: 0px; */
|
|
margin: 0px 40px 0px 40px;
|
|
background-image: none;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
font-size: 33px;
|
|
justify-content: center;
|
|
text-align: center;
|
|
color: rgb(235, 235, 235);
|
|
line-height: 33px;
|
|
max-width: 864px;
|
|
display: none;
|
|
}
|
|
|
|
.welcome .frame .guide#langsel {
|
|
position: absolute;
|
|
top: 1037px;
|
|
left: 0px;
|
|
width: 1920px;
|
|
height: 54px;
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
display: inline-block;
|
|
color: rgba(200, 200, 200, 1);
|
|
font-size: 32px;
|
|
line-height: 43px;
|
|
text-align: center;
|
|
border-top: solid rgb(128, 128, 128);
|
|
}
|
|
|
|
.welcome #lst_langsel {
|
|
position: absolute;
|
|
top: 962px;
|
|
left: 0;
|
|
height: 76px;
|
|
line-height: 76px;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
display: none;
|
|
}
|
|
|
|
.welcome #lst_langsel .item {
|
|
color: rgba(200, 200, 200, 1);
|
|
font-size: 44px;
|
|
text-align: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.welcome #lst_langsel .owl-item.active.center div {
|
|
background-image: var(--btn_focus);
|
|
}
|
|
|
|
.welcome #lst_langsel .owl-item.active div {
|
|
background-image: var(--btn_unfocus);
|
|
}
|
|
|
|
.control .skip_video {
|
|
z-index: 10000;
|
|
position: absolute;
|
|
z-index: 10000;
|
|
top: 927px;
|
|
left: 1579px;
|
|
width: 246px;
|
|
height: 68px;
|
|
padding: 0px;
|
|
background-color: rgba(0, 0, 0, 0.0);
|
|
background-image: none;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
display: none;
|
|
}
|
|
|
|
#debugwin {
|
|
z-index: 10000;
|
|
position: absolute;
|
|
top: 11px;
|
|
bottom: 22px;
|
|
right: 11px;
|
|
font-size: 12px;
|
|
background-color: rgba(18, 18, 18, 0.3);
|
|
text-align: left;
|
|
color: rgb(235, 235, 235);
|
|
line-height: 24px;
|
|
padding-left: 5px;
|
|
padding-top: 5px;
|
|
display: inline-flex;
|
|
max-width: 500px;
|
|
overflow-wrap: break-word;
|
|
word-wrap: break-word;
|
|
display: none;
|
|
} |