Compare commits
33 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
9130273167 | ||
|
|
7d8338a0a0 | ||
|
|
8cdbaf8f71 | ||
|
|
0f2d30d63e | ||
|
|
9142b60fb5 | ||
|
|
f2046b2cb3 | ||
|
|
1b0d48a31f | ||
|
|
1f657fd3df | ||
|
|
0dee6a9a92 | ||
|
|
1880fae37a | ||
|
|
f679231d2d | ||
|
|
ed75e5f8fb | ||
|
|
fe71eb5561 | ||
|
|
d7a6748ff8 | ||
|
|
9da17b7835 | ||
|
|
6979da71d4 | ||
|
|
8b847aaea2 | ||
|
|
5c5f58defc | ||
|
|
0589fe80ab | ||
|
|
f79dc7e06b | ||
|
|
93dae53e28 | ||
|
|
81ba70644e | ||
|
|
91e52f331c | ||
|
|
67983df543 | ||
|
|
02ad6a7055 | ||
|
|
d9f0ee0e34 | ||
|
|
4ef3896e2c | ||
|
|
f98e3d6520 | ||
|
|
ea812e34a1 | ||
|
|
2b36279807 | ||
|
|
d805f4bb44 | ||
|
|
08ad96e59b | ||
|
|
97afa01319 |
@@ -8,7 +8,6 @@
|
||||
<link rel="stylesheet" href="/procentric/application/css/owlcarousel/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="/procentric/application/css/owlcarousel/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="/procentric/application/css/acmeticker/style.css">
|
||||
<link rel="stylesheet" href="/procentric/application/css/lightslider.css">
|
||||
<title>CENTIRM LG-PROCENTRIC HOTEL SERVICE</title>
|
||||
</head>
|
||||
|
||||
@@ -182,177 +181,101 @@
|
||||
<div class="owl-carousel owl-theme" id="lst_hotkey_mm_blue"></div>
|
||||
</div>
|
||||
<div class="amenity">
|
||||
<div class="bg">
|
||||
<div class="owl-carousel owl-theme" id="lst_ctgbg"></div>
|
||||
</div>
|
||||
<div class="slider">
|
||||
<div class="owl-carousel owl-theme" id="lst_ctgsel"></div>
|
||||
</div>
|
||||
<div class="cart">
|
||||
<div>
|
||||
<div class="menu">
|
||||
<div>
|
||||
<div id="title"></div>
|
||||
<div id="usage"></div>
|
||||
<div id="items">
|
||||
<table class="tbl_header">
|
||||
<tbody id="hdr">
|
||||
<tr>
|
||||
<th id="type"></th>
|
||||
<th id="quantity"></th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="tbl_record">
|
||||
<tbody id="record"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="summary">
|
||||
<div id="title"></div>
|
||||
<div id="value"></div>
|
||||
<div id="quantity"></div>
|
||||
</div>
|
||||
<div id="buttons">
|
||||
<div id="order"></div>
|
||||
<div id="details"></div>
|
||||
<div id="cancel"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="description">
|
||||
<div id="title"></div>
|
||||
<div id="comment"></div>
|
||||
<div id="control">
|
||||
<div id="thumb"></div>
|
||||
</div>
|
||||
<div class="cart-list">
|
||||
<div id="title"></div>
|
||||
<div id="usage"></div>
|
||||
<div id="items">
|
||||
<table class="tbl_header">
|
||||
<tbody id="hdr">
|
||||
<tr>
|
||||
<th id="type"></th>
|
||||
<th id="quantity"></th>
|
||||
<th id="amount"></th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="tbl_record">
|
||||
<tbody id="record"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="summary">
|
||||
<div id="title"></div>
|
||||
<div id="quantity"></div>
|
||||
<div id="amount"></div>
|
||||
</div>
|
||||
<div id="notice"></div>
|
||||
<div id="buttons">
|
||||
<div>
|
||||
<div id="confirm"></div>
|
||||
<div id="quantity"></div>
|
||||
<div>
|
||||
<div id="icon_up"></div>
|
||||
<div id="number"></div>
|
||||
<div id="icon_down"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div id="cancel"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order-details">
|
||||
<div id="title"></div>
|
||||
<div id="usage"></div>
|
||||
<div id="orders">
|
||||
<table class="order_list">
|
||||
<tbody id="record"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="summary">
|
||||
<div id="title"></div>
|
||||
<div id="quantity"></div>
|
||||
<div id="amount"></div>
|
||||
<div id="total"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert">
|
||||
<div id="order-complete">
|
||||
<div id="description">
|
||||
<div id="name"></div>
|
||||
<div id="details"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="items">
|
||||
<div id="title"></div>
|
||||
<div id="message"></div>
|
||||
<div id="table"></div>
|
||||
<div id="amount">
|
||||
<div id="total"></div>
|
||||
<div id="value"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order">
|
||||
<div class="winleft"></div>
|
||||
</div>
|
||||
<div class="use_guide"></div>
|
||||
</div>
|
||||
<div class="roomservice">
|
||||
<div class="bg">
|
||||
<div class="owl-carousel owl-theme" id="lst_ctgbg"></div>
|
||||
</div>
|
||||
<div class="slider">
|
||||
<div class="owl-carousel owl-theme" id="lst_ctgsel"></div>
|
||||
</div>
|
||||
<div class="cart">
|
||||
<div>
|
||||
<div class="menu">
|
||||
<div>
|
||||
<div id="title"></div>
|
||||
<div id="usage"></div>
|
||||
<div id="items">
|
||||
<table class="tbl_header">
|
||||
<tbody id="hdr">
|
||||
<tr>
|
||||
<th id="type"></th>
|
||||
<th id="quantity"></th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="tbl_record">
|
||||
<tbody id="record"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="summary">
|
||||
<div id="title"></div>
|
||||
<div id="value"></div>
|
||||
<div id="quantity"></div>
|
||||
</div>
|
||||
<div id="buttons">
|
||||
<div id="order"></div>
|
||||
<div id="details"></div>
|
||||
<div id="cancel"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="description">
|
||||
<div id="title"></div>
|
||||
<div id="comment"></div>
|
||||
<div id="control">
|
||||
<div id="thumb"></div>
|
||||
</div>
|
||||
<div class="cart-list">
|
||||
<div id="title"></div>
|
||||
<div id="usage"></div>
|
||||
<div id="items">
|
||||
<table class="tbl_header">
|
||||
<tbody id="hdr">
|
||||
<tr>
|
||||
<th id="type"></th>
|
||||
<th id="quantity"></th>
|
||||
<th id="amount"></th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="tbl_record">
|
||||
<tbody id="record"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="summary">
|
||||
<div id="title"></div>
|
||||
<div id="quantity"></div>
|
||||
<div id="amount"></div>
|
||||
</div>
|
||||
<div id="notice"></div>
|
||||
<div id="buttons">
|
||||
<div>
|
||||
<div id="confirm"></div>
|
||||
<div id="quantity"></div>
|
||||
<div>
|
||||
<div id="icon_up"></div>
|
||||
<div id="number"></div>
|
||||
<div id="icon_down"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div id="cancel"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order-details">
|
||||
<div id="title"></div>
|
||||
<div id="usage"></div>
|
||||
<div id="orders">
|
||||
<table class="order_list">
|
||||
<tbody id="record"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="summary">
|
||||
<div id="title"></div>
|
||||
<div id="quantity"></div>
|
||||
<div id="amount"></div>
|
||||
<div id="total"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert">
|
||||
<div id="order-complete">
|
||||
<div id="description">
|
||||
<div id="name"></div>
|
||||
<div id="details"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="items">
|
||||
<div id="title"></div>
|
||||
<div id="message"></div>
|
||||
<div id="table"></div>
|
||||
<div id="amount">
|
||||
<div id="total"></div>
|
||||
<div id="value"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order">
|
||||
<div class="winleft"></div>
|
||||
</div>
|
||||
<div class="use_guide"></div>
|
||||
</div>
|
||||
<div class="mypage">
|
||||
<div class="message">
|
||||
<div id="hotel_logo"></div>
|
||||
@@ -417,8 +340,7 @@
|
||||
<script src="/procentric/application/lib/jquery.color-2.1.2.min.js"></script>
|
||||
<script src="/procentric/application/lib/jquery.webticker.min.js"></script>
|
||||
<script src="/procentric/application/lib/xml2json.js"></script>
|
||||
<script src="/procentric/application/lib/owl.carousel.js"></script>
|
||||
<script src="/procentric/application/lib/lightslider.js"></script>
|
||||
<script src="/procentric/application/lib/owl.carousel.min.js"></script>
|
||||
|
||||
<!-- LG HCAP Library -->
|
||||
<script src="/procentric/application/lib/hcap.js"></script>
|
||||
@@ -483,7 +405,9 @@
|
||||
|
||||
switch (e.keyCode) {
|
||||
case 602: // Portail
|
||||
if ( HotelTV.dbginfo['en'] == true ) {
|
||||
window.location.replace('./index.html');
|
||||
}
|
||||
break;
|
||||
case 409:
|
||||
HotelTV.hcap.PwrOff();
|
||||
|
||||
@@ -1,392 +0,0 @@
|
||||
/*! lightslider - v1.1.3 - 2015-04-14
|
||||
* https://github.com/sachinchoolur/lightslider
|
||||
* Copyright (c) 2015 Sachin N; Licensed MIT */
|
||||
/** /!!! core css Should not edit !!!/**/
|
||||
|
||||
.lSSlideOuter {
|
||||
overflow: hidden;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
.lightSlider:before, .lightSlider:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.lightSlider {
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
}
|
||||
.lSSlideWrapper {
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideWrapper > .lightSlider:after {
|
||||
clear: both;
|
||||
}
|
||||
.lSSlideWrapper .lSSlide {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
-ms-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px);
|
||||
-webkit-transition: all 1s;
|
||||
-webkit-transition-property: -webkit-transform,height;
|
||||
-moz-transition-property: -moz-transform,height;
|
||||
transition-property: transform,height;
|
||||
-webkit-transition-duration: inherit !important;
|
||||
transition-duration: inherit !important;
|
||||
-webkit-transition-timing-function: inherit !important;
|
||||
transition-timing-function: inherit !important;
|
||||
}
|
||||
.lSSlideWrapper .lSFade {
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideWrapper .lSFade > * {
|
||||
position: absolute !important;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
margin-right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.lSSlideWrapper.usingCss .lSFade > * {
|
||||
opacity: 0;
|
||||
-webkit-transition-delay: 0s;
|
||||
transition-delay: 0s;
|
||||
-webkit-transition-duration: inherit !important;
|
||||
transition-duration: inherit !important;
|
||||
-webkit-transition-property: opacity;
|
||||
transition-property: opacity;
|
||||
-webkit-transition-timing-function: inherit !important;
|
||||
transition-timing-function: inherit !important;
|
||||
}
|
||||
.lSSlideWrapper .lSFade > *.active {
|
||||
z-index: 10;
|
||||
}
|
||||
.lSSlideWrapper.usingCss .lSFade > *.active {
|
||||
opacity: 1;
|
||||
}
|
||||
/** /!!! End of core css Should not edit !!!/**/
|
||||
|
||||
/* Pager */
|
||||
.lSSlideOuter .lSPager.lSpg {
|
||||
margin: 10px 0 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSpg > li {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSpg > li a {
|
||||
background-color: #222222;
|
||||
border-radius: 30px;
|
||||
display: inline-block;
|
||||
height: 8px;
|
||||
overflow: hidden;
|
||||
text-indent: -999em;
|
||||
width: 8px;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
-webkit-transition: all 0.5s linear 0s;
|
||||
transition: all 0.5s linear 0s;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
|
||||
background-color: #428bca;
|
||||
}
|
||||
.lSSlideOuter .media {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.lSSlideOuter .media.active {
|
||||
opacity: 1;
|
||||
}
|
||||
/* End of pager */
|
||||
|
||||
/** Gallery */
|
||||
.lSSlideOuter .lSPager.lSGallery {
|
||||
list-style: none outside none;
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
transform: translate3d(0px, 0px, 0px);
|
||||
-moz-transform: translate3d(0px, 0px, 0px);
|
||||
-ms-transform: translate3d(0px, 0px, 0px);
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
-o-transform: translate3d(0px, 0px, 0px);
|
||||
-webkit-transition-property: -webkit-transform;
|
||||
-moz-transition-property: -moz-transform;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSGallery li {
|
||||
overflow: hidden;
|
||||
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
|
||||
transition: border-radius 0.12s linear 0s 0.35s linear 0s;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
|
||||
border-radius: 5px;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSGallery img {
|
||||
display: block;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSGallery:after {
|
||||
clear: both;
|
||||
}
|
||||
/* End of Gallery*/
|
||||
|
||||
/* slider actions */
|
||||
.lSAction > a {
|
||||
width: 32px;
|
||||
display: block;
|
||||
top: 50%;
|
||||
height: 32px;
|
||||
background-image: url('../img/controls.png');
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
margin-top: -16px;
|
||||
opacity: 0.5;
|
||||
-webkit-transition: opacity 0.35s linear 0s;
|
||||
transition: opacity 0.35s linear 0s;
|
||||
}
|
||||
.lSAction > a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.lSAction > .lSPrev {
|
||||
background-position: 0 0;
|
||||
left: 10px;
|
||||
}
|
||||
.lSAction > .lSNext {
|
||||
background-position: -32px 0;
|
||||
right: 10px;
|
||||
}
|
||||
.lSAction > a.disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
.cS-hidden {
|
||||
height: 1px;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* vertical */
|
||||
.lSSlideOuter.vertical {
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideOuter.vertical.noPager {
|
||||
padding-right: 0px !important;
|
||||
}
|
||||
.lSSlideOuter.vertical .lSGallery {
|
||||
position: absolute !important;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.lSSlideOuter.vertical .lightSlider > * {
|
||||
width: 100% !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
|
||||
/* vertical controlls */
|
||||
.lSSlideOuter.vertical .lSAction > a {
|
||||
left: 50%;
|
||||
margin-left: -14px;
|
||||
margin-top: 0;
|
||||
}
|
||||
.lSSlideOuter.vertical .lSAction > .lSNext {
|
||||
background-position: 31px -31px;
|
||||
bottom: 10px;
|
||||
top: auto;
|
||||
}
|
||||
.lSSlideOuter.vertical .lSAction > .lSPrev {
|
||||
background-position: 0 -31px;
|
||||
bottom: auto;
|
||||
top: 10px;
|
||||
}
|
||||
/* vertical */
|
||||
|
||||
|
||||
/* Rtl */
|
||||
.lSSlideOuter.lSrtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
|
||||
padding-left: 0;
|
||||
list-style: none outside none;
|
||||
}
|
||||
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
|
||||
padding-right: 0;
|
||||
}
|
||||
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
|
||||
float: left;
|
||||
}
|
||||
.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
|
||||
float: right !important;
|
||||
}
|
||||
/* Rtl */
|
||||
|
||||
@-webkit-keyframes rightEnd {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: -15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@keyframes rightEnd {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: -15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes topEnd {
|
||||
0% {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
top: -15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
@keyframes topEnd {
|
||||
0% {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
top: -15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes leftEnd {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@keyframes leftEnd {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes bottomEnd {
|
||||
0% {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
bottom: -15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
@keyframes bottomEnd {
|
||||
0% {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
bottom: -15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
.lSSlideOuter .rightEnd {
|
||||
-webkit-animation: rightEnd 0.3s;
|
||||
animation: rightEnd 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideOuter .leftEnd {
|
||||
-webkit-animation: leftEnd 0.3s;
|
||||
animation: leftEnd 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideOuter.vertical .rightEnd {
|
||||
-webkit-animation: topEnd 0.3s;
|
||||
animation: topEnd 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideOuter.vertical .leftEnd {
|
||||
-webkit-animation: bottomEnd 0.3s;
|
||||
animation: bottomEnd 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideOuter.lSrtl .rightEnd {
|
||||
-webkit-animation: leftEnd 0.3s;
|
||||
animation: leftEnd 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideOuter.lSrtl .leftEnd {
|
||||
-webkit-animation: rightEnd 0.3s;
|
||||
animation: rightEnd 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
/*/ GRab cursor */
|
||||
.lightSlider.lsGrab > * {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: -o-grab;
|
||||
cursor: -ms-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.lightSlider.lsGrabbing > * {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: -o-grabbing;
|
||||
cursor: -ms-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
@@ -1,192 +0,0 @@
|
||||
body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.welcome {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
padding: 0px;
|
||||
display: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.startup {
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
/* background-image: url(./images/hoteltv_service_preparing.png); */
|
||||
background-image: url(./images/hoteltv_service_preparing_joson.jpg);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.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(45,45,45,0.6),rgba(16,16,16,0.7));
|
||||
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;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 204 KiB |
|
Before Width: | Height: | Size: 351 KiB |
|
Before Width: | Height: | Size: 103 KiB |
|
Before Width: | Height: | Size: 202 KiB |
|
Before Width: | Height: | Size: 113 KiB |
|
Before Width: | Height: | Size: 110 KiB |
|
Before Width: | Height: | Size: 1.0 MiB |
|
Before Width: | Height: | Size: 1.8 MiB |
|
Before Width: | Height: | Size: 675 KiB |
|
Before Width: | Height: | Size: 973 KiB |
|
Before Width: | Height: | Size: 494 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 166 KiB |
|
Before Width: | Height: | Size: 126 KiB |
|
Before Width: | Height: | Size: 617 KiB |
|
Before Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 354 KiB |
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 65 KiB |
|
Before Width: | Height: | Size: 6.6 KiB |
|
Before Width: | Height: | Size: 7.5 KiB |
|
Before Width: | Height: | Size: 7.4 KiB |
|
Before Width: | Height: | Size: 7.7 KiB |
|
Before Width: | Height: | Size: 8.0 KiB |
|
Before Width: | Height: | Size: 586 KiB |
|
Before Width: | Height: | Size: 110 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 990 B |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 2.8 KiB |