#frontpage { -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.icontent { position:absolute; top:0; bottom: 0; left: 0; right: 0; background: white; }
#title-cart { display: none; }
.input-btn { display: inline-block; background: #FAD2C0; border: none; padding: 6px; border-radius: 44px; font-family: 'Roboto'; font-style: normal; color: #454545; }
.order-list ul li { background: #FAD2C0; }
.iheader { background-repeat: no-repeat; background-size:cover; position: absolute; top: 20; left: 0; right: 0; height: 100px; width:100%; }
.language-container { position: absolute; margin:0 auto; overflow-x: scroll; overflow-y: hidden; left: 100px; right: 100px; }
.language-list {  float:left; padding-right: 20px; display: inline-block; overflow-x: scroll; overflow-y: hidden; }
.language-left { left:65px; border-radius:5px 0 0 5px; }
.language-right { right:65px; border-radius:0 5px 5px 0; }
.language-left, .language-right { width: 40px; height:100px; top: 0px; float:left; position: absolute; }
.language-left i, .language-right i { line-height:100px; padding-left:10px; font-size: 20px; color:white; }
.language-one { width:200px; height:100px; line-height: 100px; float:left; text-align:center; margin-left: 20px; color:white; display: inline-block; }
.language-one:hover, .language-left:hover , .language-right:hover { background: #555454; color: white; }
.language-flag img { float: left; width:130px; height: 130px; object-fit: contain; margin:10px; }
.language-title { float: left; font-size:30px; width:100%; text-align: center; }
.iheader-bg { background: url("../image/imgheader.jpg"); background-repeat: no-repeat; background-size:cover; position: absolute; top: 0; left: 0; right: 0; height: 150px; }
.ibody { position: absolute; top: 170px; bottom: 50px; width: 100%; overflow-y: scroll; overflow-x: hidden; }
.ifooter { position: absolute; bottom:0px; height:50px; width: 100%; text-align: center; }
.ifooter-name { font-weight: 900; background: #f0f0f0; }
.ifp-menu { width: 100%; max-width: 1000px; margin: 0 auto; text-align: center; height: fit-content; padding-bottom: 20px; min-width: 100%; padding-top:20px; }
.imenu { width: 45%; margin-left: 2.5%; margin-right: 2.5%; margin-top:2%; max-width:500px; min-height:100px; float: left; border-radius: 5px; padding-top:0.5%; padding-bottom:0.5%; transition: background-color 0.75s ease; }
.cashier { background: #59cca9; }
.order { background: #914ce3; }
.customer { background: #e2c100; }
.advice { background: greenyellow; }
.register { background: #cb6769; }
.topup { background: #ee8354; }
.imenu:hover { background:#555454; color:white; }
.icon { font-size:50px; text-align: left; margin-left:10px; margin-top:10px; position: inherit; float: left; }
.ititle { margin-top:20px; font-size: 20px; text-align: left; margin-left: 80px; margin-right: 10px; font-weight:800; }
.idescription { margin-top:10px; font-size: 15px; text-align: left; margin-left: 80px; margin-right: 10px; }
.ihead { height: 150px; margin-top: -20; }
.ihead .icon { font-size:80px; }
.ihead .itext .ititle { padding-top: 30px; margin-left: 120px; font-size:30px; line-height: 34px; }
.ihead .itext .idescription { margin-left: 120px; }
.ihead .back-button { font-size: 30px; position: absolute; bottom: 0px; right: 0px; padding: 10px; background: #555454; color:white; border-radius: 5px 0 0 0; }
.ihead .back-button:hover { background:white; color:black; }
.ifp-ctx { width: 80% !important; margin: 0 auto; }
.fcontainer { position: absolute; top:0; bottom:0; left:0; right:0; background:white; }
input#noted { font-size:35px; border:none; width:80%; padding:2%; margin-left:8%; margin-right:8%; line-height: 40px; }
textarea#noted { font-size:35px; border: none; width: 70%; padding:2%; margin-left: 1%; margin-right: 0%; line-height: 40px; height: 240px; border:1px solid black; }
.noted-title { font-size:30px; clear:both; margin-top:20px; margin-bottom: 30px; margin-left: 10px; text-align: left; width:100%; }
#quantity { font-size:35px; width: 97%; line-height: 40px; height:55px; }
.quantity-title { font-size:30px; clear:both; margin-top: 20px; margin-bottom: 30px; width:80%; }
.placename { font-size: 20px; border: none; width: 80%; padding: 2%; line-height: 40px; }
.fullwidth { width:100% !important; }
/**review**/
.review-area .item-list { width: 44%; margin-left: 1%; margin-right: 1%; margin-top: 1%; padding: 1%; border: solid 1px #ababab; border-radius: 10px; min-height: 150px; float:left; min-width: 500px; }
.review-area .item-list .item-description { display: block; float: left; width: 45%; }
.review-area .item-list .item-image { float:left; width: 40%; height:150px; margin-right:10px; margin-bottom: 50px; }
.review-area .item-list .item-image img { object-fit:cover; }
/**sharer item**/
.view-product { position: absolute; top:0; left: 0; right: 0; bottom: 0; background: white; padding-left: 20%; padding-right: 20%; padding-top:40px; }
.view-product .item-list { width: 100%; margin-left: 1%; margin-right: 1%; margin-top: 1%; padding: 1%; border: solid 1px #ababab; border-radius: 10px; min-height: 150px; float:left; max-width: 500px; }
.view-product .item-list .item-description { display: block; float: left; width: 45%; }
.view-product .item-list .item-image { float:left; width: 40%; height:150px; margin-right:10px; margin-bottom: 50px; }
.view-product .item-list .item-image img { object-fit:cover; }
.view-product .item-thumb { padding-top: 20px; padding-bottom: 20px; }
.view-product .item-thumb > div { width: 24%; display: inline-block; font-size: 20px; }
@media only screen and (max-width: 599px) {
    .language-left, .language-right { display: none !important; }
    .review-area .item-list { width: 90% !important; margin-left: 2.5% !important; margin-right: 2.5% !important; padding: 2.5% !important; margin-top:5% !important; min-width: 150px; }
    .language-container { left: 10px; right: 10px; }
    .view-product { padding-left: 5%; padding-right: 5%; }
 }
body,#frontpage { position: fixed; top: 0; left: 0; right: 0; bottom: 0; min-width: 100%; min-height: 100%; }
@media only screen and (max-width: 350px) {
    .review-area .item-list .item-image { float:left; width:100%; height:150px; margin-bottom: 30px !important; clear:both; text-align:center; }
    .view-product { padding-left: 2%; padding-right: 2%; }
    .review-area .item-list .item-image img { display:inline-block; }
 }
@media only screen and (max-width: 420px) {
    .review-area .item-list .item-image { width: 70%; margin-left: 15%; }
    .review-area .item-list .item-description { width: 100%; }
    .view-product .item-list .item-image { width: 70%; margin-left: 15%; }
    .view-product .item-list .item-description { width: 80%; margin-left: 10%; }
 }
.fp-offline { position: fixed; z-index: 100000000; bottom: 0; left: 10px; text-align: center; padding-top: 10px; }
.notearea { max-width: 90%  !important; margin-left: 5%; }
#follow_search_area { float: left; position: absolute; bottom: 0; right: 0; }
i.menucontrol { color:#ffc4c4; height: 80px; line-height: 80px; padding-left: 10px; padding-right: 10px; }
#title-cart i.menucontrol { height: 40px; line-height: 40px; padding-left: 0px; padding-right: 0px; }
i.menucontrol:hover,  i.menucontrol.active { text-shadow: 1px 2px #ffc4c4 !important; color: #fe4a4c !important; }
#fp-cart.force h5.quantity i, #fp-cart.force h5.remove-btn i { display: none !important; }
.category-border { clear: both; width: 100%; height: 50px; font-size: 2em; background: #fad2c1; margin-top: 1px; line-height:50px; padding-top:1px; color:#fe4a4c; text-align: left; }
.loading { background: #d8d8fe; }
@media screen and (max-width:500px) {
    .modal-footer .bgh-big-button { font-size: 14px !important; padding:0px !important; width:30%; margin:0 !important; }
    .btn-like img,.btn-share img { max-width:15px; }
    .btn-like, .btn-share { font-size:12px !important; }
    .product-price { font-size:18px !important; padding-bottom:0 !important; padding-top:0 !important; }
    .payment-button-container .payment-button { font-size: 12px !important; margin:2px 1px !important; padding: 5px !important; height: 20px; }
    .payment-button { padding:2px !important; font-size:13px !important; margin-left:-16px !important; }
    .users-area h3 { font-size: 30px !important; }
    .order-list ul li, .detail-list ul li span, .review-area .item-list .item-description h4, .review-area .item-list .item-description h5:nth-child(2), .review-area .item-list .item-description h5:nth-child(3), .review-area .item-list .item-description { font-size: 25px !important; line-height: 35px !important; }
    .detail-list .info, .detail-list ul li i,.detail-list ul li span { font-size: 25px !important; line-height: 30px !important; }
    .detail-list ul li button.input-btn { font-size: 20px !important; margin-top: 20px; }
 }

.bgh-body .category { display:block; height: auto; clear: both; float: none; padding-top: 50px; margin-left: 13px; }
#fp-weclose { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: white; z-index: 1000000; }
.qrscanner_result, .qrscanner_camera { display: none; }
#confirm_scanner { display: none; }
::-webkit-scrollbar { display: none; }
@media only screen and (min-width: 1024px) {
    .bgh-body-container::-webkit-scrollbar { background-color: #fad2c1; display: block !important; width: 40px; }
    .bgh-body-container::-webkit-scrollbar-track { background-color:#fad2c1; border-radius:0; }
    .bgh-body-container::-webkit-scrollbar-thumb:vertical { background-color:#fe4a4c; border-left:solid 1px #fe4a4c; border-right:solid 1px #fe4a4c; }
    .bgh-body-container { overflow-x: hidden; }
    #top-menu::-webkit-scrollbar { background-color: #fad2c1; display: block !important; height: 40px; }
    #top-menu::-webkit-scrollbar-track { background-color:#fad2c1; border-radius:0; }
    #top-menu::-webkit-scrollbar-thumb:vertical { background-color:#fe4a4c; border-left:solid 1px #fe4a4c; border-right:solid 1px #fe4a4c; }
    #top-menu::-webkit-scrollbar-thumb:horizontal { background-color:#fe4a4c; border-top:solid 1px #fe4a4c; border-bottom:solid 1px #fe4a4c; }
    #top-menu { overflow-y: hidden; }
 }
.gift-kiosk { position: absolute; bottom: 20px; left: 20px; background-color: white; color: #fe4a4c; border-radius: 5px; text-align: center; padding: 10px; font-size: 20px; font-weight: 800; }
.smis-alert-modal { bottom: 110px !important; }
#trysave { float: right; position: static; display: none; }
#fp-masker { text-align: center; position: fixed; top: 10%; bottom: 10%; left: 10%; right: 10%; background: white; padding-top: 5%; z-index: 1000000; }
#fp-masker img { max-width: 200px; height: auto; }
#fp-masker .continue-button { background: #3ab9ff; color: white; width: 200px; font-size: 25px; line-height: 50px; display: inline-block; margin-top: 50px; }
#fp-masker .reload-button { background: #ff3a3a; color: white; width: 200px; font-size: 25px; line-height: 50px; display: inline-block; margin-top: 50px; }