/*
    condo.css
*/
/*
    For reset.
*/

    *{
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	button, input, select, textarea {
		font-family : inherit;
		font-size   : 100%;
	}

/************************************** For PC. **************************************/
	div.CONDO_WP{
		width:100%;
        border-bottom:1px solid #434343;
        margin-bottom:10px;
        line-height:1.8em;
	}

  div.BREADCRUMB_WRP_CONDO{
		width:100%;
		border-bottom:1px solid #ccc;
		margin-bottom:10px;
  }

    div.BREADCRUMB_BOX_CONDO{
	  width:100%;
      padding:0 5%;
    }

    div.BREADCRUMB_BOX_CONDO ul{
      display:flex;
      align-items: center;
    }

	div.BREADCRUMB_BOX_CONDO ul li{
        color:#434343;
        font-size:0.8em;
    }

	div.BREADCRUMB_BOX_CONDO ul li,
	div.BREADCRUMB_BOX_CONDO ul li a{
        color:#434343;
	}
	div.BREADCRUMB_BOX_CONDO ul li:after {
        content: '>';
        padding: 0 10px;
        color:#434343;
	}

	div.BREADCRUMB_BOX_CONDO ul li:last-child:after {
        content: '';
	}
	div.BREADCRUMB_BOX_CONDO ul li a:hover {
        color:#71C5E8;
	}

  /* ---------------------------------
      For Contents 
    --------------------------------- */
    div.CONDO_BOX{
        width:86%;
        margin:0 auto;
        margin-bottom:100px;
        position: relative;
    }

	div.CONDO_BOX h2{
        font-size:1.3em;
        padding-top:20px;
        margin-bottom:10px;
	}

	div.CONDO_BOX h2 span{
        display:none;
	}

	div.CONDO_BOX h2:lang(zh) {
		font-weight:bold;
		-webkit-text-stroke:0;
	}

	div.CONDO_BOX p.pc_info{
        padding:0;
        margin:0;
        font-size:0.9em;
        margin-bottom:20px;
	}

    div.CONDO_PC_IMG{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        margin-bottom:60px;
    }

    div.CONDO_PC_IMG div.no1 {
        grid-area: 1 / 1 / 3 / 3; 
    }

    div.CONDO_PC_IMG div.no2 {
        grid-area: 1 / 3 / 2 / 4; 
    }

    div.CONDO_PC_IMG div.no3 {
        grid-area: 1 / 4 / 2 / 5; 
    }

    div.CONDO_PC_IMG div.no4 {
        grid-area: 2 / 3 / 3 / 4; 
    }

    div.CONDO_PC_IMG div.no5 {
        grid-area: 2 / 4 / 3 / 5;
        position:relative;
    }

    div.CONDO_PC_IMG div.no5 div.photo_cnt{
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        background: rgba(0,0,0,0.4);
        cursor:pointer;
        color:#fff;
        text-decoration:underline;
        text-align:center;
        padding-top:25%;
        font-size:1.2em;
    }

    div.CONDO_PC_IMG img{
        width:100%;
        height:100%;
        object-fit: cover;
    }

    .hdn{
        display:none;
    }

    .sp_info{
        display:none;
    }

    div.CONDO_SP_IMG{
        display:none;
    }

    div.CONDO_INFO{
        margin-bottom:40px;
        padding-bottom:2em;
        position:relative;
    }

    div.CONDO_INFO p{
        font-size:0.9em;
    }

    div.CONDO_INFO p.sht{
        width:70%;
		height:20em;
        overflow:hidden;
    }

    div.CONDO_INFO p.all{
		width:100%;
		height:100%;
    }

    div.CONDO_INFO a{
        display:block;
        position:absolute;
        bottom:0;
        right:30%;
        color:#0478AF;
        font-size:0.9em;
    }

    div.CONDO_INFO2{
        width:26%;
        position:absolute;
        top:0;
        right:0;
        display:flex;
        flex-wrap: wrap;
    }

    div.CONDO_INFO2 div.str{
        width:50%;
        font-size:0.8em;
        padding:0;
        margin:0;
        text-align:center;
    }

    div.CONDO_INFO2 div.str img{
        width:50px;
        height:auto;
    }

    div.CONDO_INFO2 div.str span{
        font-size:1.8em;
    }

    div.CONDO_INFO2 div.share{
        width:100%;
        padding:0;
        margin:0;
    	display:flex;
        align-items: center;
        justify-content: center;
        margin-top:20px;
        cursor:pointer;
    }

    div.CONDO_INFO2 div.share img{
		height:30px;
		width:auto;
        margin-left:10px;
    }

    div.CONDO_INFO_H3{
        display:flex;
    }
    
    div.CONDO_INFO_H3 h3{
        margin-right:5px;
    }

    div.CONDO_AMENITIES{
        margin-bottom:40px;
    }

    div.CONDO_AMENITIES h3{
        margin-bottom:20px;
    }

    div.CONDO_AMENITIES ul{
        width:60%;
        display:flex;
        flex-wrap: wrap;
        font-size:0.9em;
    }

    div.CONDO_AMENITIES ul li{
        width:33%;
		background:url(../imgs/arr_02.png) no-repeat;
		background-size: 20px 20px;
		background-position: 0 4px;
        padding-left:30px;
        margin-bottom:10px;
    }

    div.CONDO_LOCATION{
        margin-bottom:40px;
    }

    div.CONDO_LOCATION h3{
        margin-bottom:20px;
    }

    div.CONDO_LOCATION a{
        font-size:0.9em;
        color:#0478AF;
        text-decoration:underline;
    }

    div.CONDO_YOUTUBE_WP{
		width:60%;
		margin:30px 0;
    }

    div.CONDO_YOUTUBE{
		width:100%;
		position:relative; 
		padding-bottom:56.25%;
		height:0;
		overflow: hidden;
    }

	div.CONDO_YOUTUBE iframe{
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
  	}

    div.CONDO_LISTING{
        margin-bottom:40px;
    }

    div.CONDO_LISTING_H3{
        margin-bottom:40px;
        display:flex;
    }

    div.CONDO_LISTING_H3 h3{
        margin-right:5px;
    }
    div.CONDO_LISTING h3{
        /*margin-bottom:20px;*/
    }

    div.CONDO_LISTING p{
        padding:0;
        margin:0;
    }

    div.CONDO_LISTING_TAB{
        border:1px solid #ccc;
        display:flex;
        margin-bottom:20px;
    }

    div.CONDO_LISTING_TAB a{
        display:block;
        width:50%;
        text-align:center;
        color:#0478AF;
        padding:4px 0;
    }

    div.CONDO_LISTING_TAB a.active{
        color:#fff;
        background:#666;
    }

    div.CONDO_LISTING_TAB a.notactive{
        color:#0478AF;
        background:#fff;
    }

    div.CONDO_LISTING_TAB a.notactive:hover{
        background:#f5f5f5;
        transition: all .5s;
    }

    div.CONDO_LISTING_ROOMS{
        border:1px solid #ccc;
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        font-size:0.9em;
        margin-bottom:40px;
    }

    div.CONDO_LISTING_ROOMS a{
        width: 100%;
        text-align:center;
        border-right: 1px solid #ccc;
        display:flex;
        align-items: center;
        justify-content: center;
    }

    div.CONDO_LISTING_ROOMS a:last-child{
        border-right: none;
    }
    div.CONDO_LISTING_ROOMS a img{
        width:1em;
        height:auto;
        margin-left:6px;
    }

    div.CONDO_LISTING_ROOMS a.active{
        color:#0478AF;
        padding:4px 0;
    }

    div.CONDO_LISTING_ROOMS a:hover{
        background:#f5f5f5;
        transition: all .5s;
    }

    div.CONDO_LISTING_BOX_PC{
        margin-bottom:20px;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_HEADER{
        display:flex;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_HEADER span{
        padding:6px 0;
        font-size:0.9em;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_HEADER span.price{
        width:30%;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_HEADER span.beds{
        width:18%;
        text-align:center;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_HEADER span.size{
        width:18%;
        text-align:center;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_HEADER span.floor{
        width:18%;
        text-align:center;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY{
        width:100%;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        margin-bottom:30px;
        padding:20px 0;
    }

	div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY table{
        width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}

	div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY tr, div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY td{
        padding:0;
        margin:0;
	}

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY div.CONDO_LISTING_BOX_ITEM{
        width:100%;
        display:flex;
        align-items: center;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY div.CONDO_LISTING_BOX_ITEM div{
        padding:10px 0;
        font-size:0.9em;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY div.CONDO_LISTING_BOX_ITEM div.img{
        width:15%;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY div.CONDO_LISTING_BOX_ITEM div.img img{
        width:100%;
        height:auto;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY div.CONDO_LISTING_BOX_ITEM div.price{
        width:15%;
        text-align:center;
        font-size:1.0em;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY div.CONDO_LISTING_BOX_ITEM div.beds{
        width:18%;
        text-align:center;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY div.CONDO_LISTING_BOX_ITEM div.beds span{
        margin-right:5px;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY div.CONDO_LISTING_BOX_ITEM div.size{
        width:18%;
        text-align:center;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY div.CONDO_LISTING_BOX_ITEM div.size span{
        margin-right:5px;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY div.CONDO_LISTING_BOX_ITEM div.floor{
        width:18%;
        text-align:center;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY div.CONDO_LISTING_BOX_ITEM div.floor span{
        margin-right:5px;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY div.CONDO_LISTING_BOX_ITEM div.btn{
        width:16%;
        text-align:center;
		line-height:1.0em;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY div.CONDO_LISTING_BOX_ITEM div.btn a.cnt_btn{
		display:block;
        width:80%;
		color:#fff;
		background:#71C5E8;
		border-radius:6px;
        padding:10px;
    }

    div.CONDO_LISTING_BOX_PC div.CONDO_LISTING_BOX_BODY div.CONDO_LISTING_BOX_ITEM div.btn a.cnt_dtl{
		display:block;
        width:80%;
		color:#0478AF;
    }

    div.CONDO_LISTING__PAGER p.btn_next_sp{
        display:none;
    }

    /* Navigation */
	div.CONDO_LISTING__PAGER {
        width:auto;
        margin:50px 0;
  }

	div.CONDO_LISTING__PAGER ul{
        display:flex;
        justify-content: center;
        align-items: center;
  }

	div.CONDO_LISTING__PAGER ul li{
        font-weight:bold;
        border-left:1px solid #999;
        border-top:1px solid #999;
        border-bottom:1px solid #999;
  }

	div.CONDO_LISTING__PAGER ul li.next{
        border-right:1px solid #999;
  }

	div.CONDO_LISTING__PAGER ul li a{
        display:block;
        padding:10px 18px;
  }

	div.CONDO_LISTING__PAGER ul li a:hover{
        background: #e3e3e3;
        transition: all .5s;
  }

	div.CONDO_LISTING__PAGER ul li.dot{
        display:block;
        padding:10px 18px;
  }

	div.CONDO_LISTING__PAGER ul li.active{
        color:#fff;
        background:#184377;
  }

    div.CONDO_LISTING_BOX_SP{
        display:none;
    }












/************************************** For SP. **************************************/
@media screen and (max-width:767px){
	div.CONDO_WP{
        border-bottom:0;
        line-height:2.0em;
        margin-top:10px;
	}

  div.BREADCRUMB_WRP_CONDO{
		display:none;
  }

  /* ---------------------------------
      For Contents 
    --------------------------------- */
	div.CONDO_BOX{
		width:100%;
		padding:0 20px;
        margin-bottom:40px;
    }

	div.CONDO_BOX h2{
        margin-bottom:20px;
        position:relative;
    }

	div.CONDO_BOX h2 span{
        display:block;
        position:absolute;
        right:0;
        top:20px;
        cursor:pointer;
	}

	div.CONDO_BOX h2 span img{
		width:30px;
        height:auto;
	}

	div.CONDO_BOX p.pc_info{
        display:none;
	}

    div.CONDO_INFO2{
        width:100%;
        position:relative;
        margin-bottom:30px;
    }

    div.CONDO_INFO2 div.share{
        display:none;
    }

    div.CONDO_INFO2 div.str{
        width:25%;
    }

    div.CONDO_INFO2 div.sp_info{
        display:block;
        width:50%;
    }

    div.CONDO_INFO p.sht{
        width:100%;
    }

    div.CONDO_INFO a{
        right:0%;
    }

    div.CONDO_PC_IMG{
        display:none;
    }

    div.CONDO_SP_IMG{
        display:block;
        margin-bottom:30px;
    }

    div.CONDO_AMENITIES{
        margin-bottom:20px;
    }

    div.CONDO_AMENITIES h3{
        margin-bottom:10px;
    }

    div.CONDO_AMENITIES ul{
        width:100%;
    }

    div.CONDO_LOCATION{
        margin-bottom:30px;
    }

    div.CONDO_LOCATION h3{
        margin-bottom:10px;
    }

    div.CONDO_YOUTUBE_WP{
		width:100%;
		margin:10px 0 ;
  }

    div.CONDO_LISTING_ROOMS a.all{
        display:none;
    }

    div.CONDO_LISTING_BOX_PC{
        display:none;
    }

    div.CONDO_LISTING_BOX_SP{
        display:block;
    }

    div.CONDO_LISTING_BOX_SP div.CONDO_LISTING_BOX_BODY{
        width:100%;
    }

	div.CONDO_LISTING_BOX_SP div.CONDO_LISTING_BOX_BODY table{
        width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}

	div.CONDO_LISTING_BOX_SP div.CONDO_LISTING_BOX_BODY tr, div.CONDO_LISTING_BOX_SP div.CONDO_LISTING_BOX_BODY td{
        padding:0;
        margin:0;
	}

    div.CONDO_LISTING__PAGER p.btn_next_sp{
        width: 80%;
        margin:0 auto;
        display:block;
        color:#fff;
        background:#71C5E8;
        margin-bottom:30px;
        text-align:center;
        padding:6px 0;
    }

    p.btn_next_sp:hover{
        cursor: pointer;
    }













}
