/*
    This is for Listing Type Serach Option.
*/
/*
  Background.
*/
    .MODAL_ALL_BG {
        position: fixed;
        display: block;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        width: 100%;
        background: rgba(0,0,0,0.1);
        z-index:100001;
    }



    .MODAL_BOX_TENURE {
        width:320px;
        height:200px;
        background:#fff;
        border:1px solid #666;
        padding:10px;
        position:relative;
        z-index:100002;
        margin-left:40%;
        margin-top:153px;
    }


    .drpdwn_fixed_typ {
        position: fixed;
        top: -150px;
        left: 0;
        height:auto;
	}


    .MODAL_BOX_CATEGORY {
        width:340px;
        height:auto;
        background:#fff;
        border:1px solid #666;
        /*padding:10px;*/
        position:relative;
        z-index:100003;
        margin-left:15.6%;
        margin-top:153px;
        padding-top:10px;
        padding-bottom:50px;
    }


    .drpdwn_fixed_cat {
        position: fixed;
        top: -150px;
        left: 0;
        height:auto;
	}

    .MODAL_BOX_LOCATION {
        width:320px;
        height:auto;
        background:#fff;
        border:1px solid #666;
        /*padding:10px;*/
        position:relative;
        z-index:100003;
        margin-left:26.8%;
        margin-top:153px;
        padding-top:10px;
        padding-bottom:50px;
    }


    .drpdwn_fixed_loc {
        position: fixed;
        top: -150px;
        left: 0;
        height:auto;
	}

    .MODAL_BOX_DISTRICT {
        width:320px;
        height:500px;
        background:#fff;
        border:1px solid #666;
        padding:10px;
        position:relative;
        z-index:100003;
        margin-left:38%;
        margin-top:153px;
    }


    .drpdwn_fixed_dis {
        position: fixed;
        top: -150px;
        left: 0;
        height:auto;
	}

    .MODAL_BOX_BED {
        width:320px;
        height:300px;
        background:#fff;
        border:1px solid #666;
        padding:10px;
        position:relative;
        z-index:100003;
        margin-left:57.8%;
        margin-top:153px;
    }


    .drpdwn_fixed_bed {
        position: fixed;
        top: -150px;
        left: 0;
        height:auto;
	}


    .MODAL_BOX_PRICE {
        width:320px;
        height:auto;
        background:#fff;
        border:1px solid #666;
        /*padding:10px;*/
        position:relative;
        z-index:100002;
        margin-left:49.1%;
        margin-top:153px;
        padding-top:10px;
        padding-bottom:50px;
    }

    .MODAL_BOX_PRICE_SPR {
        width:320px;
        height:auto;
        background:#fff;
        border:1px solid #666;
        /*padding:10px;*/
        position:relative;
        z-index:100002;
        margin-left:38%;
        margin-top:153px;
        padding-top:10px;
        padding-bottom:50px;
    }

    .drpdwn_fixed_prc {
        position: fixed;
        top: -150px;
        left: 0;
        height:auto;
	}

    .MODAL_BOX_SQM {
        width:320px;
        height:200px;
        background:#fff;
        border:1px solid #666;
        padding:10px;
        position:relative;
        z-index:100002;
        margin-left:66.3%;
        margin-top:153px;
    }


    .drpdwn_fixed_sqm {
        position: fixed;
        top: -150px;
        left: 0;
        height:auto;
	}





   /* div.MODAL_LINE_WP{
        height:190px;
        overflow-y: scroll;
    }*/

    div.MODAL_LINE_WP{
        height:auto;
        margin-bottom:10px;
    }



  /*
    For Contents.
  */
    span.MODAL_BTN_CLOSE{
        position:absolute;
        right:10px;
        top:10px;
        width:16px;
        height:16px;
        cursor:pointer;
    }

    span.MODAL_BTN_CLOSE img{
        width:100%;
        height:auto;
    }

    div.MODAL_BOX_CONTENTS{
        width:94%;
        height:410px;
        margin:0 auto;
        margin-top:20px;
        overflow-y: scroll;
    }

    div.MODAL_PRICE{
        height:auto;
        overflow-y: hidden;
        padding-bottom:20px;
    }

    div.MODAL_LOC{
        height:auto;
        max-height:410px;
        padding-bottom:20px;
    }

    div.MODAL_LINE01{
        display:flex;
        align-items: center;
		font-size: 0.9em;
    }

    div.MODAL_LINE01 label.ttl{
        width:100px;
    }

    select.SEL_TENURE01{
        color: #434343;
        padding:6px 0 6px 3px;
        text-align: left;
    	border: 1px solid #666;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    select.SEL_PRICE01{
        width:49%;
        background:url(../imgs/chevron-down.svg) 97%  50% no-repeat;
        background-size:20px auto;
        color: #434343;
        padding:6px 0 6px 3px;
        text-align: left;
    	border: 1px solid #666;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    select.SEL_PRICE02{
        width:49%;
        background:url(../imgs/chevron-down.svg) 97%  50% no-repeat;
        background-size:20px auto;
       color: #434343;
        padding:6px 0 6px 3px;
        text-align: left;
    	border: 1px solid #666;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-left:2%;
    }

    select.SEL_SQM01{
        width:49%;
        color: #434343;
        padding:6px 0 6px 3px;
        text-align: left;
    	border: 1px solid #666;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    select.SEL_SQM02{
        width:49%;
        color: #434343;
        padding:6px 0 6px 3px;
        text-align: left;
    	border: 1px solid #666;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-left:2%;
    }

    div.MODAL_LINE02{
        font-weight:bold;
        margin-bottom:10px;
        margin-left:10px;
    }

    div.MODAL_LINE02x{
        font-weight:bold;
        margin-left:10px;
        margin-bottom:10px;
    }

    div.MODAL_LINE03{
		font-size: 0.9em;
        padding:4px 20px;
    }

    div.MODAL_LINE03:hover{
		background:#f4f4f4;
    }

    div.MODAL_LINE03 input[type="checkbox"]{
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        margin-right:10px;
    }

    div.MODAL_LINE04{
                font-size: 0.9em;
        padding:4px 20px 4px 40px;


    }

    div.MODAL_LINE04:hover{
                background:#f4f4f4;
    }

    div.MODAL_LINE04 input[type="checkbox"]{
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        margin-right:10px;
    }

    div.MODAL_LINE05{
        font-size: 0.9em;
        padding:4px 20px 4px 40px;
    }

    div.MODAL_LINE05:hover{
        background:#f4f4f4;
    }

    div.MODAL_LINE05 input[type="checkbox"]{
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        margin-right:10px;
    }








    div.MODAL_BTN_CHOOSE{
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }

    div.MODAL_BTN_CHOOSE input[type="button"] {
        padding: 8px 30px;
        border-radius: 4px;
        background: #71C5E8;;
        font-size: 1.0em;
        color: #fff;
        cursor: pointer;
    }

    div.MODAL_BTN_CHOOSE input[type="button"]:hover {
        background: #434343;
        color:#fff;
        transition: all .5s;
    }


