diff --git a/procentric/application/lib/hoteltv.hcap.js b/procentric/application/lib/hoteltv.hcap.js
index 7189bfc..932636a 100755
--- a/procentric/application/lib/hoteltv.hcap.js
+++ b/procentric/application/lib/hoteltv.hcap.js
@@ -36,6 +36,7 @@ HotelTV.hcap = (function() {
'clock_display', 'teletext', 'secure_mmr_pairing', 'dial', 'alljoyn', 'clock_source', 'xait_version',
'asl_mode', 'screensaver_control', 'rms_trusted_ip', 'lg_service_xml_version', 'cec_device_control',
'input_splash_image', 'block_usb', 'tv_channel_attribute_floating_ui',
+ 'room_number',
'instant_power', 'hardware_version',
'network_info',
'tv_channel_ui', "mute_on_tv_input",
@@ -900,7 +901,14 @@ HotelTV.hcap = (function() {
});
})
- // STEP#004::> Power Mode
+ // SETP#004::> Room Number(Device Name)
+ let _str_newDevName = _devinfo['manufacture'] + "[" + _devconfig.roomNumber.toString() + "]";
+ if ( _devinfo['room_number']!=_str_newDevName ){
+ console.log("Set device name and room number as " + _str_newDevName );
+ _pmFxnArProperty.push(__hcapfxn_set_property('room_number', _str_newDevName));
+ }
+
+ // STEP#005::> Power Mode
if (_devinfo["instant_power"] !== undefined) {
let _instant_pwr_target_mode = 2;
if (_devinfo["instant_power"] != _instant_pwr_target_mode) {
@@ -936,7 +944,7 @@ HotelTV.hcap = (function() {
}
}
- // STEP#00X::> SERVICE RELATED PARAMETERS
+ // STEP#006::> SERVICE RELATED PARAMETERS
for (let _cfg in _devconfig) {
if (_cfg == 'video') {
for (let _item in _devconfig.video) {
@@ -1087,42 +1095,42 @@ HotelTV.hcap = (function() {
}
}
- //Specifial parameters
+ // STEP#007::> Specifial parameters
if (_devinfo["boot_sequence_option"] !== undefined) {
if (_devinfo["boot_sequence_option"] != 1) {
_pmFxnArProperty.push(__hcapfxn_set_property('boot_sequence_option', 1));
}
}
- // Clock Display
+ // STEP#008::> Clock Display
if (_devinfo["clock_display"] !== undefined) {
if (_devinfo["clock_display"] != 0) {
_pmFxnArProperty.push(__hcapfxn_set_property('clock_display', 0));
}
}
- // Input splash Image
+ // STEP#009::> Input splash Image
if (_devinfo["input_splash_image"] !== undefined) {
if (_devinfo["input_splash_image"] != 0) {
_pmFxnArProperty.push(__hcapfxn_set_property('input_splash_image', 0));
}
}
- // USB Device Blocking
+ // STEP#010::> USB Device Blocking
if (_devinfo["block_usb"] !== undefined) {
if (_devinfo["block_usb"] != 1) {
_pmFxnArProperty.push(__hcapfxn_set_property('block_usb', 1));
}
}
- // WOL
+ // STEP#011::> WOL
if (_devinfo["wol_m"] !== undefined) {
if (_devinfo["wol_m"] != "normal") {
_pmFxnArProperty.push(__hcapfxn_set_property('wol_m', "normal"));
}
}
- // WIFI SCREEN SHARE
+ // STEP#012::> WIFI SCREEN SHARE
if (_devinfo["wifi_screen_share"] !== undefined) {
// if (_devinfo["wifi_screen_share"] != 1) {
// _pmFxnArProperty.push(__hcapfxn_set_property('wifi_screen_share', 1));
@@ -1134,77 +1142,77 @@ HotelTV.hcap = (function() {
}
}
- // SMART SHARE
+ // STEP#013::> SMART SHARE
if (_devinfo["smart_share"] !== undefined) {
if (_devinfo["smart_share"] != 0) {
_pmFxnArProperty.push(__hcapfxn_set_property('smart_share', 0));
}
}
- // SMART PARING
+ // STEP#014::> SMART PARING
if (_devinfo["smart_pairing"] !== undefined) {
if (_devinfo["smart_pairing"] != 0) {
_pmFxnArProperty.push(__hcapfxn_set_property('smart_pairing', 0));
}
}
- // DIAL
+ // STEP#015::> DIAL
if (_devinfo["dial"] !== undefined) {
if (_devinfo["dial"] != 1) {
_pmFxnArProperty.push(__hcapfxn_set_property('dial', 1));
}
}
- // DMR
+ // STEP#016::> DMR
if (_devinfo["dmr"] !== undefined) {
if (_devinfo["dmr"] != 0) {
_pmFxnArProperty.push(__hcapfxn_set_property('dmr', 0));
}
}
- // SOFTAP UI
+ // STEP#017::> SOFTAP UI
if (_devinfo["soft_ap_ui"] !== undefined) {
if (_devinfo["soft_ap_ui"] != 0) {
_pmFxnArProperty.push(__hcapfxn_set_property('soft_ap_ui', 0));
}
}
- // SOFTAP
+ // STEP#018::> SOFTAP
if (_devinfo["soft_ap"] !== undefined) {
if (_devinfo["soft_ap"] != 0) {
_pmFxnArProperty.push(__hcapfxn_set_property('soft_ap', 0));
}
}
- // APPLICATION CHANNEL CONTROL
+ // STEP#019::> APPLICATION CHANNEL CONTROL
if (_devinfo["application_channel_control"] !== undefined) {
if (_devinfo["application_channel_control"] != 1) {
_pmFxnArProperty.push(__hcapfxn_set_property('application_channel_control', 1));
}
}
- // TV CHANNEL UI
+ // STEP#020::> TV CHANNEL UI
if (_devinfo["tv_channel_ui"] !== undefined) {
if (_devinfo["tv_channel_ui"] != 0) {
_pmFxnArProperty.push(__hcapfxn_set_property('tv_channel_ui', 0));
}
}
- // MUTE ON TV INPUT: Prevent TV channel auto play when exit OTT
+ // STEP#021::> MUTE ON TV INPUT: Prevent TV channel auto play when exit OTT
if (_devinfo["mute_on_tv_input"] !== undefined) {
if (_devinfo["mute_on_tv_input"] != 1) {
_pmFxnArProperty.push(__hcapfxn_set_property('mute_on_tv_input', 1));
}
}
- // SECURITY LEVEL
+ // STEP#022::> SECURITY LEVEL
if (_devinfo["security_level"] !== undefined) {
if (_devinfo["security_level"] != 1) {
_pmFxnArProperty.push(__hcapfxn_set_property('security_level', 1));
}
}
- // // OSD LAYER ID
+ // STEP#0XX::> OSD LAYER ID
// if (_devinfo["osd_layer_id"] !== undefined) {
// if (_devinfo["osd_layer_id"] != 0) {
// _pmFxnArProperty.push(__hcapfxn_set_property('osd_layer_id', 0));
@@ -1711,19 +1719,33 @@ HotelTV.hcap = (function() {
},
- // _type은 hcap.externalinput.ExternalInputType형이고, 현재는 HDMI로 고정
- // _index는 HDMI포트 번호
+ /**
+ * _type은 hcap.externalinput.ExternalInputType형이고, 현재는 HDMI로 고정
+ * _index는 HDMI포트 번호
+ * @param {string} _type
+ * @param {Number} _index
+ * @returns
+ * true: Success
+ * false: Failure
+ */
SetExternalInput: function(_type, _index) {
- hcap.externalinput.setCurrentExternalInput({
- "type" : hcap.externalinput.ExternalInputType.HDMI,
- "index" : _index,
- "onSuccess" : function() {
- console.log("onSuccess");
- },
- "onFailure" : function(f) {
- console.error("onFailure : errorMessage = " + f.errorMessage);
- }
- });
+ try {
+ hcap.externalinput.setCurrentExternalInput({
+ "type" : hcap.externalinput.ExternalInputType.HDMI,
+ "index" : _index,
+ "onSuccess" : function() {
+ console.log("onSuccess");
+ return true;
+ },
+ "onFailure" : function(f) {
+ console.error("onFailure : errorMessage = " + f.errorMessage);
+ return false;
+ }
+ });
+ } catch(_err) {
+ console.log(`fail to perform getCurrentExternalInput() ${_err}`);
+ return false;
+ }
},
Test: function() {
diff --git a/procentric/application/lib/hoteltv.js b/procentric/application/lib/hoteltv.js
index 1d6281e..a471af0 100755
--- a/procentric/application/lib/hoteltv.js
+++ b/procentric/application/lib/hoteltv.js
@@ -57,6 +57,13 @@ var HotelTV = HotelTV || {
'scroll_offset': null,
},
},
+ 'external_input':{
+ 'connected': false,
+ 'last_input': {
+ 'type': 0,
+ 'index': 0
+ }
+ },
'hotkey': {
"mm": {}
},
@@ -664,7 +671,7 @@ HotelTV.LoadAppFull = async function() {
//STEP#01: Load session info
HotelTV.dbginfo = await JSON.parse(sessionStorage.getItem("dbginfo"));
//SETP#02::> Set Debug Options
- __fxn_Set_DebugOpt(true, 'native', true);
+ __fxn_Set_DebugOpt(false, 'native', true);
HotelTV.devinfo = await JSON.parse(sessionStorage.getItem("devinfo"));
HotelTV.svrinfo = await JSON.parse(sessionStorage.getItem("svrinfo"));
diff --git a/procentric/application/lib/hoteltv.ui_appfull.js b/procentric/application/lib/hoteltv.ui_appfull.js
index 6bc059e..fb85ac0 100755
--- a/procentric/application/lib/hoteltv.ui_appfull.js
+++ b/procentric/application/lib/hoteltv.ui_appfull.js
@@ -485,20 +485,40 @@ HotelTV.ui_appfull = (function() {
if ( _evt.connected==true ){
_state.menu.stage.prev = _state.menu.stage.cur;
_state.menu.stage.cur = "external_av_hdmi";
+ _state.external_input.connected = true;
+ _state.external_input.last_input.index = Number(_evt.index)-1;
setTimeout(function(){
$('body,html').fadeOut(500, function(){
- HotelTV.hcap.SetExternalInput("HDMI", Number(_evt.index)-1);
+ let __retSuccess = HotelTV.hcap.SetExternalInput("HDMI", Number(_evt.index)-1);
+ if ( __retSuccess==false ){
+ _state.external_input.connected = false;
+ _state.external_input.last_input.index = 0;
+ if ( $('body,html').css('display')=="none" ){
+ $('body,html').fadeIn(500, function(){
+ __uifxn_AppFull_BuildNews();
+ if ( _state.menu.stage.prev!=null ){
+ _state.menu.stage.cur = _state.menu.stage.prev;
+ _state.menu.stage.prev = null;
+ }
+ __uifxn_AppFull_RefreshNews(500);
+ });
+ }
+ }
});
}, 1000);
HotelTV.ui_utils.ShowNotificationMsgBalloon(_trTbl.system.notice.event.external_input.hdmi_connected[_state.lang], 5);
}else{
+ _state.external_input.connected = false;
+ _state.external_input.last_input.index = 0;
if ( $('body,html').css('display')=="none" ){
- $('body,html').fadeIn(500);
-
- if ( _state.menu.stage.prev!=null ){
- _state.menu.stage.cur = _state.menu.stage.prev;
- _state.menu.stage.prev = null;
- }
+ $('body,html').fadeIn(500, function(){
+ __uifxn_AppFull_BuildNews();
+ if ( _state.menu.stage.prev!=null ){
+ _state.menu.stage.cur = _state.menu.stage.prev;
+ _state.menu.stage.prev = null;
+ }
+ __uifxn_AppFull_RefreshNews(500);
+ });
}
}
}
@@ -512,16 +532,52 @@ HotelTV.ui_appfull = (function() {
let _state = HotelTV.state;
// Set tv playing flag
- _state.tv.playing = true;
// {Boolean} param.result - true if the current channel is changed successfully, else false.
// {String} param.errorMessage - in case of failure, this message provides the details.
- console.log(
- "Event 'channel_changed' is received. " +
- "Result = " + _evt.result + "Error message = " + _evt.errorMessage
- );
+ if ( _evt.result==true ) {
+ _state.tv.playing = true;
+ } else {
+ console.log("Event 'channel_changed' is failure::> " + _evt.errorMessage );
+ }
}
+ /**
+ * HotelTV UI Wrapper Function::> received event handling function
+ */
+ function __uifxn_AppFull_OnPwrModeChangeEvt() {
+ let _state = HotelTV.state;
+ let _tvMenu_stages = "tvCtgHide tvCtgShow tvShortcut tvPreparing";
+ if ( _tvMenu_stages.includes(_state.menu.stage.cur)==true ){
+ hcap.power.getPowerMode({
+ "onSuccess" : function(s) {
+ console.log("onSuccess power mode " + s.mode);
+ if ( s.mode==hcap.power.PowerMode.NORMAL ){
+ console.log("Need to restart channel...");
+ __uifxn_AppFull_TVRequestChannel(null, null);
+ }
+ },
+ "onFailure" : function(f) {
+ console.log("onFailure : errorMessage = " + f.errorMessage);
+ }
+ });
+ } else if ( _state.menu.stage.cur=="external_av_hdmi" ) {
+ let __retSuccess = HotelTV.hcap.SetExternalInput("HDMI", _state.external_input.last_input.index);
+ if ( __retSuccess==false ){
+ _state.external_input.connected = false;
+ _state.external_input.last_input.index = 0;
+ if ( $('body,html').css('display')=="none" ){
+ $('body,html').fadeIn(500);
+
+ if ( _state.menu.stage.prev!=null ){
+ _state.menu.stage.cur = _state.menu.stage.prev;
+ _state.menu.stage.prev = null;
+ }
+ }
+ }
+ }
+ console.log("Event 'power_mode_changed' is received. ");
+ }
/**
@@ -3794,6 +3850,25 @@ HotelTV.ui_appfull = (function() {
return;
}
+ /**
+ * HotelTV UI[AppFull] Wrapper Function::> refresh news
+ */
+ function __uifxn_AppFull_RefreshNews(_tmDelay) {
+ let _hndlNewsTicker = $('.news>.newsctz #hoteltv-news-ticker');
+
+ const __ifxn_refreshNewsTicker = function(_timeDelay=2000){
+ _hndlNewsTicker.webTicker('stop');
+ _hndlNewsTicker.children().remove();
+ setTimeout(__uifxn_AppFull_BuildNews, _timeDelay);
+ }
+
+ try {
+ __ifxn_refreshNewsTicker( _tmDelay );
+ } catch ( _err ){
+ console.error(`Fail to update::> ${_err}`);
+ }
+ }
+
/**
* HotelTV UI[AppFull] Wrapper Function::> build news
@@ -3810,9 +3885,17 @@ HotelTV.ui_appfull = (function() {
let sz_li_news = "";
for (let _nwsIdx = 1; _nwsIdx <= _newsInfo.length; _nwsIdx++) {
if (_newsInfo[_nwsIdx].logo.download != "") {
- sz_li_news += `
${_newsInfo[_nwsIdx].content[_state.lang]}`;
+ if (_newsInfo[_nwsIdx].multilanguage == true) {
+ sz_li_news += `
${_newsInfo[_nwsIdx].content[_state.lang]}`;
+ } else {
+ sz_li_news += `
${_newsInfo[_nwsIdx].content.default}`;
+ }
} else {
- sz_li_news += `${_newsInfo[_nwsIdx].content[_state.lang]}`;
+ if (_newsInfo[_nwsIdx].multilanguage == true) {
+ sz_li_news += `${_newsInfo[_nwsIdx].content[_state.lang]}`;
+ } else {
+ sz_li_news += `${_newsInfo[_nwsIdx].content.default}`;
+ }
}
}
_hndlNewsTicker.html(sz_li_news);
@@ -3820,6 +3903,7 @@ HotelTV.ui_appfull = (function() {
height: '26px',
speed: 100
});
+ _hndlNewsTicker.webTicker('update');
} else {
let sz_li_news = "";
for (let _nwsIdx = 1; _nwsIdx <= _newsInfo.length; _nwsIdx++) {
@@ -5759,10 +5843,10 @@ HotelTV.ui_appfull = (function() {
}
}
} else if (_state.menu.stage.cur == "tvCtgHide") {
- if (event.keyCode == gRmtKey.chup) {
+ if (event.keyCode == gRmtKey.up || event.keyCode == gRmtKey.chup) {
// 채널 리스트 아이탬 이동(CHUP)
__ifxn_moveTvChannel(_tvProg, "ch_up");
- } else if (event.keyCode == gRmtKey.chdown) {
+ } else if (event.keyCode == gRmtKey.down || event.keyCode == gRmtKey.chdown) {
// 채널 리스트 아이탬 이동(CHDOWN)
__ifxn_moveTvChannel(_tvProg, "ch_down");
} else if (event.keyCode == gRmtKey.back) {
@@ -5806,6 +5890,7 @@ HotelTV.ui_appfull = (function() {
$('#lst_tvCtgbg').on('translated.owl.carousel', function(event) {
__uifxn_AppFull_TVUpdateChList("on_load");
+ HotelTV.ui_utils.ShowNotificationMsgBalloon(_trTbl.ui.guide.navi_tvcategory[_state.lang], 10);
});
@@ -6951,6 +7036,8 @@ HotelTV.ui_appfull = (function() {
document.addEventListener("hdmi_connection_changed", __uifxn_AppFull_OnHdmiConChangeEvt, false);
//ADD Event for the result of channel changed
document.addEventListener("channel_changed", __uifxn_AppFull_OnTvChChgChangeEvt, false);
+ //ADD power mode changed
+ document.addEventListener("power_mode_changed", __uifxn_AppFull_OnPwrModeChangeEvt, false);
},
Show: function() {
diff --git a/procentric/application/theme/HIM00001/hoteltv.app.full.mypage.css b/procentric/application/theme/HIM00001/hoteltv.app.full.mypage.css
index 97d6447..2e4b85c 100755
--- a/procentric/application/theme/HIM00001/hoteltv.app.full.mypage.css
+++ b/procentric/application/theme/HIM00001/hoteltv.app.full.mypage.css
@@ -171,7 +171,7 @@ div#lst_mypagebg div #mp_hotel_infowin {
}
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item {
- width: 506px;
+ width: 32%;
height: 100%;
display: inline-block;
padding: 5px;
diff --git a/procentric/application/theme/HIM00001/hoteltv.app.full.popup.css b/procentric/application/theme/HIM00001/hoteltv.app.full.popup.css
index dcc5858..e813035 100755
--- a/procentric/application/theme/HIM00001/hoteltv.app.full.popup.css
+++ b/procentric/application/theme/HIM00001/hoteltv.app.full.popup.css
@@ -125,7 +125,7 @@
width: 15px;
border: 2px solid rgba(80, 80, 80, 0.8);
filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
- background: none;
+ /* background: none; */
}
@@ -225,7 +225,7 @@
width: 15px;
border: 2px solid rgba(80, 80, 80, 0.8);
filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
- background: none;
+ /* background: none; */
}
@@ -325,7 +325,7 @@
width: 15px;
border: 2px solid rgba(80, 80, 80, 0.8);
filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
- background: none;
+ /* background: none; */
}
@@ -425,391 +425,1085 @@
width: 15px;
border: 2px solid rgba(80, 80, 80, 0.8);
filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
+ /* background: none; */
+}
+
+
+/********************************************************************************
+ * AMENITY STYLE [ START HERE] *
+ ********************************************************************************/
+/*[AM1. Amenity style ] */
+.popup .amenity {
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+}
+
+.popup .amenity div .item {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+/*[AM1-1. Amenity bg style ] */
+.popup .amenity .bg {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+ padding: 0px;
+ overflow: hidden;
+ display: none;
+}
+
+.popup .amenity .bg div {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+/*[AM1-1-1. Amenity bg: owl style ] */
+.popup .amenity .bg .owl-carousel .owl-stage .owl-item {
+ width: 100%;
+}
+
+/*[AM1-1-1-1. Amenity bg: owl: top gradient style ] */
+.popup .amenity .bg .owl-carousel .owl-stage .top_gradient{
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 240px;
+ background: linear-gradient(0deg, rgba(7,8,11,0) 0%, rgba(7,8,11,0.5) 45%, rgba(7,8,11,0.9) 100%);
+}
+
+/*[AM1-1-1-2. Amenity bg: owl: bottom gradient style ] */
+.popup .amenity .bg .owl-carousel .owl-stage .bottom_gradient{
+ position: absolute;
+ left: 0;
+ top: 928px;
+ width: 100%;
+ height: 152px;
+ background: linear-gradient(0deg, rgba(7,8,11,0.9) 0%, rgba(7,8,11,50%) 75%, rgba(7,8,11,0) 100%);
+}
+
+/*[AM1-1-1-3. Amenity bg: owl: amenity item sel window ] */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win {
+ position: absolute;
+ left: 21px;
+ top: 207px;
+ width: 1874px;
+ height: 740px;
+ margin: 0;
+ padding: 0;
+ /* background: rgba(114,18,22,0.65); */
+ display: flex;
+}
+
+/*[AM1-1-1-3-1. Amenity bg: owl: amenity item sel window : winleft ] */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winleft {
+ position: relative;
+ width: 902px;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ background: rgba(14,18,22,0.65);
+ margin: 0px 10px 0px 25px;
+ color: rgb(249, 249, 249);
+ border-top: 2px solid rgba(121,121,121,1);
+ border-bottom: 2px solid rgba(121,121,121,1);
+}
+
+/*[AM1-1-1-3-1-1. Amenity bg: owl: amenity item sel window : winleft: item table] */
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header {
+ width:100%;
+ line-height: 54px;
+ font-size: 30px;
+ text-align: center;
+ /* margin: 5px 0 15px 0; */
+ border-bottom: 4px solid rgba(121,121,121,1);
+ /* border-top: 2px solid rgba(121,121,121,1); */
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header tbody tr {
+ height: 54px;
+ max-height: 54px;
+ background-color: rgba(21, 27, 34, 1);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header tbody tr>#title {
+ width: 42%;
+ float: left;
+ /* text-align: left; */
+ padding: 0 0px 0 20px;
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header tbody tr>#price {
+ width: 20%;
+ float: left;
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header tbody tr>#status {
+ width: 38%;
+ float: left;
+ padding: 0px 30px 0 0px;
+}
+
+
+/**** Amenity Category item ::> Table Recored */
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record {
+ /* height: 284px;*/
+ width:100%;
+ line-height: 54px;
+ font-size: 30px;
+ text-align: center;
+ /* margin: 5px 0 15px 0; */
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody {
+ height: 670px;
+ overflow-y: auto;
+ display: block;
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr {
+ /* height: 52px; */
+ display: block;
+ background-color: rgba(36, 45, 57, 1);
+}
+
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem {
+ height: 52px;
+ width: 100%;
+ font-size: 30px;
+ line-height: 52px;
+ border-bottom: 2px solid rgb(21, 27, 34);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem.focus {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ border-bottom: 2px solid rgb(173, 255, 47);
+ background: rgba(29,36,47,1.0);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem.unavailable {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ background: rgba(21,27,34,1.0);
+ color: rgb(121, 121, 121);
+}
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem.focus.unavailable {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ border-bottom: 2px solid rgb(173, 255, 47);
+ background: rgba(21,27,34,1.0);
+ color: rgb(121, 121, 121);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem.focus.unavailable:before {
+
+}
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem.focus.unavailable:after {
+
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem>#title {
+ width: 42%;
+ float: left;
+ padding: 0px 0px 0px 20px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem>#price {
+ width: 20%;
+ float: left;
+ text-align: center;
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem>#status {
+ width: 38%;
+ float: left;
+ /* text-align: right; */
+ padding: 0px 30px 0 0px;
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar {
+ display: block;
+ width: 20px;
+ /* 세로축 스크롤바 길이 */
+ height: 20px;
+ /* 가로축 스크롤바 길이 */
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-track {
+ background-color: rgb(67, 82, 105);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-track-piece {
+ background-color: rgb(80, 98, 124);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-thumb {
+ border-radius: 8px;
+ background-color: rgb(51, 63, 80);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-button:start {
+ display: none;
+ /* background-color: orange; */
+ /* Top, Left 방향의 이동버튼 */
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-button:end {
+ display: none;
+ /* background-color: orange; */
+ /* Bottom, Right 방향의 이동버튼 */
+}
+
+
+/*[AM1-1-1-3-2. Amenity bg: owl: amenity item sel window : winright ] */
+/**** Amenity Item Description ::> */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright {
+ position: relative;
+ width: 902px;
+ height: 740px;
+ margin: 0;
+ padding: 0;
+ background: rgba(14,18,22,0.65);
+ margin: 0px 25px 0px 10px;
+ color: rgb(249, 249, 249);
+ border-top: 2px solid rgba(121,121,121,1);
+ border-bottom: 2px solid rgba(121,121,121,1);
+ display: none;
+}
+
+.popup .amenity .bg .owl-carousel .owl-item.active[class*="focus"] .am_item_sel_win .winright{
+
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescThumb{
+ width: 852px;
+ height: 479px;
+ margin: 10px 25px 10px 25px;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescThumb.unavailabel:before {
+ /* content: 'Not available';
+ width: 100%;
+ height: 100%;
+ transform: rotate(-30deg);
+ top: 0;
+ left: 0;
+ font-size: 7em;
+ font-weight: bolder;
+ color: rgba(1,1,1,1);
+ opacity: 0.7;
+ display: block;
+ align-items: center;
+ line-height: 479px;
+ text-align: center; */
+}
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescThumb.unavailabel:after {
+ /* content: '';
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: #000;
+ opacity: 0.6 */
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescDetails{
+ width: 852px;
+ height: 238px;
+ margin: 0px 25px 0px 25px;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescDetails div#title{
+ height: 54px;
+ width: 100%;
+ line-height: 54px;
+ font-size: 44px;
+ white-space: pre-wrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ border-bottom: 4px solid rgb(235,235,235);
+ filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescDetails div#description{
+ height:174px;
+ line-height: 30px;
+ font-size: 30px;
+ white-space: pre-wrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ padding: 14px 0px 0px 0px;
+}
+
+/*[AM1-1-1-4. Amenity bg: owl: selected item cart style window ] */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win {
+ position: absolute;
+ left: 21px;
+ top: 207px;
+ width: 1874px;
+ height: 740px;
+ margin: 0;
+ padding: 0;
+ /* background: rgba(114,18,22,0.65); */
+ display: flex;
+}
+
+/*[AM1-1-1-4-1. Amenity bg: owl: amenity item sel cart window : winleft ] */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft {
+ position: relative;
+ width: 902px;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ background: rgba(14,18,22,0.8);
+ margin: 0px 10px 0px 25px;
+ color: rgb(249, 249, 249);
+ border-top: 5px solid rgba(121,121,121,1);
+ border-bottom: 5px solid rgba(121,121,121,1);
+ /* border-top: 6px solid rgba(218,165,32,1);
+ border-bottom: 6px solid rgba(218,165,32,1); */
+ /* display: none; */
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.title{
+ height: 54px;
+ width: 96%;
+ line-height: 54px;
+ font-size: 44px;
+ white-space: pre-wrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ border-bottom: 4px solid rgb(235,235,235);
+ filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+ margin: 10px 2% 0px 2%;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control{
+ position: relative;
+ height: 254px;
+ width: 96%;
+ padding: 20px 2% 20px 2%;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control #img_thumbnail{
+ width: 40%;
+ height: 228px;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: contain;
+ float: left;
+ margin: 0px 0px 0px 2%;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control>.quantity{
+ height: 228px;
+ width: 58%;
+ display: flex;
+ float: left;
+ flex-direction: row;
+ flex-wrap: wrap;
+ padding: 0px 30px 0px 30px;
+ overflow: hidden;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control #label_quantity{
+ line-height: 137px;
+ width: 50%;
+ height: 60%;
+ font-size: 38px;
+ text-align: center;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control #value_quantity{
+ line-height: 137px;
+ width: 50%;
+ height: 60%;
+ font-size: 40px;
+ text-align: center;
+ color: rgba(218,165,32,1.0);
+ background-image: url(./images/quantity_edit_arrow.png);
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control #label_amount{
+ line-height: 91px;
+ width: 50%;
+ height: 40%;
+ font-size: 38px;
+ text-align: center;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control #value_amount{
+ line-height: 91px;
+ width: 50%;
+ height: 40%;
+ font-size: 40px;
+ text-align: center;
+ color: rgba(218,165,32,1.0);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.description{
+ height: 316px;
+ width: 100%;
+ padding: 20px 2% 20px 2%;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.description>#title{
+ height: 54px;
+ width: 100%;
+ line-height: 54px;
+ font-size: 38px;
+ white-space: pre-wrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ border-bottom: 4px solid rgb(235,235,235);
+ filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+}
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.description>#details{
+ /* height:174px; */
+ line-height: 30px;
+ font-size: 30px;
+ white-space: pre-wrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ padding: 14px 0px 0px 0px;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons{
+ line-height: 65px;
+ height: 65px;
+ width: 100%;
+ display: flex;
+ float: left;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ padding: 0px 30px 0px 30px;
+ overflow: hidden;
+ text-align: center;
+ font-size: 38px;
+ color: rgba(51,51,51,1.0);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons>div{
+ border-radius: 14px;
+ background-color: rgba(255,255,255,1.0);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons>div.focus{
+ /*border: 8px solid rgba(218,165,32,1.0); */
+ /* color: rgba(0,0,0,1); */
+ /* background-color: rgba(218,165,32,1.0); */
+ background-color: rgba(173,255,47,1.0);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons #btn_ordernow{
+ /* border-radius: 14px; */
+ /* background-color: rgba(255,255,255,1.0); */
+ margin: 0px 20px 0px 0px;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons #btn_addtocart{
+ /* border-radius: 14px; */
+ /* background-color: rgba(255,255,255,1.0); */
+ margin: 0px 20px 0px 20px;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons #btn_back{
+ /* border-radius: 14px; */
+ /* background-color: rgba(255,255,255,1.0); */
+ margin: 0px 0px 0px 20px;
+}
+
+/*[AM1-1-1-4-2. Amenity bg: owl: amenity item sel cart window : winright ] */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright {
+ position: relative;
+ width: 902px;
+ height: 740px;
+ margin: 0;
+ padding: 0;
+ background: rgba(14,18,22,0.8);
+ margin: 0px 25px 0px 10px;
+ color: rgb(249, 249, 249);
+ border-top: 5px solid rgba(121,121,121,1);
+ border-bottom: 5px solid rgba(121,121,121,1);
+ /* border-top: 6px solid rgba(218,165,32,1);
+ border-bottom: 6px solid rgba(218,165,32,1); */
+ /* display: none; */
+}
+
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.title{
+ height: 54px;
+ width: 96%;
+ line-height: 54px;
+ font-size: 44px;
+ white-space: pre-wrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ border-bottom: 4px solid rgb(235,235,235);
+ filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+ margin: 10px 2% 0px 2%;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table{
+ position: relative;
+ height: 550px;
+ width: 100%;
+ padding: 20px 2% 20px 2%;
+}
+
+/**** Amenity Category item ::> Table Header */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_header {
+ width:100%;
+ line-height: 54px;
+ font-size: 30px;
+ text-align: center;
+ /* margin: 5px 0 15px 0; */
+ border-bottom: 4px solid rgba(121,121,121,1);
+ /* border-top: 2px solid rgba(121,121,121,1); */
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr {
+ height: 54px;
+ max-height: 54px;
+ background-color: rgba(21, 27, 34, 1);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr>#title {
+ width: 50%;
+ float: left;
+ /* text-align: left; */
+ padding: 0 0px 0 20px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr>#quantity {
+ width: 20%;
+ float: left;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr>#amount {
+ width: 30%;
+ float: left;
+ padding: 0px 30px 0 0px;
+}
+
+
+/**** Amenity Category item ::> Table Recored */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record {
+ width:100%;
+ line-height: 54px;
+ font-size: 30px;
+ text-align: center;
+ /* margin: 5px 0 15px 0; */
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody {
+ height: 446px;
+ overflow-y: auto;
+ display: block;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr {
+ /* height: 52px; */
+ display: block;
+ background-color: rgba(36, 45, 57, 1);
+}
+
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem {
+ height: 52px;
+ width: 100%;
+ font-size: 30px;
+ line-height: 52px;
+ border-bottom: 2px solid rgb(21, 27, 34);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem.focus {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ border-bottom: 2px solid rgb(173, 255, 47);
+ background: rgba(29,36,47,1.0);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem.unavailable {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ background: rgba(21,27,34,1.0);
+ color: rgb(121, 121, 121);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem.focus.unavailable {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ border-bottom: 2px solid rgb(173, 255, 47);
+ background: rgba(21,27,34,1.0);
+ color: rgb(121, 121, 121);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem>#title {
+ width: 50%;
+ float: left;
+ padding: 0px 0px 0px 20px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem>#quantity {
+ width: 20%;
+ float: left;
+ text-align: center;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem>#amount {
+ width: 30%;
+ float: left;
+ /* text-align: right; */
+ padding: 0px 30px 0 0px;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar {
+ display: block;
+ width: 20px;
+ /* 세로축 스크롤바 길이 */
+ height: 20px;
+ /* 가로축 스크롤바 길이 */
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-track {
+ background-color: rgb(67, 82, 105);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-track-piece {
+ background-color: rgb(80, 98, 124);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-thumb {
+ border-radius: 8px;
+ background-color: rgb(51, 63, 80);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-button:start {
+ display: none;
+ /* background-color: orange; */
+ /* Top, Left 방향의 이동버튼 */
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-button:end {
+ display: none;
+ /* background-color: orange; */
+ /* Bottom, Right 방향의 이동버튼 */
+}
+
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.summary{
+ position: relative;
+ height: 65px;
+ width: 96%;
+ margin: 12px 2% 0px 2%;
+ padding: 18px 2% 0px 2%;
+ display: flex;
+ float: left;
+ flex-direction: row;
+ flex-wrap: wrap;
+ overflow: hidden;
+ border-top: 4px solid rgba(121,121,121,1);
+}
+
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.summary>#label{
+ line-height: 40px;
+ width: 50%;
+ height: 100px;
+ font-size: 48px;
+ text-align: center;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.summary>#value{
+ line-height: 40px;
+ width: 50%;
+ height: 100%;
+ font-size: 52px;
+ color: rgb(173, 255, 47);
+ text-align: center;
+}
+
+
+
+/*[AM1-1-1-5. Amenity bg: owl: selected item order style window ] */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_order_win {
+ position: absolute;
+ left: 21px;
+ top: 207px;
+ width: 1874px;
+ height: 740px;
+ margin: 0;
+ padding: 0;
+ /* background: rgba(114,18,22,0.65); */
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_order_win #message{
+ line-height: 42px;
+ font-size: 38px;
+ width: 88%;
+ height: 368px;
+ padding: 40px 20px 40px 20px;
+ background: rgba(14,18,22,0.8);
+ color: rgb(249, 249, 249);
+ white-space: pre-wrap;
+ text-align: center;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ border-radius: 40px;
+ border: 4px solid rgba(121,121,121,1);
+ margin: 20px auto;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+
+
+/********************************************************************************/
+/*[AM2. Amenity slider style ] */
+.popup .amenity .slider {
+ position: absolute;
+ top: 60px;
+ left: 0px;
+ width: 1920px;
+ /* height: 300px; */
+ padding: 0px;
+ overflow: hidden;
+ display: none;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme {
+ max-height: 266px;
+ height: 100px;
+ padding-left: 0;
+ /* margin: 5px 0 0 0; */
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer {
+ /* height: 266px;
+ max-height: 266px; */
+ height: 100%;
+ padding-left: 0;
+ margin: 0;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer .owl-stage {
+ height: 100%;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer .owl-stage .owl-item{
+ height: 100%;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer #am_item_title{
+ position: absolute;
+ /* top: 190px; */
+ top: 22px;
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ color: rgb(235, 235, 235);
+ /* font-size: 2.2vw; */
+ font-size: 38px;
+ line-height: 52px;
+ white-space: nowrap;
+ text-align: center;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer .owl-item.focus.active.center #am_item_title{
+ font-size: 42px;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer #ctgy_item_btn{
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ display: block
+}
+
+
+
+/*** OWL Amenity Menu Selector dot Container */
+.popup .amenity .slider .owl-dots {
+ position: absolute;
+ top: -45px;
+ width: 100%;
+ align-content: center;
+ display: none;
+}
+
+.popup .amenity .slider .owl-theme .owl-dots .owl-dot span {
+ width: 20px;
+ height: 20px;
background: none;
}
+.popup .amenity .slider .owl-theme .owl-dots .owl-dot.active span {
+ /* background: rgb(181, 218, 16); */
+ background: rgb(245, 245, 245);
+}
+.popup .amenity .slider .owl-carousel .owl-item.active.focus:after {
+ width: 336px;
+}
-/***********************
- * Amenity Style *
- ***********************/
+.popup .amenity .slider .owl-carousel .owl-item.active[class*="unfocus"]:after {
+ width: 264px;
+}
- .popup .amenity {
+.popup .amenity .slider .owl-carousel .owl-item.active.focus div [id*="ctgy_item_btn"] {
+ background-image: var(--icon_focus);
+}
+
+.popup .amenity .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="ctgy_item_btn"] {
+ background-image: var(--icon_unfocus);
+}
+
+/* .popup .amenity .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_title"] {
+ transform: scale(1.1);
+} */
+
+/*[AM3. Amenity Use guide style ] */
+.popup .amenity>div.use_guide {
position: absolute;
- top: 96px;
- left: -560px;
- width: 1302px;
- height: 700px;
+ top: 948px;
+ left: 0px;
+ width: 100%;
+ height: 132px;
+ margin: 0;
+ padding: 0px 20px 0px 48px;
+ /* color: rgb(245,245,245); */
+ color: rgb(181, 218, 16);
+ line-height: 32px;
+ font-size: 32px;
+ z-index: 1;
+ display: flex;
+ align-items: center;
+}
+
+
+
+/*[AM4. Amenity cart style ] */
+.popup .amenity>div.cart {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 946px;
+ padding: 0px;
overflow: hidden;
display: none;
- /* background-color: rgba(47, 47, 47, 1); */
- /* border-style: solid; */
- /* border-color: rgb(96, 96, 96); */
- /* filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); */
+ background: rgba(0,0,0,0.7);
+ z-index: 1;
}
-.popup .amenity .menu {
- width: 496px;
- height: 700px;
- overflow: hidden;
- display: inline-block;
- background-color: rgba(51, 63, 80, 1);
- color: rgb(255, 255, 255);
- vertical-align: top;
- /* border-style: solid; */
- /* border-color: rgb(96, 96, 96); */
- /* filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); */
- /* box-shadow: 0px 0px 30px rgba(0, 0, 0, 1); */
-}
-
-.popup .amenity .menu>#title {
- /* width: 466px; */
- height: 45px;
- line-height: 36px;
- overflow: hidden;
- font-size: 38px;
- text-align: left;
- margin: 10px 20px 5px 20px;
-}
-
-.popup .amenity .menu>#usage {
- /* width: 454px; */
- height: 112px;
- line-height: 22px;
- font-size: 18px;
- text-align: left;
- margin: 5px 22px 5px 22px;
- border-bottom: 1px solid rgb(67, 82, 105);
- white-space: pre-line;
- overflow: hidden;
-}
-
-.popup .amenity .menu>#items {
- height: 282px;
- overflow-y: hidden;
- overflow-x: hidden;
- margin: 5px 22px 5px 22px;
-}
-
-.popup .amenity .menu>#items table {
+.popup .amenity>div.cart>div {
+ top: 60px;
+ left: 0px;
width: 100%;
- margin: 0px 10px 0 0px;
- border-collapse: collapse;
+ height: 100%;
+ display: flex;
+ /* background: rgba(1,1,1,1.0); */
}
-.popup .amenity .menu>#items>.tbl_header {
- height: 34px;
- max-height: 34px;
- line-height: 32px;
- font-size: 30px;
- text-align: center;
- margin: 5px 0 25px 0;
-}
-
-.popup .amenity .menu>#items>.tbl_header tbody tr {
- width: 100%;
-}
-
-.popup .amenity .menu>#items>.tbl_header tbody tr>#type {
- width: 70%;
- float: left;
-}
-
-.popup .amenity .menu>#items>.tbl_header tbody tr>#quantity {
- width: 30%;
- float: left;
-}
-
-.popup .amenity .menu>#items>.tbl_record {
- height: 210px;
-}
-
-.popup .amenity .menu>#items>.tbl_record tbody {
- height: 210px;
+.popup .amenity>div.cart .menu {
+ width: 902px;
+ height: 876px;
+ margin: 0px 37px 0px 21px;
display: block;
- overflow: hidden;
+ /* background: rgba(100,1,1,1.0); */
}
-.popup .amenity .menu>#items>.tbl_record tbody tr {
- height: 70px;
- max-height: 70px;
- border: 1px solid rgb(67, 82, 105);
+.popup .amenity>div.cart .items {
+ width: 902px;
+ height: 876px;
+ margin: 0px 37px 0px 21px;
+ display: block;
+ /* background: rgba(100,1,1,1.0); */
}
-.popup .amenity .menu>#items>.tbl_record tbody tr.active {
- border: 2px solid rgb(255, 192, 0);
- /* background-color: rgba(67, 67, 67, 1); */
- /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */
+.popup .amenity>div.cart .menu div#title {
+
}
-.popup .amenity .menu>#items>.tbl_record tbody tr>.products {
- height: 70px;
+.popup .amenity>div.cart .menu div#control {
+
}
-.popup .amenity .menu>#items>.tbl_record tbody tr>.products>#index {
- font-size: 22px;
- line-height: 24px;
- width: 10%;
- float: left;
- text-align: center;
+.popup .amenity>div.cart .menu div#control #thumb {
+
}
-.popup .amenity .menu>#items>.tbl_record tbody tr>.products>#title {
- font-size: 22px;
- line-height: 24px;
- width: 90%;
- float: left;
+.popup .amenity>div.cart .menu div#control #quantity {
+
}
-.popup .amenity .menu>#items>.tbl_record tbody tr>.products>#price {
- font-size: 36px;
- line-height: 36px;
- width: 70%;
- float: left;
- text-align: right;
- padding: 0 55px 0 0;
+.popup .amenity>div.cart .menu div#description {
+
}
-.popup .amenity .menu>#items>.tbl_record tbody tr>.products>#quantity {
- font-size: 36px;
- line-height: 36px;
- width: 30%;
- float: left;
- text-align: center;
+/*[AM5 Amenity order style ] */
+.popup .amenity .order {
+ position: absolute;
+ left: 21px;
+ top: 207px;
+ width: 1874px;
+ height: 740px;
+ margin: 0;
+ padding: 0;
+ /* background: rgba(114,18,22,0.65); */
+ display: flex;
+ z-index: 1;
}
-.popup .amenity .menu>#summary {
- height: 70px;
- font-size: 38px;
- line-height: 64px;
- margin: 15px 22px 5px 22px;
- border: 1px solid rgb(67, 82, 105);
+/*[AM5-1. Amenity order: winleft ] */
+.popup .amenity .order .winleft {
+ position: relative;
+ width: 902px;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ background: rgba(14,18,22,0.65);
+ margin: 0px 10px 0px 25px;
+ color: rgb(249, 249, 249);
+ /* border-top: 2px solid rgba(121,121,121,1);
+ border-bottom: 2px solid rgba(121,121,121,1); */
}
-.popup .amenity .menu>#summary>#title {
- width: 22%;
- float: left;
- text-align: center;
- /* padding: 0% 5% 0 20%; */
-}
-
-.popup .amenity .menu>#summary>#value {
- width: 48%;
- float: left;
- text-align: right;
- color: rgb(255, 192, 0);
- padding: 0px 55px 0px 0px;
-}
-
-.popup .amenity .menu>#summary>#quantity {
- width: 30%;
- float: left;
- text-align: center;
- color: rgb(255, 192, 0);
-}
-
-.popup .amenity .menu>div#buttons {
- height: 145px;
- font-size: 30px;
- text-align: center;
- color: rgba(255, 255, 255, 1.0);
- margin: 15px 22px 5px 22px;
-}
-
-.popup .amenity .menu>div#buttons div {
- height: 38px;
- border: 1px solid rgb(90, 90, 90);
-}
-
-.popup .amenity .menu>div#buttons .active {
- border: 1px solid rgb(255, 192, 0);
- background-color: rgba(34, 42, 53, 1.0);
-}
-
-.popup .amenity .menu>div#buttons #order {
- width: 100%;
- background-color: rgba(34, 42, 53, 1.0);
- /* border-radius: 5px; */
-}
-
-.popup .amenity .menu>div#buttons #cancel {
- width: 100%;
- /* border-radius: 5px; */
-}
-
-.popup .amenity .menu>div#buttons #details {
- width: 100%;
- /* border-radius: 5px; */
-}
-
-
-/* ROOM SERVICE -> ITEM Description */
-
-.popup .amenity .description {
- width: 802px;
- height: 700px;
- display: inline-block;
- margin: 0px 0px 0px -4px;
- color: rgb(255, 255, 255);
- /* padding: 0; */
- background-color: rgba(36, 44, 56, 1.0);
-}
-
-.popup .amenity .description>#title {
- width: 100%;
- height: 64px;
- line-height: 38px;
- overflow: hidden;
- font-size: 36px;
- padding: 10px 10px 5px 10px;
-}
-
-.popup .amenity .description>#comment {
- width: 100%;
- height: 89px;
- line-height: 24px;
- overflow: hidden;
- font-size: 22px;
- padding: 5px 10px 5px 15px;
- white-space: pre-line;
-}
-
-.popup .amenity .description>#thumb {
- width: 760px;
- height: 460px;
- background-repeat: no-repeat;
- background-size: cover;
- margin: 30px 0px 0px 21px;
- border: 1px solid rgb(255, 255, 255);
-}
-
-
-/* ROOM SERVICE -> CART LIST */
-
-.popup .amenity>.cart-list {
- width: 802px;
- height: 700px;
- display: inline-block;
- margin: 0px 0px 0px -4px;
- color: rgb(255, 255, 255);
- /* padding: 0; */
- background-color: rgba(36, 44, 56, 1.0);
-}
-
-.popup .amenity>.cart-list>#title {
- height: 45px;
- line-height: 36px;
- overflow: hidden;
- font-size: 38px;
- text-align: left;
- margin: 10px 20px 5px 20px;
-}
-
-.popup .amenity>.cart-list>#usage {
- height: 102px;
- line-height: 22px;
- font-size: 18px;
- text-align: left;
- margin: 5px 22px 5px 22px;
- white-space: pre-line;
- overflow: hidden;
-}
-
-.popup .amenity .cart-list>#items {
- /* height: 352px; */
- /* overflow-y: auto; */
- /* overflow-y: hidden;
- overflow-x: hidden; */
- margin: 5px 22px 5px 22px;
-}
-
-.popup .amenity .cart-list>#items table {
- width: 100%;
- margin: 0px 10px 0 0px;
- border-collapse: collapse;
-}
-
-.popup .amenity .cart-list>#items>.tbl_header {
+/*[AM1-1-1-3-1-1. Amenity bg: owl: amenity item sel window : winleft: item table] */
+.popup .amenity .order .winleft>.tbl_header {
+ width:100%;
line-height: 54px;
font-size: 30px;
text-align: center;
- margin: 5px 0 15px 0;
+ /* margin: 5px 0 15px 0; */
+ border-bottom: 4px solid rgba(121,121,121,1);
+ /* border-top: 2px solid rgba(121,121,121,1); */
}
-.popup .amenity .cart-list>#items>.tbl_header tbody tr {
+.popup .amenity .order .winleft>.tbl_header tbody tr {
height: 54px;
max-height: 54px;
- background-color: rgb(51, 63, 80);
- border: 1px solid rgb(67, 82, 105);
+ background-color: rgba(21, 27, 34, 1);
}
-.popup .amenity .cart-list>#items>.tbl_header tbody tr>#type {
- width: 50%;
+.popup .amenity .order .winleft>.tbl_header tbody tr>#orderid {
+ width: 45%;
float: left;
- text-align: left;
- padding: 0 0px 0 80px;
+ /* text-align: left; */
+ padding: 0 0px 0 20px;
}
-.popup .amenity .cart-list>#items>.tbl_header tbody tr>#quantity {
+.popup .amenity .order .winleft>.tbl_header tbody tr>#amount {
width: 20%;
float: left;
}
-.popup .amenity .cart-list>#items>.tbl_header tbody tr>#amount {
- width: 30%;
+.popup .amenity .order .winleft>.tbl_header tbody tr>#date {
+ width: 35%;
float: left;
padding: 0px 30px 0 0px;
}
-.popup .amenity .cart-list>#items>.tbl_record {
- /* height: 284px;*/
-}
-.popup .amenity .cart-list>#items>.tbl_record tbody {
- height: 276px;
- display: block;
- /* overflow: hidden; */
- overflow-y: auto;
-}
-
-.popup .amenity .cart-list>#items>.tbl_record tbody tr {
- height: 52px;
-}
-
-.popup .amenity .cart-list>#items>.tbl_record tbody tr.active {
- border: 2px solid rgb(255, 192, 0);
- /* background-color: rgba(67, 67, 67, 1); */
- /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */
-}
-
-.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products {
- height: 52px;
- width: 754px;
- font-size: 30px;
+/**** Amenity Category item ::> Table Recored */
+.popup .amenity .order .winleft>.tbl_record {
+ width:100%;
line-height: 54px;
- border: 1px solid rgb(67, 82, 105);
+ font-size: 30px;
+ text-align: center;
+ /* margin: 5px 0 15px 0; */
}
-.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products>#title {
- width: 50%;
+.popup .amenity .order .winleft>.tbl_record tbody {
+ height: 572px;
+ overflow-y: auto;
+ display: block;
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr {
+ /* height: 52px; */
+ display: block;
+ background-color: rgba(36, 45, 57, 1);
+}
+
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem {
+ height: 52px;
+ width: 100%;
+ font-size: 30px;
+ line-height: 52px;
+ border-bottom: 2px solid rgb(21, 27, 34);
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem.focus {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ border-bottom: 2px solid rgb(173, 255, 47);
+ background: rgba(29,36,47,1.0);
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem.unavailable {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ background: rgba(21,27,34,1.0);
+ color: rgb(121, 121, 121);
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem.focus.unavailable {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ border-bottom: 2px solid rgb(173, 255, 47);
+ background: rgba(21,27,34,1.0);
+ color: rgb(121, 121, 121);
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem.focus.unavailable:before {
+
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem.focus.unavailable:after {
+
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem>#orderid {
+ width: 45%;
float: left;
padding: 0px 0px 0px 20px;
}
-.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products>#quantity {
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem>#amount {
width: 20%;
float: left;
text-align: center;
}
-.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products>#price {
- width: 30%;
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem>#date {
+ width: 35%;
float: left;
- text-align: right;
+ /* text-align: right; */
padding: 0px 30px 0 0px;
}
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar {
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar {
display: block;
width: 20px;
/* 세로축 스크롤바 길이 */
@@ -817,756 +1511,279 @@
/* 가로축 스크롤바 길이 */
}
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-track {
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-track {
background-color: rgb(67, 82, 105);
}
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-track-piece {
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-track-piece {
background-color: rgb(80, 98, 124);
}
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-thumb {
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: rgb(51, 63, 80);
}
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:start {
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-button:start {
display: none;
/* background-color: orange; */
/* Top, Left 방향의 이동버튼 */
}
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:end {
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-button:end {
display: none;
/* background-color: orange; */
/* Bottom, Right 방향의 이동버튼 */
}
-.popup .amenity .cart-list>#summary {
- height: 54px;
- font-size: 38px;
- line-height: 54px;
- background-color: rgb(51, 63, 80);
- margin: 5px 22px 5px 22px;
- border: 1px solid rgb(67, 82, 105);
-}
-.popup .amenity .cart-list>#summary>#title {
- width: 30%;
+.popup .amenity .order .winleft>.summary{
+ position: relative;
+ height: 65px;
+ width: 96%;
+ margin: 12px 2% 0px 2%;
+ padding: 18px 2% 0px 2%;
+ display: flex;
float: left;
- text-align: center;
- /* padding: 0% 5% 0 20%;*/
+ flex-direction: row;
+ flex-wrap: wrap;
+ overflow: hidden;
+ border-top: 4px solid rgba(121,121,121,1);
}
-.popup .amenity .cart-list>#summary>#quantity {
- width: 40%;
- float: left;
- text-align: center;
- padding: 0 0 0 142px;
- color: rgb(255, 192, 0);
-}
-.popup .amenity .cart-list>#summary>#amount {
- width: 30%;
- float: left;
- text-align: right;
- color: rgb(255, 192, 0);
- padding: 0px 30px 0px 0px;
-}
-
-.popup .amenity .cart-list>#notice {
- font-size: 22px;
- line-height: 24px;
- margin: 10px 22px 5px 22px;
- text-align: center;
-}
-
-.popup .amenity .cart-list>div#buttons {
- font-size: 38px;
- text-align: center;
- color: rgba(255, 255, 255, 1.0);
- margin: 15px 22px 5px 22px;
-}
-
-.popup .amenity .cart-list>div#buttons>div {
- height: 38px;
- float: left;
+.popup .amenity .order .winleft>.summary>#label{
+ line-height: 40px;
width: 50%;
+ height: 100px;
+ font-size: 48px;
+ text-align: center;
}
-.popup .amenity .cart-list>div#buttons>div div {
- height: 48px;
- border: 1px solid rgb(184, 184, 184);
- margin: 0px 25% 0px 25%;
- background-color: rgb(51, 63, 80);
-}
-
-.popup .amenity .cart-list>div#buttons .active {
- border: 1px solid rgb(255, 192, 0);
- background-color: rgba(34, 42, 53, 1.0);
-}
-
-.popup .amenity .cart-list>div#buttons #confirm {
+.popup .amenity .order .winleft>.summary>#value{
+ line-height: 40px;
width: 50%;
-}
-
-.popup .amenity .cart-list>div#buttons #cancel {
- width: 50%;
-}
-
-
-/* ROOM SERVICE -> ORDER Details */
-
-.popup .amenity .order-details {
- position: absolute;
- width: 100%;
height: 100%;
- background-color: rgb(36, 44, 56);
- /* display: block; */
- display: inline-block;
- color: rgb(255, 255, 255);
-}
-
-.popup .amenity .order-details>#title {
- /* width: 466px; */
- height: 45px;
- line-height: 36px;
- overflow: hidden;
- font-size: 38px;
- text-align: left;
- margin: 10px 20px 5px 30px;
-}
-
-.popup .amenity .order-details>#usage {
- height: 80px;
- line-height: 22px;
- font-size: 18px;
- text-align: left;
- margin: 5px 22px 5px 30px;
- /* border-bottom: 1px solid rgb(67, 82, 105); */
- white-space: pre-line;
- overflow: hidden;
-}
-
-.popup .amenity .order-details>#orders {
- height: 470px;
- overflow-y: hidden;
- overflow-x: hidden;
- margin: 5px 30px 5px 30px;
-}
-
-.popup .amenity .order-details>#orders>table {
- border-collapse: collapse;
-}
-
-.popup .amenity .order-details>#orders>.order_list {
- width: 100%;
- height: 485px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody {
- height: 210px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr {
- height: 70px;
- max-height: 70px;
- border: 1px solid rgb(67, 82, 105);
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr.active {
- border: 2px solid rgb(255, 192, 0);
- /* background-color: rgba(67, 67, 67, 1); */
- /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.ordering {
- height: 44px;
- max-height: 44px;
- background-color: rgb(51, 63, 80);
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.ordering>div {
- padding: 0px 0px 5px 0px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.ordering>#index {
- font-size: 30px;
- line-height: 32px;
- width: 5%;
- float: left;
- text-align: center;
- border-bottom: 1px solid;
- margin: 5px 0px 0px 2%;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.ordering>#date {
- font-size: 30px;
- line-height: 32px;
- width: 37%;
- float: left;
- border-bottom: 1px solid;
- margin: 5px 0px 0px 0;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.ordering>#orderId {
- font-size: 28px;
- line-height: 32px;
- width: 53%;
- float: left;
- /* text-align: right; */
- margin: 5px 2% 0px 0%;
-}
-
-
-/* */
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst {
- width: 100%;
- float: left;
- background-color: rgb(51, 63, 80);
- margin: 0px 0px 5px 0px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header {
- width: 100%;
- font-size: 36px;
- line-height: 36px;
- border-collapse: collapse;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header>tbody {
- /* */
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header tr {
- font-size: 30px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #type {
- width: 40%;
- font-size: 25px;
- text-align: left;
- padding: 0px 0px 0px 90px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #quantity {
- width: 10%;
- font-size: 25px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #amount {
- width: 20%;
- font-size: 25px;
- text-align: right;
- padding: 0px 30px 0px 0px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal1 {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal2 {
- color: rgb(255, 192, 0);
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal3 {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal4 {
- color: rgb(255, 192, 0);
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal5 {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record {
- width: 100%;
- font-size: 36px;
- line-height: 36px;
- border-collapse: collapse;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record>tbody {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div {
- float: left;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#name {
- width: 40%;
- text-align: left;
- padding: 0px 0px 0px 90px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#quantity {
- width: 10%;
+ font-size: 52px;
+ color: rgb(173, 255, 47);
text-align: center;
}
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#amount {
- width: 20%;
- text-align: right;
- padding: 0px 20px 0px 0px;
-}
-
-.popup .amenity .order-details>#summary {
- height: 54px;
- line-height: 50px;
- overflow: hidden;
- font-size: 38px;
- text-align: left;
- margin: 15px 20px 5px 30px;
- background-color: rgb(51, 63, 80);
-}
-
-.popup .amenity .order-details>#summary>div {
- float: left;
-}
-
-.popup .amenity .order-details>#summary>#title {
- width: 40%;
- padding: 0px 0px 0px 90px;
- text-align: left;
-}
-
-.popup .amenity .order-details>#summary>#quantity {
- width: 10%;
- text-align: center;
- color: rgb(255, 192, 0);
-}
-
-.popup .amenity .order-details>#summary>#amount {
- width: 20%;
- text-align: right;
- padding: 0px 20px 0px 0px;
- color: rgb(255, 192, 0);
-}
+/********************************************************************************/
+/* AMENITY STYLE [ END ] */
+/********************************************************************************/
-/* ROOM SERVICE -> ALRET */
-
-.popup .amenity .alert {
- position: absolute;
- top: 197px;
- left: 340px;
- width: 600px;
- height: 325px;
- color: rgb(255, 255, 255);
-}
-
-.popup .amenity .alert>div#order-complete {
- width: 100%;
- height: 100%;
- background-color: rgb(36, 44, 56);
- border: 1px solid rgb(255, 255, 255);
-}
-
-.popup .amenity .alert>div#order-complete>div#title {
- float: left;
- width: 100%;
- height: 54px;
- background-color: rgb(51, 63, 80);
- margin: 42px 0px 0 0px;
- font-size: 38px;
- line-height: 52px;
- text-align: center;
-}
-
-.popup .amenity .alert>div#order-complete>div#message {
- width: 95%;
- float: left;
- margin: 40px 20px 5px 20px;
- font-size: 22px;
- line-height: 24px;
- text-align: center;
- white-space: pre-wrap;
-}
-/***********************
- * Room Service Style *
- ***********************/
+
+
+
+
+
+/********************************************************************************
+ * ROOMSERVICE STYLE [ START HERE] *
+ ********************************************************************************/
+/*[RS1. Roomservice style ] */
.popup .roomservice {
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+}
+
+.popup .roomservice div .item {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+/*[RS1-1. Roomservice bg style ] */
+.popup .roomservice .bg {
position: absolute;
- top: 96px;
- left: -560px;
- width: 1302px;
- height: 700px;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+ padding: 0px;
overflow: hidden;
display: none;
- /* background-color: rgba(47, 47, 47, 1); */
- /* border-style: solid; */
- /* border-color: rgb(96, 96, 96); */
- /* filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); */
}
-.popup .roomservice .menu {
- width: 496px;
- height: 700px;
- overflow: hidden;
- display: inline-block;
- background-color: rgba(51, 63, 80, 1);
- color: rgb(255, 255, 255);
- vertical-align: top;
- /* border-style: solid; */
- /* border-color: rgb(96, 96, 96); */
- /* filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); */
- /* box-shadow: 0px 0px 30px rgba(0, 0, 0, 1); */
-}
-
-.popup .roomservice .menu>#title {
- /* width: 466px; */
- height: 45px;
- line-height: 36px;
- overflow: hidden;
- font-size: 38px;
- text-align: left;
- margin: 10px 20px 5px 20px;
-}
-
-.popup .roomservice .menu>#usage {
- /* width: 454px; */
- height: 112px;
- line-height: 22px;
- font-size: 18px;
- text-align: left;
- margin: 5px 22px 5px 22px;
- border-bottom: 1px solid rgb(67, 82, 105);
- white-space: pre-line;
- overflow: hidden;
-}
-
-.popup .roomservice .menu>#items {
- height: 282px;
- overflow-y: hidden;
- overflow-x: hidden;
- margin: 5px 22px 5px 22px;
-}
-
-.popup .roomservice .menu>#items table {
+.popup .roomservice .bg div {
width: 100%;
- margin: 0px 10px 0 0px;
- border-collapse: collapse;
+ height: 100%;
+ margin: 0;
+ padding: 0;
}
-.popup .roomservice .menu>#items>.tbl_header {
- height: 34px;
- max-height: 34px;
- line-height: 32px;
- font-size: 30px;
- text-align: center;
- margin: 5px 0 25px 0;
-}
-
-.popup .roomservice .menu>#items>.tbl_header tbody tr {
+/*[RS1-1-1. Roomservice bg: owl style ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .owl-item {
width: 100%;
}
-.popup .roomservice .menu>#items>.tbl_header tbody tr>#type {
- width: 70%;
- float: left;
-}
-
-.popup .roomservice .menu>#items>.tbl_header tbody tr>#quantity {
- width: 30%;
- float: left;
-}
-
-.popup .roomservice .menu>#items>.tbl_record {
- height: 210px;
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody {
- height: 210px;
- display: block;
- overflow: hidden;
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody tr {
- height: 70px;
- max-height: 70px;
- border: 1px solid rgb(67, 82, 105);
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody tr.active {
- border: 2px solid rgb(255, 192, 0);
- /* background-color: rgba(67, 67, 67, 1); */
- /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody tr>.products {
- height: 70px;
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#index {
- font-size: 22px;
- line-height: 24px;
- width: 10%;
- float: left;
- text-align: center;
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#title {
- font-size: 22px;
- line-height: 24px;
- width: 90%;
- float: left;
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#price {
- font-size: 36px;
- line-height: 36px;
- width: 70%;
- float: left;
- text-align: right;
- padding: 0 55px 0 0;
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#quantity {
- font-size: 36px;
- line-height: 36px;
- width: 30%;
- float: left;
- text-align: center;
-}
-
-.popup .roomservice .menu>#summary {
- height: 70px;
- font-size: 38px;
- line-height: 64px;
- margin: 15px 22px 5px 22px;
- border: 1px solid rgb(67, 82, 105);
-}
-
-.popup .roomservice .menu>#summary>#title {
- width: 22%;
- float: left;
- text-align: center;
- /* padding: 0% 5% 0 20%; */
-}
-
-.popup .roomservice .menu>#summary>#value {
- width: 48%;
- float: left;
- text-align: right;
- color: rgb(255, 192, 0);
- padding: 0px 55px 0px 0px;
-}
-
-.popup .roomservice .menu>#summary>#quantity {
- width: 30%;
- float: left;
- text-align: center;
- color: rgb(255, 192, 0);
-}
-
-.popup .roomservice .menu>div#buttons {
- height: 145px;
- font-size: 30px;
- text-align: center;
- color: rgba(255, 255, 255, 1.0);
- margin: 15px 22px 5px 22px;
-}
-
-.popup .roomservice .menu>div#buttons div {
- height: 38px;
- border: 1px solid rgb(90, 90, 90);
-}
-
-.popup .roomservice .menu>div#buttons .active {
- border: 1px solid rgb(255, 192, 0);
- background-color: rgba(34, 42, 53, 1.0);
-}
-
-.popup .roomservice .menu>div#buttons #order {
+/*[RS1-1-1-1. Roomservice bg: owl: top gradient style ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .top_gradient{
+ top: 0;
+ left: 0;
width: 100%;
- background-color: rgba(34, 42, 53, 1.0);
- /* border-radius: 5px; */
+ height: 240px;
+ background: linear-gradient(0deg, rgba(7,8,11,0) 0%, rgba(7,8,11,0.5) 45%, rgba(7,8,11,0.9) 100%);
}
-.popup .roomservice .menu>div#buttons #cancel {
+/*[RS1-1-1-2. Roomservice bg: owl: bottom gradient style ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .bottom_gradient{
+ position: absolute;
+ left: 0;
+ top: 928px;
width: 100%;
- /* border-radius: 5px; */
+ height: 152px;
+ background: linear-gradient(0deg, rgba(7,8,11,0.9) 0%, rgba(7,8,11,50%) 75%, rgba(7,8,11,0) 100%);
}
-.popup .roomservice .menu>div#buttons #details {
- width: 100%;
- /* border-radius: 5px; */
+/*[RS1-1-1-3. Roomservice bg: owl: roomservice item sel window ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win {
+ position: absolute;
+ left: 21px;
+ top: 207px;
+ width: 1874px;
+ height: 740px;
+ margin: 0;
+ padding: 0;
+ /* background: rgba(114,18,22,0.65); */
+ display: flex;
}
-
-/* ROOM SERVICE -> ITEM Description */
-
-.popup .roomservice .description {
- width: 802px;
- height: 700px;
- display: inline-block;
- margin: 0px 0px 0px -4px;
- color: rgb(255, 255, 255);
- /* padding: 0; */
- background-color: rgba(36, 44, 56, 1.0);
+/*[RS1-1-1-3-1. Roomservice bg: owl: roomservice item sel window : winleft ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winleft {
+ position: relative;
+ width: 902px;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ background: rgba(14,18,22,0.65);
+ margin: 0px 10px 0px 25px;
+ color: rgb(249, 249, 249);
+ border-top: 2px solid rgba(121,121,121,1);
+ border-bottom: 2px solid rgba(121,121,121,1);
}
-.popup .roomservice .description>#title {
- width: 100%;
- height: 64px;
- line-height: 38px;
- overflow: hidden;
- font-size: 36px;
- padding: 10px 10px 5px 10px;
-}
-
-.popup .roomservice .description>#comment {
- width: 100%;
- height: 89px;
- line-height: 24px;
- overflow: hidden;
- font-size: 22px;
- padding: 5px 10px 5px 15px;
- white-space: pre-line;
-}
-
-.popup .roomservice .description>#thumb {
- width: 760px;
- height: 460px;
- background-repeat: no-repeat;
- background-size: cover;
- margin: 30px 0px 0px 21px;
- border: 1px solid rgb(255, 255, 255);
-}
-
-
-/* ROOM SERVICE -> CART LIST */
-
-.popup .roomservice>.cart-list {
- width: 802px;
- height: 700px;
- display: inline-block;
- margin: 0px 0px 0px -4px;
- color: rgb(255, 255, 255);
- /* padding: 0; */
- background-color: rgba(36, 44, 56, 1.0);
-}
-
-.popup .roomservice>.cart-list>#title {
- height: 45px;
- line-height: 36px;
- overflow: hidden;
- font-size: 38px;
- text-align: left;
- margin: 10px 20px 5px 20px;
-}
-
-.popup .roomservice>.cart-list>#usage {
- height: 102px;
- line-height: 22px;
- font-size: 18px;
- text-align: left;
- margin: 5px 22px 5px 22px;
- white-space: pre-line;
- overflow: hidden;
-}
-
-.popup .roomservice .cart-list>#items {
- /* height: 352px; */
- /* overflow-y: auto; */
- /* overflow-y: hidden;
- overflow-x: hidden; */
- margin: 5px 22px 5px 22px;
-}
-
-.popup .roomservice .cart-list>#items table {
- width: 100%;
- margin: 0px 10px 0 0px;
- border-collapse: collapse;
-}
-
-.popup .roomservice .cart-list>#items>.tbl_header {
+/*[RS1-1-1-3-1-1. Roomservice bg: owl: roomservice item sel window : winleft: item table] */
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_header {
+ width:100%;
line-height: 54px;
font-size: 30px;
text-align: center;
- margin: 5px 0 15px 0;
+ /* margin: 5px 0 15px 0; */
+ border-bottom: 4px solid rgba(121,121,121,1);
+ /* border-top: 2px solid rgba(121,121,121,1); */
}
-.popup .roomservice .cart-list>#items>.tbl_header tbody tr {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_header tbody tr {
height: 54px;
max-height: 54px;
- background-color: rgb(51, 63, 80);
- border: 1px solid rgb(67, 82, 105);
+ background-color: rgba(21, 27, 34, 1);
}
-.popup .roomservice .cart-list>#items>.tbl_header tbody tr>#type {
- width: 50%;
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_header tbody tr>#title {
+ width: 45%;
float: left;
- text-align: left;
- padding: 0 0px 0 80px;
+ /* text-align: left; */
+ padding: 0 0px 0 20px;
}
-.popup .roomservice .cart-list>#items>.tbl_header tbody tr>#quantity {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_header tbody tr>#price {
width: 20%;
float: left;
}
-.popup .roomservice .cart-list>#items>.tbl_header tbody tr>#amount {
- width: 30%;
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_header tbody tr>#status {
+ width: 35%;
float: left;
padding: 0px 30px 0 0px;
}
-.popup .roomservice .cart-list>#items>.tbl_record {
+
+/**** Roomservice Category item ::> Table Recored */
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record {
/* height: 284px;*/
-}
-
-.popup .roomservice .cart-list>#items>.tbl_record tbody {
- height: 276px;
- display: block;
- /* overflow: hidden; */
- overflow-y: auto;
-}
-
-.popup .roomservice .cart-list>#items>.tbl_record tbody tr {
- height: 52px;
-}
-
-.popup .roomservice .cart-list>#items>.tbl_record tbody tr.active {
- border: 2px solid rgb(255, 192, 0);
- /* background-color: rgba(67, 67, 67, 1); */
- /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */
-}
-
-.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products {
- height: 52px;
- width: 754px;
- font-size: 30px;
+ width:100%;
line-height: 54px;
- border: 1px solid rgb(67, 82, 105);
+ font-size: 30px;
+ text-align: center;
+ /* margin: 5px 0 15px 0; */
}
-.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products>#title {
- width: 50%;
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody {
+ height: 670px;
+ overflow-y: auto;
+ display: block;
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr {
+ /* height: 52px; */
+ display: block;
+ background-color: rgba(36, 45, 57, 1);
+}
+
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem {
+ height: 52px;
+ width: 100%;
+ font-size: 30px;
+ line-height: 52px;
+ border-bottom: 2px solid rgb(21, 27, 34);
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem.focus {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ border-bottom: 2px solid rgb(173, 255, 47);
+ background: rgba(29,36,47,1.0);
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem.unavailable {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ background: rgba(21,27,34,1.0);
+ color: rgb(121, 121, 121);
+}
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem.focus.unavailable {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ border-bottom: 2px solid rgb(173, 255, 47);
+ background: rgba(21,27,34,1.0);
+ color: rgb(121, 121, 121);
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem.focus.unavailable:before {
+
+}
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem.focus.unavailable:after {
+
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem>#title {
+ width: 45%;
float: left;
padding: 0px 0px 0px 20px;
+ text-overflow: ellipsis;
+ overflow: hidden;
}
-.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products>#quantity {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem>#price {
width: 20%;
float: left;
text-align: center;
}
-.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products>#price {
- width: 30%;
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem>#status {
+ width: 35%;
float: left;
- text-align: right;
+ /* text-align: right; */
padding: 0px 30px 0 0px;
}
-.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar {
display: block;
width: 20px;
/* 세로축 스크롤바 길이 */
@@ -1574,375 +1791,940 @@
/* 가로축 스크롤바 길이 */
}
-.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-track {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-track {
background-color: rgb(67, 82, 105);
}
-.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-track-piece {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-track-piece {
background-color: rgb(80, 98, 124);
}
-.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-thumb {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: rgb(51, 63, 80);
}
-.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:start {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-button:start {
display: none;
/* background-color: orange; */
/* Top, Left 방향의 이동버튼 */
}
-.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:end {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-button:end {
display: none;
/* background-color: orange; */
/* Bottom, Right 방향의 이동버튼 */
}
-.popup .roomservice .cart-list>#summary {
- height: 54px;
- font-size: 38px;
- line-height: 54px;
- background-color: rgb(51, 63, 80);
- margin: 5px 22px 5px 22px;
- border: 1px solid rgb(67, 82, 105);
+
+/*[RS1-1-1-3-2. Roomservice bg: owl: roomservice item sel window : winright ] */
+/**** Roomservice Item Description ::> */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright {
+ position: relative;
+ width: 902px;
+ height: 740px;
+ margin: 0;
+ padding: 0;
+ background: rgba(14,18,22,0.65);
+ margin: 0px 25px 0px 10px;
+ color: rgb(249, 249, 249);
+ border-top: 2px solid rgba(121,121,121,1);
+ border-bottom: 2px solid rgba(121,121,121,1);
+ display: none;
}
-.popup .roomservice .cart-list>#summary>#title {
- width: 30%;
- float: left;
- text-align: center;
- /* padding: 0% 5% 0 20%;*/
+.popup .roomservice .bg .owl-carousel .owl-item.active[class*="focus"] .rs_item_sel_win .winright{
+
}
-.popup .roomservice .cart-list>#summary>#quantity {
- width: 40%;
- float: left;
- text-align: center;
- padding: 0 0 0 142px;
- color: rgb(255, 192, 0);
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescThumb{
+ width: 852px;
+ height: 479px;
+ margin: 10px 25px 10px 25px;
}
-.popup .roomservice .cart-list>#summary>#amount {
- width: 30%;
- float: left;
- text-align: right;
- color: rgb(255, 192, 0);
- padding: 0px 30px 0px 0px;
-}
-
-.popup .roomservice .cart-list>#notice {
- font-size: 22px;
- line-height: 24px;
- margin: 10px 22px 5px 22px;
- text-align: center;
-}
-
-.popup .roomservice .cart-list>div#buttons {
- font-size: 38px;
- text-align: center;
- color: rgba(255, 255, 255, 1.0);
- margin: 15px 22px 5px 22px;
-}
-
-.popup .roomservice .cart-list>div#buttons>div {
- height: 38px;
- float: left;
- width: 50%;
-}
-
-.popup .roomservice .cart-list>div#buttons>div div {
- height: 48px;
- border: 1px solid rgb(184, 184, 184);
- margin: 0px 25% 0px 25%;
- background-color: rgb(51, 63, 80);
-}
-
-.popup .roomservice .cart-list>div#buttons .active {
- border: 1px solid rgb(255, 192, 0);
- background-color: rgba(34, 42, 53, 1.0);
-}
-
-.popup .roomservice .cart-list>div#buttons #confirm {
- width: 50%;
-}
-
-.popup .roomservice .cart-list>div#buttons #cancel {
- width: 50%;
-}
-
-
-/* ROOM SERVICE -> ORDER Details */
-
-.popup .roomservice .order-details {
- position: absolute;
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescThumb.unavailabel:before {
+ /* content: 'Not available';
width: 100%;
height: 100%;
- background-color: rgb(36, 44, 56);
- /* display: block; */
- display: inline-block;
- color: rgb(255, 255, 255);
+ transform: rotate(-30deg);
+ top: 0;
+ left: 0;
+ font-size: 7em;
+ font-weight: bolder;
+ color: rgba(1,1,1,1);
+ opacity: 0.7;
+ display: block;
+ align-items: center;
+ line-height: 479px;
+ text-align: center; */
}
-
-.popup .roomservice .order-details>#title {
- /* width: 466px; */
- height: 45px;
- line-height: 36px;
- overflow: hidden;
- font-size: 38px;
- text-align: left;
- margin: 10px 20px 5px 30px;
-}
-
-.popup .roomservice .order-details>#usage {
- height: 80px;
- line-height: 22px;
- font-size: 18px;
- text-align: left;
- margin: 5px 22px 5px 30px;
- /* border-bottom: 1px solid rgb(67, 82, 105); */
- white-space: pre-line;
- overflow: hidden;
-}
-
-.popup .roomservice .order-details>#orders {
- height: 470px;
- overflow-y: hidden;
- overflow-x: hidden;
- margin: 5px 30px 5px 30px;
-}
-
-.popup .roomservice .order-details>#orders>table {
- border-collapse: collapse;
-}
-
-.popup .roomservice .order-details>#orders>.order_list {
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescThumb.unavailabel:after {
+ /* content: '';
width: 100%;
- height: 485px;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: #000;
+ opacity: 0.6 */
}
-.popup .roomservice .order-details>#orders>.order_list>tbody {
- height: 210px;
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescDetails{
+ width: 852px;
+ height: 238px;
+ margin: 0px 25px 0px 25px;
}
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr {
- height: 70px;
- max-height: 70px;
- border: 1px solid rgb(67, 82, 105);
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescDetails div#title{
+ height: 54px;
+ width: 100%;
+ line-height: 54px;
+ font-size: 44px;
+ white-space: pre-wrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ border-bottom: 4px solid rgb(235,235,235);
+ filter: drop-shadow(0 0 5px rgb(0, 0, 0));
}
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr.active {
- border: 2px solid rgb(255, 192, 0);
- /* background-color: rgba(67, 67, 67, 1); */
- /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering {
- height: 44px;
- max-height: 44px;
- background-color: rgb(51, 63, 80);
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering>div {
- padding: 0px 0px 5px 0px;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering>#index {
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescDetails div#description{
+ height:174px;
+ line-height: 30px;
font-size: 30px;
- line-height: 32px;
- width: 5%;
+ white-space: pre-wrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ padding: 14px 0px 0px 0px;
+}
+
+/*[RS1-1-1-4. Roomservice bg: owl: selected item cart style window ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win {
+ position: absolute;
+ left: 21px;
+ top: 207px;
+ width: 1874px;
+ height: 740px;
+ margin: 0;
+ padding: 0;
+ /* background: rgba(114,18,22,0.65); */
+ display: flex;
+}
+
+/*[RS1-1-1-4-1. Roomservice bg: owl: roomservice item sel cart window : winleft ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft {
+ position: relative;
+ width: 902px;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ background: rgba(14,18,22,0.8);
+ margin: 0px 10px 0px 25px;
+ color: rgb(249, 249, 249);
+ border-top: 5px solid rgba(121,121,121,1);
+ border-bottom: 5px solid rgba(121,121,121,1);
+ /* border-top: 6px solid rgba(218,165,32,1);
+ border-bottom: 6px solid rgba(218,165,32,1); */
+ /* display: none; */
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.title{
+ height: 54px;
+ width: 96%;
+ line-height: 54px;
+ font-size: 44px;
+ white-space: pre-wrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ border-bottom: 4px solid rgb(235,235,235);
+ filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+ margin: 10px 2% 0px 2%;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.control{
+ position: relative;
+ height: 254px;
+ width: 96%;
+ padding: 20px 2% 20px 2%;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.control #img_thumbnail{
+ width: 40%;
+ height: 228px;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: contain;
+ float: left;
+ margin: 0px 0px 0px 2%;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.control>.quantity{
+ height: 228px;
+ width: 58%;
+ display: flex;
+ float: left;
+ flex-direction: row;
+ flex-wrap: wrap;
+ padding: 0px 30px 0px 30px;
+ overflow: hidden;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.control #label_quantity{
+ line-height: 137px;
+ width: 50%;
+ height: 60%;
+ font-size: 38px;
+ text-align: center;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.control #value_quantity{
+ line-height: 137px;
+ width: 50%;
+ height: 60%;
+ font-size: 40px;
+ text-align: center;
+ color: rgba(218,165,32,1.0);
+ background-image: url(./images/quantity_edit_arrow.png);
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.control #label_amount{
+ line-height: 91px;
+ width: 50%;
+ height: 40%;
+ font-size: 38px;
+ text-align: center;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.control #value_amount{
+ line-height: 91px;
+ width: 50%;
+ height: 40%;
+ font-size: 40px;
+ text-align: center;
+ color: rgba(218,165,32,1.0);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.description{
+ height: 316px;
+ width: 100%;
+ padding: 20px 2% 20px 2%;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.description>#title{
+ height: 54px;
+ width: 100%;
+ line-height: 54px;
+ font-size: 38px;
+ white-space: pre-wrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ border-bottom: 4px solid rgb(235,235,235);
+ filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+}
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.description>#details{
+ /* height:174px; */
+ line-height: 30px;
+ font-size: 30px;
+ white-space: pre-wrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ padding: 14px 0px 0px 0px;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.buttons{
+ line-height: 65px;
+ height: 65px;
+ width: 100%;
+ display: flex;
+ float: left;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ padding: 0px 30px 0px 30px;
+ overflow: hidden;
+ text-align: center;
+ font-size: 38px;
+ color: rgba(51,51,51,1.0);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.buttons>div{
+ border-radius: 14px;
+ background-color: rgba(255,255,255,1.0);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.buttons>div.focus{
+ /*border: 8px solid rgba(218,165,32,1.0); */
+ /* color: rgba(0,0,0,1); */
+ /* background-color: rgba(218,165,32,1.0); */
+ background-color: rgba(173,255,47,1.0);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.buttons #btn_ordernow{
+ /* border-radius: 14px; */
+ /* background-color: rgba(255,255,255,1.0); */
+ margin: 0px 20px 0px 0px;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.buttons #btn_addtocart{
+ /* border-radius: 14px; */
+ /* background-color: rgba(255,255,255,1.0); */
+ margin: 0px 20px 0px 20px;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.buttons #btn_back{
+ /* border-radius: 14px; */
+ /* background-color: rgba(255,255,255,1.0); */
+ margin: 0px 0px 0px 20px;
+}
+
+/*[RS1-1-1-4-2. Roomservice bg: owl: roomservice item sel cart window : winright ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright {
+ position: relative;
+ width: 902px;
+ height: 740px;
+ margin: 0;
+ padding: 0;
+ background: rgba(14,18,22,0.8);
+ margin: 0px 25px 0px 10px;
+ color: rgb(249, 249, 249);
+ border-top: 5px solid rgba(121,121,121,1);
+ border-bottom: 5px solid rgba(121,121,121,1);
+ /* border-top: 6px solid rgba(218,165,32,1);
+ border-bottom: 6px solid rgba(218,165,32,1); */
+ /* display: none; */
+}
+
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.title{
+ height: 54px;
+ width: 96%;
+ line-height: 54px;
+ font-size: 44px;
+ white-space: pre-wrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ border-bottom: 4px solid rgb(235,235,235);
+ filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+ margin: 10px 2% 0px 2%;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table{
+ position: relative;
+ height: 550px;
+ width: 100%;
+ padding: 20px 2% 20px 2%;
+}
+
+/**** Roomservice Category item ::> Table Header */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_header {
+ width:100%;
+ line-height: 54px;
+ font-size: 30px;
+ text-align: center;
+ /* margin: 5px 0 15px 0; */
+ border-bottom: 4px solid rgba(121,121,121,1);
+ /* border-top: 2px solid rgba(121,121,121,1); */
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr {
+ height: 54px;
+ max-height: 54px;
+ background-color: rgba(21, 27, 34, 1);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr>#title {
+ width: 50%;
+ float: left;
+ /* text-align: left; */
+ padding: 0 0px 0 20px;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr>#quantity {
+ width: 20%;
+ float: left;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr>#amount {
+ width: 30%;
+ float: left;
+ padding: 0px 30px 0 0px;
+}
+
+
+/**** Roomservice Category item ::> Table Recored */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record {
+ width:100%;
+ line-height: 54px;
+ font-size: 30px;
+ text-align: center;
+ /* margin: 5px 0 15px 0; */
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody {
+ height: 446px;
+ overflow-y: auto;
+ display: block;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr {
+ /* height: 52px; */
+ display: block;
+ background-color: rgba(36, 45, 57, 1);
+}
+
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem {
+ height: 52px;
+ width: 100%;
+ font-size: 30px;
+ line-height: 52px;
+ border-bottom: 2px solid rgb(21, 27, 34);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem.focus {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ border-bottom: 2px solid rgb(173, 255, 47);
+ background: rgba(29,36,47,1.0);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem.unavailable {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ background: rgba(21,27,34,1.0);
+ color: rgb(121, 121, 121);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem.focus.unavailable {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ border-bottom: 2px solid rgb(173, 255, 47);
+ background: rgba(21,27,34,1.0);
+ color: rgb(121, 121, 121);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem>#title {
+ width: 50%;
+ float: left;
+ padding: 0px 0px 0px 20px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem>#quantity {
+ width: 20%;
float: left;
text-align: center;
- border-bottom: 1px solid;
- margin: 5px 0px 0px 2%;
}
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering>#date {
- font-size: 30px;
- line-height: 32px;
- width: 37%;
- float: left;
- border-bottom: 1px solid;
- margin: 5px 0px 0px 0;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering>#orderId {
- font-size: 28px;
- line-height: 32px;
- width: 53%;
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem>#amount {
+ width: 30%;
float: left;
/* text-align: right; */
- margin: 5px 2% 0px 0%;
+ padding: 0px 30px 0 0px;
}
-
-/* */
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst {
- width: 100%;
- float: left;
- background-color: rgb(51, 63, 80);
- margin: 0px 0px 5px 0px;
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar {
+ display: block;
+ width: 20px;
+ /* 세로축 스크롤바 길이 */
+ height: 20px;
+ /* 가로축 스크롤바 길이 */
}
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header {
- width: 100%;
- font-size: 36px;
- line-height: 36px;
- border-collapse: collapse;
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-track {
+ background-color: rgb(67, 82, 105);
}
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header>tbody {
- /* */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-track-piece {
+ background-color: rgb(80, 98, 124);
}
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header tr {
- font-size: 30px;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #type {
- width: 40%;
- font-size: 25px;
- text-align: left;
- padding: 0px 0px 0px 90px;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #quantity {
- width: 10%;
- font-size: 25px;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #amount {
- width: 20%;
- font-size: 25px;
- text-align: right;
- padding: 0px 30px 0px 0px;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal1 {}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal2 {
- color: rgb(255, 192, 0);
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal3 {}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal4 {
- color: rgb(255, 192, 0);
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal5 {}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record {
- width: 100%;
- font-size: 36px;
- line-height: 36px;
- border-collapse: collapse;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record>tbody {}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr {}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem {}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div {
- float: left;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#name {
- width: 40%;
- text-align: left;
- padding: 0px 0px 0px 90px;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#quantity {
- width: 10%;
- text-align: center;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#amount {
- width: 20%;
- text-align: right;
- padding: 0px 20px 0px 0px;
-}
-
-.popup .roomservice .order-details>#summary {
- height: 54px;
- line-height: 50px;
- overflow: hidden;
- font-size: 38px;
- text-align: left;
- margin: 15px 20px 5px 30px;
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-thumb {
+ border-radius: 8px;
background-color: rgb(51, 63, 80);
}
-.popup .roomservice .order-details>#summary>div {
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-button:start {
+ display: none;
+ /* background-color: orange; */
+ /* Top, Left 방향의 이동버튼 */
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-button:end {
+ display: none;
+ /* background-color: orange; */
+ /* Bottom, Right 방향의 이동버튼 */
+}
+
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.summary{
+ position: relative;
+ height: 65px;
+ width: 96%;
+ margin: 12px 2% 0px 2%;
+ padding: 4px 2% 0px 2%;
+ display: flex;
float: left;
+ flex-direction: row;
+ flex-wrap: wrap;
+ overflow: hidden;
+ border-top: 4px solid rgba(121,121,121,1);
}
-.popup .roomservice .order-details>#summary>#title {
- width: 40%;
- padding: 0px 0px 0px 90px;
- text-align: left;
-}
-.popup .roomservice .order-details>#summary>#quantity {
- width: 10%;
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.summary>#label{
+ line-height: 65px;
+ width: 50%;
+ height: 100px;
+ font-size: 48px;
text-align: center;
- color: rgb(255, 192, 0);
}
-.popup .roomservice .order-details>#summary>#amount {
- width: 20%;
- text-align: right;
- padding: 0px 20px 0px 0px;
- color: rgb(255, 192, 0);
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.summary>#value{
+ line-height: 65px;
+ width: 50%;
+ height: 100%;
+ font-size: 52px;
+ color: rgb(173, 255, 47);
+ text-align: center;
}
-/* ROOM SERVICE -> ALRET */
-.popup .roomservice .alert {
+/*[RS1-1-1-5. Roomservice bg: owl: selected item order style window ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_order_win {
position: absolute;
- top: 197px;
- left: 340px;
- width: 600px;
- height: 325px;
- color: rgb(255, 255, 255);
+ left: 21px;
+ top: 207px;
+ width: 1874px;
+ height: 740px;
+ margin: 0;
+ padding: 0;
+ /* background: rgba(114,18,22,0.65); */
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
-.popup .roomservice .alert>div#order-complete {
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_order_win #message{
+ line-height: 42px;
+ font-size: 38px;
+ width: 88%;
+ height: 368px;
+ padding: 40px 20px 40px 20px;
+ background: rgba(14,18,22,0.8);
+ color: rgb(249, 249, 249);
+ white-space: pre-wrap;
+ text-align: center;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ border-radius: 40px;
+ border: 4px solid rgba(121,121,121,1);
+ margin: 20px auto;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+
+
+/********************************************************************************/
+/*[RS2. Roomservice slider style ] */
+.popup .roomservice .slider {
+ position: absolute;
+ top: 60px;
+ left: 0px;
+ width: 1920px;
+ /* height: 300px; */
+ padding: 0px;
+ overflow: hidden;
+ display: none;
+}
+
+.popup .roomservice .slider .owl-carousel.owl-theme {
+ max-height: 266px;
+ height: 100px;
+ padding-left: 0;
+ /* margin: 5px 0 0 0; */
+}
+
+.popup .roomservice .slider .owl-carousel.owl-theme .owl-stage-outer {
+ /* height: 266px;
+ max-height: 266px; */
+ height: 100%;
+ padding-left: 0;
+ margin: 0;
+}
+
+.popup .roomservice .slider .owl-carousel.owl-theme .owl-stage-outer .owl-stage {
+ height: 100%;
+}
+
+.popup .roomservice .slider .owl-carousel.owl-theme .owl-stage-outer .owl-stage .owl-item{
+ height: 100%;
+}
+
+.popup .roomservice .slider .owl-carousel.owl-theme .owl-stage-outer #rs_item_title{
+ position: absolute;
+ /* top: 190px; */
+ top: 22px;
width: 100%;
height: 100%;
- background-color: rgb(36, 44, 56);
- border: 1px solid rgb(255, 255, 255);
-}
-
-.popup .roomservice .alert>div#order-complete>div#title {
- float: left;
- width: 100%;
- height: 54px;
- background-color: rgb(51, 63, 80);
- margin: 42px 0px 0 0px;
+ margin: 0;
+ padding: 0;
+ color: rgb(235, 235, 235);
+ /* font-size: 2.2vw; */
font-size: 38px;
line-height: 52px;
+ white-space: nowrap;
+ text-align: center;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.popup .roomservice .slider .owl-carousel.owl-theme .owl-stage-outer .owl-item.focus.active.center #rs_item_title{
+ font-size: 42px;
+}
+
+.popup .roomservice .slider .owl-carousel.owl-theme .owl-stage-outer #ctgy_item_btn{
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ display: block
+}
+
+
+
+/*** OWL Roomservice Menu Selector dot Container */
+.popup .roomservice .slider .owl-dots {
+ position: absolute;
+ top: -45px;
+ width: 100%;
+ align-content: center;
+ display: none;
+}
+
+.popup .roomservice .slider .owl-theme .owl-dots .owl-dot span {
+ width: 20px;
+ height: 20px;
+ background: none;
+}
+
+.popup .roomservice .slider .owl-theme .owl-dots .owl-dot.active span {
+ /* background: rgb(181, 218, 16); */
+ background: rgb(245, 245, 245);
+}
+
+.popup .roomservice .slider .owl-carousel .owl-item.active.focus:after {
+ width: 336px;
+}
+
+.popup .roomservice .slider .owl-carousel .owl-item.active[class*="unfocus"]:after {
+ width: 264px;
+}
+
+.popup .roomservice .slider .owl-carousel .owl-item.active.focus div [id*="ctgy_item_btn"] {
+ background-image: var(--icon_focus);
+}
+
+.popup .roomservice .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="ctgy_item_btn"] {
+ background-image: var(--icon_unfocus);
+}
+
+/* .popup .roomservice .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_title"] {
+ transform: scale(1.1);
+} */
+
+/*[RS3. Roomservice Use guide style ] */
+.popup .roomservice>div.use_guide {
+ position: absolute;
+ top: 948px;
+ left: 0px;
+ width: 100%;
+ height: 132px;
+ margin: 0;
+ padding: 0px 20px 0px 48px;
+ /* color: rgb(245,245,245); */
+ color: rgb(181, 218, 16);
+ line-height: 32px;
+ font-size: 32px;
+ z-index: 1;
+ display: flex;
+ align-items: center;
+}
+
+
+
+/*[RS4. Roomservice cart style ] */
+.popup .roomservice>div.cart {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 946px;
+ padding: 0px;
+ overflow: hidden;
+ display: none;
+ background: rgba(0,0,0,0.7);
+ z-index: 1;
+}
+
+.popup .roomservice>div.cart>div {
+ top: 60px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ /* background: rgba(1,1,1,1.0); */
+}
+
+.popup .roomservice>div.cart .menu {
+ width: 902px;
+ height: 876px;
+ margin: 0px 37px 0px 21px;
+ display: block;
+ /* background: rgba(100,1,1,1.0); */
+}
+
+.popup .roomservice>div.cart .items {
+ width: 902px;
+ height: 876px;
+ margin: 0px 37px 0px 21px;
+ display: block;
+ /* background: rgba(100,1,1,1.0); */
+}
+
+.popup .roomservice>div.cart .menu div#title {
+
+}
+
+.popup .roomservice>div.cart .menu div#control {
+
+}
+
+.popup .roomservice>div.cart .menu div#control #thumb {
+
+}
+
+.popup .roomservice>div.cart .menu div#control #quantity {
+
+}
+
+.popup .roomservice>div.cart .menu div#description {
+
+}
+
+/*[RS5 Roomservice order style ] */
+.popup .roomservice .order {
+ position: absolute;
+ left: 21px;
+ top: 207px;
+ width: 1874px;
+ height: 740px;
+ margin: 0;
+ padding: 0;
+ /* background: rgba(114,18,22,0.65); */
+ display: flex;
+ z-index: 1;
+}
+
+/*[RS5-1. Roomservice order: winleft ] */
+.popup .roomservice .order .winleft {
+ position: relative;
+ width: 902px;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ background: rgba(14,18,22,0.65);
+ margin: 0px 10px 0px 25px;
+ color: rgb(249, 249, 249);
+ /* border-top: 2px solid rgba(121,121,121,1);
+ border-bottom: 2px solid rgba(121,121,121,1); */
+}
+
+/*[RS1-1-1-3-1-1. Roomservice bg: owl: roomservice item sel window : winleft: item table] */
+.popup .roomservice .order .winleft>.tbl_header {
+ width:100%;
+ line-height: 54px;
+ font-size: 30px;
+ text-align: center;
+ /* margin: 5px 0 15px 0; */
+ border-bottom: 4px solid rgba(121,121,121,1);
+ /* border-top: 2px solid rgba(121,121,121,1); */
+}
+
+.popup .roomservice .order .winleft>.tbl_header tbody tr {
+ height: 54px;
+ max-height: 54px;
+ background-color: rgba(21, 27, 34, 1);
+}
+
+.popup .roomservice .order .winleft>.tbl_header tbody tr>#orderid {
+ width: 45%;
+ float: left;
+ /* text-align: left; */
+ padding: 0 0px 0 20px;
+}
+
+.popup .roomservice .order .winleft>.tbl_header tbody tr>#amount {
+ width: 20%;
+ float: left;
+}
+
+.popup .roomservice .order .winleft>.tbl_header tbody tr>#date {
+ width: 35%;
+ float: left;
+ padding: 0px 30px 0 0px;
+}
+
+
+/**** Roomservice Category item ::> Table Recored */
+.popup .roomservice .order .winleft>.tbl_record {
+ width:100%;
+ line-height: 54px;
+ font-size: 30px;
+ text-align: center;
+ /* margin: 5px 0 15px 0; */
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody {
+ height: 572px;
+ overflow-y: auto;
+ display: block;
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr {
+ /* height: 52px; */
+ display: block;
+ background-color: rgba(36, 45, 57, 1);
+}
+
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem {
+ height: 52px;
+ width: 100%;
+ font-size: 30px;
+ line-height: 52px;
+ border-bottom: 2px solid rgb(21, 27, 34);
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem.focus {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ border-bottom: 2px solid rgb(173, 255, 47);
+ background: rgba(29,36,47,1.0);
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem.unavailable {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ background: rgba(21,27,34,1.0);
+ color: rgb(121, 121, 121);
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem.focus.unavailable {
+ /* border-bottom: 2px solid rgb(255, 192, 0); */
+ border-bottom: 2px solid rgb(173, 255, 47);
+ background: rgba(21,27,34,1.0);
+ color: rgb(121, 121, 121);
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem.focus.unavailable:before {
+
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem.focus.unavailable:after {
+
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem>#orderid {
+ width: 45%;
+ float: left;
+ padding: 0px 0px 0px 20px;
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem>#amount {
+ width: 20%;
+ float: left;
text-align: center;
}
-.popup .roomservice .alert>div#order-complete>div#message {
- width: 95%;
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem>#date {
+ width: 35%;
float: left;
- margin: 40px 20px 5px 20px;
- font-size: 22px;
- line-height: 24px;
- text-align: center;
- white-space: pre-wrap;
+ /* text-align: right; */
+ padding: 0px 30px 0 0px;
}
+.popup .roomservice .order .winleft>.tbl_record ::-webkit-scrollbar {
+ display: block;
+ width: 20px;
+ /* 세로축 스크롤바 길이 */
+ height: 20px;
+ /* 가로축 스크롤바 길이 */
+}
+
+.popup .roomservice .order .winleft>.tbl_record ::-webkit-scrollbar-track {
+ background-color: rgb(67, 82, 105);
+}
+
+.popup .roomservice .order .winleft>.tbl_record ::-webkit-scrollbar-track-piece {
+ background-color: rgb(80, 98, 124);
+}
+
+.popup .roomservice .order .winleft>.tbl_record ::-webkit-scrollbar-thumb {
+ border-radius: 8px;
+ background-color: rgb(51, 63, 80);
+}
+
+.popup .roomservice .order .winleft>.tbl_record ::-webkit-scrollbar-button:start {
+ display: none;
+ /* background-color: orange; */
+ /* Top, Left 방향의 이동버튼 */
+}
+
+.popup .roomservice .order .winleft>.tbl_record ::-webkit-scrollbar-button:end {
+ display: none;
+ /* background-color: orange; */
+ /* Bottom, Right 방향의 이동버튼 */
+}
+
+
+.popup .roomservice .order .winleft>.summary{
+ position: relative;
+ height: 65px;
+ width: 96%;
+ margin: 12px 2% 0px 2%;
+ padding: 4px 2% 0px 2%;
+ display: flex;
+ float: left;
+ flex-direction: row;
+ flex-wrap: wrap;
+ overflow: hidden;
+ border-top: 4px solid rgba(121,121,121,1);
+}
+
+
+.popup .roomservice .order .winleft>.summary>#label{
+ line-height: 65px;
+ width: 50%;
+ height: 100px;
+ font-size: 48px;
+ text-align: center;
+}
+
+.popup .roomservice .order .winleft>.summary>#value{
+ line-height: 65px;
+ width: 50%;
+ height: 100%;
+ font-size: 52px;
+ color: rgb(173, 255, 47);
+ text-align: center;
+}
+
+/********************************************************************************/
+/* ROOMSERVICE STYLE [ END ] */
+/********************************************************************************/
+
+
/***********************
* MY PAGE Style *
@@ -2052,6 +2834,7 @@
left: 73%;
width: 26%;
height: 10%;
+ z-index: 3;
}
.popup>.notification>.balloon {
diff --git a/procentric/application/theme/HIM00001/hoteltv.app.full.widjet.css b/procentric/application/theme/HIM00001/hoteltv.app.full.widjet.css
index 40a1bc5..bc9a5db 100755
--- a/procentric/application/theme/HIM00001/hoteltv.app.full.widjet.css
+++ b/procentric/application/theme/HIM00001/hoteltv.app.full.widjet.css
@@ -35,8 +35,8 @@
background-image: none;
background-size: contain;
background-repeat: no-repeat;
- background-position: left center;
- margin: 10px 0 4px 20px;
+ background-position: center center;
+ margin: 10px 0 4px 10px;
display: block;
}
diff --git a/procentric/application/theme/HJS00001/hoteltv.app.full.mypage.css b/procentric/application/theme/HJS00001/hoteltv.app.full.mypage.css
index 97d6447..2e4b85c 100755
--- a/procentric/application/theme/HJS00001/hoteltv.app.full.mypage.css
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.mypage.css
@@ -171,7 +171,7 @@ div#lst_mypagebg div #mp_hotel_infowin {
}
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item {
- width: 506px;
+ width: 32%;
height: 100%;
display: inline-block;
padding: 5px;