/* Header */
span.markRed{
  color: red;
}

a{
  cursor: pointer;
  color: #BF9C5C;
}
a:hover{
  color: #666;
}


div.inline{
  display: inline-block;
}

/*body:after {
 visibility: hidden;
 content: url(/fe/img/top_mail_hover.png) url(/fe/img/top_phone_hover.png) url(/fe/img/cell_biology_hover.png) url(/fe/img/immunology_hover.png) url(/fe/img/metabolism_hover.png);
}*/

.productCarousel .carousel-inner{
  height: 300px;
  text-align: center;
}
.productCarousel .carousel-inner .carousel-item img{
  object-fit: contain;
  max-width: 100%;
  max-height: 300px;
}
#app{
  position: relative;
}
.topbar{
  position: fixed;
  z-index: 10;
  width: 100%;
  background-color: #FFF;
  box-shadow: 0 4px 2px -2px #CCC;
}

.topbar.top{
  box-shadow: none;
}

.tab-pane{
  position: relative;
}

.navbar-nav .nav-item{
  cursor: pointer;
}

.navbar-nav .nav-link{
  color: #333;
  font-size: 16px;
  font-weight: 400;
  margin-left:10px;
  cursor: pointer;
}

.nav-link.dropdown-toggle.show{
  color: #B9995C;
}

.navbar-nav .dropdown-toggle::after{
  margin-left: 0.155em;
  vertical-align: 0.125em;

}

.navbar-nav .dropdown-menu{
  border: 0px;
}

.navbar-nav .dropdown-menu .dropdown-item{
  font-size: 15px;
  font-weight: 400;
}

.navbar-toggler .hamburger{
/*  position: relative;
  top: -4px;
  right: 6px;
  display: inline-block;
  background: url(/fe/img/hamburger.png) center bottom no-repeat;
  background-size: 26px 20px;
  width: 26px;
  height: 26px;*/
  color: #BF9C5C;
  margin-right: 5px;
}

.topbar .topSearch .triangle{
  position: absolute;
  top: 0px;
  left: -30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 30px 37px 30px;
  border-color: transparent transparent #B9995C transparent;
}
.topbar .topSearch{
  position: relative;
  float: right;
  width: 75%;
  background-color: #B9995C;
  padding: 5px 10% 5px 10px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.topbar .topSearch form{
  position: relative;
}


.topbar .topSearch input{
  border: 0px;
  height: 27px;
  border-radius: 10px;
}

.topbar .searchBtn{
  position: relative;
  left: -27px;
  padding: 0px;
  width: 28px;
  height: 27px;
  cursor: pointer;
  background: url(/fe/img/search_btn.png);
  background-size: 27px 27px;
  background-repeat: no-repeat;
  shadow: none;
  border: 0px;
}

.topbar .searchBtn:hover{
  background: url(/fe/img/search_btn_hover.png);
  background-size: 27px 27px;
}

.topbar .topSearch .tagBlock{
  position: absolute;
  right: 60px;
  z-index: 1;

}


.topbar .topSearch .tagBlock .tagItem{
  display: inline-block;
  padding: 0px 20px;
  background-color: #DDD;
  color: #000;
  border-radius: 10px;
  margin-left: 10px;
  margin-top:1px;
  cursor: pointer;
  font-weight: bold;
  font-size: 13px;
}

.topbar .topSearch .tagBlock .tagItem:hover{
  background-color: #CCC;
}


/*Mobile search top*/
.topbar .topSearch .triangle{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 30px 37px 30px;
  border-color: transparent transparent #B9995C transparent;
}
.topbar .topMobileSearch{
  position: relative;
  top: 2px;
  width: 100%;
  background-color: #B9995C;
  padding: 5px 14px 5px 10px;
 
}

.topbar .topMobileSearch form{
  position: relative;
  width: 100%;
}


.topbar .topMobileSearch input{
  border: 0px;
  height: 27px;
  border-radius: 10px;
}

.topbar .topMobileSearch .searchBtn{
  position: absolute;
  right: -7px;
  top: 0px;
  left: auto;
  bottom: auto;
}


.topbar .topMobileSearch .tagBlock{
  position: absolute;
  right: 60px;
  top: 0px;
  z-index: 1;

}


.topbar .topMobileSearch .tagBlock .tagItem{
  display: inline-block;
  padding: 0px 20px;
  background-color: #DDD;
  color: #000;
  border-radius: 10px;
  margin-left: 10px;
  margin-top:1px;
  cursor: pointer;
  font-weight: bold;
  font-size: 13px;
}

.topbar .topMobileSearch .tagBlock .tagItem:hover{
  background-color: #CCC;
}

.rankPanel h4{
  color: #7B7B7B;
}

.navbar{
  padding-bottom: 0px;
}
.navbar-brand>img{
  width: 17px;
}

.contactIcons{
  margin-left: 100px;
  margin-bottom: 10px;
}
.contactIcons .mail{
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(/fe/img/top_mail.png);
  background-size: 27px 27px;
  cursor: pointer;
  margin-right: 5px;
}
.contactIcons .mail:hover{
  background: url(/fe/img/top_mail_hover.png);
  background-size: 27px 27px;
}

.contactIcons .phone{
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(/fe/img/top_phone.png);
  background-size: 27px 27px;
  cursor: pointer;
}

.contactIcons .phone:hover{
  background: url(/fe/img/top_phone_hover.png);
  background-size: 27px 27px;
}
.mobileUserBlock{
  /*position: absolute;
  right: 60px;
  top: 25px;*/
  justify-content: space-between;
}
.mobileUserBlock .mark{
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(/fe/img/top_mark.png);
  background-size: 27px 27px;
  cursor: pointer;
  margin-right: 10px;
}

/*.mobileUserBlock .mark:hover,.mobileUserBlock .mark:active,.mobileUserBlock .mark:focus{
  background: url(/fe/img/top_mark_hover.png);
  background-size: 27px 27px;
}*/

.mobileUserBlock .user{
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(/fe/img/top_user.png);
  background-size: 27px 27px;
  cursor: pointer;
  margin-right: 10px;
}

.mobileUserBlock .user.active{
  background: url(/fe/img/top_user_hover.png);
  background-size: 27px 27px;
}

.mobileUserBlock .home{
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(/fe/img/front.png);
  background-size: 27px 27px;
  cursor: pointer;
  margin-right: 10px;
}

/*.mobileUserBlock .user:hover,.mobileUserBlock .user:active,.mobileUserBlock .user:focus{
  background: url(/fe/img/top_user_hover.png);
  background-size: 27px 27px;
}*/

.otherMenu{
  position: relative;
  margin-left: 20px;
  margin-bottom: 0px;
}

.otherMenu .home{
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(/fe/img/front.png);
  background-size: 27px 27px;
  cursor: pointer;
  margin-right: 10px;
}

.otherMenu .home:hover{
  background: url(/fe/img/front.png);
  background-size: 27px 27px;
}

.otherMenu .shop{
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(/fe/img/top_shop.png);
  background-size: 27px 27px;
  cursor: pointer;
  margin-right: 10px;
}

.otherMenu .shop:hover{
  background: url(/fe/img/top_shop.png);
  background-size: 27px 27px;
}

.otherMenu .user{
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(/fe/img/top_user.png);
  background-size: 27px 27px;
  cursor: pointer;
  margin-right: 10px;
}

.otherMenu .user:hover,.otherMenu .user.active{
  background: url(/fe/img/top_user_hover.png);
  background-size: 27px 27px;
}


.otherMenu .others{
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(/fe/img/top_others.png);
  background-size: 27px 27px;
  cursor: pointer;
}

.otherMenu .others:hover{
  background: url(/fe/img/top_others_hover.png);
  background-size: 27px 27px;
}

.otherMenu .others:hover .othersPanel{
  display: block;
}

.othersPanel{
  display: none;
  position: absolute;
  right: 0px;
  top: 24px;
  z-index: 2;
  width: 240px;
  padding: 15px 0px;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.9);
}
.othersPanel>div{
  position: relative;
  display: inline-block;
  width: 75px;
  height: 70px;
  cursor: pointer;
}