/*
  Background.
*/
.MD_SITE_MOBILE_MBG {
  position: fixed;
  display: block;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  background: rgba(0,0,0,0.1);
  z-index:100001;
}


  .MD_SITE_MOBILE_MODAL {
    width:320px;
	  height:200px;
    background:#fff;
    border:1px solid #666;
    padding:10px;
    z-index:100002;
    margin-top:160px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }



  /*
    For Contents.
  */
  /*Scroll wapper.*/
  .MD_SITE_MOBILE_MODAL .CONT_WAP{
    width: 100%;
    height: auto;
    margin-top:0
    overflow-x: hidden;
    overflow-y: hidden;

  }

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

    display: flex;
    margin-bottom:30px
  }

	#div_passcode_907{
		width:80%;
		margin:0 auto;
    font-size: 0.9em;
	}

	#div_passcode_907 input[type="text"]{
		margin-top:10px;
    width:100%;
    padding: 10px 20px;
    border: 1px solid #434343;
    border-radius: 4px;
    font-size:1.0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	}
  div.PASSCODE_BOX_907 input[type="text"]{
    background: #ffffff;
  }

  div.DISABLE_PASSCODE_BOX_907 input[type="text"]{
    background: #595959;
  }

  div.HIGH_PASSCODE_BOX_907 input[type="text"]{
    background: #FFCCE8;
  }
  /*
    For Message and Buttons.
  */
  .MD_SITE_MOBILE_MODAL .FUNC_BODY {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-right: 7px;
  }

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

  /* --------------------
      Edit items.
   ---------------------*/

  /*
      Function buttons
  */
  .MD_BTNS_907 {
    width:20px;
    height:20px;
  }

  .MD_BTNS_907 img{
    width:20px;
    height:20px;
  }

  .MD_BTNS_907:hover {
    cursor:pointer;
  }

  .PRICE_BOX_907 {
    display: flex;
    flex-direction: column;
    margin-top:10px;
    width: 49%;
    margin-right:1%;
  }

  .LB_01_907 {
    font-size:  0.9em;
    display: block;
    float: left;
    width: auto;
    margin-right: 5px;


  }

  .SEL_01_907 {

    font-size:  1.0em;
    width: 100%;
    border: 0;
    padding: 2px;
    border: solid 1px #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    background-color: #FFFFFF;

  }

  div.LISTING_DIALOG_BTN_907{
    width:100%;
    text-align:right;
  }

  div.LISTING_DIALOG_BTN_907 input[type="button"] {
    padding: 8px 30px;
    border-radius: 4px;
    background: #434343;
    font-size: 1.0em;
    color: #fff;
    cursor: pointer;
    margin-top:16px;
  }

  div.LISTING_DIALOG_BTN_907 input[type="button"]:hover {
    background: #71C5E8;
    color:#fff;
    transition: all .5s;
  }

  p.LISTING_DIALOG_CLOSE_907{
    position:absolute;
    right:20px;
    top:0;
    width:20px;
    height:20px;
  }

  p.LISTING_DIALOG_CLOSE_907 img{
    width:100%;
    height:auto;
  }





/*
    For SP.
*/
@media screen and (max-width:767px){
    .MODAL_BOX_TENURE {
        width:90%;
		margin:0 auto;
        padding:10px 20px;
        margin-top:330px;
    }

	.drpdwn_fixed_typ {
        top: -330px;
        margin-left:5%;
    }


    .MODAL_BOX_CATEGORY {
        width:90%;
		margin:0 auto;
        padding:10px 20px;
        margin-top:240px;
    }

	.drpdwn_fixed_cat {
        top: -240px;
        margin-left:5%;
    }

    .MODAL_BOX_LOCATION {
        width:90%;
		margin:0 auto;
        padding:10px 20px;
        margin-top:310px;
    }

	.drpdwn_fixed_loc {
        top: -310px;
        margin-left:5%;
    }

    .MODAL_BOX_DISTRICT {
        width:90%;
		margin:0 auto;
        padding:10px 20px;
        margin-top:310px;
    }

	.drpdwn_fixed_dis {
        top: -310px;
        margin-left:5%;
    }

    .MODAL_BOX_BED {
        width:90%;
		margin:0 auto;
        padding:10px 20px;
        margin-top:450px;
    }

	.drpdwn_fixed_bed {
        top: -450px;
        margin-left:5%;
    }










}