@font-face { font-family: "blinkmacsystemfont"; src: url("/fonts/blinkmacsystemfont.ttf") format('truetype'); }
@font-face { font-family: "Cascadia"; src: url("/fonts/CascadiaMonoPL_Regular.otf") format('opentype'); }
@font-face { font-family: "SFPRODISPLAYREGULAR"; src: url("/fonts/SFPRODISPLAYREGULAR.otf") format('opentype'); }
@font-face { font-family: "Jura"; src: url("/fonts/Jura.ttf") format('truetype'); }


@font-face { font-family: "sf_pro_text_regular"; src: url("/fonts/sf_pro_text_regular.woff2") format('woff2'); }
.lbl_bottom { font-family: 'Jura'; margin-left: 3px; text-align: left; width: 44px; font-size: 13px; position: absolute; color: #aaa; top: 13px; }
.folder_nested_cnt {display: none;}
.folder_item.select + .folder_nested_cnt {display: block;}
.folder_nested_cnt {padding-left: 20px; border-left: 1px solid orange; border-radius: 0px 0px 0px 5px;}
.folder_nested_cnt:has(.folder_item.select) {display: block;}


.candle_yax { position: sticky; left: 0px; top: 0px; height: 100%; width: 100%; }
.Candle_Title { flex: 1; text-align: left; padding-left: 10px; } .Candle_Live { padding-right: 40px; }
.yax_abov { background: #C8102E;position:relative; }
.yax_sub { background: #003DA5;position:relative; }
.yax_L {  background: #d2e3ff;position:relative; } 
.yax_N { background: #fff;position:relative; } 
.yax_H { background: #ffdce2;position:relative; }
img.folder_item_img { width: 44px; margin-left: 6px; } 
.list_item_text { color: #ccc; padding-left: 9px; line-height: 44px; } 
.folder_item { display: flex; background: #ffffff1f; margin-top: 2px; border-radius: 7px; } 
.folder_item.select { background: #7676ff; }
.lbl_HH {
    position: absolute;
    top: -4px;
    left: 3px;
    font-family: monospace;
    font-size: 11px;
}


.lbl_H {
    position: absolute;
    top: -4px;
    left: 3px;
    font-family: monospace;
    font-size: 11px;
}
#Direct_More_CNT { height: calc(100% - 95px); overflow: auto; }
.lbl_LL {
    position: absolute;
    bottom: -4px;
    left: 3px;
    font-family: monospace;
    font-size: 11px;
}


.lbl_L {
    position: absolute;
    top: -4px;
    left: 3px;
    font-family: monospace;
    font-size: 11px;
}
.lbl_abov { position: absolute; top: -4px; left: 3px; font-family: monospace; font-size: 11px; color: #fff; }
.lbl_sub { position: absolute; bottom: -4px; left: 3px; font-family: monospace; font-size: 11px; color: #fff; }
.Report_popup { position: absolute; width: 100%; height: 30px; display: flex; background: linear-gradient(45deg, cornflowerblue, navy); color: #fff; }
.candle_lbl_top { font-family: monospace; margin-left: -4px; text-align: center; width: 24px; font-size: 14px; }
.Candle_CNT { overflow-y:hidden;overflow-x: auto; width: 100%; position: relative; height: 344px; }
        .candle {
            position: absolute;
            width: 14px; /* Width of each candlestick */
            background: #0000000a; 
            top:30px;
            height: calc(100% - 34px);
        }
        .wick {
            position: absolute;
            width: 2px;
            background-color: black;
            left: 50%;
            transform: translateX(-50%);
        }
        .body {
            position: absolute;
            width: 8px;
            left: 50%;
            transform: translateX(-50%);
border-radius: 3px;
        }
        .label {
            position: absolute;
            font-size: 12px;
            color: #333;
        }


















sql { background: #00000012; width: calc(100% - 10px); display: block; font-size: 12px;   padding: 5px; color: #a31515; font-family: Cascadia; }
 
div,span,h1,h2,h3,h4,h5{
-webkit-font-smoothing: antialiased; 
-webkit-text-size-adjust: 100%; 
text-rendering: optimizeLegibility;
font-family : 'SFPRODISPLAYREGULAR'
}


.TH { background: #312d9c; color: #fff; min-width: 50px; padding: 7px; padding-left: 14px; padding-right: 0px; font-size: 10px; font-weight: normal; text-align: left; position: sticky; top: 0px; }
table.TBL { 
width: 100%; 
margin-bottom: 20px; 
max-width: 100%; 
background-color: transparent; 
border-collapse: collapse; 
border-spacing: 0; 
} 
#dlg10 { background: #575757!important; }
.btn_box.select { background: #a6acff; }
.ailist_cnt { width: 100%; display: inline-block;  }
#cmb_send_access_cnt { position: absolute; right: 50px; top: 7px; } 
#cmb_send_access { padding: 3px; background: #0000001a; border-bottom: none;border: 1px solid #00000047; border-radius: 100px; padding-left: 10px; }


.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {} .TBL>tbody>tr:nth-child(odd)>td, .TBL>tbody>tr:nth-child(odd)>th { background-color: #f9f9f9; }
.TD { padding-left: 14px; padding-right: 0px; font-size: 10px; font-weight: normal; white-space: nowrap; overflow: hidden; max-width: 200px; }
.HMI_WIN_Count.Level1 { background: #F44336; } 
.HMI_WIN_Count.Level2 { background: #ffd046;  } 
.HMI_WIN_Count.Level3 { background: #46ff71; } 
.HMI_WIN_Count:empty { display: none; }


.HMI_WIN_Count { color: #383838; font-size: 16px;  font-family: monospace; padding-left: 7px; padding-right: 7px; border-radius: 5px; display: inline-block; margin: 2px; }
#total_cnt{
width:calc(50% - 44px);
display:flex;
margin-left:auto;margin-right:auto;
}
div#total_Red {
    width: 33%;
    height: 60px;
    background: #ffd2d2;
    line-height: 60px;
}
img#barley_img { width: 96px; }
#barley_cnt { text-align: center; margin:20px;}
#barley_item { width: 133px;height:133px; padding: 10px; display: inline-block; background: #bcfcdc; border-radius: 27px; line-height: 17px; }
#barley_text { font-size: 13px; font-weight: bold; }


div#total_Orange {
    width: 33%;
    height: 60px;
    background: #ffeeb9;
    line-height: 60px;
}


div#total_Green {
    width: 33%;
    width: 33%;
    height: 60px;
    background: #b0ffa4;
    line-height: 60px;
}


 div#Gallery_Image_CNT {
    display: flex;
    flex-wrap: wrap;
}
.beer_img_and_price {
    margin-bottom: 0px;
}
@keyframes blinking_shadow{ 
0% {box-shadow: 0px 0px 5px lime;transform: translate3d(0, 0, 0);} 
50% {box-shadow: 0px 0px 20px lime;transform: translate3d(0, 0, 0);} 
100% {box-shadow: 0px 0px 5px lime;transform: translate3d(0, 0, 0);} 
}
.announce_cnt {background: #feffe1;min-width:300px; max-width:600px;display:inline-block; margin: 20px; border: 1px solid #e6e6e6; border-radius: 8px; box-shadow: 1px 1px 2px #0000004a; padding: 20px; }
.announce_footer { padding-top: 20px; padding-bottom: 20px; }
.beer_item_selected {
    width: 100%;
    text-align: center;
} 
img.img_beer_item_selected {
width: 140px;
height: 140px;
margin-top:0px;
}
.beer_item_price_selected {
    font-size: 20px;
}
.Priority_option { width: 30px; padding: 5px; padding-left: 10px; padding-right: 10px; border-radius: 5px; display: inline-block; vertical-align: top; color: #fff; height: 30px; }
.Priority_option.select { background: cornflowerblue; } 
.night .dlg { background: #121212; } 
.night .CloseImage { color: #fff!important; }
.night .dlg_header { color: #ccc; }
.Other_Direct_Unread { display: inline-block; min-width: 17px; right: 5px; bottom: 5px; z-index: 0; padding: 2px; position: absolute; height: 14px; background-color: #bb0606; color: #fff; text-align: center; line-height: 14px; border-radius: 28px; font-family: sans-serif; font-size: 12px; }
.HMI_Alert_Severity { width: 26px; margin-right: 10px; border-radius: 25%; padding: 2px; position: absolute; left: -33px; top: 2px; }
.unread_profile{ position: absolute; cursor: pointer; border-radius: 0; width: 40px; height: 40px; object-fit: cover; padding: 0px; margin-top: 6px; margin-left: 10px; border-radius: 100px; left: 0px; top: 5px; }
.HMI_WIN_Read {width:32px;text-align:center; position: absolute; right: 50px; top: 8px; cursor: pointer; padding: 4px; padding-left: 10px; padding-right: 10px; margin-left: 10px; margin-right: 10px; border-radius: 100px; font-size: 10px; font-weight: bold; color: #fff; background: #b5b5b5; } 
.HMI_WIN_Read.select { background-color: #00e200; }
.HMI_Table { min-width: 1000px;background: #fff; } 
.HMI_Row { display: flex; width: 100%; } 
.HMI_Col {position:relative; width: 25%; padding: 3px; border-bottom: 1px solid #eee; line-height: 30px; white-space: nowrap; overflow:hidden; }
.HMI_Col_Severity { height: 34px; position: absolute; top: 0px; }
#PLC_Register_cnt {gap:5px; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; overflow: auto; } 
.PLC_Register_cnt {gap:5px; max-height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; overflow: auto;background: #183D3D;padding-left: 5px; padding-bottom: 5px; border-radius: 0px 0px 10px 10px; } 


#plc_cnt { height: calc(100% - 120px); overflow:auto;}
.HMI_Alert_Item {min-height:35px; position: relative; border-radius: 10px; margin-bottom: 5px; width: calc(100% - 30px); display: flex; padding-top: 5px; padding-bottom: 5px; margin-left: 30px; }
.HMI_Alert_Message { width: calc(100% - 60px); font-size: 13px; margin-left: 35px; }
`.unread_header { font-size: 18px; font-weight: bold; margin-top: 20px; color: #777; }
.unread_count { position: absolute; top: 23px; right: 7px; padding: 4px; padding-left: 5px; padding-right: 5px; background-color: #ef394e; border-radius: 50px; font-family: monospace; font-weight: bold; font-size: 15px; height: 10px; color: #fff; line-height: 10px; text-align: center; }
.unread_item { position: relative; padding: 19px; padding-left:60px; border-bottom: 1px solid #aaa; } 
.unread_item:hover { background-color:#eee; } 
.unread_item:active { background-color:#000!important; } 
.unread_desc { color: #fff; }
.DT_Text_Body { font-size: 12px; font-weight: bold; line-height: 15px; }
.app_cnt { border-bottom: 1px solid #00000057;max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 20px; } 
img.app_image { width: 125px; height: 125px; border-radius: 22%; box-shadow: 0px 0px 7px #00000096; } .app_cnt {} .app { display: flex; flex-direction: row; flex-wrap: wrap; margin: 10px; text-align: center; align-content: center; justify-content: center; } .app_desc { padding: 20px; min-width: 250px; flex: 1; } .app_name { font-size: 30px; font-weight: bold; }
#POPUP_CNT {
    width: 80%;
    max-width: 500px;
    overflow: hidden;
    height: 90px;
    background: linear-gradient(45deg, #d1d1d1, #efefef);
    position: fixed;
    bottom: -150px;
    transition: all 0.5s;
    transition-timing-function: ease-in-out;
    z-index: 3000;
    border-radius: 10px;
    box-shadow: 0px 0px 10px;
    transform: translate(-50%,-50%);
    left: 50%;
}
.popup_message {
    font-size: 20px;
    line-height: 29px;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    padding-left: 20px;
    padding-right: 20px;
    color: #2a2a2a;
    font-family: 'sf_pro_text_regular'!important;
}


.HMI_Alert_Item.HMI_Alert_Set { background: #ac2727; color: #fff; animation-name:blinking_Alert_Set; animation-duration: 2s; animation-play-state: running; animation-iteration-count: infinite; } 
@keyframes blinking_Alert_Set{ 
0% {background: #5a0000;transform: translate3d(0, 0, 0);} 
50% {background: red;transform: translate3d(0, 0, 0);} 
100% {background: #5a0000;transform: translate3d(0, 0, 0);} 
}




.HMI_Alert_Item.HMI_Alert_Reset { background: #acffaced; color: #000; }


.HMI_Alert_Item.HMI_Alert_OLD { background: #efefef; color: #b7b7b7; }
.ACK { animation-name: none!important; }
div#plc_alert_cnt {
gap:4px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.btn_Report_Delete { width: 21px; height: 21px; background: #00000036 url(/websites/3/images/delete_w.svg); background-size: 18px 18px; background-position: center; background-repeat: no-repeat; border-radius: 7px; padding: 2px; position: absolute; top: 2px; right: 3px; z-index: 1; }
.btn_close_menu_top { position: absolute; top: 6px; right: 6px; width: 40px; height: 40px; background-image: url(/websites/3/images/close.svg); background-size: contain; }
#website_info_CNT { overflow: auto; max-height: calc(100% - 220px); }
#dlg_cnt2 {height: 100%;width: 100%;}
#dlg_cnt3 {height: 100%;width: 100%;}
.HMI_Alert_Time { border-left: 1px solid #ffffff59;width: 24px; writing-mode: vertical-rl; text-orientation: mixed; text-align: center; font-size: 12px; }
.HMI_Alert_Count { text-align: right; position: absolute; bottom: 0px; left: 9px; font-size: 13px; }


.btn_link:active {
    color: #000!important;
}
span.HMI_admin_tag { background: #154291; padding: 4px; padding-left: 10px; padding-right: 10px; margin-left: 10px; margin-right: 10px; border-radius: 100px; font-size: 10px; font-weight: bold; color: #fff; } span.HMI_pending_tag { background: coral; padding: 4px; padding-left: 10px; padding-right: 10px; margin-left: 10px; margin-right: 10px; border-radius: 100px; font-size: 10px; font-weight: bold; color: #fff; }


.info_item_txt { padding: 15px; }
.Field_lbl_Err:before { content: '*'; } .Field_lbl_Err { color: red!important; }
img.iphone_play { -webkit-filter: brightness(0.5);filter: brightness(0.5);width: 100%; height: 100%; } img.iphone_video_image { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.iphone_player_cnt { width: 300px;margin:80px; height: 533px; border: 10px solid; margin-left: 50%; transform: translateX(-50%); border-radius: 26px; position: relative; object-fit: contain; overflow: hidden; box-shadow: 0px 0px 5px; }
.iphone_player_camera { width: 25%; height: 0px; border: 7px solid; border-radius: 100px; margin-left: 50%; transform: translateX(-50%); position: absolute; top: 4px; }
.ann_cnt {
    
    margin-top: -1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    padding-bottom: 30px;
}
div#HMI_WIN_PLC_cnt{text-align:center; width: 100%; overflow-x: auto; white-space: nowrap; } 


 




.HMI_Section_img { width: 100px; margin-left: auto; margin-right: auto; }
.HMI_AUTH_Item {text-align:left; padding: 10px; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #eee;position:relative; }
.HMI_AUTH_Item.select { background: cornflowerblue; color: #fff; }




 
.HMI_PLC_Item { padding: 10px; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #eee;position:relative; }
.HMI_PLC_Item.select { background: cornflowerblue; color: #fff; }


.ann_item_text div { font-size: 20px; font-weight: bold; }
.ann_item { margin-left: 50%; transform: translateX(-50%);width: 110px; height: 150px; padding: 120px; padding-top: 10px; background: #fff; border-radius: 15px; padding-bottom: 10px; position: relative; box-shadow: 0px 0px 10px; }
.ann_item_image { position: absolute; width: 70px; right: 20px; top: 50%; transform: translateY(-50%); }
.ann_item_text { font-size: 17px; text-align: center; color: black; font-weight: bold; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 140px; }
.Balance_ttip {
    display: none;
    position: absolute;
    width: 200px;
    height: 220px;
    background: #ebebeb;
    z-index: 99;
    right: 20px;
    top: 66px;
    box-shadow: 0px 0px 10px;
    border-radius: 0px 0px 5px 5px;
}
.footer_inner { height: 350px; background: #1d1d1d; border: none; margin-top: 450px; vertical-align: top; list-style: none; position: relative; }
.balance_product_item {
    text-align: center;
    width: 200px;
    display: inline-block;
    padding: 10px;
    margin: 5px;
    margin-left: calc(50% - 110px);
    margin-right: calc(50% - 110px);
    background: #6b8068;
    color: #fff;
}
.Balance_ttip_item {
    padding: 10px;
    border-bottom: 1px solid #999;


    color: #333;
}
.DT_Body { display: none; } 
.btn.show_email_btn { width: calc(100% - 60px); margin-top: 20px; margin-bottom: 20px; text-align: center; }
.Balance_ttip_item:hover {
    background-color: #cbcbcb;
}
.Balance_ttip_item:active {
    background: #000;
}


div#Balance_Text {cursor: pointer;color: #fff;font-size: 12px;font-weight: bold;}
.Balance_CNT {cursor: pointer;text-align: right;line-height: 20px;position: absolute;top: 13px;cursor: pointer;}
div#Balance_Amount {cursor: pointer;font-family: 'opensans';font-size: 20px;color: #fff;}
.iwant_item {background: #121212; width: 100%; height: 70px; display: flex; align-items: center; border-top: 1px solid #777; } 
img.iwant_img { width: 50px; padding-left: 10px; } .iwant_text { color: #fff; width: calc(100% - 140px); font-size: 16px; font-weight: bold; padding-left: 20px; } img.iwant_img {} label.ed.iwant_check { padding: 14px!important; }
.btn_link:hover {
    color: #2266e2;
}
.step{height:100%;}
.edit_mode .ed_block {
    display: block;
}
.btn_link {


    color: #6495ed;
    cursor: pointer;
}
.business_type_item {
    height: 120px;
    position: relative;
    border: 1px solid #ccc;
    margin: 20px;
    border-radius: 5px;
cursor:pointer;
}
.business_type_item:hover {
    background-color: #eee;
}
img.business_image {
    position: absolute;
    top: 20px;
    left: 10px;
    width: 80px;
    height: 80px;
}
.business_name {
    position: absolute;
    left: 120px;
    font-family: 'Muli';
    top: 10px;
    font-size: 20px;
    border-bottom: 1px solid #000;
    color: lightseagreen;
}
div#dlg_cnt {
    height: 100%;
}


.ul_Stored_product { display: flex; flex-wrap: wrap; margin-right: -1px; margin-bottom: -1px; list-style: none; padding: 0;}
.li_Stored_product{display: list-item;text-align: -webkit-match-parent;flex: 1 0 25%;max-width: 25%;height: 424px; transition-timing-function: cubic-bezier(0.24, 0.56, 0.07, 0.98);transition: 1s all;}
.Gallery_Image {
    object-fit: cover;
    margin: 15px;
    border-radius: 10px;
    width: calc(33% - 29px);
    background: beige;
}
.col_3_cnt {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: center;
}






.cel { height: 300px; list-style: none; flex: 0 0 33%; min-width: 300px; display: flex; }
.cel_box {
    margin: 20px;
    border: 1px solid rgb(239, 239, 239);
    border-radius: 10px;
    flex: 1 1 auto;
    background: rgb(219 219 219);
    position: relative;
    overflow: hidden;
border-radius: 22%;
box-shadow: 0px 0px 30px #000 inset;
}
img.cel_img {
    width: calc(100% - 100px);
    padding: 50px;
}
h1.cel_txt {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.6);
    margin: 0px;
    color: rgb(255, 255, 255);
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 17px;
}
.page_bg {
background-color: #F0F0F0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Ccircle stroke='%23FFFFFF' vector-effect='non-scaling-stroke' id='a' fill='none' stroke-width='5' r='315'/%3E%3Cuse id='f' href='%23a' stroke-dasharray='100 100 100 9999'/%3E%3Cuse id='b' href='%23a' stroke-dasharray='250 250 250 250 250 9999'/%3E%3Cuse id='e' href='%23a' stroke-dasharray='1000 500 1000 500 9999'/%3E%3Cuse id='g' href='%23a' stroke-dasharray='1500 9999'/%3E%3Cuse id='h' href='%23a' stroke-dasharray='2000 500 500 9999'/%3E%3Cuse id='j' href='%23a' stroke-dasharray='800 800 800 800 800 9999'/%3E%3Cuse id='k' href='%23a' stroke-dasharray='1200 1200 1200 1200 1200 9999'/%3E%3Cuse id='l' href='%23a' stroke-dasharray='1600 1600 1600 1600 1600 9999'/%3E%3C/defs%3E%3Cg transform='translate(1000 750)' %3E%3Cg transform='rotate(46.8 0 0)' %3E%3Ccircle fill='%23FFFFFF' r='10'/%3E%3Cg %3E%3Cuse href='%23f' transform='scale(.1) rotate(50 0 0)' /%3E%3Cuse href='%23f' transform='scale(.2) rotate(100 0 0)' /%3E%3Cuse href='%23f' transform='scale(.3) rotate(150 0 0)' /%3E%3C/g%3E%3Cg%3E%3Cuse href='%23b' transform='scale(.4) rotate(200 0 0)' /%3E%3Cuse href='%23z' transform='scale(.5) rotate(250 0 0)' /%3E%3C/g%3E%3Cg id='z'%3E%3Cg transform='rotate(29.25 0 0)'%3E%3Cuse href='%23b'/%3E%3Cuse href='%23b' transform='scale(1.2) rotate(90 0 0)' /%3E%3Cuse href='%23b' transform='scale(1.4) rotate(60 0 0)' /%3E%3Cuse href='%23e' transform='scale(1.6) rotate(120 0 0)' /%3E%3Cuse href='%23e' transform='scale(1.8) rotate(30 0 0)' /%3E%3C/g%3E%3C/g%3E%3Cg id='y'%3E%3Cg transform='rotate(17.55 0 0)'%3E%3Cuse href='%23e' transform='scale(1.1) rotate(20 0 0)' /%3E%3Cuse href='%23g' transform='scale(1.3) rotate(-40 0 0)' /%3E%3Cuse href='%23g' transform='scale(1.5) rotate(60 0 0)' /%3E%3Cuse href='%23h' transform='scale(1.7) rotate(-80 0 0)' /%3E%3Cuse href='%23j' transform='scale(1.9) rotate(100 0 0)' /%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(-35.1 0 0)'%3E%3Cg%3E%3Cg transform=''%3E%3Cuse href='%23h' transform='scale(2) rotate(60 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.1) rotate(120 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.3) rotate(180 0 0)'/%3E%3Cuse href='%23h' transform='scale(2.4) rotate(240 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.5) rotate(300 0 0)'/%3E%3C/g%3E%3Cuse href='%23y' transform='scale(2) rotate(180 0 0)' /%3E%3Cuse href='%23j' transform='scale(2.7)'/%3E%3Cuse href='%23j' transform='scale(2.8) rotate(45 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.9) rotate(90 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.1) rotate(135 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.2) rotate(180 0 0)'/%3E%3C/g%3E%3Cuse href='%23k' transform='scale(3.3) rotate(225 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.5) rotate(270 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.6) rotate(315 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.7)'/%3E%3Cuse href='%23k' transform='scale(3.9) rotate(75 0 0)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
    background-position: center;
}
.Head__Billboard_Background__Transparent{ }
.Head__Billboard_Background__Normal{    background-color: #ffffff70;}
.Head__Billboard_Background__Blur{    background-color: #ffffff70;    webkit-backdrop-filter: blur(4px);    backdrop-filter: saturate(180%) blur(4px);    box-shadow: 10px 10px 20px #00000021;}


.Head__Billboard_Position__Center{width: 100%;max-width: 500px;margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: center;    top: calc(50% + 25px)!important;
    transform: translate(0, -50%);
    padding: initial!important;
    left: 0px!important;
    right: 0px!important; }
.Head__Billboard_Position__Center_Wide{width: 100%;max-width: 1050px;margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: center; }
.Head__Billboard_Position__Left{width: 100%;max-width: 500px;margin-left: 30px;margin-right: auto;left: 0;right: 0;text-align: center;}
.Head__Billboard_Position__Right{ width: 100%;max-width: 500px;margin-left: auto;margin-right: 30px;left: 0;right: 0;text-align: center;}




.Head__Style__2560_by_200 .wide_circle{margin-top: 165px;}
.Head__Style__2560_by_200{height: 200px;}
.Head__Style__2560_by_390 .wide_circle{margin-top: 355px;}
.Head__Style__2560_by_390{height: 390px;}
.Head__Style__2560_by_440 .wide_circle{margin-top: 305px;}
.Head__Style__2560_by_440{height: 440px;}
.Head__Style__2560_by_580 .wide_circle{margin-top: 545px;}
.Head__Style__2560_by_580 {height: 580px;}


#btn_show_cart {position: absolute;right: 10px;}
#a_my_account {right: 110px;position: absolute;}
.my_Cart_CNT.btn_Search {right: 57px;position: absolute;}
.Support_Social_Item {
    fill: #fff;
    width: 26px;
    height: 26px;
    margin-right: 13px;
    display:inline-block!important;
    margin-top: 10px;
    vertical-align: top;
}
.__Modbus_Device {
    background: #121212;
}
.HMI_Section_text {
    color: #fff;
display:none;
}


.HMI_Section {
text-align:center;
    display: inline-block;
    width: calc(50% - 44px);
    position: relative;
    padding: 10px;
    padding-bottom: 40px;
    min-height: 350px;
    background: #ffffff1c;
    margin: 10px;
    margin-bottom: 50px;
}


.HMI_WIN_Item {
    text-align: left;
    padding: 11px;
    padding-left: 30px;
    padding-right: 20px;
    position: relative;
    margin: 5px;
    margin-bottom: 10px;
    background: #4a4a4a;
    border-radius: 10px;
}
#Profile_Name { color: #868686; padding-top: 6px; }
.HMI_WIN_Text {
    color: #fff;
}
.HMI_WIN_Item.select {
    background: #868686;
    color: #fff;
}


#Gallery_CNT {
    margin-top: 50px;
    min-height: 200px;
    position: relative;
}
 
.HMI_WIN_Item_list {
    margin-top: 15px;
    height: calc(100% - 0px);
}


.Support_Social_Item:hover {
    fill: cornflowerblue;
}
.Support_Social_Item:active {
    fill: red;
}
.Support_Social_CNT {
    display: inline-block;
}
img.hmi_add_img { position: absolute; right: 5px; bottom: 5px; width: 30px; }
.Support_Contact {
    display: inline-block;
    color: #ffffff52;
    margin-left: 20px;
    margin-right: 20px;
    font-family: sans-serif;
    line-height: 50px;
    vertical-align: top;
}
.div_Service_Type {
    width: 100%;
    margin-top: 2em;
    font-size: 1.7em;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    letter-spacing: 5px;
    word-spacing: 12px;
}
.support_cnt{float:right;}
.Support_Tel {
    color: #fff!important;
    font-family: tahoma;
    vertical-align: top;
    line-height: 50px;
font-weight:bold;
}
img.HMI_Section_delete { width: 24px; position: absolute; right: 5px; display: none; } .select .HMI_Section_delete { display: block; }
.Support_Tel:hover {
    color: cornflowerblue!important;
}
.HMI_Alert_chk { margin-right: 10px; width: 19px; height: 19px; position: absolute; left: 4px; top: 4px; }
.Support_Tel:active {
    color: red!important;
}
.Schedule_Time {
    position: absolute;
    left: 10px;
    top: 5px;
    line-height: 12px;
    color: #fff;
    font-family: sans-serif;
    font-size: 12px;
    opacity: 0.5;
}
.NotArchived .HMI_Alert_Message { font-weight: bold; text-shadow: 0px 0px 1px; } .HMI_Alert_Item.Archived { background: #f2f6fc; }
.dlg_buttom_menu { bottom: 4px; left: 0px; width: 100%; height: 60px; display: flex; position: absolute; background: #121212; justify-content: space-around; }
.dlg_buttom_menu_item { height: 100%; text-align: center; flex: 1; position: relative; border-bottom: 4px solid #ba1e1e; }
.dlg_buttom_menu_img { height: calc(100% - 35px); padding: 5px; position: absolute; left: calc(50% - 20px); top: 0px; height: 30px; }
.dlg_buttom_menu_text { text-align: center; font-size: 11px; line-height: 90px; font-weight: normal; color: #fff; }
.dlg_buttom_menu_item.select { background: #ffffff14; } 


.Schedule_Duration {
    position: absolute;
    right: 10px;
    top: 20px;
    line-height: 12px;
    color: #fff;
    font-family: sans-serif;
    font-size: 12px;
    opacity: 0.5;
}
.schedule_day_body {
    position: relative;
}
.schedule_day_list {display: flex; }
.schedule_day_cnt {
    width: 360px;
    flex: none;
    text-align: center;
    height: 60px;
    background: white;
    line-height: 60px;
    font-family: sans-serif;
    font-size: 12px;
    border-left: 1px solid #f7f7f7;
    height: 100%;
}
.schedule_day_header {
    background: beige;
}
.schedule_headcol{width:58px;vertical-align:top;}
.schedule_hour {
    height: 119px;
    border-top: 1px solid #ccc;
    font-family: sans-serif;
    font-size: 16px;
    text-align: center;
}
.Schedule_CNT {
    position: relative;
    height: 1000px;
}
.Schedule_Item {
    position: absolute;
    border-radius: 10px;
    left: 30px;
    width: 300px;
    background: #6db3f2; /* Old browsers */
    background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
}
.Schedule_Name {
    position: absolute;
    top: 20px;
    left: 10px;
    line-height: 12px;
    color: #fff;
    font-weight: bold;
    font-family: sans-serif;
}
.Schedule_Customer_Name {
    position: absolute;
    top: 5px;
    right: 10px;
    line-height: 12px;
    color: #fff;
    font-family: sans-serif;
    font-size: 12px;
    opacity: 0.5;
}
.reservation_info {
    font-family: 'Muli';
    font-size: 12px;
    color: #999;
}
.reservation_text {
    font-family: 'Muli';
    font-size: 12px;
    text-align: center;
}
.reservation_from {
    font-family: 'Muli';
    font-size: 18px;
    text-align: center;
    color: cornflowerblue;
    font-weight: bold;
}
.reservation_duration {
    font-family: 'Muli';
    font-size: 18px;
    text-align: center;
    color: cornflowerblue;
    font-weight: bold;
}
.sticky_multiple_media {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
span.Service_html_key {
    font-family: 'Muli';
    font-size: 12px;
    color: #ccc;
}
span.Service_html_value {
    font-family: 'Muli';
    font-size: 12px;
    color: #ccc;
    float: right;
}
#Av_CNT {
    height: 100%;
    overflow: auto;
}
.Course_Item_text {padding-left: 20px;}
.Course_Item {
    display: flex;
    height: 64px;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 10px #00000045;
    border-radius: 5px;
    overflow:hidden;
}
#btn_add_product_image {
    background: url(/img/add_image.svg);
    display: inline-block;
    width: 80px;
    height: 80px;
    vertical-align: top;
    background-position: 12px 27px;
    background-repeat: no-repeat;
    background-size: 40px 40px;
}
.night .HMI_Company_Item { background: #ffffff21; color: #ffffff; border-bottom: 1px solid #ffffff42; }
.HMI_Company_Item.select { background: cornflowerblue; color: #fff; font-weight: bold; }
.HMI_Company_Item {
    padding: 10px;
    padding-left: 10px;
    border-bottom: 1px solid #ddd;
}
#dlg_body {
    width: 100%;
    height: calc(100% - 112px);
    overflow: auto;
}
 .close_svg { width: 24px; }
.a_inserted_image {
    max-width: 70%;
    display:inline-block;
}
.Article_HTML div {font-family: 'Muli';}
.Article_HTML h1 {font-family: 'Muli';}
.Article_HTML span {font-family: 'Muli';}
.sticky_multiple_media .a_inserted_image {
padding:10px;
max-width: calc(33% - 17px);
}
.sticky_media_cnt {
    text-align: center;
}
.inserted_image {
    width: 100%;
    object-fit: contain;
}
 .ttip{display:block!important;opacity:1!important;}
#course_cnt {
    margin-top: 52px;
}
.article_btn_cnt {
    width: 100%;
    display: flex;
}
.article_btn_left {
    flex: 1;
}
.article_btn_right {
    flex: 1;
    text-align: right;
}
.Chapter_CNT {
    min-height: 300px;
    font-family: Courier, monospace;
    width: calc(100% - 40px);
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 50px;
    margin-right: 15px;
    line-height: 27px;
    outline: none;
}
.Article_HTML {
    min-height: 300px;
    outline: none;
}
.Custom_Item.Default_Custom_Item {
    border: 1px solid #0071e3;
}
.tool_outer
{
    position: absolute;
    height: calc(100% - 50px);
    top: 30px;
    left: 2px;
    width:1px;
    z-index:1;
}
.PLC_Register {position:relative; width: calc(25% - 45px); display: flex; padding: 10px; padding-left: 20px; padding-right: 20px; background: #f1f1f1; COLOR: #b1b1b1; border-radius: 10px; } 
.PLC_Register_key { width: 50%;height:26px } 
.PLC_Register_value {font-family: monospace; width: 50%; text-align: right; }
.PLC_Register_status { position: absolute; right: 4px; bottom: 4px; width: 13px; height: 13px; background: transparent; border-radius: 100%; animation-name: plc_status; animation-duration: 1s; } 


@keyframes plc_status { 
  0% {background-color: darkseagreen;} 
  100% {background-color: transparent;} 
}


.PLC_Register.N { background: #e8eaff; color: #000; }
.tool_cnt
{
    position: sticky;
    top: 49px;
}
.HMI_Col_Address {padding-left:10px;padding-right:10px; width: calc(100% - 20px); background: #fff3ca; border-bottom: none; border-radius: 5px; }
.HMI_Col_Ref { width: 100%; background: #fff3ca; border-bottom: none; border-radius: 5px; }
.sticky_title {
    position: sticky;
    top: 50px;
    font-weight: bold;
    color: #b50000;
}
.sticky_title.is-pinned {
    background-color: #fff;
}
.Chapter_Title {
font-family: 'GreatVibes';
    text-shadow: 0px 0px 10px #000000a6;
    font-size: 9vw;
    color: #000;
    text-align: center;
 
    position: absolute;
    top: 6%;
    left: 5%;
}
.al_item { display: flex; gap: 10px; } 
.Chapter {
    border-left: 4px solid #8d0000;
}
.Article_Body {
    min-height: 300px;
    background: repeating-linear-gradient(white, white 26px, #9198e5 27px, #9198e5 27px);
    background-position-y: 21px;
}
.Chapter_outer {
position:relative;
    padding-left: 30px;
    background-color: #fff;
    border-radius: 30px;
    margin-top: 100px;
    box-shadow: 0px 0px 30px #0000001f;
}
@media (max-width: 1000px)
{
.Desktop_Menu{display:none;}
}
.Party_Item_Name {
    cursor: pointer;
}
.billboard_h {
    text-shadow: 0px 0px 40px #00000061;
}
.chat_reply_back_cnt {
    padding: 5px;
    background-color: #3b5998;
    color: #fff;
    position:relative;
    height:40px;
cursor:pointer;
}
.message_html {
    min-height: 60px;
}
.al_item.al_alarm.al_reset { background: #acffac; } 
.al_item.al_alarm.al_set { background: red; color: #fff; }
.chat_reply_back_btn {
    border-top: 4px solid #fff;
    border-left: 4px solid #fff;
    width: 10px;
    height: 10px;
    top: 17px;
    left: 17px;
    position: absolute;
    transform: rotate(-45deg);
    cursor:pointer;
}
.chat_reply_back_name {font-family: 'Muli';padding-left: 41px;padding-top: 6px;cursor:pointer;}
.Direct_List_Unread
{
    display: inline-block;
    min-width: 17px;
    left: 40px;
    top: 38px;
    padding: 2px;
    position: absolute;
    height: 14px;
    background-color: #bb0606;
    color: #fff;
    text-align: center;
    line-height: 14px;
    border-radius: 28px;
    font-family: sans-serif;
    font-size: 12px;
}
.Direct_List_Unread:empty {
    display: none;
}
.btn_show_message_nested{font-family: 'Muli';font-size: 10px;margin-right: 20px;margin-left: 0px!important;padding: 0px;}
#Product_Comment_CNT:empty{display:none;}
.preview_mode .main_noimage{display:none;} 
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance: textfield;}
.brewing_info {cursor: pointer;padding-left:20px;padding-right:120px;font-family: sans-serif;line-height: 27px;font-weight: bold;font-size: 13px;color: cornflowerblue;}
#h1_title{font-size: 30px;}
.Account_Menu_Item {cursor:pointer;font-size: 16px;font-family: sans-serif;padding: 4px;width: 100px;color: cornflowerblue;border-left: 4px solid transparent;padding-left: 10px;}
.Account_Menu {min-height:40px;position: relative;padding-left: 68px;padding-bottom: 20px;padding-right: 30px;border-bottom: 13px solid #fff;margin-bottom: 20px;}
.Selected_Account_Menu_Item {border-left: 4px solid;color: #990000;}


.Field_lbl { color: #ccc;position: absolute;left: 3px;top: 13px;transition: all 0.2s; cursor:text;white-space: nowrap;width: 100%;overflow: hidden;}


.Field_lbl{font-size:13px;top:-3px;left:0px;}
.Field_lbl_Foc{color:cornflowerblue;}


.Field_lbl_Err {color: red;}
.Field_lbl_Err:before { content: '*';color: red;}




.Field_cnt { position: relative;margin-bottom:30px;}
.field_header {font-family: helvetica;color: #aaa; font-size: 13px;font-family: helvetica;margin-bottom: 0px; margin-top: 0px;}
.field {margin-bottom: 5px; vertical-align: top;}




.Field_txt{width:calc(100% - 25px);padding-top:13px;}
.field_txt {width: calc(100% - 14px);padding: 7px;border: none;border-bottom: 4px solid #f1f1f1;transition: 0.2s all;outline: none;}
.field_txt:focus {border-bottom: 4px solid cornflowerblue!important;}
.field_txt:hover {border-bottom: 4px solid #e6e4e4;}








.Field_cnt { margin: 30px;position: relative;}
.member_thumbnail {cursor: pointer;object-fit: cover;top: 6px;border-radius: 100px;position: relative!important;width: 100px!important;height: 100px!important;padding-top: 5px;margin: 0px;left: 0px!important;}
#btn_show_online_members{display:none;}
.email_ed_item {position: relative;padding: 7px;border-bottom: 1px solid #ccc;}
.checkout_summery_item {padding-top: 10px;}
.Direct_Comment_Media {height: 200px!important;}
.direct_message_time {font-size: 10px;width: 45px;display: inline-block;text-align: right;    color: #8d8d8d;    }
.Direct_upload{cursor: pointer;display: inline-block;font-size: 43px;line-height: 30px;width: 44px;text-align: center;height: 38px;color: #fff;}
.Att_Reply_CNT {position: absolute;bottom: 81px;width: 100%;background-color: beige;}


.Direct_More_Party_Item {position: absolute;cursor: pointer;border-radius: 0;width: 40px;height: 40px;object-fit: cover;padding: 0px;margin-top: 6px;margin-left: 10px;border-radius: 100px;left: 0px;top: 5px;}
.Direct_Att_IMG {width: 40%;max-height: 300px;object-fit: contain;min-height:146px;}
.Direct_Att_CNT {text-align: center;background-color: #555;}
.chat_member_name { margin: 13px; margin-left: 60px; color: #a7a7a7; font-family: 'Muli'; cursor: pointer;}
#online_members_cnt { border-bottom: 4px solid; margin-bottom: 20px; background-color: lightyellow;}
.chat_member_item { width: 320px; height: 52px; margin-left: 5px; margin-right: 5px; text-align: left; position: relative; display: inline-block;}
.member_item {width: 150px;height: 150px;margin-left: 5px; margin-right: 5px;text-align: center;position: relative;display: inline-block;}
#btn_show_online_members { position: absolute; top: 10px;}
.member_pending { color: red; font-family: sans-serif; position: absolute;top: 101px;right: 11px;font-size: 10px;font-weight: bold;}
.member_name {padding-top: 11px;color: #cfc860;line-height: 16px;font-family: sans-serif;font-size: 13px;padding-left: 10px;padding-right: 10px;}
#Member_List{ min-height: 155px; max-height: 300px; background-color: #ffffff; overflow: auto;text-align:center;display: inline-block; width: 100%;}
.chat_btn{margin-left: 0px; margin-top: 50px; padding: 12px!important; padding-left: 80px!important;padding-right: 80px!important;}
a.footer_link_a {margin: 5px;margin-bottom: 15px;display: block;}
.lander_map_image {width: 200px;height: 200px;}
.SECTION_Body {overflow: auto;height: 100vh;width:100vw;-webkit-overflow-scrolling: touch;}
#cnt_legal_content{-webkit-overflow-scrolling: touch;}
.Video_Image {max-width: 100vw;}
.map_cnt_in {height: 600px;position: relative;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] { -moz-appearance: textfield;}
#Dynamic_CNT{overflow: hidden;}
body{overflow: hidden;}
html{overflow: hidden;}
.HMI_AUTH_ttip { display: none; background: #FBFBF8; position: absolute; width: 180px; top: 39px; right: 0px; border-top: 5px solid #000; border-radius: 0px 0px 9px 9px; box-shadow: 0px 0px 10px #0000005e; padding: 10px; z-index: 8; }
.HMI_AUTH_ttip_item { color: #333; padding: 7px; border-bottom: 1px solid #aaa; } 
.HMI_AUTH_ttip_item:last-child { border: none; }


svg.footer_link_svg {cursor: pointer;}
span.footer_link_text {cursor: pointer;color: #222;margin-left: 10px;vertical-align: top;line-height: 19px;}
.payment-icons li {margin: 0 0 7.5px 7.5px;cursor: default;}
.inline-list li {display: inline-block;margin-bottom: 6px;}
.payment-icons {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;cursor: default;margin-bottom: 0;}
.inline-list {margin-left: 0;padding-left: 0px;}
.footer_cnt{position:relative;}
.Inline_List_Item:hover {background-color: aliceblue;}
.Inline_List_Item {height: 13px;cursor: pointer;padding: 10px;font-size: 13px;}
select {padding: 10px;color: #888;}


body, button, input, select, textarea {font-size: 16px;line-height: 1.6;font-family: 'Muli',serif;color: #222323;font-weight: 400;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;text-rendering: optimizeLegibility;border: none;
    border-bottom: 2px solid #ccc;
    outline: none;}


input:focus{border-bottom: 2px solid cornflowerblue;}


.Video_Grandpa{text-align: center;background-color: #000;}
.footer_video_cnt{min-height: 440px;background-color: whitesmoke;}
.Avatar_CNT {position: relative;height:100px;}
.txt {background-color: #0000000d;border: none;padding: 8px;padding-left: 20px;padding-bottom: 6px;outline: none;border-bottom: 2px solid transparent;transition: border-bottom 0.4s;}
.txt:focus {border-bottom: 2px solid cornflowerblue;}
select.txt {padding: 10px;}
.Avatar_Image {background-color: #fff;background-size: contain!important;width: 200px;height: 200px;object-fit: contain;background-position: center!important;background-repeat: no-repeat!important;}
.Avatar_Image_CNT {left: 60px;top: -130px;position: absolute;z-index: 6;background-color: #2c2c2c;border-radius: 15px;width: 200px;height: 200px;border: 10px solid #fff;overflow: hidden;}
.Expaned_cart_list_cnt {width: calc(100vw - 90px); overflow:auto; display: inline-block; background-color:#f5f5f5; z-index:1002; position: fixed;top: 20px;left: 20px;height: calc(100vh - 90px);min-height: 220px; border-radius: 5px;box-shadow: 0px 0px 13px #0000003b;padding: 20px;}
body {margin: 0px;background-color: #f8f8f8;}
#shop{margin-top:50px;}
.limit_width {width:calc(100% - 40px);max-width: 1050px;margin-left: auto;margin-right: auto;}
.black_bin .bin_h1, .bin_h2, .bin_b { background-color: #666!important;}
.menu_product_Answer_CNT {margin-bottom: 20px;background-color: #ffecca;padding: 20px;border-radius: 0px 20px;}
.menu_product_Answer {position: relative;}
.menu_product_Answer_Vote {position: absolute;right: -10px;bottom: -17px;}
.billboard_text { padding: 30px;padding-bottom: 0px;    line-height: 35px;margin-bottom: 35px;}
.btn_start_2 {margin-top: 20px;cursor: pointer;-moz-box-shadow: 0px 0px 50px 17px #fff6af;background-color: #fff!important;border-radius: 6px;text-indent: 0;border: 1px solid #ccc;display: inline-block;color: #333333;font-family: arial;font-size: 28px;font-weight: bold;font-style: normal;line-height: 30px;padding-left: 50px;padding-right: 50px;text-decoration: none;text-align: center;}
.btn_start {margin-top:20px;cursor:pointer; -moz-box-shadow: 0px 0px 50px 17px #fff6af;-webkit-box-shadow: 0px 0px 50px 24px #fff6af;box-shadow: 0px 0px 50px 24px #fff6af;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');background-color:#ffec64;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;text-indent:0;border:1px solid #ffaa22;display:inline-block;color:#333333;font-family:arial;font-size:1.8em;font-weight:bold;font-style:normal;height:70px;line-height:70px;padding-left:40px;padding-right:40px;text-decoration:none;text-align:center;text-shadow:0px 1px 0px #ffee66;}
.btn_start:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');background-color:#ffab23;}
.billboard_box {height: 260px;top: 90px;position: absolute;right: 40px;border-radius: 10px;text-align: center;z-index: 1;}
.search_list_item {padding: 4px;border-bottom: 1px solid #ccc;}
.search_list {margin-left:40px;background-color: #fff;margin-top: 10px;padding: 20px;border-radius: 7px;width: calc(100% - 155px);box-shadow: 0px 0px 10px #0000006e; max-height: calc(100vh - 183px);overflow-x: hidden;overflow-y: auto;}
.search_list_item:hover {background-color: #f1f1f1;}
img.search_list_img {height: 42px;
    border-radius: 100%;
    vertical-align: top;
    display: inline-block;}
img.about_image {
    max-width: 100%;
}
.about_div {
    font-family: 'Muli';
    padding-top: 20px;
    padding-bottom: 20px;
}
img.setting_user_notification_image { width: 32px; position: absolute; left: 0px; top: 4px; } 
.setting_user_notification_text { padding-left: 40px; line-height: 42px;color:#eee; }
span.search_list_span {color: #333;
    font-family: 'Muli';
    padding-left: 20px;
    line-height: 42px;
    white-space: nowrap;
    display: inline-block;
    width: calc(100% - 65px);}
#major_L1 {display: none;text-align: left;min-height: 75px;position: absolute;width: 100%;background-color: transparent;transition: all 0.4s;}
#major_L2 { transition: padding-top 0.5s;}
#header_major_cnt{transition: all 0.5s;}
#txt_search {margin-left:40px;transition: all 0.5s;margin-top: 16px;padding: 9px;margin-right: 10px;padding-left: 20px;border-radius: 8px;outline: none;border: none;width: calc(100% - 115px);box-shadow: 0px 0px 10px #00000038;}
.btn_close_search{cursor: pointer;width: 25px;height: 25px;background-color: #555;display: inline-block;border-radius: 100%;position: relative;vertical-align: middle;}
.btn_close_search:hover{background-color: #000;}
.bar1_close_search{position:absolute; width: 15px;height: 2px;background-color: #fff;display: inline-block;transform: translate(5px, 11px)rotate(45deg);}
.bar2_close_search{position:absolute;width: 15px;height: 2px;background-color: #fff;display: inline-block;transform: translate(5px, 11px)rotate( 135deg );}
.header_cnt {display: flex;position:relative; width: 100%;transition: all 0.5s; padding-left: 20px;padding-right: 20px;}
.header {transition: all 0.5s; position: -webkit-sticky;position: sticky;width: 100%;top: -1px;left: 0;z-index: 12;box-shadow: 0px 0px 10px #0000007a;background-color:#fff;display:flex; }
.narrow_header #major_L2 {padding-top: 0px!important;}
.narrow_header {height: 50px!important;width: 100%!important;left: 0px!important;}
.a_Logo_CNT{width: calc(100vw - 294px);}
.narrow_header .Logo_CNT {font-size: 20px!important; text-shadow: none!important;color:#fff!important;}
.Logo_CNT {
    cursor: default;
    text-align: center;
    width: calc(100%);
    position: absolute;
    top: 1px;
    left: 0px;
    height: 50px;
}
.btn_box {cursor: pointer; flex: 1; background: #ffffff3d; color: #353535; position: relative; height: 30px; line-height: 10px; max-width: 97px; border-radius: 5px; } 
#plc_top_cnt {margin-top:5px;margin-bottom:10px; display: flex; gap:10px; } 
.plc_top_cnt {margin-top:5px;margin-bottom:10px; display: flex; gap:10px; } 
img.btn_box_img { width: 20px; position: absolute; top: 4px; left: 5px; } 
.btn_box_text {font-family:Jura; font-size:14px;position: absolute; left: 31px; top: 10px; color: #fff; display: inline-block;}
.span_child_image_link { height: 25px; overflow: hidden;text-align: center;margin-top: 63px;padding: 4px;background-color: #0000005e;color: #fff;cursor: pointer;}
.child_image_link {display: inline-block;margin: 10px;cursor: pointer;transition: all 0.2s;opacity: 0.8;}
.child_image_link:hover{opacity:1;}
.span_child_image_link { height: 25px; overflow: hidden;text-align: center;margin-top: 63px;padding: 4px;background-color: #0000005e;color: #fff;cursor: pointer;}
.Promotion_CNT {background-color: #fff;margin-top: 40px;padding-bottom: 20px;margin-bottom: 40px;border-radius: 5px;position:relative;box-shadow: -2px 2px 6px #0000007a;}
.Promote_triangle_L{width: 0;height: 0;border-width: 25px 20px 25px 0;border-color: transparent #FFF transparent transparent;border-style: solid;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor:pointer;}
.Promote_triangle_R{width: 0;height: 0;border-width: 25px 0 25px 20px;border-color: transparent transparent transparent #FFF;border-style: solid;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor:pointer;}
.Promote_P1 {position: absolute;width: 80px;top: 72px;left: 0px;height: calc(100% - 128px);transition: all 0.3s;background-color: #3a00ff36;cursor:pointer;z-index: 12;opacity:0;}
.Promote_P2 {position: absolute;width: 80px;top: 72px;right: 0px;height: calc(100% - 128px);transition: all 0.3s;background-color:#3a00ff36;cursor:pointer;z-index: 12;opacity:0;}
.Promote_Enable_Page:hover {background-color: #3a00ff54;}
.Promote_Enable_Page {opacity: 1;}
.Promote_See_All_CNT {height: 100%;transition: all 0.3s;color: cornflowerblue;cursor: pointer;}
.Promote_See_All {text-align: center;padding-top: 50%;transform: translateY(50%);cursor: pointer;}
.Promote_See_All_CNT:hover {background-color: cornflowerblue;color: #fff;}
.ul_promote_product {display: flex;margin-left: 80px;margin-right: 80px;flex-wrap: nowrap;overflow: hidden;list-style: none;padding: 20px; margin-top: 0px;}
.Promotion_Name {font-size: 30px;color: #0003;font-family: fantasy;letter-spacing: 3px;padding: 20px;padding-bottom: 4px;display: inline-block;}
.shop_filter_cnt {position: fixed;width: 300px;height: calc(100% );background-color: #fff;z-index: 111;top: 0px;padding: 5px;padding-top: 40px;right: -360px;transition: 0.3s all;box-shadow: 0px 0px 10px;}
.filter_value_cnt {max-height: 0px;overflow: hidden;transition: all 0.3s; padding-left: 20px;padding-right: 20px;}
.filter_item {background-color: #f5f5f5;margin-top: 10px;border-radius: 3px;}
.product_progressbar {width: 100%;height: 4px;background-color: #d8d8d8;position: absolute;bottom: -4px;}
.filter_item:hover {background-color: #efefef;}
.filter_header {padding: 4px; padding-left: 20px;padding-right: 20px;}
.filter_item_cnt {max-height: calc(100% - 60px);overflow: hidden;padding-left: 20px;padding-right: 20px;}
.filter_item_cnt:hover {overflow-y: auto;}
.Product_Answer_disliked {display: inline-block;height: 20px;line-height: 21px;width: 50px;padding: 3px;border: 1px solid #eee;border-radius: 5px;text-align: center;background-color: #ff637d;color: #fff;cursor: pointer;font-weight: bold;}
.Product_Answer_liked {display: inline-block;height: 20px;line-height: 21px;width: 50px;padding: 3px;border: 1px solid #eee;border-radius: 5px;text-align: center;background-color: #00bfd6;color: #fff;cursor: pointer;font-weight: bold;}
.contact_us_position{color: #cfc860; line-height: 16px; font-family: sans-serif; font-size: 13px;}
.Auto_Detected_item {
    position: relative;
    padding: 0px;
    display: inline-block;
    box-shadow: 0px 0px 10px #00000030 inset;
    background-color: cornflowerblue;
    text-shadow: 0px 0px 3px #ffffffc2;
    border-radius: 3px;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    height: 21px;
    padding-top: 2px;
    padding-bottom: 4px;
    line-height: 22px;
    font-family: 'Muli';
    font-size: 13px;
}
.Auto_Detected_item_delete:hover {border-top: 2px solid red;}
.Auto_Detected_item_delete {display:none; position: absolute;width: 10px;height: 7px;border-top: 2px solid gray;cursor: pointer;transition: all 0.2s;top: 5px;right: 6px;}
.Auto_Detected_item:hover .Auto_Detected_item_delete {display: block;}
.Product_Comment_pros {display: inline-block;width: 49%;vertical-align: top;}
.Product_Comment_pros_title {color: #00bfd6;}
.Product_Comment_cons {display: inline-block;width: 49%;vertical-align: top;}
.Product_Comment_cons_title {color: #ff637d;}
.Product_Comment_disliked {display: inline-block;width: 50px;padding: 3px;border: 1px solid #eee;border-radius: 5px;text-align: center;background-color: #ff637d;color: #fff;margin: 10px;float: left;cursor: pointer;font-weight: bold;}
.Product_Comment_liked {display: inline-block;width: 50px;padding: 3px;border: 1px solid #eee;border-radius: 5px;text-align: center;background-color: #00bfd6;color: #fff;margin: 10px;float: left;cursor: pointer;font-weight: bold;}
.Product_Comment_Party_EnName {color: #ddd;height: 40px;display: inline;font-size: 12px;margin-left: 10px;}
.Product_Comment_Item {border-bottom: 1px solid #aaa;position:relative;}
.textbox_underline {border: none;font-size: 13px;border-bottom: 4px solid #ececec;padding: 13px;transition: all .3s;background-color: rgba(56, 146, 227, 0.05);}
.stars {cursor: pointer;}
.span_cart_price {display: inline-block; width: 122px; text-align:right!important;}
.span_cart_price_txt {width: 90px;display: inline-block;}
.stars:hover .star polygon {fill: #ffd055 !important;}
.stars .star {float: left;}
.stars .star polygon {fill: #d8d8d8;}
.stars .star:hover ~ .star polygon {fill: #d8d8d8 !important;}
.stars[data-stars] .star polygon {fill: #ffd055;}
.stars[data-stars="0"] .star polygon {fill: #d8d8d8;}
.stars[data-stars="1"] .star:nth-child(1) ~ .star polygon {fill: #d8d8d8;}
.stars[data-stars="2"] .star:nth-child(2) ~ .star polygon {fill: #d8d8d8;}
.stars[data-stars="3"] .star:nth-child(3) ~ .star polygon {fill: #d8d8d8;}
.stars[data-stars="4"] .star:nth-child(4) ~ .star polygon {fill: #d8d8d8;}
.stars[data-stars="5"] .star:nth-child(5) ~ .star polygon {fill: #d8d8d8;}
.stars[data-stars="6"] .star:nth-child(6) ~ .star polygon {fill: #d8d8d8;}
.stars[data-stars="7"] .star:nth-child(7) ~ .star polygon {fill: #d8d8d8;}
.stars_ltr {cursor: pointer;}
.stars_ltr:hover .star polygon {fill: #ffd055 !important;}
.stars_ltr .star {float: right;}
.stars_ltr .star polygon {fill: #d8d8d8;}
.stars_ltr .star:hover ~ .star polygon {fill: #d8d8d8 !important;}
.stars_ltr[data-stars] .star polygon {fill: #ffd055;}
.stars_ltr[data-stars="0"] .star polygon {fill: #d8d8d8;}
.stars_ltr[data-stars="1"] .star:nth-child(1) ~ .star polygon {fill: #d8d8d8;}
.stars_ltr[data-stars="2"] .star:nth-child(2) ~ .star polygon {fill: #d8d8d8;}
.stars_ltr[data-stars="3"] .star:nth-child(3) ~ .star polygon {fill: #d8d8d8;}
.stars_ltr[data-stars="4"] .star:nth-child(4) ~ .star polygon {fill: #d8d8d8;}
.stars_ltr[data-stars="5"] .star:nth-child(5) ~ .star polygon {fill: #d8d8d8;}
.stars_ltr[data-stars="6"] .star:nth-child(6) ~ .star polygon {fill: #d8d8d8;}
.stars_ltr[data-stars="7"] .star:nth-child(7) ~ .star polygon {fill: #d8d8d8;}
.fix_stars {}
.fix_stars .fix_star {float: left;}
.fix_stars .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars] .fix_star polygon {fill: #ffd055;}
.fix_stars[data-stars="0"] .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars="1"] .fix_star:nth-child(1) ~ .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars="2"] .fix_star:nth-child(2) ~ .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars="3"] .fix_star:nth-child(3) ~ .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars="4"] .fix_star:nth-child(4) ~ .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars="5"] .fix_star:nth-child(5) ~ .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars="6"] .fix_star:nth-child(6) ~ .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars="7"] .fix_star:nth-child(7) ~ .fix_star polygon {fill: #d8d8d8;}
.CloseImage { clear: both; cursor: pointer; float: right; margin-right: -5px; margin-top: -14px; position: absolute; padding-left: 10px; padding-right: 10px; right: 10px; top: 25px; }
div#Report_CNT { display: flex; flex-wrap: wrap; gap: 10px; } 
.Report_Item {overflow:hidden;position:relative; flex: 1; background: linear-gradient(180deg, white, #fffffff0); box-shadow: 0px 0px 10px #0000002e inset; border-radius: 5px; min-width: calc(50% - 5px); min-height: 100px; text-align: center; color: #666; }
.dlg {max-height: calc(100vh - 60px);transform: translate(-50%,-50%);left: 50%;top: 50%;display: none;position: fixed;width: 80vw;height: 100vh;z-index: 1999;background-color: #fff;border-radius: 3px;padding: 20px;max-width: calc(100vw - 50px);}


.dlg_head {font-size: 14px;background-color: #979797;color: #fff;width: calc(100% - 0px);position: absolute;left: 0px;top: 0px;}
.dlg_body { width: 100%; height: calc(100% - 78px); overflow: auto; margin-top: 16px; }
.dlg_cnt {height: 100%;width: 100%;}
.dlg_footer {
    position: absolute;
    bottom: 0px;
    left:0px;
    width: calc(100% - 20px);
    border-top: 1px solid #aaa;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 40px;
text-align:right;
padding-right:20px;
}


#dlg2 {max-height: calc(100vh - 60px);transform: translate(-50%,-50%);left: 50%;top: 50%;display: none;position: fixed;width: 80vw;height: 100vh;z-index: 1999;background-color: #fff;border-radius: 3px;padding: 20px;max-width: calc(100vw - 50px);}
#dlg3 {max-height: calc(100vh - 60px);transform: translate(-50%,-50%);left: 50%;top: 50%;display: none;position: fixed;width: 80vw;height: 80vh;z-index: 1999;background-color: #fff;border-radius: 3px;padding: 20px;max-width: calc(100vw - 50px);}


.Report_Item.Candle { min-width: calc(100% - 0px); position: relative; }
.Report_hour_cnt { flex: 1; border-right: 1px solid #00000017; min-width: 20px; }
#dlg {max-height: calc(100vh - 60px);transform: translate(-50%,-50%);left: 50%;top: 50%;display: none; position: fixed; width: 80vw; height: 80vh; z-index: 1999; background-color: #fff; border-radius: 3px; padding: 20px; max-width: calc(100vw - 50px);}
.dlg_header { white-space: nowrap; position: absolute; top: 7px; padding-top: 0px; left: 0px; margin: 0px; width: calc(100% - 100px); height: 35px; padding-left: 40px; font-variant: small-caps; }
#dlg_header{display:inline; font-variant: small-caps; color: #999;}
#dlg_head {font-size: 14px;background-color: #979797;color: #fff;width: calc(100% - 0px);position: absolute;left: 0px;top: 0px;}
#dlg_header2 {color: #666; margin: 12px;padding-right:80px;}
#overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;filter: alpha(opacity=50);z-index: 1001;}
.btn_new_Product_Comment:hover {background-color: #4e9af1;color: #fff;}
.btn_new_Product_Comment {padding: 6px;display: inline-block;padding-left: 30px;padding-right: 30px;border-radius: 5px;background-color: #00000000;color: #4e9af1;cursor: pointer;transition: all 0.3s;}
.Product_d {background-color: #fff;font-size: 14px;float: right;padding: 20px;width: calc(100% - 40px);min-height: 200px;margin-top: -5px;border-right: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
.Product_Property_Type{font-weight:bold; margin-top:50px;margin-bottom:10px;color:#4d4d4d;font-size:16px;}
.Product_Property_Value {display: inline-block;color:#4d4d4d; width: calc(100% - 201px);flex: 1;}
.Product_Property_Item {border-bottom: 1px solid #f5f5f5;padding: 10px;border-right: 4px solid white;color:#4d4d4d; padding-right:14px;font-size:13px;display:flex;}
.Product_Property_Name {display: inline-block;flex: 1;color:#4d4d4d;vertical-align:top;}
.Product_Menu_CNT {clear:both;height:50px; width: 100%;background-color: #f8f8f8;border-bottom: 1px solid #dfdfdf;padding: 0px;margin: 0px;display: inline-block; padding-top: 40px;}
.Product_Menu_Item {display: inline-block;width: 110px;text-align: center;padding: 10px;padding-left: 20px;padding-right: 20px;border: 1px solid #dfdfdf;cursor: pointer;height: 29px;margin-left: -1px;color: #6f6f6f;float: right;margin-top: 0px;line-height:30px;}
.Product_Menu_Item_Selected {border-top: 5px solid #00bfd6!important;background-color: #fff!important;border-bottom: 1px solid #fff!important;margin-top: -4px!important;border-radius: 6px 6px 0px 0px;}
.Product_Menu_Item_First_Item.Product_Menu_Item_Selected{border-right: 1px solid #fff!important;}
.Menu_Description_txt { line-height: 29px;text-align:justify;color:#777; font-size: 14px;line-height: 16px; }
.Product_Summary {width: calc(50%);vertical-align: top;float: left;height: 520px;overflow: hidden;}
.btn_add_to_cart {position: relative; clear:both; background-color: #00bfd6;padding: 13px;margin: 20px;color: #fff;font-size: 18px;border: 1px solid #41a7b4;border-radius: 5px;overflow: hidden;cursor: pointer;padding-left: 30px;}
.btn_add_to_cart:hover .btn_circle {top: -117px;width: 300px;height: 300px;}
.btn_circle { position: absolute;right: -19px;top: -17px;width: 90px;height: 90px;background-color: #ffffff36;border-radius: 50%;transition: all 0.2s;cursor: pointer;}
.UNAVAILABLE {width: calc(100% - 20px);margin-top: 13px;color: #bbb;text-align: center;font-weight: bold;}
.only_items_left {color: red;text-align: center!important;width: 100%;}
.product_Price_CNT{height:70px;}
.Stored_product_Price_CNT{height:70px;}
.main_Product_Price_CNT { padding-left: 24px;padding-top: 24px;position: sticky;top: 30px; background: whitesmoke;border-bottom: 1px solid #ddd;}
.Product_Seller_Box {min-height: 195px;position: relative;width: calc(50% - 42px);margin-left: 20px;margin-right: 20px;float: left;vertical-align: top;background-color: #f5f5f5;border: 1px solid #e4e4e4;border-radius: 5px;}
.Product_Header_Name.tx {padding-top: 20px;padding-bottom: 20px;font-size: 20px;font-weight: bold;padding-left:20px; line-height:35px;}
.Product_Summary_CNT{width:48%; float:right;}
.product_thumb_image_CNT{height:160px; bottom:0px;z-index:1;width: 100%;max-width:calc(100vw - 30px); white-space: nowrap; overflow-x: auto;overflow-y: hidden;}
.product_thumb_image_Parent { width: 110px; height: 130px; display: inline-block;}
.tiny_cart_name {white-space: normal;width: calc(100% - 0px);display: inline-block;padding-right: 10px; padding-left: 12px;line-height: 22px;position:relative; margin-bottom: 18px;}
.tiny_cart_image { background-size: contain;width: 64px; float: left; margin-right: 15px;height: 64px;display: inline-block;vertical-align: top;box-shadow: 0px 0px 10px #33333324;border-radius: 5px;padding: 8px;background-repeat: no-repeat;background-position-x: center;background-position-y: center;position: relative;}
.product_thumb_image {background-size: cover!important;position: relative;width: 100px;border-bottom: 4px solid transparent;height: 64px;cursor: pointer;transition: all 0.3s;display: inline-block;vertical-align: top;font-size: 80px;overflow:hidden;text-align: center;line-height: 54px;margin-left: 10px;margin-top: 10px;margin-bottom: 10px;background-repeat: no-repeat!important;background-position: center!important;}
.product_thumb_image.product_thumb_image_Selected { border-bottom: 4px solid #cd201f; filter: grayscale(0);}
.product_thumb_image:hover{ filter: grayscale(0);}
 
.product_image_det {
    height: 500px;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: top;
    object-fit: cover;
}
.Product_Image_CNT{width: 48%;height:585px;float:left;position:relative;}
.Product_Off_Percentage{ display: inline-block; border-radius: 20px;background-color: #fb3449;color: #fff;padding-left: 10px;padding-right: 10px;margin-right: 8px;height: 23px;font-size: 13px;font-weight: 700px;}
.Product_Off_Price{ display: inline-block; color: #acacac;text-decoration: line-through;font-size: 13px;}
.Product_Off_OfferPrice{ color: #000;justify-content: left;align-items: center;font-size: 20px;font-weight: 700;font-family: B_Yekan;}
.ltr .tx{ direction:ltr;text-align:left;}
.rtl .tx{ direction:rtl;text-align:right;}
a { text-decoration: none;}
a:visited { color: #00F;}
a:link { color: #00F;}


.btn { position: relative; font-family: Jura; padding: 6px; display: inline-block; padding-left: 30px; padding-right: 30px; border-radius: 5px; background-color: #292929; color: #d7d7d7; border-radius: 100px; cursor: pointer; }


.btn_lg {font-family:sans-serif;padding: 6px;display: inline-block;padding-left: 15px;padding-right: 15px;border-radius: 5px;background-color: #ebebeb;color: #000;cursor: pointer;}
.btn_Register_Order_Final {display: block;width: 220px;}
.btn:hover { background-color: #ffffff; color: #000; }
.btn:active{ background-color: #ffffff; color: #000; }


.btn_lg:hover {background-color: #dbdbdb;}
.btn_sort { padding: 3px; padding-left: 0px; padding-right: 0px; width: 110px; text-align: center; border-radius: 3px; border: 1px solid #d0d0d0; background-color: #fff; display: inline-block; margin-left: 20px; cursor: pointer; transition: 0.3s all;}
.btn_sort:hover { border-color: #555;}
.CNT {width:100%; max-width: 1170px; margin-left: auto; margin-right: auto;}
#shop{position: relative; float: right; width: 100%;}
.span_site_path { font-family: helvetica; display:none;}
.span_site_path { transition-delay: 0.2s; cursor: pointer; padding-top: 10px; transition: color 0.3s; line-height: 46px; padding-left: 10px; padding-right: 10px; color: #bbb;}
.span_site_path:hover { color: #fff;}
.main_image{ position:relative;height: 440px;text-align: center;margin-top:0px;}
.only_items_left { color: red; text-align: center!important; width: 100%;}
#div_site_path_cnt{text-align:left;bottom: 0px;display:none; position: absolute; z-index: 3; width: 100%; height: 50px; background-color: #000c;}
.Announcement {
    font-family: Arapay;
    display: inline-block;
    padding: 3px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 6px;
    font-size: 14px;
     
    color: #000;
    margin: 10px;
    font-family: sans-serif;
    cursor: pointer;
float: left;
}
.Announcement_CNT {
    width: 100%;
    height: calc(50vh - 25px);
    overflow: hidden;
position:relative;


}
.bg_Announcement { background: linear-gradient(to top, #000000ff 0%, transparent 32%, transparent 64% , #000000ff 100%), #171717 repeating-linear-gradient(45deg, transparent, transparent 35px, rgb(0 0 0) 35px, rgb(0 0 0) 70px);}
.h_menu_parent{position:absolute;z-index:1;margin-top: 5px;}
.Mobile_Menu{display:none;}
.Mobile_Menu .h_menu{ padding-top:32px; box-shadow: 0px 0px 10px;transition: left 0.3s;position: fixed;top: 0px;left: -320px;width: 300px!important;background-color: #fff;height: 100vh;padding-left: 0px!important;z-index:12;}
.Mobile_Menu .L1 {
    transition: 0.3s all;
    display: block;
    background-color: #fff;
    text-align: left;
    cursor: pointer;}
.Mobile_Menu .L1_CNT {margin-top:10px;opacity: 0; display: none;-webkit-transition: opacity 400ms, visibility 400ms;transition: opacity 400ms, visibility 400ms;background-color: #fff;top: 10px;left: -20px;}
.Mobile_Menu .L1_CNT_Parent {position: relative;}
.Mobile_Menu .L1_Text {padding: 10px;padding-left: 20px;padding-right: 20px;color:#555;font-family: 'opensans'; font-weight: bold;}
.Mobile_Menu .L1_Text:hover {background-color:#f8f8f8;}
.Mobile_Menu .Selected_L1_CNT{opacity: 1!important; display: block!important; }
.Mobile_Menu .L2 { width:100%;text-align: left; display: inline-block; min-width: 200px; vertical-align: top; }
.Mobile_Menu .L2_Text:hover { background-color: #f8f8f8;}
.Mobile_Menu .L2:hover .L2_CNT {display: block;}
.Mobile_Menu .L2_Text { padding: 10px; padding-left: 50px; border-left: 5px solid coral; color:#333;font-family: 'opensans'; font-weight: bold;}
.Mobile_Menu .L3 {padding: 6px;border-bottom: 1px solid #0000000f;text-align: left;white-space: nowrap;overflow: hidden;}
.Mobile_Menu .L3:hover {background-color: #f8f8f8;}
.Mobile_Menu .L3_Text {margin-left: 20px;color:#aaa;}
.transparent_header {height: 50px;position: absolute;background-color: #000;left: 0px; box-shadow: none; width: calc(100% - 0px);}
.Mobile_Menu .header_cnt { background-color: transparent;}
.Mobile_Menu .L1:hover { background-color: #fff;}
.btn_hamburger_1 {cursor:pointer;width: 24px;height: 3px;background-color: #fff;box-shadow: 5px 0px 10px #000000a8;}
.btn_hamburger_2 {cursor:pointer;width: 24px;height: 3px;background-color: #fff;box-shadow: 5px 0px 10px #000000a8;margin-top: 6px;margin-bottom: 6px;}
.btn_hamburger_3 {cursor:pointer;width: 24px;height: 3px;background-color: #fff;box-shadow: 5px 0px 10px #000000a8;}
.btn_hamburger {padding: 7px;display: inline-block;cursor: pointer;}
.btn_close_menu{position:absolute;right:5px;top:5px;cursor: pointer;width: 25px;height: 25px;background-color: #555;display: inline-block;border-radius: 100%;}
.btn_close_menu_1{position:absolute;cursor:pointer;width: 15px;height: 2px;background-color: #fff;display: inline-block;transform: translate(5px, 11px)rotate(45deg);}
.btn_close_menu_2 {position:absolute;cursor:pointer;width: 15px;height: 2px;background-color: #fff;display: inline-block;transform: translate(5px, 11px)rotate(135deg);}
.Desktop_Menu .h_menu{ padding-top: 32px; transition: left 0.3s;position: fixed;top: -30px;left: 0px;height: 40px;padding-left: 0px!important;z-index: 12;}
.Desktop_Menu .L1 {border-left: 4px solid #0000000d;transition: 0.3s all;display: inline-block;min-width: 50px;text-align: left;cursor: pointer;border-left: 1px solid #0000000d;}
.Desktop_Menu .L1:hover { background-color: #ff4a4a;}
.Desktop_Menu .L1_CNT {z-index: 13;box-shadow: 0px 0px 10px #00000047;margin-top: 10px;position: absolute;opacity: 0;display: none;-webkit-transition: opacity 400ms, visibility 400ms;transition: opacity 400ms, visibility 400ms;background-color: #fff;top: -10px;width: 310px;left: -20px;}
.Desktop_Menu .L1_CNT_Parent {position: relative;}


.Desktop_Menu .L1_Text {
   color: #fff;
    font-family: opensans;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bold;}
.btn.disable { text-decoration: line-through; color: #676767; }
.List_Item.select { background: cornflowerblue; color: #fff; } 
.List_Item { padding: 5px; padding-left: 20px; border-bottom: 1px solid #ffffff82; color: #eee; }
.select .Unit_Category_cnt {display:block;}
.Unit_Category_cnt { padding: 20px; display: none;padding-right:0px; } 
.Unit_Category { padding: 7px; background: #ffffff59; color: #fff; margin-top: 3px; }
.Unit_item {} 
.Unit_Name { width: calc(70% - 10px); display: inline-block; padding-right: 10px; }
.Unit_Abbr { width: 30%; display: inline-block; }






.select .Menu_Category_cnt {display:block;}
.Menu_Category_cnt { padding: 0px 20px 20px 63px; display: none; padding-right: 0px; }
.Menu_Category { padding: 7px; background: #1c1c1c; color: #fff; position: relative; }
.Menu_item {} 
.Menu_Name { width: calc(70% - 10px); display: inline-block; padding-right: 10px; }
.Menu_Abbr { width: 30%; display: inline-block; }
.Menu_item { padding: 7px; border-bottom: 1px solid #575757; }


.Desktop_Menu .L1_Text:hover {}
.h_menu.Desktop_Menu {background: #000;text-align:center;}
.Desktop_Menu .Selected_L1_CNT{opacity: 1!important; display: block!important; }
.Desktop_Menu .L2 { width:100%;text-align: left; display: inline-block; min-width: 200px; vertical-align: top; }
.Desktop_Menu .L2_Text:hover { background-color: #f8f8f8;}
.Desktop_Menu .L2:hover .L2_CNT {display: block;}
.Desktop_Menu .L2_Text { padding: 10px; padding-left: 50px; border-bottom: 1px solid #00000017; color:#333; font-family: 'opensans'; font-weight: bold;}
.Desktop_Menu .L3 {padding: 6px;border-bottom: 1px solid #0000000f;text-align: left;white-space: nowrap;overflow: hidden;}
.Desktop_Menu .L3:hover {background-color: #f8f8f8;}
.Desktop_Menu .L3_Text {margin-left: 20px;color:#aaa;}
.my_Cart_CNT {cursor:pointer;display: inline-block; position: relative; width: 50px; vertical-align: top; height: 43px;text-align:center;}
.div_shop_count { position: absolute; top: 30px; left: 33px; padding: 4px; padding-left: 5px; padding-right: 5px; background-color: #ef394e; border-radius: 50px; font-family: monospace; font-weight: bold; font-size: 15px; height: 10px; color: #fff; line-height: 10px; text-align: center;display:none;}
.header_major {text-align: right;display: inline-block;}
.btn_Search { display: inline-block; position: relative; vertical-align: top; height: 43px; text-align:center; }
.eev{padding:10px;}
.ul_product { display: flex; flex-wrap: wrap; margin-right: -1px; margin-bottom: -1px; list-style: none; padding: 0;}
.li_product {
    display: list-item;
    text-align: -webkit-match-parent;
    flex: 1 0 32%;
    max-width: 32%;
    height: 210px;
    position:relative;
    padding: 5px;
    padding-bottom: 20px;
    transition-timing-function: cubic-bezier(0.24, 0.56, 0.07, 0.98);
    transition: 1s all;
z-index:0;
}
#dlg_footer3 { position: absolute; bottom: 0px; left: 0px; width: calc(100% - 0px); border-top: 1px solid #aaa; padding-top: 20px; padding-bottom: 20px; height: 40px; }
.Unit_item {width: calc(100% - 40px); padding-top: 7px; padding-bottom: 7px; background: #f3f3f3; border-bottom: 1px solid #0000003b; color: #000; padding-left: 20px; }
.product_portrate_cnt {
    position: relative;
    margin: -1px 0px -1px -1px;
    border: 1px solid #ebebeb;
    border: 2px solid #000;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 20px);
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),-webkit-transform .2s cubic-bezier(.4,0,1,1);
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),transform .2s cubic-bezier(.4,0,1,1);
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),transform .2s cubic-bezier(.4,0,1,1),-webkit-transform .2s cubic-bezier(.4,0,1,1);
     
}
#det_chart_body_cnt{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;}
#det_chart_body_inner_cnt{padding-top:1px; display: flex; align-items: flex-end; width: 3600px; height: calc(100% - 30px); background: #00000057; justify-content: space-evenly; flex-wrap: nowrap;position:relative;}


.det_val { width: 2px; border-top: 1px solid #fff; position:relative}
.det_time { position: absolute; bottom: -30px; color: #fff; border-left: 1px solid; font-size: 10px; font-family: 'SFPRODISPLAYREGULAR'; padding-left: 3px; height: 30px; }
.det_time_min {position: absolute; bottom: -10px; color: #888; border-left: 1px solid; font-size: 10px; font-family: 'SFPRODISPLAYREGULAR'; padding-left: 3px; height: 10px;}
.Unit_item.select { background: #121212; color: #fff; }
.product_portrate_cnt:hover { box-shadow: 0 2px 17px 0 rgba(0,0,0,.09);z-index:11;}
.product_portrate_cnt div{cursor:pointer;}
.product_portrate_cnt div { cursor: pointer;}
.Stored_product_portrate_cnt {position:relative;margin: -1px 0px -1px -1px;border: 1px solid #ebebeb; display: flex;flex-direction: column;justify-content: space-between;background: #fff;height: calc(100% - 77px); transition: box-shadow .2s cubic-bezier(.4,0,1,1),-webkit-transform .2s cubic-bezier(.4,0,1,1);transition: box-shadow .2s cubic-bezier(.4,0,1,1),transform .2s cubic-bezier(.4,0,1,1);transition: box-shadow .2s cubic-bezier(.4,0,1,1),transform .2s cubic-bezier(.4,0,1,1),-webkit-transform .2s cubic-bezier(.4,0,1,1);padding: 30px 12px 46px;}
.Stored_product_portrate_cnt:hover { box-shadow: 0 2px 17px 0 rgba(0,0,0,.09);}
.Stored_product_portrate_cnt div{cursor:pointer;}
.Stored_product_portrate_cnt div { cursor: pointer;}
.product_footer { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 2;}
.product_Description {
    width: 100%;
    color: #000;
    position: absolute;
    bottom: -5px;
    height: 40px;
    text-align: center;
    left: 0px;
    line-height: 30px;
    text-align: center;
    font-family: 'opensans';
    font-size: 15px;
    font-weight: bold;
}
#det_chart { height: 100%; }
.yaxis_item { position: absolute; color: #fff; font-size: 10px; border-top: 1px solid #fff; line-height: 8px; font-family: monospace; }
.al_text { white-space: nowrap; overflow: hidden;color:#999 ;}
.al_time { white-space: nowrap; overflow: hidden;color:#999 ;}
.al_alarm .al_text{color:#fff;}
.al_alarm .al_time{color:#fff;}
#det_chart_y_cnt { height: calc(100% - 30px); position: absolute; }
.Stored_product_Description { display: inline-block; max-height: 60px; overflow-y: hidden; justify-content: space-between; align-items: center; direction: rtl; color: #535353; font-weight: 400; direction: rtl; text-align: justify; font-size: .857rem;}
.product_header { position: absolute;}
.Stored_product_header { position: absolute;}
.round_Close {display: none;}
.round_Close {display:block; position: absolute;line-height: 35px;right: 15px;top: 15px;width: 35px;transition:all 0.3s; height: 35px;background-color: #dedede;color: #fff;font-size: 37px;font-family: auto;font-weight: lighter;border-radius: 50%; text-align: center;cursor: pointer;}
.round_Close:hover {background-color: #d0d0d0;}
.Top_Cart_CNT{ }
.Selected_Party_EnName {display: inline-block;width: 120px;overflow: hidden;padding: 12px;padding-bottom: 0px;padding-right: 0px;cursor: pointer;color: #999;transition: all 0.3s;}
.Selected_Party_EnName:hover {color: #000;}
.Left_Cart_CNT {float: left;width: 298px;background-color: #fff;padding-bottom: 40px;border: 1px solid #eee;border-radius: 7px;margin-bottom:40px;}
.total_Price_CNT { float: left;width: 100%;text-align: center;}
.cart_list_cnt { display: none; position: absolute; top: 46px; left: 0px; width: 330px; min-height: 220px; max-height: calc(100vh - 150px); overflow: auto; background-color: #fff; z-index: 10; border-radius: 5px; box-shadow: 0px 0px 13px #0000003b; padding: 20px;}
.cart_list_cnt .btn_Register_Order_Final{display:none;}
.btn_Register_Order_Final{display:block;width: 220px;}
.Right_Cart_CNT {float: right; width: calc(100% - 300px); }
.shipping_address_cnt {border: 1px solid #eee;background-color: #fff;margin-bottom: 20px;margin-left: 40px;margin-right: 20px;border-radius: 7px;padding: 20px;}
.g-button:hover { opacity: 1;border: 1px solid #333;color: #000;text-decoration: none;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;background-color: #f8f8f8;background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: linear-gradient(top,#f8f8f8,#f1f1f1);-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.g-button {font-family: arial, sans-serif;font-size: 11px;opacity: 1;display: inline-block;min-width: 46px;text-align: center;color: #444;font-size: 11px;font-weight: bold;height: 27px;padding: 0 8px;line-height: 27px;border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-transition: all 0.218s;-moz-transition: all 0.218s;-ms-transition: all 0.218s;-o-transition: all 0.218s;transition: all 0.218s;border: 1px solid #dcdcdc;background-color: #f5f5f5;background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: linear-gradient(top,#f5f5f5,#f1f1f1);-webkit-user-select: none;-moz-user-select: none;user-select: none;cursor: pointer;}
.g-button-submit:hover {border: 1px solid #2f5bb7;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.3);background-color: #357ae8;background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);background-image: -o-linear-gradient(top,#4d90fe,#357ae8);background-image: linear-gradient(top,#4d90fe,#357ae8);}
.g-button-submit {border: 1px solid #3079ed;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.1);background-color: #4d90fe;background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);background-image: -o-linear-gradient(top,#4d90fe,#4787ed);background-image: linear-gradient(top,#4d90fe,#4787ed);}
.g-button-submit-red {border: 1px solid #df4d3b;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.1);background-color: #df4d3b;background-image: -webkit-gradient(linear,left top,left bottom,from(#df4d3b),to(#d34a38));background-image: -webkit-linear-gradient(top,#df4d3b,#d34a38);background-image: -moz-linear-gradient(top,#df4d3b,#d34a38);background-image: -ms-linear-gradient(top,#df4d3b,#d34a38);background-image: -o-linear-gradient(top,#df4d3b,#d34a38);background-image: linear-gradient(top,#df4d3b,#d34a38);}
.g-button-submit-red:hover {border: 1px solid #dd4b39;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.3);background-color: #dd4b39;background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);background-image: -moz-linear-gradient(top,#dd4b39,#d14836);background-image: -ms-linear-gradient(top,#dd4b39,#d14836);background-image: -o-linear-gradient(top,#dd4b39,#d14836);background-image: linear-gradient(top,#dd4b39,#d14836);}
.g-button-submit-gray {border: 1px solid #cacaca;color: #333;text-shadow: 0 1px rgba(0,0,0,0.1);background-color: #f5f5f5;background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: linear-gradient(top,#f5f5f5,#f1f1f1);}
.g-button-submit-gray:hover {border: 1px solid #c6c6c6;color: #333;text-shadow: 0 1px rgba(0,0,0,0.3);background-color: #f8f8f8;background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: linear-gradient(top,#f8f8f8,#f1f1f1);}
.Shipping_CNT {border: 1px solid #eee;background-color: #fff;margin-bottom: 20px;margin-left: 40px;margin-right: 20px;border-radius: 7px;padding: 20px; overflow:hidden;}
.Shipping_txt {border-bottom: 1px solid #ef394e; display:block; padding-bottom: 5px;}
.tiny_cart_item_CNT { width: calc(100% - 300px); float: right;}
 
.tiny_cart_item:hover .Edit_Cart_CNT { display:block;}
.tiny_cart_item { padding: 10px;border-bottom: 1px solid #ccc; position:relative;}
.tiny_cart_item_CNT { cursor:pointer;}
.tiny_cart_image { width: 64px; float: left; margin-right: 15px; height: 64px; display: inline-block; vertical-align: top; box-shadow: 0px 0px 10px #33333324; border-radius: 5px; padding: 8px; background-repeat: no-repeat; background-position-x: center; background-position-y: center; position: relative;}
.item_count_tiny { width:26px;box-shadow: 0px 0px 10px #00000014 inset; color: #000; padding-right: 4px;position: absolute;font-size: 13px;bottom: -4px;left: 117px;background-color: #fff;border-radius: 3px;text-align: center;border: none;padding-right: 2px;}
.shipping_QTY {height: 0px;position: absolute;display: block;bottom: 10px;left: 64px;top: 65px;color: #ccc;font-size: 12px;white-space: nowrap;border-radius: 50px;background-color: black;padding: 10px;padding-left: 8px;padding-right: 8px;line-height: 3px;}
.tiny_cart_name {white-space: normal;width: 100% ;display: inline-block;padding-right: 10px; padding-left: 12px;line-height: 22px;position:relative; margin-bottom: 18px;}
 .Unit_Category.select_highlight { background: mediumpurple; }
.tiny_cart_item:hover .Edit_Cart_CNT { display:block;}
.Tour_Item_Remove {display: inline-block; position:absolute;left: 10px;top: 36px;direction:ltr;}
.bin {display: inline-block;vertical-align: top;margin-top: 1px;cursor: pointer;opacity: 0.5;}
.bin:hover .bin_h {transform: rotate(30deg) translate(4px, -4px);cursor: pointer;}
.bin_h {transition: all 0.5s;cursor: pointer;}
.bin_b {width: 12px;height: 12px;background-color: #333;border-radius: 0px 0px 3px 3px;padding-left: 1px;margin-top: 01px;margin-left: 1px;cursor: pointer;}
.bin_h1 {width: 5px;margin-left: 5px;height: 2px;background-color: #333;border-radius: 2px 2px 0px 0px;cursor: pointer;}
.bin_h2 {width: 15px;height: 3px;background-color: #333;border-radius: 2px 2px 0px 0px;cursor: pointer;}
.bin_b2 {width: 1px;height: 8px;background-color: #afafaf;margin-left: 2px;display: inline-block;margin-top: 2px;cursor: pointer;float:left;}
.Calendar_CNT {display: none;}
.cart_Calendar_is_hollyday {position: absolute;color: red;transform: translate(-96px, -57px)rotate(-30deg);font-size: 12px;line-height: 14px;}
.cart_Calendar_day {border: 1px solid #ccc;flex: 1;text-align: center;padding: 10px;background-color: #f5f5f5; position:relative;cursor:pointer;}
.cart_Calendar_day div {cursor: pointer;}
.cart_Calendar_cnt {display: flex;align-items: flex-end;margin-top: 20px;}
.cart_Calendar_day_selected {border-top: 6px solid;border-radius: 6px 6px 0px 0px;background-color: #fff;border-bottom: 1px solid transparent;}
.cart_Calendar_is_hollyday {position: absolute;color: red;transform: translate(-96px, -57px)rotate(-30deg);font-size: 12px;line-height: 14px;}
.cart_hours_cnt {display: flex;align-items: flex-end; border: 1px solid #CCC;border-top: none;border-radius: 0px 0px 3px 3px;flex-direction: column;}
.cart_hour_item_lbl {vertical-align: top;line-height: 17px;padding-right: 5px;}
.inline_delivery {margin-top: 20px;font-size: 13px;}
.Finalize_Payment_CNT{border: 1px solid #eee;background-color: #fff;margin-bottom: 40px;margin-left: 40px;margin-right: 20px;border-radius: 7px;padding: 20px;}
.Shipping_txt {border-bottom: 1px solid #ef394e; display:block; padding-bottom: 5px;}
.mob{padding-left: 10px;padding-right: 10px;}
.desk{ display: -webkit-box;padding-left: 20px;padding-right: 20px;}
.mob .triple_ccc {margin-left: 0px;margin-right: 0px;}
.desk .triple_ccc {margin-left: 15px;margin-right: 15px;}
.triple_ccc{display: inline-block;margin: 15px;background-color: #fff;vertical-align: top;}
.triple_img_cnt{float: right;position:relative;transition: box-shadow 0.3s;} .a_link_ccc[href]
.triple_img_cnt:hover {cursor: pointer;box-shadow: 0px 0px 12px 2px #000000;} .triple_holder {text-align: center;}
.html_seg{position:relative; padding-left: 100px!important; padding-right: 100px!important; }
.html_link{letter-spacing: 1.2px;color: orangered;cursor:pointer;}
.html_link:hover{text-decoration: underline;text-underline-position: under;} .triple_text{min-height: 36px;clear:both;}
.t_ccc{width:calc(33% - 60px);} .t_cc{width:calc(50% - 30px);} .t_c{width:100%;}
.css_property_name{ display: inline-block;font-size: 10px;line-height: 19px;width: 88px;}
.css_property_range_value{ display: inline-block;font-size: 10px;line-height: 19px;margin-left:5px;}
.clipper0 {clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);}
.clipper1 {clip-path: polygon(0% 0%, 100% 0, 75% 50%, 100% 100%, 0% 100%);}
.clipper2 {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 25% 50%);right:0px;}
.clipper3 {clip-path: polygon(0% 0%, 50% 25%, 100% 0%, 100% 100%, 0% 100%);}
.clipper4 {clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0% 100%);}
.clipper5 {clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);} .clipper6 {clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);} .clipper7 {clip-path: polygon(0 0, 100% 0%, 100% 100%, 25% 100%);} .clipper8 {clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%);} .clipper9 {clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);} .clipper10 {clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 75%);} .clipper11 {clip-path: polygon(0 25%, 100% 10%, 100% 75%, 0% 90%);} .clipper12 {clip-path: polygon(0% 8%, 50% 0%, 100% 8%, 100% 74%, 50% 66%, 0% 74%);} .clipper13 {clip-path: polygon(0 10%, 100% 25%, 100% 90%, 0% 75%);} .clipper14 {clip-path: circle(40.1% at 50% 50%);} .clipper15 {clip-path: ellipse(45% 22% at 50% 50%);} .clipper16 {clip-path: ellipse(25% 40% at 50% 50%);} .clipper17 {clip-path: polygon(0 0, 75% 0, 100% 100%, 25% 100%);right:0px;} .clipper18 {clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);} .clipper19 {clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);} .clipper20 {clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);} .clipper21 {clip-path: polygon(0 0, 100% 25%, 100% 75%, 0% 100%);} .clipper22 {clip-path: polygon(0 25%, 100% 0%, 100% 100%, 0% 75%);} .clipper23 {clip-path: polygon(50% 0%, 0% 100%, 100% 100%);} .clipper24 {clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);} .clipper25 {clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);} .clipper26 {clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);} .clipper27 {clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);} .clipper28 {clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);right:0px;} .clipper29 {clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); } .clipper30 {clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);right:0px;} .clipper31 {clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);} .clipper32 {clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);} .clipper33 {clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 100%, 0% 100%);} .clipper34 {clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);} .clipper35 {clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);} .clipper36 {clip-path: polygon(0% 0%, 50% 25%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);} .clipper37 {clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 100%, 50% 75%, 0% 100%);} .clipper38 {clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);} .clipper39 {clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);} .clipper40 {clip-path: polygon(100% 40%, 94% 50%, 100% 60%, 100% 100%, 0 100%, 0 0, 100% 0);} .clipper41 {clip-path: polygon(0 40%, 0 0, 100% 0, 100% 100%, 0 100%, 0 60%, 6% 50%); right: 0px;} .clipper42 {clip-path: polygon(6% 40%, 6% 0, 100% 0, 100% 100%, 6% 100%, 6% 60%, 0% 50%);right:0px;} .clipper43 {clip-path: polygon(94% 40%, 100% 50%, 94% 60%, 94% 100%, 0 100%, 0 0, 94% 0);} .clipper44 {clip-path: polygon(0 0, 100% 0,100% 100%, 60% 100%, 50% 94%,40% 100%, 0 100%);} .clipper45 {clip-path: polygon(0 0, 40% 0,50% 6%, 60% 0,100% 0,100% 100%, 60% 100%, 50% 94%,40% 100%, 0 100%);} .clipper46 {clip-path: polygon(0 0, 100% 0,100% 94%, 60% 94%, 50% 100%,40% 94%, 0 94%);} .clipper47 {clip-path: polygon(0 6%, 40% 6% , 50% 0 , 60% 6%,100% 6%,100% 94%, 60% 94%, 50% 100%,40% 94%, 0 94%);} .clipper48 {clip-path: polygon(0 0, 100% 0,100% 96%,100% 96%,92% 100%,85% 96%,77% 100%,70% 96%,63% 100%,56% 96%,49% 100%,42% 96%,35% 100%,28% 96%,21% 100%,14% 96%,7% 100%,0 96%);} .clipper49 {clip-path: polygon(0 4%,7% 0%,14% 4%,21% 0%,28% 4%,35% 0%,42% 4%,49% 0%,56% 4%,63% 0%,70% 4%,77% 0%,85% 4%,92% 0%,100% 4%,100% 96%,100% 96%,92% 100%,85% 96%,77% 100%,70% 96%,63% 100%,56% 96%,49% 100%,42% 96%,35% 100%,28% 96%,21% 100%,14% 96%,7% 100%,0 96%);} .clipper50 {clip-path: polygon(0 0, 96% 0, 100% 7%, 96% 14%, 100% 21%, 96% 28%, 100% 35%, 96% 42%, 100% 49%, 96% 56%, 100% 62%, 96% 70%, 100% 77%, 96% 85%, 100% 92%, 96% 100%, 0 100%);} .clipper51 {clip-path: polygon(100% 100%,100% 0%, 4% 0%,0% 7%, 4% 14%, 0% 21%, 4% 28%,0% 35%, 4% 42%, 0% 49%, 4% 56%, 0% 62%, 4% 70%, 0% 77%, 4% 85%, 0% 92%, 4% 100%);right:0px;} .clipper_text2{left: 5%!important;} .clipper_text6{left: 5%!important;} .clipper_text7{left: 5%!important;} .clipper_text16{left: 5%!important;} .clipper_text18{left: 5%!important;} .clipper_text27 {left: 5%!important;} .clipper_text28 {left: 5%!important;} .clipper_text31 {left: 5%!important;} .ind_img_cnt{border-style:solid;border-width:0px; border-color:#000; } .seg_clipper_text_cnt{position: absolute;top: 50px;left: 0px;width: 100%;height: calc(100% - 50px);} .html_textbox {font-size: 18px; padding-right: 20px;padding-left: 20px;text-align:justify;} .Product_Summary_Line{font-size: 0.851rem; padding:5px;} .ltr .Product_Summary_Line{ direction:ltr;text-align:left;} .rtl .Product_Summary_Line{ direction:rtl;text-align:right;} .Product_Summary_Header{font-size: 0.851rem;font-weight:bold;} .ltr .Product_Summary_Header{ direction:ltr;text-align:left;} .rtl .Product_Summary_Header{ direction:rtl;text-align:right;} .rtl .Property_Type_Triangle{right: 0;bottom: 7px;width: 0;height: 0;border-color: transparent transparent transparent #00bfd6;border-style: solid;border-width: 7px 0 0 7px;-webkit-transform: rotate(45deg);transform: rotate(45deg);display: inline-block;margin-left: 10px;} .ltr .Property_Type_Triangle{right: 0;bottom: 7px;width: 0;height: 0;border-color: transparent transparent transparent #00bfd6;border-style: solid;border-width: 3.5px 0 3.5px 7px;-webkit-transform: translate(-5px, -4px) rotate(-115deg);transform: translate(-5px, -4px) rotate(-115deg);display: inline-block;margin-left: 10px;} .ltr .tx{ direction:ltr;text-align:left;} .rtl .tx{ direction:rtl;text-align:right;} .ltr .fl{ float:left;} .rtl .fl{ float:right;} .ltr .c_fl{ float:right;} .rtl .c_fl{ float:left;} .ltr .fnt{ } .ltr .fnt2{} .rtl .fnt{ } .rtl .fnt2{ } input::placeholder {color: #ccc;} .ltr .floater{ float:left;} .rtl .floater{ float:right;}
.product_Price {color: #000;justify-content: left;align-items: center;font-size: 20px;font-weight: 700; }
.tiny_cart_name_cnt {display: inline-block;width: 100%;}
.tiny_item_price {float: right;font-size: 13px;color: #ccc;text-align: right;padding: 6px;}
.item_count_label {font-size: 13px;float: right;padding: 6px;}
.item_count {width: 30px;background-color: cornflowerblue;color: #fff;margin: 6px;padding: 1px;width: 56px;float: right;padding-right: 4px;font-size: 13px;border-radius: 3px;text-align: center;border: none;padding-right: 5px;}
.item_total_price {color: #333;font-size: 13px;float: right;padding: 6px;}
.span_cart_price {display: inline-block; width: 122px; text-align:right!important;}
.span_cart_price_txt {width: 90px;display: inline-block;}
.my_cart_price {display: inline-block;vertical-align: top;margin-top: 19px;padding-left: 20px;text-align: center;font-size: 12px;width: 100px;color: #555;padding-left: 0px;width: 100%;text-align: center!important;font-size: 18px;color: #676767;}
.price_line {color: #fb3449;}
.auto_item.auto_item_selected {background-color: navy;color: #fff;}
.auto_item {font-family: helvetica;padding: 5px;border-bottom: 1px solid #f5f5f5;}
.Auto_CNT{position:relative;}
.Auto_box {position: fixed;overflow-y:auto; cursor: pointer;width: 560px;z-index: 11;background-color: #fff;box-shadow: 0px 0px 10px;border-radius: 5px;padding: 5px;display: none; margin: 10px;}
.Address_Fields_CNT{max-width: 573px;display: inline-block;white-space: normal;}
.field_header {font-family: helvetica;color: #aaa; font-size: 15px;font-family: helvetica;margin-bottom: 3px; margin-top: 10px;}
.field {margin-bottom: 5px; vertical-align: top;}
.field_text_cnt {padding: 7px; }
.Auto_txt:focus {border-bottom: 4px solid cornflowerblue!important;}
.Auto_txt:hover {border-bottom: 4px solid #e6e4e4;}
.Auto_txt {min-width: 80px;min-height: 0px;font-family: 'Muli';font-size: 17px;padding: 0px;background-color: #fff;outline: none;line-height: 28px;border-bottom: 4px solid #f1f1f1;padding-left: 10px;transition: 0.2s all;padding-right: 10px;transition: 0.3s all;}
.mobile_keyboard_spacer {height: 400px;width: 100%;display: none;}
.contact_us_item {
    width: 33%;
    height: 330px;
}
.alert_fl_value { display: inline; font-size: 12px; font-weight: bold; } 
.alert_fl_name { display: inline-block; width: 71px; font-size: 12px; } 
.alert_fl { margin-bottom: 2px; background: #1e1e1e; padding-left: 10px; color: #fff; }
#div_Contact_us_CNT {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.Head__Style__2560_by_200 .wide_circle{margin-top: 165px;}
.Head__Style__2560_by_200{height: 200px;}
.Head__Style__2560_by_390 .wide_circle{margin-top: 355px;}
.Head__Style__2560_by_390{height: 390px;}
.Head__Style__2560_by_440 .wide_circle{margin-top: 305px;}
.Head__Style__2560_by_440{height: 440px;}
.Head__Style__2560_by_580 .wide_circle{margin-top: 545px;}
.Head__Style__2560_by_580 {height: 580px;}
.billboard_box{top: 90px;line-height: 100px;}
@media only screen and (max-width: 600px)
{
  .PLC_Register { width: calc(100% - 45px); }
  .Direct_Party_Item_open{height:80vh;}
  .Direct_Party_Item_open:focus-within{height:44vh;}
}
@media (max-width: 500px)
{
.HMI_Section { width: calc(100% - 20px);margin:0px}
#total_cnt{
width:calc(100% - 0px);
}
.main_image .wide_circle{margin-top: 395px!important;}
.main_image {height: 430px!important;}
.billboard_box{max-width:calc(100vw - 0px);top: 47px;line-height: 63px;}
.desk{padding-left:0px;padding-right:0px;}
}
@media (max-width: 390px)
{


.main_image {height: 353px!important;}
.main_image .wide_circle{margin-top: 318px!important;}
.billboard_box{top: 47px;line-height: 41px;}
}
@media (max-width: 312px)
{
.main_image {height: 282px!important;}
.main_image .wide_circle{margin-top: 247px!important;}
.billboard_box{top: 77px;line-height: 33px;}
}
@media only screen and (max-width: 900px)
{
.li_product{ flex: 1 0 50%!important;max-width: 50%!important; }
.li_Stored_product{ flex: 1 0 50%!important;max-width: 50%!important; }
}
@media only screen and (max-width: 470px) {
.li_product{ flex: 1 0 100%!important;max-width: 100%!important; }
.li_Stored_product{ flex: 1 0 100%!important;max-width: 100%!important; }
}
@media (min-width: 320px) {
.datepicker {width: 300px;}
}
@media (min-width: 480px) {
.datepicker {width: 460px;}
.datepicker__months {overflow: hidden;}
.datepicker__month {width: 200px;}
.datepicker__month--month1 {float: left;}
.datepicker__month--month2 {display: table;float: right;}
.datepicker__month-button--disabled {visibility: hidden;}
.datepicker__months {position: relative;}
.datepicker__months:before {background: #dcdcdc;bottom: 0;content: '';display: none;left: 50%;position: absolute;top: 0;width: 1px;}
}
@media (max-width: 768px) {
.contact_us_item {width: 100%;}
.Logo_CNT{ width: calc(100% - 30px);font-size:18px;text-align:left;}
.datepicker {width: 700px;}
.datepicker__month {width: 240px;}
.datepicker__close-button {margin-top: 0;position: absolute;right: 0;top: 0;}
}
@media only screen and (max-width: 900px) {
.li_Stored_product{ flex: 1 0 50%!important;max-width: 50%!important; }
.billboard_h {font-size: 36px!important;}
.SubPlan_Plan_CNT{width:calc(100vw - 20px)!important;}
.btn_start_2 font{font-size: 11px!important;}
.li_product{ flex: 1 0 50%!important;max-width: 50%!important; }
.Binded_Header_Text{display:none;}
.Binded_Menu {display: none;}
.Binded_Header .my_Cart_CNT {display: inline-block;}
.cls_search_cnt{ width: calc(100vw - 210px);}
.Binded_Header {display: inline-block;float: right;width: 100%;height: 50px;}
.Left_Cart_CNT{width:calc(100% - 2px)!important;}
.shipping_address_cnt{width: calc(100% - 40px) !important;margin-left: 0px!important;;margin-top: 40px!important;;}
.Shipping_CNT{ margin-left: 0px!important; margin-right: 0px!important;}
.Right_Cart_CNT{width:100%!important;}
.Address_Fields_CNT{width: 100%!important;}
.Main_Menu{display:block;}
.btn_Install_Webapp{display:block;}
.top_btn_cnt{display:none;}
.cls_search_cnt:focus-within {width:calc(100vw - 30px);}
.Binded_Header:focus-within .my_Cart_CNT {display:none;}
.Binded_Header:focus-within .Main_Menu {display:none;}
.Product_Image_CNT {width:initial;height: initial;}
.Product_Summary_CNT {width: 100%;}
.product_image_det{width: calc(100vw - 30px);height: calc(100vw - 30px);}
.Stored_Product_Image_CNT {width:initial;height: initial;}
.Stored_Product_Summary_CNT {width: 100%;}
.Stored_product_image{width: calc(100vw - 30px);height: calc(100vw - 30px);}
.btn_html_seg_clipper_text{max-height:initial;transform:initial;position:relative; width:initial;right: initial;}
.btn_html_seg_image_clipper{margin-left: 15%;}
}
@media only screen and (max-width: 470px) {
.mobile_keyboard_spacer {display: block;}
#signup_p3 { height: 480px; overflow: auto;}
.Product_Summary {height:fit-content;}
.dlg{max-width:calc(100vw - 40px)!important; max-height:calc(100vh - 40px)!important;}
.billboard_big_text {font-size: 35px!important;}
.a_Logo_CNT{width: calc(100vw - 160px);}
.header_cnt{padding-left:0px;padding-right:0px;}
.Product_Menu_Item {width: calc(50vw - 67px);}
.Product_Menu_CNT{height:100px;}
.li_product{ flex: 1 0 100%!important;max-width: 100%!important; }
.li_Stored_product{ flex: 1 0 100%!important;max-width: 100%!important; }
.billboard_text{font-size:18px;}
.tiny_item_offer_price{visibility: hidden;}
.my_Cart_CNT{width:30px;}
.List_Item {flex-basis: 100%!important;max-width: 100%!important;}
.Product_Seller_Box {width:calc(100% - 40px);}
.Product_Summary {width: calc(100% - 40px);padding-left: 20px;padding-right: 20px;}
}
@media only screen and (max-width: 330px) {
.Product_Menu_Item {width: calc(50vw - 56px);}
.billboard_text{font-size:18px;}
.Expaned_cart_list_cnt{width: calc(100vw - 40px)!important;left: 0px!important;}
.tiny_cart_item{min-height:110px!important;}
.List_Item {flex-basis: 100%!important;max-width: 100%!important;}
.Product_Seller_Box {width:calc(100% - 40px);}
.Product_Summary {width: calc(100% - 40px);padding-left: 20px;padding-right: 20px;}
}
.SECTION_Header {
    position: sticky;
    position: -webkit-sticky;
    top: -1px;
    z-index: 6;
}
.Main_Menu__Position_Class__Left_Logo_Center_Menu .h_menu_parent{text-align:center;}
.Main_Menu__Position_Class__Left_Logo_Right_Menu .h_menu_parent{text-align:right;}
.Main_Menu__Position_Class__Left_Logo_Left_Menu .h_menu_parent{text-align:left;}
.Main_Menu__Position_Class__Center_Logo_Left_Menu .h_menu_parent{order:1; width:50%;}
.Main_Menu__Position_Class__Center_Logo_Left_Menu .Logo_CNT{text-transform: uppercase;order:2;margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: center;position: absolute;width: 50%;}
.Main_Menu__Position_Class__Center_Logo_Left_Menu .btn_Search{order: 3; width: calc(50% - 53px);text-align: right;}
.Main_Menu__Position_Class__Center_Logo_Left_Menu .my_Cart_CNT{order:4;}
.Main_Menu__Position_Class__Center_Logo_Right_Menu .h_menu_parent{order:4; width:50%;text-align: right;}
.Main_Menu__Position_Class__Center_Logo_Right_Menu .Logo_CNT{order:3;}
.Main_Menu__Position_Class__Center_Logo_Right_Menu .btn_Search{order: 2; width: calc(50% - 53px);text-align: left;}
.Main_Menu__Position_Class__Center_Logo_Right_Menu .my_Cart_CNT{order:1;}
.Main_Menu__Position_Class__Right_Logo_Center_Menu .h_menu_parent{order:3;text-align:center;}
.Main_Menu__Position_Class__Right_Logo_Center_Menu .Logo_CNT{order:4; width: 50%;text-align: right;}
.Main_Menu__Position_Class__Right_Logo_Center_Menu .btn_Search{order: 2; width: calc(50% - 53px);text-align: left;}
.Main_Menu__Position_Class__Right_Logo_Center_Menu .my_Cart_CNT{order:1;}
.Main_Menu__Position_Class__Right_Logo_Left_Menu .h_menu_parent{order:3;text-align:left;}
.Main_Menu__Position_Class__Right_Logo_Left_Menu .Logo_CNT{order:4; width: 50%;text-align: right;}
.Main_Menu__Position_Class__Right_Logo_Left_Menu .btn_Search{order: 2; text-align: left;}
.Main_Menu__Position_Class__Right_Logo_Left_Menu .my_Cart_CNT{order:1;}
.Billboard__Style__Right{width: 100%; max-width: 600px; right: 30px;}
.Billboard__Style__Left{ width: 100%; max-width: 600px; left: 30px;}
.Billboard__Style__Center{width: 100%;max-width:1050px; margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: center;}
.Billboard__Board_Style__Transparent{}
.Billboard__Board_Style__Normal{background-color: #ffffff70;}
.Billboard__Board_Style__Blur{background-color: #ffffff70;webkit-backdrop-filter: saturate(180%) blur(4px);backdrop-filter: saturate(180%) blur(4px);box-shadow: 10px 10px 20px #00000021;}
.Billboard__Button_Style__None{display:none;}
.Billboard__Button_Style__Normal{display:block;}
.Head__Style__Wide{height:440px;}
 


.frame_free_selector {
    transition: border-radius .7s;
    width: 500px;
    height: 500px;
    position: absolute;
    background-color: #00000038;
    cursor: grab;
    box-shadow: 0 0 20px #ffffff3d;
}
.left_handle_frame_selector {
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    cursor: col-resize;
    border-radius: 2px;
    display: none;
    box-shadow: 0 0 10px #00000040;
}
.right_handle_frame_selector {
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    cursor: col-resize;
    border-radius: 2px;
    display: none;
    box-shadow: 0 0 10px #00000040;
}
.bottom_handle_frame_selector {
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    cursor: row-resize;
    border-radius: 2px;
    display: none;
    box-shadow: 0 0 10px #00000040;
}
.bottom_Right_handle_frame_selector {
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    cursor: nw-resize;
    border-radius: 2px;
    display: none;
    box-shadow: 0 0 10px #00000040;
}
.bottom_Wide_handle_frame_selector {
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    cursor: row-resize;
    border-radius: 2px;
    display: none;
    box-shadow: 0 0 10px #00000040;
}
.watch_item { background: #e0e1ff; border-radius: 10px; margin-bottom: 10px; padding: 0px; padding-top: 14px; padding-left: 10px; position: relative; } 
.watch_name { position: absolute; top: 0px; left: 10px; font-size: 12px; } 
.watch_unit_category { display: inline-block; padding-right: 10px; width: 160px; font-size: 12px; } 
.watch_value { display: inline-block; padding-right: 6px; width: 70px; } 
.watch_unit_abbr { display: inline; }
.watch_delete { width: 20px; position: absolute; display: none; right: 5px; top: 10px; } 
.select .watch_delete { display: block; }
.upload_img_cnt {
    background-color: #f3f3f3;
    width: 800px;
    height: calc(100% - 100px);
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
}
.upload_settings {
    width: 217px;
    FLOAT: left;
    height: calc(100% - 56px);
    display: flex;
    flex-direction: column;
}
#thumb_List {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.upload_thumb_item {
position: relative;
margin-top:10px;
}
.upload_thumb_img {
    width: 100%;
    max-height: 200px;
    object-fit: cover;
}
.upload_footer_cnt {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
#div_Frame_Rotation {
    margin-left: 200px;
}
.rotate_uploaded_image {
    border-radius: 100%;
    translate: 0.4s;
}
.svg_shadow {
    webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
    filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}
#x_video{background-color: rgb(0, 0, 0); width: 100%; height: 100%; outline: none; display: block;cursor:pointer;}
.footer_cnt {
    height: 310px;
    background-color: #000;
    margin-top: 80px;
    border-top: 1px solid #ddd;
    list-style: none;
    vertical-align: top;
}
.btn_Cancel_Direct_Reply.btn_link {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 84px;
    right: 5px;
}
.select .watch_unit_abbr { display: none; } .watch_item.select { background: #b7b9ef; }
.direct_btn_play {
    position: absolute;
    left: calc(50% - 30px)!important;
    top: calc(50% - 30px)!important;
    width: 60px!important;
    cursor: pointer!important;
}




.HMI_WIN_Status {
    position: absolute;
    left: 7px;
    top: 7px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
}


.Direct_Comment_Video_Image{filter: brightness(0.5);transition: all 0.3s;width: 100%;height: 200px;object-fit: contain;}
.column_3_item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding-left: 15px;
    vertical-align: top;
    width: 32%;
}
.watch_sensor_gauge_cnt { width: calc(100% - 10px); height: 10px; display: inline-block;position:relative; } 
.gauge_L { height: 10px; background: #7d76eb69; display: inline-block; } 
.gauge_N { height: 10px; background: #a1faef; display: inline-block; } 
.gauge_H { height: 10px; background: #ff9d9d; display: inline-block; }
.field_err{color:red;}
.Auto_txt.err {
    border-bottom-color: red;
}
[contenteditable]
{
-webkit-user-select:text;
-moz-user-select:text;
-khtml-user-select:text;
-o-user-select:text;
user-select:text;
}
#btn_post_a_comment{margin-bottom:300px}
.Option_Item {
    width: calc(50% - 13px);
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 7px;
    margin: 5px;
    font-family: 'Muli';
}
.Option_Item_txt {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-family: 'Muli';
    font-size: 11px;
}
.HMI_WIN_Status_Disconnect{ background: #cecece; }
.HMI_WIN_Status_Connected { background: lime; }
.Option_CNT {
    padding: 10px;
}
.Option_Item:hover {
    border: 1px solid #9d9d9d;
}
.Option_Item:active {
    background-color: beige;
}
.Selected_Option {
    border-color: #3f51b5!important;
    color: #3f51b5!important;
}
.Custom_Item {
    width: calc(50% - 13px);
    display: inline-block;
    text-align: center;
    overflow:hidden;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 7px;
    margin: 5px;
    font-family: 'Muli';
}
.Custom_CNT {
    padding: 10px;
}
.Custom_Item:hover {
    border: 1px solid #9d9d9d;
}
.Custom_Item:active {
    background-color: beige;
}
.Custom_Option {
    border-color: #3f51b5!important;
    color: #3f51b5!important;
}
.delete_Direct_Party {
    position: absolute;
    right: 10px;
    top: 15px;
}
.tiny_cart_name_txt {
    font-family: 'Muli';
    color: #999;
}
.triangle-right {
    display: inline-block;
    width: 0;
    z-index: 11;
    cursor: pointer;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent #8179fb;
    position: absolute;
    left: -2px;
    bottom: -12px;
    transform: rotate(0deg);
    opacity: 0;
    transition: all 0.4s;
}
.selected-triangle{
transform: rotate(90deg);
opacity: 1;
}
.variant_name {
    color: #000;
    font-family: 'Muli';
}
#Finalize_Payment_Detail_CNT {
    display: none;
}
#signup_p0{height:100%;}
#ws_status{display:none;}
.shipping_address_item:active {
    background-color: #404040;
    color: #fff;
}
.shipping_address_item {
    border-bottom: 1px solid #ccc;
    padding: 20px;
}
.chat_message_more {
    float: right;
    padding-left: 18px;
    cursor: pointer;
    vertical-align: top;
    writing-mode: vertical-rl;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: bold;
}
.chat_message_more_dropdown {
    width: 160px;
    position: absolute;
    background-color: #fff;
top:20px;
    right: 0px;
    z-index: 1;
    box-shadow: 0px 0px 10px #00000061;
}
.chat_message_more_item {
    font-family: 'Muli';
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
    font-size: 12px;
min-height:20px;
}
#cmb_access { background: #ffffff1f; color: #848383; border-radius: 7px; margin: 20px; width: calc(100% - 40px); }
.chat_message_more_item:hover
{
    background-color: #fff;
}
.chat_message_more_item:active {
    background-color: #333;
    color: #fff;
}
.Chapter_Appendix_deactive {
    background: #e7e7e7;
    border-left: 4px solid transparent;
}
.Chapter_Appendix_active {
    background: #ffffff;
    border-left: 4px solid #fff;
}
.Chapter_Appendix {
    border-bottom: 1px solid #eee;
    padding: 10px;
    padding-left: 25px;
    margin-bottom: 4px;
    border-radius: 5px;
    font-family: 'Muli';
}
.Chapter_Appendix_active:hover {
    border-left: 4px solid red;
}


.Chapter_Appendix_active:active {
    background: #777;
    color: #fff;
}
.init_btn { display: block; width: 200px; margin-left: auto; margin-right: auto; margin-top: 20px; }
#course_appendix_cnt {
    scroll-margin-block-start: 100px;
}
.Answer_CNT {
    display: flex;
    width: 100%;
}
.Chapter_Header {
    position: relative;
border-radius:30px;
overflow:hidden;
}
.Chapter_Header_desc {
    position: absolute;
    right: 2%;
    bottom: 3%;
    font-size: 62px;
    line-height: 73px;
    font-family: 'Muli';
    text-align: center;
    font-weight: bold;
}
.fontsize10 {
    font-size: 100%;
    font-family: inherit;
}
.fontsize7 {
    font-size: 60%;
    font-family: inherit;
}
.fontsize5 {
    font-size: 32%;
    font-family: inherit;
}
img.Chapter_Header_img {
    width: 100%;
}
.Question {
    border-bottom: 1px solid #c3c3c3;
margin-top:20px;
margin-bottom:20px;padding-bottom:20px;
}
.btn_Delete_Answer {
    position: absolute;
    top: 7px;
    right: 10px;
}
.Answer_Text {
 
}
.Answer_Item {
    flex: 1;
    text-align: left;
    margin: 5px;
    background-color: #f0f0f0;
    cursor: pointer;
    padding: 4px;
    padding-left: 20px;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
}
@media (max-width: 1000px)
{
  #logo_img { width: 100%!important; }
  .Chapter_Header_desc { font-size: 6vw; line-height: 6vw;}
  .Mobile_Menu{display:inline-block;}
}
.answer_is_correct { background: palegreen;}
.answer_is_correct .correct_answer{ display:block!important;}
.answered .correct_answer{ display:block!important;}
.answered { background: cornflowerblue;}
#Quiz_CNT .correct_answer {
    right: 10px;
    display: none;
}
.answer_is_not_correct {background-color: #ffcbcb;}
.answer_is_correct .correct_answer_1 {
    background: limegreen;
}
.answer_is_correct .correct_answer_2 {
    background: limegreen;
}
.correct_answer {
    position: absolute;
    right: 37px;
    height: 30px;
    top: 2px;
}
.correct_answer_1 {
    width: 11px;
    height: 4px;
    background-color: #ccc;
    transform: translate(0px, 18px) rotate(45deg);
}
.correct_answer_2 {
    width: 23px;
    height: 4px;
    background-color: #ccc;
    transform: translate(0px, 18px)rotate(-53deg)translate(9px, -2px);
}
.passed {
    color: cornflowerblue;
    font-family: 'Muli';
    font-size: 12px;
    margin-left: 10px;
}
div#Quiz_Header {
    padding: 100px;
}
.quiz_title {
    font-family: sans-serif;
    font-size: 5vw;
    line-height: 5vw;
}




.gradient-box {
    display: flex;
    align-items: center;
    width: 70%;
    margin: auto;
    max-width: 22em;
    position: relative;
    padding: 16px;
    box-sizing: border-box;
    background-clip: padding-box;
    border-radius: 36px;
    background: linear-gradient(to left, #27b2d7, #6c34cf);
    margin-top:40px;
}


.gradient-box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: -5px;
    border-radius: inherit;
    background: #000;
    padding: 3px;
    margin: 2px;
}


.btn_text {
    color: #ddd;
    z-index: 11;
    font-size: 15px;
    font-weight: bold;
    font-family:'Jura';
}




.btn_img { width: 37px; position: absolute; right: 9px; top: 9px; }  


.business_description {
    position: absolute;
    left: 120px;
    top: 60px;
    color: #666;
    width: calc(100% - 120px);
}
div#iwant_summary {
    margin: 20px;
    margin-top: 10px;
    margin-bottom: 10px;


    padding-bottom: 10px; 
    border-top: 1px solid #aaa;
    padding-top: 10px;
    border-bottom: 1px solid #aaa;
    color: #aaa;
}






.HMI_WIN_Count_cnt { padding: 3px; position: absolute; right: 9px; top: 6px; height: 100%; text-align: right; }


.service_price {
}


.iwant_service {
    display: flex;
}


.service_text {
    width: calc(100% - 50px);
text-align:left;
}


div#iwant_total {
    margin-right: 20px;
    margin-left: 20px; 
     color: #aaa;
}
.iwant_desc { font-weight: normal; font-size: 10px; }
.cls_dlg_header {
    font-family: sans-serif;
    font-size: 15px;
    display: block;
    font-variant: small-caps;
    color: #999;
    font-weight: bold;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 10px;
    border-top: 1px solid #eee;
    margin-top: 52px;
}




.Field_txt{width:calc(100% - 25px);padding-top:13px;}
.field_txt {width: calc(100% - 14px);padding: 7px;border: none;border-bottom: 4px solid #f1f1f1;transition: 0.2s all;outline: none;}
.field_txt:focus {border-bottom: 4px solid cornflowerblue!important;}
.field_txt:hover {border-bottom: 4px solid #e6e4e4;}


#Quiz_Body {
    scroll-margin-block-start: 100px;
}






  
.Party_Item:hover {background-color: #b9cff7;}
.Party_Item {padding: 16px;padding-left: 90px;position: relative;border-bottom: 1px solid #ccc;cursor: pointer;min-height:25px;}
.dir_a {
    flex: 1;
    position: relative;
    display: inline-block;
    height: 28px!important;
    padding: 4px;
    padding-top:8px;
    width: 10%;
}
.btn_Direct_More{position: absolute;top: 60px;width: 45px;left: -15px;cursor:pointer;}
.Direct_More {position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 1;background-color: #fff;transition: all .3s;left: -100%;}


.Direct_Party_Item_open .btn_block_party {
    display: block;
    position: absolute;
    top: 11px;
    right: 40px;
    font-family: 'Muli';
    font-size: 10px;
    background: inherit;
    cursor: pointer;
    color: sandybrown;
    letter-spacing: 1px;
}


.user_60w_text { background-color: #fff; top: 6px; border-radius: 100px; box-shadow: 0 0 10px #d6d6d6 inset; overflow: hidden; font-size: 13px; font-family: 'Muli'; color: #aaa; line-height: 40px; text-align: center; }
.message_nested .user_60w_text{ width: 30px;height: 30px;font-size: 10px;line-height: 28px;}
.DT {
    font-family: 'Muli';
    font-size: 13px;
}
.DT_Subject { border-bottom: 1px #0000002e solid; margin-bottom: 11px; padding-bottom: 4px; }
.DT_Subject:before { content: 'SUBJECT'; display: block; font-weight: bold; font-size: 73%; color: #000; }


.Direct_Party_Item {position: fixed;overflow:hidden;z-index:11;bottom: -4px;width: 130px;height: 40px;background-color: transparent;transition: height 0.3s;
animation-duration: 2s; animation-play-state: running; animation-iteration-count: infinite;
border-radius:10px;
 
}
.Direct_Title {font-family:sans-serif;color:#fff;padding-left: 90px; padding-top: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}


.Direct_close { position: absolute; right: 10px; top: 9px; color: #fff; transition: color 0.3s; font-size: 16px; font-weight: bold; }
#Direct_Header_profile_cnt {
    width: 100%;
}
.Direct_close:hover {color: #fff;}
.Direct_Party_Item_open .Direct_close{display:block;}
.Direct_Footer_btn_cnt {
    position: relative;
}
.btn_block_party{display:none;}
.Direct_Party_Item_open .btn_block_party{display:block;}
.Direct_Header { height: 48px; position: relative; overflow: hidden; background: #3d3d3d; border-radius: 10px; border-top: 2px solid #000; }
.Direct_Party_Item_open .Direct_Header {background-color: #000;color: #fff;}
.Direct_Party_Item_focus .Direct_Header {background-color: cornflowerblue;color: #fff;}


.Direct_Party_Item_focus{background-color :#fff;}
.Direct_Footer {
    border-top: 2px solid #ccc;
    position: relative;
    display: inline-block;
    width: 100%;
    background:#f2f2f2;
}
.Direct_Body {
    background-color: #eceff1;
    padding-top: 43px;
    height: calc(100% - 222px);
    overflow-y: auto;
   
    -webkit-overflow-scrolling: touch;
background: #efeae2;
background-image: url(/websites/3/images/direct_bg.png);
}
.Direct_Footer_btn_cnt{height:41px}
 
.direct_party_switch {position: absolute;bottom: 0px;width: 100%;text-align: center;background: cornflowerblue;color: #fff;padding-top: 7px;padding-bottom: 7px;font-size: 14px;border-radius: 10px 10px 0px 0px;}
.direct_party_switch:active {
    background: #000;
}
.dir_btn {
    position: relative;
    height: 28px!important;
    width: 100%;
}




.last_unread_chat {  
    text-align: center;   
    padding: 36px;  
    background: darkseagreen;
    margin-top: 50px;
    font-family: sans-serif;
    font-weight: bold;
} 
#chat_count:empty {
    display: none;
}
#chat_count {
    display: inline-block;
    padding: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background: #850000;
    color: #ffffff;
    line-height: 11px;
    margin-left: 11px;
    border-radius: 5px;
    cursor: pointer;
 
}


.Option_Item_CNT {
    display: flex;
    flex-wrap: wrap;
}
.Category_back{
    background: url(/images/undo.svg);
    background-size: 100px!important;
    background-repeat: no-repeat;
    background-position: center;
}
.Category_Item_out {
    
 
    width: calc(25% - 7px);
    height: 280px;
    border: 1px solid #ddd;
    background: #fff;
    margin: -1px 6px 6px -1px;
    border-radius: 5px;
    overflow: hidden;


}
.Category_Item {
        height: calc(100% );
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: relative;
    background-position: center!important;
    background-position-y: top!important;
}
.Category_Item.Category_back {
    background-size: 33%!important;
    background-position-y: center!important;
}
.Category_Text {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0px;
    line-height: 18px;
    background: #00000075;
    color: #fff;
    font-size: 11px;
}
 .ttip{display:block!important;}
.signup .CloseImage {
  display: block;
}
#PLC_Header_cnt { margin-bottom: 10px; display: flex; gap: 10px; }
#page_share {
    width: 32px; 
}
.my_direct_message_item .direct_message_time {
    margin-right: 20px;
}
#lbl_PC_Name { top: -26px; }
.unread_header {
 
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    color: #777;
}
.PLC_Register_index { position: absolute; left: 6px; top: 0px; font-size: 11px; color: #000; } 
.PLC_Register.Sensor { background: #b4ffba; } 
.Sensor .PLC_Register_key { color: #000; } 
.Sensor .PLC_Register_value { color: #000; }


#div_direct_typing {
  position: absolute;
  top: -24px;
  left: 12px;
  font-size: 10px;
   z-index: 1;
  background: #fffbd9;
  padding-left: 10px;
  padding-right: 10px;
}
.Option_Item_Color_image {
    width: 100%;
}
.Party_Avilability {
    position: absolute;
    top: 21px;
    right: 27px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    box-shadow: 0px -5px 10px inset #00000042;
}
.under_5_min {background: lime;}
.under_30_min {background: mediumblue;}
.under_2_hours{background: mediumblue;}
.under_1_day {background: orange;}
.under_2_weeks {background: red;}
.over_2_weeks {background: #d5d5d5;}


#lbl_Serial_Code { top: -3px; }
.quiz_desc {
    font-family: sans-serif;
    font-size: 2vw;
    line-height: 3vw;
    padding: 20px;
    padding-bottom: 50px;
    padding-top: 50px;
} 

.PLC_Register_unit { padding-left: 10px; }


.PLC_Register_bit { position: absolute; top: 0px; width: calc(6.25% - 1px); background: #959595; height: 100%; border-left: 1px solid #aaa; font-family: monospace; text-align: center; color: #555; }
.one{color:#fff;}
.PLC_Register_bit_poition_15 {left:0%; }
.PLC_Register_bit_poition_14 {left:6.25%;}
.PLC_Register_bit_poition_13 {left:12.5%;}
.PLC_Register_bit_poition_12 {left:18.75%;}
.PLC_Register_bit_poition_11 {left:25%;}
.PLC_Register_bit_poition_10 {left:31.25%;}
.PLC_Register_bit_poition_9 {left:37.5%;}
.PLC_Register_bit_poition_8 {left:43.75%;}
.PLC_Register_bit_poition_7 {left:50%;}
.PLC_Register_bit_poition_6 {left:56.25%;}
.PLC_Register_bit_poition_5 {left:62.5%;}
.PLC_Register_bit_poition_4 {left:68.75%;}
.PLC_Register_bit_poition_3 {left:75%;}
.PLC_Register_bit_poition_2 {left:81.25%;}
.PLC_Register_bit_poition_1 {left:87.5%;}
.PLC_Register_bit_poition_0 {left:93.75%;}
.PLC_Register_hmi_cnt { width: 100%; height: 100%; position: relative; }
.has_rule { background: #000!important; }


.direct_message_item{overflow-x:auto;}
 
.my_direct_message_item{position:relative;max-width: 80%;padding: 1px;margin: 3px;margin-right: 12px;float: right;background-color: #cfd8dc;padding-left: 10px;padding-right: 10px;border-radius: 8px 0px 8px 8px;clear: both;}
.their_direct_message_item {
    position: relative;
    max-width: 70%;
    padding: 1px;
    margin: 3px;
    margin-left: 12px;
    float: left;
    background-color: #ffffff;
    color: #263238;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0px 8px 8px 8px;
    clear: both;
}


.DI { margin-top: 10px;border-radius: 5px;max-width:100%;    height: 266px;object-fit: contain;}
.direct_message_btn_reply {font-size: 12px;width: 45px;display: inline-block;text-align: right;    font-family: sans-serif;color: coral;cursor:pointer;}
.direct_message_btn_reply:hover {text-decoration: underline;}
.chat_footer {position: relative;height: 80px;    background: #ffffea;}
.Chat_Upload {font-size: 60px;position: absolute;left: 11px;bottom: 32px;cursor: pointer;width: 32px;height: 32px;line-height: 16px;z-index: 1;}
.Chat_A_R_CNT {position: absolute;bottom: 80px;width: 100%;}
.Chat_Reply_CNT {background-color: #555;color: #fff;width: calc(100% - 40px);padding-left: 20px;padding-right: 20px;border-radius: 10px 10px 0px 0px;}
.Chat_Att_CNT {    text-align: center;
    background-color: #555;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding-bottom: 50px;
    padding-top: 40px;}




.img_is_read {
    width: 16px;
    position: absolute;
    right: 9px;
    bottom: 6px;
}
.Option_Item.no_variant_Option_Item {
    opacity: 0.3;
}
.btn_disable{background: #434343; color: #747474;}
.Direct_txt {
    padding: 0;
    width: calc(100% - 20px);
    font-family: 'Muli';
    font-size: 12px;
    background-color: #fff;
    outline: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top:20px;
    padding-bottom:40px;
    position: relative;
    height: 0px;
    vertical-align: top;
    border: none;
}
.Direct_Party_more_cnt {
    position: absolute;
    right: 10px;
    padding: 10px;
    background: #fff;
    box-shadow: 0px 0px 10px;
    z-index: 100;
    display: none;
    border-radius: 9px;
}
.direct_party_switch {position: absolute;bottom: 0px;width: 100%;text-align: center;background: cornflowerblue;color: #fff;padding-top: 7px;padding-bottom: 7px;font-size: 14px;border-radius: 10px 10px 0px 0px;}
.direct_party_switch:active {
    background: #000;
}
.btn_Direct_Party_more {
    position: absolute;
    right: 10px;
    top: 13px;
}
img.info_item_img {
    height: 30px;
    padding: 10px;
}




.info_item.select { background: linear-gradient(0deg, #2788a8, lightblue); border-radius: 9px; } 
.info_item { display: flex; margin-bottom: 4px; border-bottom: 1px solid #f5f5f5; }
info_item_img {
    padding: 15px;
}
#dlg_body {
    width: 100%;
    height: calc(100% - 112px);
    overflow: auto;
}
#dlg_body2 {
    width: 100%;
    height: calc(100% - 112px);
    overflow: auto;
}
#dlg_body3{
    width: 100%;
    height: calc(100% - 129px);
    overflow: auto;
}


#dlg_footer {
    position: absolute;
    bottom: 0px;
    left:0px;
    width: calc(100% - 20px);
    border-top: 1px solid #aaa;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 40px;
text-align:right;
padding-right:20px;
}
#dlg_footer2 {
    position: absolute;
    bottom: 0px;
    left:0px;
    width: calc(100% - 0px);
    border-top: 1px solid #aaa;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 40px;
}
.btn_Hangup_call {
    width: 50px;
    height: 50px;
    background: url(/websites/12/images/end_call.svg);
    position: absolute;
    left: calc(50% - 20px);
    bottom: 20px;
    background-size: 50px 50px;
}




.__Brewery .wide_circle { bottom: 60px;}
.__Account .wide_circle { bottom: 60px;}
#webrtc_wait_cnt { position: absolute;z-index: 3;width: calc(100% - 140px);padding: 50px;}
#webrtc_wait {    
    width: calc(100% - 40px);
    margin: 20px;
    -webkit-mask-image: linear-gradient( 180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 58%, rgba(0,0,0,0) 100%);
    border-radius: 10px;
}  

#webrtc_status{color: #fff;     text-align:center;}
#webrtc_stat {
    position: absolute;
    z-index: 2;
    left: 60px;
    top: 15px;
     
     
    animation: fake_blink 1s linear infinite;
}


@keyframes fake_blink {
        0% {
          color: #fff;
        }
        50% {
          color: #aaa;
        }
        100% {
          color: #fff;
        }
      }
.modbus .CloseImage { color: #fff; }
.modbus #dlg { background: url(/websites/3/images/patern8.jpg); background-size: cover; }


#webrtc_status{
    position: absolute;
    z-index: 2;
    left: 60px;
    top: 35px;
    color: #fff;
  
}
.youtube_banner{width:100%;height:100%;}
.Live_Camera_cls{width:100%;height:100%;background:#000;}
.Live_Camera_cls + picture{display:none;}


#webrtc_call_status{
z-index: 2;
text-align:center;
width:100%;
padding:0px;
color: #888;
font-size:1.5em;
}


.video_exp{width: 100%;height: 100%;right: 0px;bottom: 0px;z-index:1}
.video_col{width: 70px;height: 100px;right: 20px;bottom: 20px;z-index:2}


.btn_video_chat{
width: 35px;
height: 35px;
background-size: 50px 50px;
position: absolute;
z-index:3;
}
#div_video_settings {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px;
    z-index: 4;
    width: calc(100% - 21px);
    background: #000000d9;
}
.select_mic {
    width: 100%;
    padding-left: 50px;
    background: url(/websites/12/images/mic.svg);
    background-position: 0px 10px;
    background-repeat: no-repeat;
    color: #fff;
    border: none;
border-bottom:1px solid #555;
}
.txt_review_reply {resize:none; border: none;border-top: 1px solid #ccc;outline: none;width: calc(100% - 50px);margin-bottom: 0px;margin-top: 0px;padding-left: 50px;}
.select_speaker {
    width: 100%;
    padding-left: 50px;
    background: url(/websites/12/images/speaker.svg);
    background-position: 0px 10px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    color: #fff;
    border: none;
border-bottom:1px solid #555;
}
.select_webcam {
    width: 100%;
    padding-left: 50px;
    background: url(/websites/12/images/webcam.svg);
    background-position: 0px 10px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    color: #fff;
    border: none;
border-bottom:1px solid #555;
}
.buy_me_beer_message_btn_cnt {
    text-align: center;
}
.buy_me_beer_cancel {
    font-size: 16px;
    background-color: #ffffff;
    padding: 10px;
    text-transform: uppercase;
    color: red;
}
.buy_me_beer_approved {
    font-size: 16px;
    background-color: #ffffff47;
    padding: 10px;
    text-transform: uppercase;
    color: green;
}
.Serial_Code_Field_txt {padding-top: 0px; padding-bottom: 0px; border-radius: 3px; padding-left: 0px;}
.modbus .Field_lbl { top: -26px; } 
.modbus .Field_txt { padding-top: 5px; padding-bottom: 5px; border-radius: 100px; padding-left: 20px; }
.email_direct_message_item { max-width: calc(100% - 45px); margin-top:30px; }
.Direct_Party_Item_open { animation-name: none; }
.buy_me_beer_accept_btn { padding: 7px; padding-right: 7px; padding-left: 7px; float: right; padding-left: 20px; padding-right: 20px; }
.buy_me_beer_decline_btn { padding: 7px; float: left; padding-left: 20px; padding-right: 20px; background-color: #aaa; }
.direct_thumbnail {line-height:40px;left: 5px;position: absolute;top: 5px;width: 30px;height: 30px;
    -webkit-mask-image: linear-gradient(
90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 75%, rgba(0,0,0,0) 100%);
    border-radius: 0px!important;
    left: 0px!important;
    top: 0px!important;
    width: 80px!important;
    height: 80px!important;
}
.Query_CNT { background: #efefef; padding: 5px; border-radius: 5px; } 
.Query_Body { min-height: 40px;background: #0000002e; max-height: 400px; overflow: auto; }
.Query_Select_PC { background: linear-gradient(180deg, white, #0000000a);width: calc(100% - 83px); border-radius: 5px; border: 1px solid #00000047; min-height: 0px; height: 30px; padding: 0px; padding-left: 7px; float: left; }
.Query_run { background: linear-gradient(180deg, #4e9af1, #205a9c);width: 30px; margin-left: 20px; height: 20px; line-height: 23px; padding-left: 15px; padding-right: 15px; padding-top: 4px; float: right; }
 .no_footer .dlg_body { height: calc(100% - 0px); } .no_footer .dlg_footer { display: none; }
#txt_subject { padding: 3px; width: calc(100% - 20px); font-family: 'Muli'; font-size: 12px; background-color: #fff; outline: 0; padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; position: relative; height: 20px; vertical-align: top; border: none; }
.btn_right{right:20px;position:absolute;}
.Direct_send { 
    position: absolute;
    right: 7px;
    bottom: 7px;
    width: 30px;
    height: 30px;
    background-color: #f0f0f0;
    border-radius: 100%;
cursor:pointer;
}


.night .cmb_txt { transition: border-radius 0.4s;width: calc(100% - 25px);background: #fffae0; padding-top: 5px; padding-bottom: 5px; border-radius: 19px; padding-left: 20px; }
.open .cmb_txt { border-radius: 19px 19px 0px 0px; }
#cmb_Trigger { border-radius: 6px; border: none; }
.hmi_list_item_bit_position { position: absolute; right: 8px; top: 12px; background: #fff; color: #000; padding: 3px; font-size: 11px; border-radius: 3px; width: 15px; text-align: center; }
.hmi_list_item_name:before { content: 'Name : '; font-size: 10px; color: #bebebe; } 
.hmi_list_item_name { font-size: 13px;color:#fff } 
.hmi_list_item_message:before { content: 'Message : '; font-size: 10px; color: #bebebe; } 
.hmi_list_item_message { font-size: 13px; padding-right: 60px;color:#fff } 
.hmi_list_item_level { font-size: 13px; color: #fff; width: 30px; position: absolute; left: 0px; top: 7px; }
.hmi_list_item { position: relative; border-bottom: 1px solid #eee; line-height: 15px; padding-left: 36px; padding-top: 7px; padding-bottom: 7px; }
.hmi_list_item_btn { position: relative; height: 14px; }
.btn_link.hmi_list_item_edit { text-align: right; padding: 3px; width: 30px ; position: absolute; right: 60px; top: -20px; }
.btn_link.hmi_list_item_delete { font-size: 13px; padding: 3px; width: 30px; position: absolute; right: 10px; top: -20px; }
.gauge_abov { height: 10px; display: inline-block; background: #b70909; }
.gauge_sub { height: 10px; display: inline-block; background: #0911b7; }
.gauge_hand { position: absolute; width: 1px; height: 20px; background: black; }
#email_account:empty{display:none;}
div#email_account { position: absolute; top: 0px; left: 0px; width: calc(100% - 60px); font-size: 12px; padding-left: 20px; text-align: left; color: #ffffffc9; background: #000000; }
div#email_account:before { content: 'Account : '; color: #ffffff8c; }
.no_close .CloseImage{display:none}
.plc_cnt { height: calc(100% - 50px); overflow: auto; }
.txt_serial_code { width: 30px; background: cornflowerblue; color: #fff; margin-top: 21px; padding-top: 0px!important; padding: 4px; padding-left: 10px!important; padding-right: 10px; font-size: 20px; text-align: center; margin-left: 4px; border-radius: 5px!important; border-bottom: none!important; } 
.txt_serial_code:focus { background: #000; }
.cmb_cnt { margin: 0px!important; }
.PLC_Query {position:relative; background: #183D3D; margin-top: 30px; padding-top: 25px; padding-bottom: 5px; margin-bottom: 0px; color: #dfdfdf; display: flex; width: calc(100% - 0px); flex-wrap: nowrap; justify-content: space-evenly;border-radius: 10px 10px 0px 0px; }


.PLC_Query_Slave_ID:before {
    content: 'Slave ID:';
    color: #ffffff57;
    font-size: 12px;
    margin-right: 5px;
}


.PLC_Query_Address:before {
    content: 'Address:';
    color: #ffffff57;
    font-size: 12px;
    margin-right: 5px;
}


.PLC_Query_Quantity:before {
    content: 'Quantity:';
    color: #ffffff57;
    font-size: 12px;
    margin-right: 5px;
}
div#Profile_Menu_CNT {
    position: fixed;
    width: 70vw;
    height: 100vh;
    background: #414141;
    top: 0px;
    right: 0px;
    max-width: 400px;
    z-index: 1000;
    box-shadow: 0px 0px 100px 100px #000;
    transform: translateX(calc(70vw + 300px));
    transition: transform 0.6s;
    transition-timing-function: cubic-bezier(0.3, -0.02, 0, 1.02);
}


div#Profile_Menu_Header {
    height: 70vw;
    max-height: 310px;
    text-align: center;
    background: #00000030;
}


img#Profile_Menu_Image {
    width: 50%;
    margin-top: 38px;
border-radius:100%;
}


div#Profile_Menu_Name {
    color: #fff;
    padding: 10px;
}
#logo_img { width: 70%; }
#header_bar_cnt { width: 100%; height: 40px; background: #000; position: relative;margin-bottom:70px; }
#user_img { height: 100px; position: absolute; right: 20px; top: -61px; border-radius: 100%; box-shadow: 0px 0px 10px #000000b8; }
.PLC_Query_Slave_ID {
    font-size: 12px;
font-family: monospace;
} 
.Report_Sensor_Value { margin-right: 10px; font-family: monospace; } 
.Report_Sensor_Unit_Abbr { font-family: monospace; }
.field_chk_cnt { text-align: right; background: #ffffff57; padding-bottom: 10px; border-radius: 100px; width: calc(100% - 5px); padding-top: 1px; padding-bottom: 11px; }
.plc_command_pause { width: 30px; position: absolute; top: -14px; background: #fd8469; border-radius: 100%; padding: 5px; }
.CMD_ERR { width: 40px; position: absolute; top: -12px; }
.PLC_Query_Function:before { content: 'FX:'; color: #ffffff57; font-size: 12px; margin-right: 5px; } 
.PLC_Query_Function { font-size: 12px; font-family: monospace; }
.PLC_Query_Address {font-size: 12px;font-family: monospace;}
label.Field_chk_lbl { padding: 0px 0 0 52px!important; }
#div_eq_address { position: absolute; right: 21px; top: -1px; font-size: 12px; color: #00000078; }
.PLC_Query_Quantity {
    font-size: 12px;
font-family: monospace;
}
.Menu_Category_img { width: 30px; position: absolute; left: 20px; } 
.Menu_Category_text { color: #ffffffcf;font-family: SFPRODISPLAYREGULAR; letter-spacing: 2px; font-size: 20px; padding-left: 70px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
img.btn_inline_img { width: 37px; position: absolute; right: 14px; top: 9px; } 
.btn_inline_text { text-align: center; }