.othersPanel>div>span{
  width: 100%;
  display: inline-block;
  margin-top: 50px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
}

.othersPanel>div.terms>span{
  bottom: 0px;
}

.othersPanel>div.aboutus{
  background: url(/fe/img/others_user.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.aboutus:hover{
  background: url(/fe/img/others_user_hover.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.contactus{
  background: url(/fe/img/others_phone.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.contactus:hover{
  background: url(/fe/img/others_phone_hover.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.information{
  background: url(/fe/img/others_information.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.information:hover{
  background: url(/fe/img/others_information_hover.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.ad{
  background: url(/fe/img/others_ad.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.ad:hover{
  background: url(/fe/img/others_ad_hover.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.copy{
  background: url(/fe/img/others_copyright.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.copy:hover{
  background: url(/fe/img/others_copyright_hover.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.privacy{
  background: url(/fe/img/others_privacy.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.privacy:hover{
  background: url(/fe/img/others_privacy_hover.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}


.othersPanel>div.terms{
  background: url(/fe/img/others_terms.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.terms:hover{
  background: url(/fe/img/others_terms_hover.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.supports{
  background: url(/fe/img/others_support.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.supports:hover{
  background: url(/fe/img/others_support_hover.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.cobrand{
  background: url(/fe/img/others_cobrand.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}

.othersPanel>div.cobrand:hover{
  background: url(/fe/img/others_cobrand_hover.png);
  background-size: 50px 50px;
  background-position: center 3px;
  background-repeat: no-repeat;
}
.navbar-toggler{
  line-height: normal;
  border: 0px;
}
.navbar-toggler:focus{
  box-shadow: none;
}
.navbar-toggler i{
  font-size: 26pt;
  font-weight: bolder;
  color: #B9995C;
}

.navbar-toggler-icon{
  font-size: 28pt;
  width: 45px;
  height: 45px;
  border: 1px solid #333;
  border-radius: 10px;
}

.navbar-collapse.d-lg-none{
  background-color: #EFEFEF;
}
@media (min-width: 992px){
  .navbar-expand-lg .navbar-collapse.d-lg-none{
    display: none !important;
  }
}

/* Footer */
.gotop{
    position: fixed;
    z-index: 1;
    right: 50px;
    bottom: 80px;
    background: url(/fe/img/top_arrow.png);
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    cursor: pointer;
  }

  .gotop.hide{
    display: none;
  }

  .footer{
    width: 100%;
    margin-top: 0px;
    padding: 27px 20px 0px 20px;
    background-color: #F4F5F9;
    color: #444444;

  }

  .footer .websiteMap h1{
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #444444;
    margin-bottom: 10px;
  }

  .footer .websiteMap ul{
    list-style: none;
    padding: 0px;
  }

  .footer .websiteMap ul li a{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #444;
    margin-bottom: 5px;
    text-decoration: none;
  }

  .footer .p-3{
    padding-bottom: 0px !important;
  }

 
  .footer .contactItem{
    display: inline-block;
    padding-left: 40px;
  }

  .footer .contactItem a{
    display: inline-block;
    color:  #444;
    text-decoration: none;
    line-height: 35px;
    margin-right: 20px;
    font-size: 14px;
  }

  .footer .contactItem.phone{
    background: url(/fe/img/contact_phone.png)  left center no-repeat;
    background-size: 35px 35px;
  }

  .footer .contactItem.mail{
    background: url(/fe/img/contact_mail.png) left center no-repeat;
    background-size: 35px 35px;
    margin-bottom: 5px;
  }

  .footer .contactItem.address{
    background: url(/fe/img/address.svg) left center no-repeat;
    background-size: 35px 35px;
    margin-bottom: 5px;
  }



  .socialIcon{
    padding: 0px 0px 0px 0px;
    text-align: right;
  }

  .socialIcon>div{
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    cursor: pointer;
  }

  .socialIcon>div.line{
    background: url(/fe/img/social_line.png);
    background-size: 35px 35px;

  }

  .socialIcon>div.line:hover{
    background: url(/fe/img/social_line.png);
    background-size: 35px 35px;
  }

  .socialIcon>div.fb{
    background: url(/fe/img/social_fb.png);
    background-size: 35px 35px;

  }

  .socialIcon>div.fb:hover{
    background: url(/fe/img/social_fb.png);
    background-size: 35px 35px;
  }
  
  .socialIcon>div.yt{
    background: url(/fe/img/social_yt.png);
    background-size: 35px 35px;

  }

  .socialIcon>div.yt:hover{
    background: url(/fe/img/social_yt.png);
    background-size: 35px 35px;
  }

  .socialIcon>div.ig{
    background: url(/fe/img/social_ig.png);
    background-size: 35px 35px;

  }

  .socialIcon>div.ig:hover{
    background: url(/fe/img/social_ig.png);
    background-size: 35px 35px;
  }

  .socialIcon>div.twitter{
    background: url(/fe/img/social_twitter.png);
    background-size: 35px 35px;

  }

  .socialIcon>div.twitter:hover{
    background: url(/fe/img/social_twitter_hover.png);
    background-size: 35px 35px;
  }

  .copyright{
    padding: 15px 0px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
  }

  .websiteMap{
    padding: 15px 0px;
  }

  .websiteMap a{
    color: #FFF;
  }
@media screen and (max-width:600px) {
  .socialIcon{
    text-align: center;
  }
  .footer{
    padding: 10px 8px 8px 8px;
  }
}
  @media screen and (max-width:900px) {
    .copyright{
      text-align: center;
    }

    .websiteMap{
      text-align: center;
    }

    .gotop{
      position: fixed;
      z-index: 1;
      right: 15px;
      bottom: 50px;
      
    }
  }


/* All Site */

.pageWrapper{
    padding-top: 50px;
    background: url(/fe/img/flower_back_bottom.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
    background-attachment: fixed;
}

.pageBanner.team{
  text-align: left;
  padding: 5px;
  background: #BF9C5C;
  height: 42px;
  line-height: 35px;
  font-size: 13px;
  margin-bottom: 17px;
}

.pageBanner.team a{
  color: #FFF;
  font-size: 13px;
  text-decoration: none;
}

.navbar-brand.team{
  color: #444;
  font-size: 16px;
}
.sgSelector {
  margin-bottom: 15px;
}
.sgSelector .btn{
  width: 110px;
  text-align: center;
  background-color: transparent;
  border: 0px;
  padding-left: 0px;
}

.sgSelector .dropdown-menu{
  border: 0px;
}

.sgSelector .dropdown-menu:hover{

}

.sgSelector .dropdown-item.active, .dropdown-item:active{
  background-color: #F4F5F9;
  color: #444;
}

.competitionList .singleItem .editCompetitionBtn{
  position: absolute;
  right: 70px;
  top: 25px;
  cursor: pointer;
}

.competitionList .singleItem .deleteCompetitionBtn{
  position: absolute;
  right: 35px;
  top: 25px;
  cursor: pointer;
}

.competitionList .grayPrimaryBtn{
  padding: 8px 28px;
}

.competitionList .singleItem{
  position: relative;
  padding: 21px 33px;
  border: 1px solid #F4F5F9;
}

.competitionList .singleItem .scoreMeta{
  position: absolute;
  top: 5px;
  right: 0px;
  padding: 5px 10px 5px 20px;
  background-color: #B9995C;
  color: #FFF;
  text-align: right;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.competitionList .singleItem .scoreMeta .total{
  font-size: 24px;
  line-height: 20px;
}
.competitionList .singleItem .scoreMeta .par{
  font-size: 14px;
  line-height: 16px;
}

.competitionList .singleItem .teeoff{
  font-size: 15px;
  line-height: 18.5px;
  font-weight: 300;
}
.competitionList .singleItem {
  text-align: center;
  margin-bottom: 20px;
}
.competitionList .singleItem .course{
  margin: 8px 0px;
  display: inline-block;
  color: #747474;
  font-size: 15px;
  line-height: 18.5px;
  padding-left: 15px;
  background: url(/fe/img/location_icon.png) no-repeat left center;
  background-size: 13px 13px;
}
.competitionList .singleItem .title{
  font-size: 18px;
  line-height: 22px;
  min-height: 60px;
}
.competitionList .primaryBtn,.competitionList .grayPrimaryBtn{
  width: 100%;
}

.competitionList .singleItem.add{
  min-height: 215px;
  line-height: 170px;
  font-size: 26pt;
  font-weight: 100;
  color: #BF9C5C;
  cursor: pointer;
}
.competitionList .singleItem .meta{
  position: absolute;
  top: 10px;
  right: 10px;
}



.competitionInfoBlock .meta{
  position: absolute;
  top: 10px;
  right: 10px;
}
.competitionInfoBlock .meta>div{
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
}
.competitionInfoBlock{
  position: relative;
  padding: 27px 25px;
  background-color: #F4F5F9;
  border-radius: 10px;
  margin-bottom: 20px;
  text-align: center;
}

.competitionInfoBlock .remark{
  color: #747474;
}

.competitionInfoBlock .teeoff{
  font-size: 15px;
  line-height: 18.5px;
  font-weight: 300;
  margin-bottom: 10px;
  display: inline-block;
  margin-right: 30px;
}

.competitionInfoBlock .register{
  display: inline-block;
  color: #333;
  font-size: 15px;
  line-height: 18.5px;
  padding-left: 19px;
  background: url(/fe/img/score_icon.png) no-repeat left 0px;
  background-size: 18px 18px;
}

.competitionInfoBlock .registerBtn{
  padding: 5px 10px;
  display: block;
  margin: 10px auto;
}

.competitionInfoBlock .course{
  display: inline-block;
  color: #333;
  font-size: 15px;
  line-height: 18.5px;
  padding-left: 15px;
  background: url(/fe/img/location_icon.png) no-repeat left center;
  background-size: 13px 13px;
}
.competitionInfoBlock .title{
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 10px;
}
.competitionInfoBlock .restaurant{
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #333;
  margin-bottom: 9px;
  display: inline-block;
  margin-right: 30px;
}
.competitionInfoBlock .restaurantAddress{
  background: url(/fe/img/meal_icon.png) no-repeat left center;
  background-size: 18px 18px;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  padding-left: 22px;
  color: #333;
  display: inline-block;
}


.prizeInfo .prizeTitle{
  display: inline-block;
  border-bottom: 2px solid #EEE;
  padding: 3px 10px;
  margin-bottom: 10px;
}

.prizeInfo .playerList{
  padding: 10px 10px;
  margin-bottom: 15px;
}

.competitionMenu{
  position: relative;
  margin-bottom: 35px;
}
.competitionMenu ul{
  margin: 0px;
  padding: 0px;
}
.competitionMenu ul li{
  display: inline-block;
}
.competitionMenu ul li a{
  color: #747474;
  padding: 6px 20px;
  text-align: center;
  text-decoration: none;
  border-bottom: 1px solid #F4F5F9;
}
.competitionMenu ul li.active a,.competitionMenu ul li a.active{
  color: #000;
  border-bottom: 1px solid #000;
}

.balanceInfo .title{
  color: #BF9C5C;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}

.balanceInfo .dollar{
  color: #000;
  font-size: 20px;
  font-weight: 400;
}

.balanceInfo .singleItem{
  text-align: center;
  border-right: 1px solid #000;
}
.balanceInfo .singleItem:last-child{
  border: 0px;
}
.searchDateBlock{
  text-align: right;
  margin-top: 5px;
}
.searchDateBlock input{
  width: 160px;
  border: 1px solid #A5A5A5;
  border-radius: 5px;
  padding-left: 30px;
  background: url(/fe/img/icon_cal.png)  no-repeat 5px center;
  background-size: 18px 18px;
}

.searchBlock{
  display: inline-block;
  width: 265px;
  background: url(/fe/img/search_icon.png)  no-repeat right center;
  background-size: 20px 20px;
  border-bottom: 1px solid #A5A5A5;
}
.searchBlock input{
  border: 0px;
  width: 100%;
  background-color: transparent;
}

.teamLogo{
  width: 35px;
  height: 35px;
  border-radius: 18px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.pageWrapper h1{
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #000;
}

.iconBtn{
  background: transparent;
  border: 0px;
  padding: 0px;
}

.showgolfIcon{
  line-height: 25px;
  vertical-align: middle;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 5px;
}

.showgolfIcon.guest{
  background-image: url(/fe/img/icon_guest.png);
  width: 17px;
  height: 17px;
  background-size: 17px 17px;
}

.showgolfIcon.food{
  background-image: url(/fe/img/icon_food.png);
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}


.showgolfIcon.fb{
  background-image: url(/fe/img/icon_fb.png);
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}

.showgolfIcon.line{
  background-image: url(/fe/img/social_line.png);
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}

.showgolfIcon.golfPlayer{
  background-image: url(/fe/img/icon_golfplayer.png);
  width: 15px;
  height: 18.6px;
  background-size: 15px 18.6px;
}

.showgolfIcon.disk{
  background-image: url(/fe/img/icon_disk.png);
  width: 18.6px;
  height: 9px;
  background-size: 18.6px 9px;
}

.showgolfIcon.weather{
  background-image: url(/fe/img/icon_weather.png);
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}

.showgolfIcon.map{
  background-image: url(/fe/img/icon_map.png);
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}

.showgolfIcon.web{
  background-image: url(/fe/img/icon_web.png);
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}

.showgolfIcon.phone{
  background-image: url(/fe/img/icon_phone.png);
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}

.showgolfIcon.sorting{
  background-image: url(/fe/img/icon_sort.png);
  width: 25px;
  height: 25px;
  background-size: 25px 25px;
}

.showgolfIcon.asc{
  background-image: url(/fe/img/icon_asc.png);
  width: 25px;
  height: 25px;
  background-size: 25px 25px;
}

.showgolfIcon.desc{
  background-image: url(/fe/img/icon_desc.png);
  width: 25px;
  height: 25px;
  background-size: 25px 25px;
}

.showgolfIcon.copylink{
  background-image: url(/fe/img/icon_copylink.png);
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
}

.showgolfIcon.edit{
  background-image: url(/fe/img/icon_pencil.png);
}

.showgolfIcon.layout{
  background-image: url(/fe/img/layout_icon.svg);
}

.showgolfIcon.search{
  background-image: url(/fe/img/search_icon.png);
}

.showgolfIcon.share{
  background-image: url(/fe/img/icon_share.png);
}

.showgolfIcon.courseShare{
  position: relative;
  top: 32px;
  right: 10px;
  background-image: url(/fe/img/course_share.svg);
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}


.showgolfIcon.trash{
  background-image: url(/fe/img/icon_trash.png);
}

.showgolfIcon.clock{
  background-image: url(/fe/img/icon_clock.png);
}

.showgolfIcon.mail{
  background-image: url(/fe/img/icon_mail.png);
}

.showgolfIcon.phone{
  background-image: url(/fe/img/icon_phone.png);
}

.showgolfIcon.fax{
  background-image: url(/fe/img/icon_fax.png);
}

.showgolfIcon.address{
  background-image: url(/fe/img/icon_address.png);
}

.showgolfIcon.home{
  background-image: url(/fe/img/icon_home.png);
}

.showgolfIcon.eye{
  background-image: url(/fe/img/icon_eye.png);
  background-size: 20px 14px;
}

.showgolfIcon.paper{
  background-image: url(/fe/img/icon_paper.png);
}

.showgolfIcon.paper:hover{
  background-image: url(/fe/img/icon_paper.png);
}

.showgolfIcon.bookmark{
  background-image: url(/fe/img/icon_bookmark.png);
}

.showgolfIcon.bookmark:hover,.showgolfIcon.bookmark.active{
  background-image: url(/fe/img/top_mark_hover.png);
}

.showgolfIcon.shopcart{
  background-image: url(/fe/img/icon_shopcart.png);
}

.showgolfIcon.shopcart:hover{
  background-image: url(/fe/img/icon_shopcart_hover.png);
}

.showgolfIcon.link{
  background-image: url(/fe/img/icon_link.png);
}

.showgolfIcon.link:hover{
  background-image: url(/fe/img/icon_link.png);
}

.showgolfIcon.closeeye{
  background-image: url(/fe/img/icon_closeeye.png);
  background-size: 20px 18px;
}

.showgolfIcon.user{
  background-image: url(/fe/img/icon_user.png);
}

.showgolfIcon.userLine{
  background-image: url(/fe/img/member_account.png);
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.showgolfIcon.userLine:hover, .showgolfIcon.userLine.active{
  background-image: url(/fe/img/member_account_hover.png);

}

.showgolfIcon.score{
  background-image: url(/fe/img/score_icon.png);
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.showgolfIcon.score:hover, .showgolfIcon.score.active{
  background-image: url(/fe/img/score_icon_hover.png);

}

.showgolfIcon.team{
  background-image: url(/fe/img/team_icon.png);
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.showgolfIcon.team:hover, .showgolfIcon.team.active{
  background-image: url(/fe/img/team_icon_hover.png);

}

.showgolfIcon.event{
  background-image: url(/fe/img/event_icon.svg);
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.showgolfIcon.event:hover, .showgolfIcon.event.active{
  background-image: url(/fe/img/event_icon_hover.svg);

}

.showgolfIcon.orders{
  background-image: url(/fe/img/member_line_order.png);
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.showgolfIcon.orders:hover, .showgolfIcon.orders.active{
  background-image: url(/fe/img/member_line_order_hover.png);
}

.showgolfIcon.golfcard{
  background-image: url(/fe/img/member_line_card.png);
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}

.showgolfIcon.golfcard:hover, .showgolfIcon.golfcard.active{
  background-image: url(/fe/img/member_line_card_hover.png);
}

.showgolfIcon.logout{
  background-image: url(/fe/img/member_line_signout.png);
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.showgolfIcon.logout:hover, .showgolfIcon.logout.active{
  background-image: url(/fe/img/member_line_signout_hover.png);
 
}

.singleBannerItem{
  margin-bottom: 10px;
}

.pageABS{
  position: relative;
}

.functionWrapper{
  position: absolute; left: 10px; top: 0px; z-index: 1;
}

.thumbBtn{
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(/fe/img/icon_thumb_line.png) center center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  cursor: pointer;
}

.thumbBtn:hover{
  background-image: url(/fe/img/icon_thumb.png);
}

.commentBtn{
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(/fe/img/icon_comment_line.png) center center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  cursor: pointer;
}

.commentBtn:hover{
  background-image: url(/fe/img/icon_review_comment.png);
}

#importModal .tableWrapper{
    height: 450px;
    overflow-y: auto;
    margin-bottom: 10px;
  }

  #importModal .importByFile{
    padding: 20px 0px;
  }
  #importModal .importByGoogle{
    padding: 20px 0px;
    border-top: 1px solid #CCC;
  }

  #importModal .importByGoogle input{
    width: 250px;
  }

  #importModal .importBtn{
    background-color: #B9995C;
    color: #FFF;
    border-radius: 3px;
    padding: 2px 10px;
    border: 0px;
  }

  #importModal .importByFile input{
    width: 257px;
  }

.greenPrimaryBtn{
    display: inline-block;
    background-color: #548042;
    border: 1px solid #548042;
    border: 0px;
    color: #FFF;
    padding: 9px 28px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: none;
    font-size: 14px;
    line-height: 17px;
}

.pinkPrimaryBtn{
  display: inline-block;
  border: 1px solid #FE888D;
  border: 0px;
  color: #FFF;
  padding: 9px 28px;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: none;
  font-size: 14px;
  line-height: 17px;
  background-color: #FE888D;
}

.primaryBtn{
    display: inline-block;
    background-color: #B9995C;
    border: 1px solid #B9995C;
    border: 0px;
    color: #FFF;
    padding: 9px 28px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: none;
    font-size: 14px;
    line-height: 17px;
}

.newBtn{
  padding: 8px 28px;
  font-size: 14px;
  line-height: 17px;
}

.secondaryBtn{
    display: inline-block;
    background-color: #FFF;
    border: 1px solid #999999;
    color: #000;
    padding: 9px 28px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: none;
    font-size: 14px;
    line-height: 17px;
}

.grayPrimaryBtn{
    display: inline-block;
    background-color: #A5A5A5;
    border: none;
    color: #FFF;
    padding: 9px 28px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: none;
    font-size: 14px;
    line-height: 17px;
}

.graySecondaryBtn{
    display: inline-block;
    background-color: #A5A5A5;
    border: 1px solid #A5A5A5;
    color: #FFF;
    padding: 8px 28px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: none;
    font-size: 14px;
    line-height: 17px;
}

.greenBtn{
    display: inline-block;
    background-color: #548042;
    border: 0px;
    color: #FFF;
    padding: 9px 28px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: none;
    font-size: 14px;
    line-height: 17px;
}


#handicapTable td span.total{
  display: inline-block;
  padding: 0px 5px;
  border-radius: 3px;
  background-color: #EEE;
  width: 38px;
  text-align: center;
}

#handicapTable td span.handicap{
  display: inline-block;
  padding: 0px 5px;
  background-color: #FFFDC2;
  border-radius: 3px;
  margin-left: 5px;
  width: 38px;
  text-align: center;
}

.miniCourseName{
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.courseBlock .courseItem .shareIcon{
  display: inline-block;
  float: right;
}

.defaultBtn{
  padding: 10px 20px;
  color: #333;
  border: 0px;
  background-color: transparent;
  margin-left: 5px;
}

.lineBtn{
  padding: 5px 20px;
  color: #B9995C;
  border: 1px solid #B9995C;
  border-radius: 5px;
  background-color: transparent;
  margin-left: 5px;
  box-shadow: none;
}

.submitBtn{
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/fe/img/submit_btn.png) center center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  cursor: pointer;
}

.submitBtn:hover{
  background-image: url(/fe/img/submit_btn_hover.png);
}

.moreBtn{
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/fe/img/more_btn.png) center center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  cursor: pointer;
}

.moreBtn:hover{
  background-image: url(/fe/img/more_btn_hover.png);
}

.shopBtn{
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/fe/img/icon_shopcart.png) center center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  cursor: pointer;
}

.shopBtn:hover{
  background-image: url(/fe/img/icon_shopcart_hover.png);
}

.editBtn{
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/fe/img/edit_btn.png) center center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  cursor: pointer;
}

.bluelineBtn{
  display: inline-block;
  border: 1px solid #B9995C;
  border-radius: 10px;
  background-color: #FFF;
  padding: 3px 20px;
  font-size: 18px;
  color: #B9995C;
  cursor: pointer;
}

.bluelineBtn:hover{
  box-shadow: 1px 2px 2px #CCC;
}

.orangeBtn{
  display: inline-block;
  border: 1px solid #B9995C;
  border-radius: 10px;
  background-color: #B9995C;
  padding: 3px 20px;
  font-size: 18px;
  color: #FFF;
  cursor: pointer;
}

.orangeBtn:hover{
  box-shadow: 1px 2px 2px #CCC;
  border: 1px solid #B9995C;
  background-color: #B9995C;
}

.blueBtn{
  display: inline-block;
  border: 1px solid #B9995C;
  border-radius: 10px;
  background-color: #B9995C;
  padding: 3px 20px;
  font-size: 18px;
  color: #FFF;
  cursor: pointer;
}

.blueBtn:hover{
  box-shadow: 1px 2px 2px #CCC;
  border: 1px solid #B9995C;
  background-color: #FFF;
  color: #B9995C;
}

.grayBtn{
  display: inline-block;
  border: 1px solid #CCC;
  border-radius: 10px;
  background-color: #CCC;
  padding: 3px 20px;
  font-size: 18px;
  color: #333;
  cursor: pointer;
}

.grayBtn:hover{
  box-shadow: 1px 2px 2px #CCC;
  border: 1px solid #333;
  background-color: #FFF;
  color: #333;
}

.sgNext{
  color: #FFF;
  background: #BF9C5C;
  border-radius: 3px;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
}

.sgSkip{
  color: #FFF;
  background: #808080;
  border-radius: 3px;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
}

.sgOK{
  color: #FFF;
  background: #808080;
  border-radius: 3px;
  font-weight: 500;
  font-size: 17px;
  line-height: 25px;
  box-shadow: none;
  width: 200px;
  border: 0px;
}

.functionBtn{
  width: 300px;
  margin: 0 auto;
  margin-top: 35px;
}

.functionBtn .sgBtn{
  margin-bottom: 10px;
  border: 0px;
  box-shadow: none;
  padding: 5px 20px;
  width: 100%;
}

.functionBtn.column-2 .sgBtn{
  width: 49%;
  margin-right: 0px;
}

.memoBlock{

}

ul.examples{
  list-style: none;
  padding: 0px;
}

ul.examples li{
  display: inline-block;
  margin-right: 10px;
  width: 100px;
  height: 26px;
  background: #D9D9D9;
  border-radius: 10px;
  color: #FFF;
  cursor: pointer;
}

ul.examples li:hover, ul.examples li.active{
  background: #548042;
  cursor: pointer;
}

.memoBlock textarea{
  width: 360px;
  background: #FFFFFF;
  border: 1px solid #C9CACA;
  border-radius: 5px;
  padding: 10px;
}

#photoModal .modal-content{
  background-color: #FFF;
}
#photoModal .modal-header{
  position: absolute;
  z-index: 1;
  width: 100%;
  text-align: right;
}
#photoModal .irealClose{
  width: 30px;
  height: 30px;
  background-image: url(/fe/img/cancel.svg);
  background-size: 30px 30px;
  background-color: transparent;

}
#galleryModal.msgModal .modal-content p{
  text-align: left;
}

#galleryModal .irealClose{
  width: 30px;
  height: 30px;
  background-image: url(/fe/img/cancel.svg);
  background-size: 30px 30px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center right;

}

#galleryModal .carouselThumbnails img{
  width: 80px;
  cursor: pointer;
  opacity: 0.4;
}

#galleryModal .carouselThumbnails img.active{
  opacity: 1;
}

#galleryModal .carousel-inner{
  text-align: center;
  height: 400px;
}
#galleryModal .carousel-inner .carousel-item img{
  max-height: 400px;
  max-width: 100%;
  object-fit: contain;
}

#galleryModal .carousel-item-words h2{
  font-size: 16px;
}
#galleryModal .carousel-item-words p{
  font-size: 16px;
  /*line-height: 18px;*/
}
#galleryModal .carousel-item-words{
  display: none;
  height: 400px;
  overflow-y: auto;
}
#galleryModal .carousel-item-words.active{
  display: block;
}

.leaveMsgModal .modal-header{
  border: 0px;
}

.leaveMsgModal .modal-header .sgClose{
  border: 0px;
  box-shadow: none;
  background-color: transparent;
  font-size: 20px;
  color: #999;
}

.leaveMsgModal .modal-body{
  text-align: center;
}
.leaveMsgModal .modal-body textarea{
  width: 80%;
  height: 100px;
  border: 1px solid #D9D9D9;
  border-radius: 11px;
  padding: 10px 20px;
}

.leaveMsgModal .sgBtn{
  margin-bottom: 10px;
  border: 0px;
  box-shadow: none;
  padding: 5px 20px;
}
/*
#galleryModal .carousel-control-prev{
  width: 5%;
  left: 0px;
  right: auto;
}
#galleryModal .carousel-control-next{
  left: 38%;
  right: auto;
}*/





.msgModal .modal-header{
  padding: 3px 10px 0px 10px;
  border-bottom: 0px;
}

.msgModal .modal-title{
  font-size: 20px;
  font-weight: 500;
}

.msgModal .modal-footer{
  display: block;
  border: 0px;
  text-align: center;
}

.msgModal .modal-content{
  background-color: #FFF;
  min-height: 200px;
  box-shadow: 2px 2px 2px #666;
  border-radius: 10px;
  border: 1px solid #999;
  text-align: center;
  padding: 30px 40px 30px 40px;
}

.msgModal .modal-content p{
  text-align: center;
  font-size: 18px;
  margin-bottom: 3px;
}
.msgModal .modal-body{
  text-align: center;
}
.msgModal .siteClose{
  cursor: pointer;
}

.msgModal.editModal .modal-content{
  text-align: left;

}
.msgModal.editModal .modal-content .modal-header{
  padding: 0px;
}
.msgModal.editModal .modal-content .modal-body{
  padding: 30px 0px 30px 0px;
  text-align: left;
   font-size: 15px;
  font-weight: 400;
  color: #747474;
}


.deleteConfirmModal .modal-header{
  padding: 3px 10px 0px 10px;
  border-bottom: 0px;
}

.deleteConfirmModal .modal-title{
  font-size: 20px;
  font-weight: 400;
}

.deleteConfirmModal .modal-footer{
  display: block;
  border: 0px;
  text-align: center;
}

.deleteConfirmModal .modal-content{
  background-color: #FFF;
  min-height: 200px;
  box-shadow: 2px 5px 5px #666;
  border-radius: 10px;
  text-align: center;
  padding: 10px;
}

.deleteConfirmModal .modal-content p{
  text-align: center;
  font-size: 18px;
  margin-bottom: 3px;
}
.deleteConfirmModal .modal-body{
  text-align: center;
}
.deleteConfirmModal .grayPrimaryBtn{
  padding: 8px 28px;
}
.deleteConfirmModal .siteClose{
  cursor: pointer;
}

.msgModal.editModal .modal-content .modal-body .form-control{
  margin-bottom: 10px;
}

.noPadding{
  padding: 0px;
}
  
.siteClose{
  color: #AAA;
  font-size: 26px;
  background-color: transparent;
  border: none;
}

.fullModal .modal-header{
  display: inline-block;
  text-align: center;
  padding: 3px 10px 0px 10px;
  border-bottom: 1px solid #B9995C;
}

.fullModal .modal-header h5{
  margin-bottom: 10px;
  color: #B9995C;
}

.fullModal .modal-footer{
  display: inline-block;
  text-align: center;
}

.fullModal .modal-content{
  background-color: #FAFAFA;
  min-height: 200px;
  padding: 20px;
  box-shadow: 2px 5px 5px #666;
  border-radius: 15px;
}

.fullModal .modal-content p{
  text-align: center;
  font-size: 18px;
  margin-bottom: 0px;
}

.fullModal .modal-content a{
  text-decoration: none;
  color: #B9995C;
}

.fullModal .irealClose{
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 1;
}

#registerModal .modal-footer{
  border-top: 1px solid #B9995C;
}

.irealAlert.alert{
  border: 0px;
  color: #333;
  font-size: 14pt;
  font-weight: bold;

}

.myPaginate{
    min-height: 60px;
}

.myPaginate .pagination{
  float: right;
}

.myPaginate.topPaginate .pagination{
  float: none;
  justify-content: flex-end;
  margin-bottom: 0px;
}

.myPaginate .first, .myPaginate .last{
  display: none;
}
.myPaginate .page-link{
  border:  0px;
  color: #888;
  font-size: 15px; 
}

.myPaginate .page-item:hover .page-link,.myPaginate .page-item.active .page-link{
  border:  0px;
  background-color: transparent;
  color: #B9995C;    
}

.requireModal h1{
  text-align: center;
  font-size: 18pt;
  margin-bottom: 10px;
}

.requireModal .thumbnail{
  width: 100%;
  text-align: center;
}

.requireModal .thumbnail img{
  width: 360px;
}

 .requiredForm{
  width: 100%;
  margin-top: 35px;
  background-color: #F2F2F2;
  padding: 10px;
  font-size: 16pt;
  font-weight: bold;
}

.requiredForm input,.requiredForm select,.requiredForm textarea{
  margin-bottom: 10px;
}

.requiredForm .inquiring{
  position: relative;
  top: -10px;
  left: -20px;
}

.myPaginate{
  margin-top: 6px;
}


.myPaginate .page-link{
  border:  0px;
  color: #888;
  font-size: 18px; 
}

.myPaginate .page-item:hover .page-link,.myPaginate .page-item.active .page-link{
  border:  0px;
  background-color: transparent;
  color: #B9995C;
}

.pageContent{
  font-size: 12pt;
  padding: 40px 20px;
  min-height: 450px;
}

.pageContent.aboutus{
  padding: 100px 30px;
}

.subTitle{
  border-bottom: 1px solid #B9995C;
  padding-left: 20px;
  padding-bottom: 25px;
  margin-bottom: 0px;
}

.subTitle h1{
  font-size: 24px;
}

.subTitle h2{
  font-size: 14px;
}

.pageContent h1{
  font-size: 14pt;
  color: #333;
  font-weight: bold;
}

.pageBanner{
  width: 100%;
  height: 50px;
  background: url(/fe/img/page_banner.png) center center;
  background-position: center center;
  background-size: cover;
  font-size: 18pt;
  color: #FFF;
  text-align: center;
  vertical-align: center;
  line-height: 50px;
  margin-bottom: 10px;
}

.noResult{
  margin: 30px auto;
  width: 300px;
  height: 300px;
  background: url(/fe/img/no_result.png) center center no-repeat;
  background-position: center center;
  background-size: contain;

}

.preparing{
  margin: 30px auto;
  width: 320px;
  height: 280px;
  background: url(/fe/img/comingsoon.svg) center center no-repeat;
  background-position: center center;
  background-size: contain;

}

.dataTables_filter{
  margin-top: 10px;
  margin-bottom: 10px;
}
table.dataTable{
  border: 0.5px solid rgba(0, 0, 0, 0.1);

}

.breadWrapper{
  margin-bottom: 35px;
}

.breadWrapper span.active{
  
  color: #B9995C;
}

.breadWrapper a{
  color: #000;
  text-decoration: none;
}

@media screen and (max-width:900px) {
  .pageBanner{
    /*display: none;*/
    height: 80px;
    line-height: 80px;
  }
  .pageContent{
    padding: 10px 10px;
  }

}

.accordion.ireal .accordion-item{
  border: 0px;
}

.accordion.ireal .accordion-button,.accordion.ireal .accordion-button:not(.collapsed){
  background-color: #CCC;
  color: #333;
  border-radius: 0px;
  box-shadow: none;
}

.accordion.ireal .accordion-body{
  padding:  10px 0px;
  width: 100%;
  overflow: auto;
}

.accordion.ireal .accordion-header{
  margin-bottom: 10px;
}

.accordion.ireal .accordion-button::after{
  font-size: 14pt;
  font-weight: bold;
  background: transparent;
  content: "＋";
  transform: none;
}

.accordion.ireal .accordion-button:not(.collapsed)::after{
  font-size: 14pt;
  font-weight: bold;
  background: transparent;
  content: "－";
  transform: none;
}

/*Custom pages*/

.no-padding{
  padding: 0px;
}

.pageContent .cobrand{
  width: 100%;
  height: 180px;
  overflow: hidden;
  background-color: #FFF;
  padding: 0px;
  border-radius: 15px;
  margin-bottom: 45px;
  border: 1px solid  #EEE;
}

.pageContent .cobrand img{
  width: 100%;
}

.pageContent .dsBlock{
  width: 100%;
  background-color: #EEE;
  color:  #000;
  padding: 20px 15px;
  border-radius: 15px;
  margin-bottom: 25px;
}

.pageContent .dsBlock .thumbnail{
  text-align: center;
  height: 150px;
  background-color: #FFF;
  margin-bottom: 10px;
  overflow: hidden;
}

.pageContent .dsBlock .thumbnail img{
  width: auto;
  height: 100%;
}

.listFile .singleItem{
  margin-bottom: 30px;
  cursor: pointer;
}


.listFile .singleItem .thumbnail{
  width: 100%;
  height: 120px;
  background-image: url(/fe/img/file.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.listFile .singleItem:hover .thumbnail{
   background-image: url(/fe/img/file_hover.png);
}

.listFile .singleItem .info{
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
  color:  #333;
}

.listPoster .singleItem{
    
    margin-bottom: 30px;
    cursor: pointer;
  }


.listPoster .singleItem .thumbnail{
  position: relative;
  width: 100%;
  height: 360px;
  background-image: url(/fe/img/example/poster_thumbnail.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.listPoster .singleItem:hover .overlay{
  width: 100%;
  height: 360px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(0,0,0,0.6);

}

.listPoster .singleItem .info{
  text-align: center;
  font-size: 16px;
  margin-top: 5px;
  color:  #333;
}

@media (min-width:300px) and (max-width:400px){
  .pageContent .dsBlock .thumbnail{
    height: 130px;
  }
}


@media screen and (max-width:600px) {
  .listPoster .singleItem{
    margin-bottom: 30px;
  }
  .listPoster .singleItem .thumbnail{
    height: 240px;
    background-size: cover;
  }
  .competitionInfoBlock .restaurant{
    margin-top: 15px;
  }

  .newBtn{
    padding: 8px 18px;
    border: none;
    
  }
}

@media (min-width:768px) and (max-width:992px){
  .pageContent .dsBlock .thumbnail{
    height: 130px;
  }
  .pageContent .cobrand{
    height: 130px;
  }
}
@media (min-width:993px) and (max-width:1399px){
  .pageContent .dsBlock .thumbnail{
    height: 110px;
  }
}

.faqForm label{
  text-align: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  vertical-align: middle;
  padding: 1px 0px;
}

.prevPage{
  position: fixed;
  right: 58px;
  bottom: 200px;
  z-index: 10;
  width: 27px;
  height: 27px;
  background: url(/fe/img/prev_page.png) center center;
  background-size: 27px 27px;
  cursor: pointer;
}

.prevPage:hover{
  background-image: url(/fe/img/prev_page_hover.png);
}

main{
  background-color: #FFF;
}

html,body{
  height: 100%;
  background-color: #F4F5F9;
}

.webMask{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

@media screen and (max-width:600px) {



  .faqForm label{
    text-align: left;
    padding-left: 10px;
  }

  .prevPage{
      display: none;
    }

    .pageContent .cobrand{
      height: 100px;
      margin-bottom: 15px;
    }
  .websiteMap{
    display: none;
  }

  .navbar-brand>img{
    width: 17px;
  }

  #galleryModal .carousel-inner{
    height: 320px;
  }
  #galleryModal .carousel-inner .carousel-item img{
    height: 320px;
  }

  #galleryModal .carousel-item-words{
    margin-top: 15px;
    height: 360px;
  }

  #galleryModal .carouselThumbnails{
    display: none;
  }

  .showgolfTable {
      width: 100%;
      display: block;
      overflow-x: auto;
      white-space: nowrap;
  }
  .showgolfTable tbody tr td{
    padding: 3px 3px;
  }

  .showgolfTable.fixHead tbody tr:first-child td{
    padding-top: 60px;
  }
  
  .dataTables_wrapper{
    width: 100%;
    overflow-x: auto;
  }
}


.requireModal h1{
  text-align: center;
  font-size: 18pt;
  margin-bottom: 10px;
}

.requireModal .thumbnail{
  width: 100%;
  text-align: center;
}

.requireModal .thumbnail img{
  width: 360px;
}

 .requiredForm{
  width: 100%;
  margin-top: 35px;
  background-color: #F2F2F2;
  padding: 10px;
  font-size: 16pt;
  font-weight: bold;
}

@media screen and (max-width:992px) {
  .navbar-brand>img{
    margin-left: 10px;
    width: 17px;
  }
  
}
@media (max-width:768px){

  .topbar .topMobileSearch .tagBlock{
      display: none;
  }
}


@media screen and (min-width:1960px) {
  .topbar .topSearch{
    width: 72%;
  }
  .topbar .topSearch .searchWrapper{
    width: 92%;
  }
}

@media screen and (min-width:2160px) {
  .topbar .topSearch{
    width: 70%;
  }
  .topbar .topSearch .searchWrapper{
    width: 84%;
  }
}


.requiredForm input,.requiredForm select,.requiredForm textarea{
  margin-bottom: 10px;
}

.requiredForm .inquiring{
  position: relative;
  top: -10px;
  left: -20px;
}

.stepBlock{
    padding: 10px 0px;
    background-color: #FFF;
    text-align: center;
  }

  .stepBlock h1{
    color: #BF9C5C;
    text-align: center;
    font-weight: 700;
    font-size: 23px;
    line-height: 33px;
  }

  ul.stepList{
    position: relative;
    z-index: 1;
    display: inline-block;
    text-align: center;
    list-style: none;
  }

  .stepList li{
    display: inline-block;
    margin-right: 30px;
  }

  .stepList li span{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #D9D9D9;
  }

  .stepList li.active span{
    background: url(/fe/img/golf_list.png) center center no-repeat;
    background-size: 39px 39px;
    text-align: center;
    width: 39px;
    height: 39px;
    line-height: 39px;
    font-weight: 600;
    font-size: 24.375px;
    color: #FFF;
  }

  .stepBlock p{
    color: #808080;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
  }

  .stepWrapper{
    position: relative;
    width: 300px;
    margin: 0 auto;
  }

  .stepWrapper .stepLine{
    position: absolute;
    top: 30%;
    left: 80px;
    height: 5px;
    width: 135px;
    background-color: #D9D9D9;
  }

/* clears the 'X' from Internet Explorer */
input::-ms-clear {  display: none; width : 0; height: 0; }
input::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display: none; }
.ui-menu .ui-menu-item .ui-menu-item-wrapper{
  color: #000;
}
.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper,.ui-menu .ui-menu-item:focus .ui-menu-item-wrapper,.ui-menu .ui-menu-item:active .ui-menu-item-wrapper{
  background-color: #DDD;
  list-style-image: none;
  color: #000;
  border: 1px solid #DDD;
}

.mt-35{
  margin-top: 35px;
}

.breadcrumb .breadcrumb-item a{
  color: #444;
  text-decoration: none;
}

.breadcrumb .breadcrumb-item.active{
  color: #B9995C;
}


.whiteBlockWrapper{
  padding: 10px 20px;
  background-color: #FFF;
  border-radius: 20px;
  margin-bottom: 25px;
}

select.form-control{
  border: 1px solid #CACACA;
  border-radius: 3px;
  padding: 6.5px 12px;
}

input.form-control{
  border: 1px solid #CACACA;
  border-radius: 3px;
  padding: 5px 12px;
}

input.form-control.error, select.form-control.error{
  border: 1px solid red;
  border-radius: 3px;
  padding: 9px 12px;
}

.wd100{
    width: 100px;
  }

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 3px;
    --bs-navbar-toggler-padding-y: 0px 0.25rem 0px 0.25rem;
}

table.dataTable th{
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}


.editBlock .title{
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  margin-right: 13px;
  margin-bottom: 20px;
} 

.editBlock label{
  color:  #747474;
  padding-left: 0px;
  padding-right: 0px;

}

.editBlock label.right{
  text-align: right;  
}
.spacing-60{
  width: 100%;
  height: 60px;
}

.logoWrapper{
  width: 137px;
  position: relative;
  text-align: center;
  margin: 30px auto;
}

.logoWrapper .logoThumb{
  background: url(/fe/img/upload_logo.png) no-repeat center center;
  background-size: 90px;
  width: 137px;
  height: 137px;
  background-color: #F4F5F9;
  border-radius: 80px;
}

.logoWrapper .camera{
  position: absolute;
  right: 0px;
  bottom: 0px;
  background: url(/fe/img/camera_icon.png) no-repeat center center;
  background-size: 20px 20px;
  width: 35px;
  height: 35px;
  background-color: #FFF;
  border: 1px solid #F4F4F4;
  border-radius: 20px;

}

.thumbInput{
  display: none;
}

.teamPage h1{
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  color: #000;
}

.teamPage h2{
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #000;
}

.teamPage .title{
  width: 100%;
  background: url(/fe/img/gray_line.png) repeat-x center center;
  background-size: 10px 10px;
}
.teamPage .title span{
  font-size: 16px;
  font-weight: 600;
  color: #747474;
  display: inline-block;
  padding: 5px 10px 5px 0px;
  background-color: #FFF;
}
.teamPage .description{
  padding: 15px 0px;
}
.teamPage .description p{
  margin-bottom: 3px !important;

}
.teamPage .contactTable{
  width: 100%;
  margin: 32px 0px 40px 0px;
}
.teamPage .contactTable tr{
  border: 0px;
}
.teamPage .contactTable th{
  width: 100px;
  font-size: 15px;
  font-weight: 400;
  color: #747474;
  border: 0px;
  padding: 5px 20px 5px 0px;
}
.teamPage .contactTable td{
  font-size: 15px;
  font-weight: 400;
  color: #000;
  border: 0px;
  padding: 5px 20px 5px 0px;
}

.playerModal label{
  display: inline-block;
  width: 60px;
  
}

.playerModal label>span{
  color: red;
}

.playerModal select.form-control{
    -webkit-appearance: auto;
    -moz-appearance: auto;
}

.playerModal .form-control{
  display: inline-block;
  width: 78%;
  margin-bottom: 15px;
}

.msgModal.editModal.importModal .modal-content .modal-body{
  padding-top: 0px;
  padding-bottom: 0px;
}

.remarkGroup{
  margin-left: 30px;
  padding-left: 55px;
  background: url(/fe/img/icon_group_remark.png) left center no-repeat;
  background-size: 30px 30px;
}

.remarkGroup p{
  margin-bottom: 3px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #616161;
}

.remarkScorecard{
  min-height: 30px;
  margin-left: 30px;
  padding-left: 55px;
  background: url(/fe/img/icon_group_remark.png) left center no-repeat;
  background-size: 30px 30px;
}

.remarkScorecard p{
  margin-bottom: 3px;
  font-weight: 400;
  font-size: 13px;
  line-height: 30px;
  color: #616161;
}

.dataTables_wrapper{
  max-width: 100%;
  overflow-x: auto;
}


.importModal .dataTables_wrapper{

}

.importModal .modal-content{
  padding-top: 10px;
  padding-bottom: 10px;
}
.orderPanel{
  position: relative;
  margin-bottom: 20px;
}
.orderHint{
  width: 360px;
  text-align: right;
  position: absolute;
  right: 0px;
  bottom: -20px;
  display: block;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #BF9C5C;
}

.groupTable td.player{
  text-align: left;
  padding-top: 0px;
  padding-bottom: 0px;
}
.groupTable .singlePlayer{
  border: 0px;
  background-color: transparent;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #747474;
  width: 145px;
  text-align: center;
  border-right: 1px solid #FFF;
  height: 40px;
  cursor: default;
}


.showgolfTable{
  margin-top: 5px;
}
.showgolfTable select.form-control{
    text-align: center;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    border: 0px;
    display: inline-block;
    width: auto;
    background-color: transparent;
    padding: 3px 10px;
}
.showgolfTable tr{
  border: 0px;
}
.showgolfTable th, .showgolfTable thead td{
  border: 0px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #BF9C5C;
  text-align: center;
}
.showgolfTable td{
  border: 0px;
  text-align: center;
}
.showgolfTable td input{
  border: 0px;
  border-bottom: 1px solid #A5A5A5;
  border-radius: 0px;
  text-align: center;
  background-color: transparent;
  padding: 3px 10px;
}
.showgolfTable tbody tr:nth-child(odd) td:not(.edit){
  background-color: #F4F5F9;
}
.showgolfTable tbody tr.active td:not(.edit):not(.group){
  background-color: #FFF2DB;
}
.showgolfTable input.myDatepicker{
  background: url(/fe/img/icon_cal.png) right center no-repeat;
  background-size: 16px 16px;
}
.showgolfTable.scorecard tbody td{
  color: #5B5B5B;
  font-weight: 600;
}
.showgolfTable.scorecard tbody td.score{
  padding: 8px 5px;
}
.showgolfTable.scorecard tbody td.playerName{
  width: 100px;
  line-height: 25px;
  white-space: nowrap;
}
.showgolfTable.scorecard td input{
  border: 1px solid #A5A5A5;
  border-radius: 4px;
  padding: 2px 1px;
  color: #747474;
  background-color: #FFF;
}
.showgolfTable.scorecard td.group,.showgolfTable tbody tr:nth-child(odd) td.group{
  background-color: #FFF;
  vertical-align: middle;
}

.showgolfTable.scorecard:not(.inout) td input.out,.showgolfTable.scorecard:not(.inout) td input.in,.showgolfTable.scorecard td input.total{
  border: 0px;
  background-color: transparent;
}

.showgolfTable.scorecard tr.firstOfGroup td, .showgolfTable.scorecard tr.firstOfGroup th{
  border-top: 0.5px  solid #747474;
}

.showgolfTable.scorecard tr.headerOfGroup th{
  border-bottom: 0.5px  solid #747474;
}

.showgolfTable.scorecard tr.firstOfGroup:first-child th{
  border: 0px;
}


.scorecard td.eagles, .showgolfTable tbody tr:nth-child(odd) td.eagles, .showgolfTable tbody tr:nth-child(even) td.eagles{
  background-color: #FFE0E1;
}

.scorecard td.par, .showgolfTable tbody tr:nth-child(odd) td.par, .showgolfTable tbody tr:nth-child(even) td.par{
  background-color: #D5EAD7;
}

.scorecard td.birdie, .showgolfTable tbody tr:nth-child(odd) td.birdie, .showgolfTable tbody tr:nth-child(even) td.birdie{
  background-color: #DFF2FC;
}

.showgolfTable.scorecard td.hio, .showgolfTable tbody tr:nth-child(odd) td.hio, .showgolfTable tbody tr:nth-child(even) td.hio{
  background-color: #FBC600;
  color: #FFF;
}

.showgolfTable.groupTable td{

  border: 1px solid #FFF;
  color: #747474;
  font-weight: 400;
  font-size: 15px;
}

.showgolfTable.groupTable td button{
  position: relative;
}

.showgolfTable.groupTable td .showgolfIcon.guest{
  position: absolute;
  top: 10px;
  right: 0px;
}




.groupModal .playerBtn{
  position: relative;
  background: #F4F5F9;
  border-radius: 5px;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #747474;
  padding: 10px 10px;
  border: 0px;
  margin-right: 8px;
  margin-bottom: 8px;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.groupModal .playerBtn span.num{
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #BF9C5C;
  background-color: #FFF;
  border-radius: 10px;
  margin-right: 8px;
}

.groupModal .primaryBtn{
  background-color: #BF9C5C;
  color: #FFF;
}

.groupModal .nameWrapper{
  height: 250px;
  overflow-y: auto;
}

.groupModal .searchBlock{
   position: absolute;
   top: 30px;
   left: 30%;
}

.msgModal.editModal.groupModal .modal-content .modal-body{
  padding: 10px 0px 10px 0px;
}

.groupModal .searchBlock .searchInput{
  border: 0px;
  background: url(/fe/img/icon_search.png) right center no-repeat;
  width: 100%;
  padding: 5px 10px;
}

.groupModal .searchBlock .searchInput:focus{
  box-shadow: none;
  outline: none;
}

.groupModal .selectZone{
  position: relative;
  padding-left: 80px;
}

.groupModal .selectZone>label{
  position: absolute;
  left: 0px;
  color: #000;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}

.groupModal .selectZone label.sub{
  width: 70px;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 15px;
}
.groupModal .selectZone .icheckbox_square-grey{
  margin-left: 35px;
}


.nav-tabs.scoreNav .nav-link.active{
  border: 0.5px solid #A5A5A5;
  color: #000;
  background-color: #E9F7FF;
}

.nav-tabs.scoreNav .nav-link{
  border: 0.5px solid #A5A5A5;
  border-bottom: 0px;
  color: #D3D3D4;
  margin-right: 6px;
}

.nav-tabs.scoreNav{
  border-bottom: 0.5px solid #A5A5A5;
}

.editForm.labelRight label{
  text-align: right;
}

span.requireMark{
  color: red;
}

@media print
{    
    .container{
      width: 100% !important;
      max-width: 100% !important;
    }
    .topbar, .pageBanner, .footer, .noPrint
    {
        display: none !important;
    }
}


.teamAdsBlock{
  margin-bottom: 16px;
}


.zoneBannerBlock{
  margin: 12px 0px 0px 0px;
}

.teamAdsBlock.zoneBannerBlock{
  margin-bottom: 3px;
}

.teamAdsBlock .mobile{
  display: none;
}

.teamAffairsAds img.mobile{
  display: none;
}

.newsAdsBlock{
  margin-bottom: 16px;
}

.newsAdsBlock .mobile{
  display: none;
}

.inlineAds{
  margin-bottom: 13px;
}

.inlineAds img.mobile{
  display: none;
}

.mb-16{
  margin-bottom: 16px;
}

.mb-30{
  margin-bottom: 30px;
}

.contactIcon{
    position: fixed;
    z-index: 1;
    right: 44px;
    bottom: 130px;
    background: url(/fe/img/ask_icon.svg);
    background-size: 52px 75px;
    width: 52px;
    height: 75px;
    cursor: pointer;
}

@media screen and (max-width:600px) {
  .teamAdsBlock .web{
    display: none;
  }

  .teamAdsBlock .mobile{
    display: block;
  }

  .teamAffairsAds img.mobile{
    display: block;
  }

  .teamAffairsAds img.web{
    display: none;
  }

  .newsAdsBlock .web{
    display: none;
  }

  .newsAdsBlock .mobile{
    display: block;
  }

  .inlineAds img.mobile{
    display: block;
  }

  .inlineAds img.web{
    display: none;
  }

  .whiteBlockWrapper{
    padding: 3px 0px;
    background-color: #FFF;
    margin-bottom: 5px;
  }

  .groupTable .singlePlayer{
    display: block;
  }

  .subTitle {
      padding-left: 10px;
      padding-bottom: 10px;
      margin-bottom: 0px;
  }

  .pageBanner {
      /* display: none; */
      height: 60px;
      line-height: 60px;
      font-size: 21px;
      margin-bottom: 10px;
  }
  .competitionMenu ul li{
    margin-bottom: 15px;
  }
  .balanceInfo{
    margin-bottom: 15px;
  }
  .scoreMeta{
    margin-right: 0px;
  }
  .grayPrimaryBtn{
    padding: 8px 18px;
  }
  .primaryBtn{
    padding: 8px 18px;
  }
  .orderPanel{
    margin-bottom: 30px;
  }
  .competitionList .msgModal .modal-content{
    padding: 10px 10px;
  }
  .showgolfTable select.form-control{
    width: 90px;
    padding: 3px 0px;
  }
  .hidden-xs{
    display: none;
  }
  .contactIcon{
      z-index: 1;
      right: 9px;
      bottom: 110px;
  }
}

@media (min-width:600px) and (max-width:992px){
  .competitionMenu ul li{
    margin-bottom: 15px;
  }
  .socialLoginBlock{
    text-align: center;
    border-top: 1px solid #B9995C;
    border-left: 0px !important;
    margin-top: 30px;
  }
  .contactIcon{
      right: 9px;
  }
}