/*
    This is for Notice Dialog for Site.
*/
/*
  Background.
*/
.SITE_CONFIRM_MBG {
  position: fixed;
  display: block;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  background: rgba(0,0,0,0);
}

  .SITE_CONFIRM_MODAL {
    position: absolute;
    top: 500px;                     /*Default Position y*/
    left: 500px;                    /*Default Position x*/
    width: 300px;                   /*Width*/
    height: 80px;                  /*!!Height*/
    display: flex;                  /*Display*/
    -webkit-flex-direction: column; /*Flex_Direction*/
    flex-direction: column;
    justify-content: flex-start;    /*Flex_Justify*/
    align-items: stretch;           /*Flex_Align*/
    flex-glow: 0;                   /*Flex_Grow*/
    color: #C0C0C0;                 /*TX_Color*/
    background: #FFFFFF;            /*BG_Color*/
    font-size: 10px;                /*Font_Size*/
    border: solid 1px #C0C0C0;      /*Border,Border_Color*/

    -webkit-border-radius: 0px 5px 5px 5px;
    -moz-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
  }

  /*
    For Contents.
  */
  /*Scroll wapper.*/
  .SITE_CONFIRM_MODAL .CONT_WAP{
    margin-top: 0px;
    margin-left: 7px;
    width: 288px;                   /*Width*/
    height: 50px;                  /*!!Contents Height*/
/*
    border: 1px solid #DCDCDC;
*/
    overflow-x: hidden;
    overflow-y: hidden;

  }

  /*
      Contents Area setting.
  */
  .SITE_CONFIRM_MODAL .CONT_BODY{

    display: flex;
/*
    flex-direction: column;
*/

    margin-top: 0px;
    margin-left: 7px;
    width: calc( 288px + 17px );    /*Width*/
    height: 50px;                  /*!!Contents Height*/
    overflow-y: auto;

  }

  /*
    For Message and Buttons.
  */
  .SITE_CONFIRM_MODAL .FUNC_BODY {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-right: 7px;
  }

  .SITE_CONFIRM_MODAL .FUNC_MSG {
    width: 100%;
    margin-top: 4px;
    margin-left: 24px;
    margin-bottom: 0px;
    text-align: left;
  }

  .MSG_SITE_CONFIRM {
    font-size: 15px;
  }

  /* --------------------
      Edit items.
   ---------------------*/
  /*
      Function buttons
  */
  .SITE_CONFIRM_BTNS {
    font-size: 12px;
    width: 60px;
    margin-top: 5px;
    margin-left: 10px;
    text-align: center;

    color: #71C5E8;
    background-color: #FFFFFF;

    border: 1px solid #71C5E8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

  .SITE_CONFIRM_BTNS:hover {
    background-color: #71C5E8;
    color: #fff;
    cursor:pointer;
  }

/*
    For SP.
*/
@media screen and (max-width:767px){
  .SITE_CONFIRM_MODAL {
    width:90%;
    left:5%;
  }
}