#ok_popup{
  width: 70vw;
  height: 78vh;
  top: 4vh;
  left: 15vw;
  padding: 5px 8vw 5px 8vw;
  position: fixed;
  border: #EB7C21 12px solid;
  background-color: #FFF;
  text-align: left;
  line-height: 140%;
  z-index: 2010;
  display: none;
}

.ok_popup_index{
  width: 70vw - 8px;
  height: 73vh;
  padding: 5px;
  overflow-y: auto;
  overflow-x: hidden;
}

.ok_popup_index::-webkit-scrollbar {
  width: 4px;
}

.ok_popup_index::-webkit-scrollbar-thumb {
  background: red; 
}

.ok_top_title {
  color: #aaa;
  font-size: 30px;
  padding: 10px 20px;
}

#ok_popup_bg{
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  cursor: pointer;
  position: fixed;
  background-color: rgba(20,20,20,0.6);
  z-index: 1000;
  display: block;
  display: none;
}

#ok_close{
  width: 30px;
  height: 30px;
  top: 13vh - 30px;
  left: 90vw - 30px;
  position: fixed;
  z-index: 2002;
  display: none;
}

#ok_close_icon{
  color: #EB7C21;
  float: right;
  cursor: pointer;
  margin: -50px -8vw 5px 5px;
}

.ok_bonus_title {
  font-size: 24px;
}

.ok_login_link {
  color: #EB7C21 !important;
  text-decoration: none;
  cursor: pointer;
}

.link_underline_w {
  /* background-color: #fff;
  height: 3px;
  margin: 3px 0px 3px 0px; */
  border-bottom: 3px solid #fff;
  padding: 5px;
}

.history_content {
  border-bottom: 1px solid #aaa;
}

.link_underline_o {
  /* background-color: #EB7C21;
  height: 3px;
  margin: 3px 0px 3px 0px; */
  border-bottom: 3px solid #EB7C21;
  padding: 5px;
}

.ok_register_link{
  color: #EB7C21;
  cursor: pointer;
}

.ok_popup_title{
  font-size: 14px;
  color: #EB7C21 !important;
  min-height: 34px;
}

.form-check-label {
  margin-top: -6px;
}

.ok_member_top {
  /* background-color: #000000 !important;
  border-color: #000000 !important;
  border-width: 1px !important;
  font-size: 14px !important;
  font-weight: normal !important;
  position: absolute;
  top: 10px;
  bottom: auto;
  left: auto;
  right: 360px;
  margin-right: -60px;
  z-index: 110;
  padding: 5px; */
}

.ok_member_top-dropdown {
  color: #ffffff !important;
}

.ok_member_top-dropdown:after {
  border-color: #ffffff !important;
}

.translation-lab-language-switcher {
  max-width: 60px !important;
}

.ok_content {
  display: none;
}

.ok_small {
 font-size: 12px;
}

.ok_link {
  text-decoration: none;
  color: #000;
}
/** 
.ok_favourite_box {
  padding: 6px;
  margin-bottom: 10px;
}

.ok_favourite_box .store {
  background-color: #EAEAEA; 
  height: 260px;
}

.ok_favourite_box .title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
  min-height: 50px;
  padding: 2px 4px 2px 4px;
}

.ok_favourite_box .map {
  text-align: right;
  font-size: 10px;
  padding-right: 4px;
} */

#menu_close{
  display: none;
}

.menu_phone{
  margin-bottom: 10px !important;
  font-size: 18px;
}

@media screen and (max-width: 1200px) {
  .ok_member_top {
    /* position: absolute;
    top: 10px;
    bottom: auto;
    left: auto;
    right: 30px;
    margin-right: 100px;
    z-index: 110; */
  }

  .phone_style{
    display: none !important;
  }
  
  .web_style{
    display: block !important;
  }
  
  #summery_sub_web{
    display: block !important;
  }
  
  #summery_sub_phone{
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  #summery_sub_web{
    display: none !important;
  }
  
  #summery_sub_phone{
    display: block !important;
  }

  .phone_style{
    display: block !important;
  }
  
  .web_style{
    display: none !important;
  }
  
  .ok_member_top {
    /* position: absolute;
    top: 190px;
    bottom: auto;
    left: auto;
    right: 10px;
    margin-right: 100px; */
  }
  
  #ok_popup{
    width: 94vw;
    height: 72vh;
    top: 6vh;
    left: 5vw;
    padding: 5px 2vw 5px 2vw;
    position: fixed;
  }

  .ok_popup_index{
    width: 94vw - 8px;
    height: 68vh;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .ok_btn_hight{
    max-height: 40px;
  }

  #ok_close_icon{
    margin: -50px 5px 5px 5px;
  }
}