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;