.swiper{overflow: hidden;padding: 0px;position: relative;} .guild{position: absolute;z-index: 5;left: 20px;top: 20px;} .guild span:nth-child(2){margin-left: 3px;} .guild span{display:inline-block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color: #FFF; padding: 0 10px;} .guild .presale{background-color: #D1156B;} .guild .AI_watch{background-color: #0CC;} .TabbedPanels .guild{left:5px;top: 5px;} .item-recommend ul li{position: relative;} .item-recommend ul li dl dt{margin-right:auto;margin-left:auto;margin-bottom: 5px;} .item-recommend ul li dl dd{font-size: 0.875rem;padding-top:0px;padding-left:5px;color: #666;} .item-recommend ul li dl dd a{font-weight: bold;font-size: 1rem;} .item-recommend ul li dl dd span{font-weight: bold;font-family: Arial, Helvetica, sans-serif;/*margin-right: 3px;margin-left: 3px;*/font-size: 1rem;} /*.item-recommend ul li dl dd span:after{font-weight: normal;font-family: "微軟正黑體";}*/ .item-recommend ul li dl dd.title{overflow : hidden;text-overflow : ellipsis;white-space : nowrap;margin-bottom: 5px;} .item-recommend ul li dl dd.year{display: none;} .item-recommend ul li dl dd.price {color: #000;} .item-recommend ul li dl dd.price span{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight: bold;font-size: 1.2rem;} .item-recommend ul li dl dd.price i{color: #F00;} .item-recommend ul li dl dd.price .down{display:inline-block;text-decoration: line-through;margin-left: 5px;color: #666;font-size: 0.7rem;} .item-recommend ul li dl dd.pings span{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} .item-recommend ul li dl dd.pings span:before{content: '/';font-weight: normal;} .item-recommend ul li dl dd.pings span:first-child:before{display: none;} .item-recommend .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 0px;} .item-recommend ul li dl dd.price .del{font-size:1rem;position: absolute;top: -25px;right: 0px;text-shadow: 0 1px #FFF, 1px 0 #FFF, -1px 0 #FFF, 0 -1px #FFF;} .item-recommend ul li dl dd.price .del font{font-size:0.75rem;text-decoration: line-through;} .item-recommend ul li dl dd.price .del::before{content: "原價";font-size:0.5rem;} .item-recommend ul li dl dd.price .del::after{content: "萬";font-size:0.5rem;} .item-recommend ul li dl dd.down{position: absolute;top: 0px;right: 0px;font-size: 1rem;font-weight: bold;color: #FFF;margin: 0px;} .item-recommend ul li dl dd.down span{font-size: 1.5rem;color: #FFF;} .item-recommend ul li dl dd.down .bg{position: relative;padding: 5px;} .item-recommend ul li dl dd.down .bg .range{z-index: 2;position: absolute;top:5px;right: 5px;width: 70px;text-align: right;} .item-recommend ul li dl dd.down .bg:before{content: "";position: absolute;top: 0px;right: 0px;width: 0;height: 0;border-style: solid;border-width: 0 7em 4em 0;border-color: transparent #F00 transparent transparent;display: block;z-index: 1;} /*.item-recommend ul li dl dd.price::after{content: '萬';font-family: "微軟正黑體";font-weight: normal;} .item-recommend ul li dl dd.pings::after{content: '坪';} .item-recommend ul li dl dd.year::after{content: '年';} .item-recommend ul li dl dd.part span:nth-of-type(1):after{content: '房';} .item-recommend ul li dl dd.part span:nth-of-type(2):after{content: '廳';} .item-recommend ul li dl dd.part span:nth-of-type(3):after{content: '衛';}*/ .item-recommend .swiper{margin:0 8px;} .item-recommend .swiper-button-next{right: 5px;} .item-recommend .swiper-button-prev {left: 5px;} #self-item label span{margin: 0px;} #ObjectCondition dt{font-size:16px;position:relative;margin-top:1px;padding:8px 10px 0px 10px} #ObjectCondition dt a{display:block;height:15px;width:15px;position:absolute;top:10px;right:10px;line-height:13px;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:20px;} #ObjectCondition dd{font-size: 0.875rem;padding:5px} #ObjectCondition dd a{ display:inline-block; padding-top:3px; padding-bottom:3px; padding-left:5px; width: calc(100% / 3); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: -3px; vertical-align: top;overflow : hidden; text-overflow : ellipsis; white-space : nowrap; } #ObjectCondition dd input{height:30px;width:40px;margin-top:3px;margin-bottom:3px} #ObjectCondition dd input.submit{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:48px;font-size:16px;height:30px;border-style:none;margin-right: 0px;margin-left: 4px; padding: 0px;} #morefilterbox #ObjectCondition{padding: 10px;flex-direction: row ;} #morefilterbox #ObjectCondition dl{float: left;width: 20%;border-right: 1px solid #CCC;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 360px;} #morefilterbox #ObjectCondition dl:nth-child(5) {border-right: none;} #morefilterbox #ObjectCondition dt {background-color: transparent;border-top: none;font-weight: bold;color: #CCC;} #morefilterbox #ObjectCondition a{color: #333;} #morefilterbox #ObjectCondition dd a.active{font-weight: bold;} #morefilterbox #ObjectCondition dl dd{min-height: 178px;} /*#morefilterbox #ObjectCondition dl:first-child dd a,#morefilterbox #ObjectCondition dl:nth-child(3) dd a,#morefilterbox #ObjectCondition dl:nth-child(4) dd a,#morefilterbox #ObjectCondition dl:nth-child(5) dd a ,#morefilterbox #ObjectCondition dl:nth-child(6) dd a{width: 45%;display: inline-block;}*/ #morefilterbox #ObjectCondition dl dd > a{width: 45%;display: inline-block;} #morefilterbox #ObjectCondition dl dd:first-child a:first-child,#morefilterbox #ObjectCondition dl:nth-child(5) dd a:nth-child(2) {width:100%;} #pc-FocusAd #morefilterbox #ObjectCondition dl:nth-child(5) dd a:nth-child(2) {width: 45%;} #morefilterbox #ObjectCondition dl dd .sort li{width: calc((100% - 20px) / 2);margin: 5px;float: left;} #morefilterbox #ObjectCondition dl dd .sort li a{text-align: center;padding: 0px;border: 1px solid #CCC;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;width:100%;} #TabbedPanels1 .SearchBox_select .search-form #morefilterbox #ObjectCondition dl input[type="text"]{/*width: 40px;*/width: calc((100% - 20px) / 2);height: 30px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} #sidebar #ObjectCondition dt{padding:8px 10px} .msg{margin-bottom: 10px;font-size: 0.875rem;} #current{position:relative;margin-bottom:15px} #current .icon{position:absolute;height:6px;width:11px;left:70px;bottom:-8px;background-repeat:no-repeat;background-position:left -80px} #current ul li{font-size: 0.875rem;margin-right:2px;margin-bottom:5px;float:left;height:25px;line-height:25px;min-width:60px;text-align:center} #current ul li a{line-height:25px;padding-right:10px;padding-left:10px;display:block;} #current ul li a img{background-position:left -100px;height:10px;width:10px;margin-left:5px} #current ul li.bnt_color{border: 1px solid #F00;} #current ul li.bnt_color a{color: #F00;} .sequence{padding-bottom:10px;line-height:30px} .sequence dt{} .sequence dt p{font-size: 0.875rem;float:left} .sequence dd{margin-left: -5px;} .sequence dd a{font-size: 0.875rem;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;float:left;display:block;padding-left:8px;margin-left:5px;} .sequence dd a img{background-repeat:no-repeat;background-position:left top;height:25px;width:24px;margin-left:5px} .sequence dd a .up{background-position:left -25px} .sequence dd a .down{background-position:left -50px} .ObjectList{padding-top:10px;padding-bottom:10px;margin-bottom:10px;} #FavouritesBox .ObjectList,#member .ObjectList{margin-top:10px; width: 100%;} #FavouritesBox .ObjectList > ul,#FavouritesBox .ObjectList ul li.house_block,#member .ObjectList > ul,#member .ObjectList ul li.house_block{width:auto} .ObjectList > ul{} .ObjectList ul li.house_block{padding-top:1px;position:relative;z-index:50;margin-bottom:1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .ObjectList ul li .title{line-height:35px;padding-right: 10px;padding-left: 10px;border-top:1px solid #F5F5F5;} .ObjectList ul li .title dt a{font-size:1.125rem;/*font-weight: bold;*/} .ObjectList ul li .title > dt img{height:23px;width:24px;background-repeat:no-repeat;margin-bottom:5px;margin-right:5px;} .ObjectList ul li .title dt .buy{background-position:-25px 0} .ObjectList ul li .title dt .rent{background-position:-25px -23px} .ObjectList ul li .title > dd{position:absolute;top:1px;right:0} .ObjectList ul li .title dd a{display:block;height:34px;width:43px;float:right;} .ObjectList ul li .title dd a img,.ObjectList ul li .content > dt h4 a img,.ObjectList ul#photo li .content dd a img{height:33px;width:43px;vertical-align: top;} .ObjectList ul li .title dd a .join-favourites{background-position:-55px top} .ObjectList ul li .title dd a .join-favourites:hover{background-position:-55px -33px} .ObjectList ul li .title dd a .del-favourites{background-position:-55px -66px} .ObjectList ul li .title dd a .del-favourites:hover{background-position:-55px -99px} .ObjectList ul li .title dd.date,.ObjectList ul li .EdirBnt{display: none;} .ObjectList ul li .content{padding:10px} .ObjectList ul li .content > dt{cursor:pointer;position:relative} .ObjectList ul li .content > dt h3{font-size:12px;font-weight:400;position:absolute;right:0;bottom:0;float:left;padding-right:5px;padding-left:5px} .ObjectList ul li .content > dt h4{ position:absolute; width:100%; right:0px; bottom: 0px; padding-top: 5px; padding-bottom: 5px; text-align: right; background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */ } .ObjectList ul li .content > dt h4 a {color: #FFF;line-height: 33px;margin-right: 5px;} .ObjectList ul li .content > dt h4 a .NOP{background-position:-636px top} .ObjectList ul li .content > dt h4 a .map{background-position:-636px -33px} .ObjectList ul li .content > dt h4 a .Line{background-position:-679px top} .ObjectList ul li .content > dt h4 a .retention{background-position:-679px -33px} .ObjectList ul li .content > dt h4 a .join-favourites{background-position:-98px top} .ObjectList ul li .content > dt h4 a .join-favourites:hover{background-position:-98px -33px} .ObjectList ul li .content > dt h4 a .del-favourites{background-position:-98px -66px} .ObjectList ul li .content > dt h4 a .del-favourites:hover{background-position:-98px -99px} /*.ObjectList ul li .content > dd span{color:#a2a2a2;width: 60px;display: inline-block;vertical-align: top;}*/ .ObjectList ul li .content > dd span{color:#a2a2a2;width: 60px;/*display: inline-block;*/vertical-align: top;} .ObjectList ul li .content dd .Price dt{line-height:25px;text-align:right} .ObjectList ul li .content dd .Price dt span{color:#000;margin-top:3px;width: auto;padding-right: 0px;margin-left: 0;} .ObjectList ul li .content dd .Price dt .discount-del{text-decoration:line-through;font-size:14px} .ObjectList ul li .content dd .Price dt .discount{font-size:2rem;margin:0 5px 0 10px;} .ObjectList ul li .content dd .Price dd{font-size:13px;line-height:16px;padding:2px 5px} .ObjectList ul li .content dd .Price dd img{height:13px;width:11px;background-repeat:no-repeat;margin-right:5px;margin-left:5px} .ObjectList ul li .content dd .Price dd .down{background-position:-25px -60px} .ObjectList ul li .content dd .Price dd .up{background-position:-38px -60px} .ObjectList ul li .content dd h4{min-height:25px;color: #000;} .ObjectList ul li .content dd h4.trait{width: 100%;padding-left: 0;text-indent: 0; } .ObjectList ul li .content dd h4.trait p{width:calc(100% - 60px);display: inline-block;} .ObjectList ul li .content dd h4 .tel {font-size:1.25rem;} .ObjectList ul li .content dd h4 .num_text {font-size:1.25rem;} .ObjectList ul li .content .AI_watch{left: 5px;top:5px;z-index: 2;} .ObjectList ul li .content .imgbox .guild span{display:inline-block} .ObjectList .ImageBox{height:260px;width:445px;position:absolute;left:-1px;top:-190px;visibility:hidden;z-index: 3;} .ObjectList .ImageBox dl{padding:6px} .ObjectList .ImageBox dl dt{height:229px;width:305px;float:right} .ObjectList .ImageBox dd{float:left;width:120px;overflow:hidden} .ObjectList .ImageBox dd a{line-height:28px;color:#000;height:28px;width:118px;text-align:center;display:block} .ObjectList .ImageBox dd .small{width:150px;margin-top:7px} .ObjectList .ImageBox dd .small li{float:left;height:42px;width:56px;margin-right:3px;margin-bottom:6px} .ObjectList ul li .ShowRent{display:none} .ObjectList ul#photo li.house_block{z-index:50;margin-bottom:15px;} .ObjectList ul#photo li .content{padding:0;position:relative;border-style:none;margin:0 0 5px} .ObjectList ul#photo li .content dt{border-style:none} .ObjectList ul#photo li .content dd{position:absolute;width:auto;} .ObjectList ul#photo li .content dd a .join-favourites{background-position:-98px top} .ObjectList ul#photo li .content dd a .join-favourites:hover{background-position:-98px -33px} .ObjectList ul#photo li .content dd a .del-favourites{background-position:-98px -66px} .ObjectList ul#photo li .content dd a .del-favourites:hover{background-position:-98px -99px} .ObjectList ul#photo li .title{background-color:transparent;text-align:center;line-height:26px;border-bottom: none;} .ObjectList ul#photo li .title dt span{margin-top:3px} .ObjectList ul#photo li .title dt .discount{font-size:2rem;margin:0 5px 0 10px} .ObjectList ul#photo li .title dd{position: relative;display: inline-block;padding-right: 5px;padding-left: 5px;} .ObjectList ul#photo li .title dd span{font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;font-weight: bold;} .ObjectList ul#photo li .title dd:after{content:"";background-color:#ccc;height: 15px;width: 1px;position: absolute;top:5px;right: 0px;} .ObjectList ul#photo li .title dd:last-of-type:after{display:none;} .item_features li{font-size: 0.875rem;display: inline-block;margin-right: 5px;padding: 0 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;line-height: 25px;} #rent #TabbedPanels5 .TabbedPanelsTab{background-position:right -21px;} #rent #TabbedPanels5 .TabbedPanelsTab .icon01{background-position:-51px -60px} #rent #TabbedPanels5 .TabbedPanelsTab .icon02{background-position:-51px -75px} #rent #TabbedPanels5 .TabbedPanelsTab .icon03{background-position:-51px -90px} #rent #TabbedPanels5 .TabbedPanelsTabSelected p{} #rent #TabbedPanels5 .TabbedPanelsTabSelected .icon01{background-position:-34px -60px} #rent #TabbedPanels5 .TabbedPanelsTabSelected .icon02{background-position:-34px -75px} #rent #TabbedPanels5 .TabbedPanelsTabSelected .icon03{background-position:-34px -90px} #rent #TabbedPanels5 .TabbedPanelsTabSelected{background-position:right -14px} #rent .ObjectList ul li .ShowBuy,#rent .ObjectList ul li .content dd .Price dd{display:none} #rent .ObjectList ul li .ShowRent{display:block} #business #TabbedPanels5 .TabbedPanelsTab{background-position:right -21px;} #business #TabbedPanels5 .TabbedPanelsTab .icon01{background-position:-51px -60px} #business #TabbedPanels5 .TabbedPanelsTab .icon02{background-position:-51px -75px} #business #TabbedPanels5 .TabbedPanelsTab .icon03{background-position:-51px -90px} #business #TabbedPanels5 .TabbedPanelsTabSelected .icon01{background-position:-34px -60px} #business #TabbedPanels5 .TabbedPanelsTabSelected .icon02{background-position:-34px -75px} #business #TabbedPanels5 .TabbedPanelsTabSelected .icon03{background-position:-34px -90px} #business #TabbedPanels5 .TabbedPanelsTabSelected{background-position:right -14px} .ObjectLink{text-align: right;} .ObjectLink .SubNav{display:none;z-index:999;top:30px;position:absolute;line-height:30px;width: 210px;padding: 5px;right: 0px;} .ObjectLink .SubNav input[type="text"],.Inlinebox input[type="text"]{height: 25px;width: 62%;padding-left: 3px;padding-top: 2px;} .ObjectLink .searchbn,.Inlinebox .searchbn {font-weight: bold;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding-top: 3px;padding-right: 10px;padding-bottom: 3px;padding-left: 10px;border: none;margin-left: 10px;cursor: pointer;font-family: "微軟正黑體";} .Inlinebox{display: none;} #TopBar .ObjectLink li a img.favourites{width:25px;} #TopBar .ObjectLink li .join{background-position:-154px top} #TopBar .ObjectLink li .join:hover{background-position:-154px -26px} #TopBar .ObjectLink li .del{background-position:-64px top} #TopBar .ObjectLink li .del:hover{background-position:-64px -26px} #TopBar{width:100%;position:fixed;height:80px;-webkit-box-shadow:0 2px 5px #999;-moz-box-shadow:0 2px 5px #999;box-shadow:0 2px 5px #999;z-index:1002;top:-80px;} #TopBar .content{width:1000px;margin-right:auto;margin-left:auto;margin-top:3px;position:relative} #TopBar .ObjectMsg h1{font-size:1.875rem;font-weight:700;margin-top: 10px;float: left;} /*#TopBar .ObjectMsg h2{font-size:2rem;margin: 10px 0 0 10px;font-weight:400;float: left;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} #TopBar .ObjectMsg h2 span{font-size:0.875rem;font-family: "微軟正黑體";margin-left: 10px;}*/ #TopBar .ObjectMsg h2 {font-size:16px;float: left;margin-left: 10px;} #TopBar .ObjectMsg h2 span{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight: bold;margin-right: 10px;font-size:1.5rem;} #TopBar .ObjectMsg h2 span.mark{font-size:2rem;line-height:40px;margin-right: 10px;margin-left: 0px;} #TopBar .ObjectMsg h2 span:nth-child(2){margin-left: 20px;} #TopBar .ObjectMsg .urcode{float:right} #TopBar .ObjectMsg dl{float:right;padding-right:10px;padding-left:10px;position: absolute;top: 0px;right: 0px;} #TopBar .ObjectMsg dl dt{float:left;text-align:right} #TopBar .ObjectMsg dl dt h3{font-size:1rem;font-weight:400;margin-bottom:5px;line-height:30px} #TopBar .ObjectMsg dl dt h4{font-size:35px;font-weight:400;margin-top: 15px;} #TopBar .ObjectMsg dl dd{float:right;margin-left:10px} #TopBar .ObjectMsg dl dd .bnt-reserve{margin-bottom:3px} #TopBar .ObjectMsg .ObjectLink{/*position: absolute;right: 450px;top:45px;*/float: left;margin-top: 6px;} #TopBar .ObjectMsg .ObjectLink.Text{/*left: 0px;top:40px;*/clear: both;margin-top: 3px;} #TopBar .ObjectMsg .ObjectLink.Text li{float:left;} #TopBar .ObjectMsg .ObjectLink.Text a{display: block;height: 30px;margin-right: 0px;padding-top: 0;padding-right: 10px;padding-bottom: 0;padding-left: 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size:0.875rem;} #TopBar .ObjectLink li .join-favourites{width:26px;background-position:-154px top} #TopBar .ObjectLink li .join-favourites:hover{background-position:-154px -26px} #TopBar .ObjectLink li .del-favourites{width:26px;background-position:-64px top} #TopBar .ObjectLink li .del-favourites:hover{background-position:-64px -26px} #TopBar .bnt-reserve,#TopBar .bnt-question{height:35px;line-height:31px;text-align:center;font-size:1rem;padding:0 10px 0 30px} #BottomBar{width:100%;position: fixed;left: 0px;bottom: 0px;-webkit-box-shadow:2px 0 5px #333;-moz-box-shadow:2px 0 5px #333;box-shadow:2px 0 5px #333;z-index:1000;border-top-width: 1px;border-top-style: solid;background-image: url(../images/BottomBar.png);z-index: 1009;} #BottomBar .content{position: relative;padding-top: 5px;} #BottomBar .content header{margin-left: 5px;margin-top: 5px;margin-right: 5px;} #BottomBar .ObjectMsg header{height: 65px;} #BottomBar .ObjectMsg header.row3 {height: 100px;} #BottomBar .ObjectMsg a{text-decoration: none;} #BottomBar .ObjectMsg header.row3 h2 a{display: block;} #BottomBar .ObjectMsg h1,#BottomBar .ObjectMsg h2,#BottomBar .ObjectMsg h3{margin-left: 5px;vertical-align: top;} #BottomBar .ObjectMsg h1{font-size:18px;line-height: 22px;width: calc(100% - 105px);display: inline-block;overflow : hidden; text-overflow : ellipsis; white-space : nowrap;} #BottomBar .ObjectMsg h2{font-size:30px;font-weight:bold;margin-top: 2px;} #BottomBar .ObjectMsg h2 span{font-size:18px;margin-right: 10px;} #BottomBar .ObjectMsg h2 a font{font-size:18px;} #BottomBar .ObjectMsg h3{font-size:14px;display: inline-block;width: 95px;text-align: center;} #BottomBar .ObjectMsg h3 span{line-height: 22px;} #BottomBar .ObjectMsg .phone{background-repeat: no-repeat;background-position: left top;float: right;height: 61px;width: 80px;} #BottomBar .ObjectLink{width: 100%;left: 0px;bottom: 0px;} #BottomBar .ObjectLink > li{width: calc(100% /5);height: 39px;filter:alpha(opacity=80); -moz-opacity:0.8;opacity: 0.8; float: left;} #BottomBar .ObjectLink li a{display: block;width: 100%;text-align: center;} #BottomBar dl dt{line-height: 35px;color: #FFF;float: left;margin-top: 5px; } #BottomBar dl dd{float: left;text-align: right;margin-top: 5px;margin-left: 5px;} #BottomBar dl dd a{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;line-height: 30px;display: inline-block;text-align: center;margin-right: 5px;margin-bottom: 5px;padding-right: 5px;padding-left: 5px;} .bnt-reserve,.bnt-question{height:44px;width:100%;display:block;line-height:40px;text-align:center;font-size:1.25rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #FFF;} .bnt-reserve{background-position:-184px top;} .bnt-question{background-position:-184px -32px;} .urcode{height:71px;width:71px;} .urcode img{height:71px;width:71px} #MainTitle .house-info-name{font-size: 30px;} #ObjectTitle{position: relative;} #ObjectTitle h1{font-size:20px;} #ObjectTitle h2 {font-size:16px;display: inline-block;} #ObjectTitle h2 .total_price{display: inline-block;position: relative;} #ObjectTitle h2 .total_price .reduction{border-radius: 5px;position: absolute;left: 0px;top: -38px;padding: 5px;font-size: 0.85rem;border: 1px solid #ccc;min-width: 120px;background-color: #EFEFEF;} #ObjectTitle h2 .total_price .reduction dt{ color: #CB1C31; border:none; font-family: Arial, Helvetica, sans-serif; font-size: 1.12rem; font-weight: bold; } #ObjectTitle h2 .total_price .reduction dt i{margin-left: 5px;} #ObjectTitle h2 .total_price .reduction dd{text-decoration: line-through;color: #666;} #ObjectTitle h2 .total_price .reduction dt,#ObjectTitle h2 .total_price .reduction dd{display: inline-block;width: 60px;text-align: center;} #ObjectTitle h2 .total_price .reduction:before{position:absolute; content:''; width:6px; height:6px; border-style:solid; border-width:1px; border-color:#CCC transparent transparent #CCC ; background:#EFEFEF;left:30px; bottom :-5px; transform:rotateZ(225deg);} #ObjectTitle h2 span{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight: bold;margin-right: 10px;font-size:1.5rem;} #ObjectTitle h2 span:nth-child(2),#ObjectTitle h2 .total_price span{margin-left: 20px;} #ObjectTitle h2 span.mark{font-size:40px;line-height:40px;margin-right: 10px;margin-left: 0px;} #ObjectTitle .bnt-spreadsheet img{background-repeat: no-repeat;background-position: left top;height: 30px;width: 20px;} #ObjectTitle .item_features{margin: 10px 0;} #ObjectTitle .item_features li img{background-repeat: no-repeat;background-position: -116px -144px;height: 16px;width: 16px;} #ObjectTitle .item_features{margin: 10px 0;} #ObjectTitle .item_features.Characteristic_text li img{background-position: -145px -144px;} #ObjectTitle .item_features{margin: 10px 0;} .sidebar-R .item_num{font-size: 0.876rem;margin-bottom: 10px;} .sidebar-R .item_main_info dl{margin-bottom: 30px;} .sidebar-R .item_main_info dl font{color: #888888;font-weight: normal;font-size: 0.875rem;vertical-align: top;} .sidebar-R .item_main_info dl dt{font-size: 1.25rem;color: #000;font-weight: bold;line-height: 30px;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;} .sidebar-R .item_main_info dl dt:first-child{width: 45%;} .sidebar-R .item_main_info dl dt:nth-child(2){width: 20%;} .sidebar-R .item_main_info dl dt:nth-child(3){width: 35%;} .sidebar-R .item_main_info dd.clean{border-bottom: 1px solid #e0e0e0;margin-bottom: 15px;padding-bottom: 15px;} .sidebar-R .item_main_info dl dd{margin-bottom: 15px;} .sidebar-R .item_main_info dl dd font{width: 100px;display: inline-block;} .sidebar-R .item_main_info dl dd span{width: calc(100% - 100px);display: inline-block;color: #000;} .sidebar-L,.house-photo{position: relative;} .CustomerService li{margin-bottom:5px;line-height: 37px;} /*.CustomerService li:nth-child(4){margin-bottom:0px;}*/ .CustomerService li input[type="checkbox"] + label {font-size: 0.875rem;} .CustomerService li .bnt-reserve,.CustomerService li .bnt-question{margin-right:auto;margin-left:auto} .CustomerService li .inhibit{opacity:0.5; pointer-events:none;border: 2px solid #CCC;color: #CCC;} #ShopData{margin-bottom: 10px;} /*#ShopData li{padding:5px}*/ #ShopData li{display: block;vertical-align: top;width: calc(100% - 125px);float: left;color: #666666;} #ShopData li.imgbox{height: 105px;width: 105px;margin-right: 15px;background-repeat: no-repeat;background-position: center center;background-color: transparent;border-style: none;text-align: center;} #ShopData li.imgbox img{max-width: 100%;max-height: 100%;} #ShopData li.phone{height: 105px;width: 105px;text-align: center;margin-right: 15px;} #ShopData li.phone span{color: #FFF;font-size: 1.125rem;display: block;} #ShopData li h3 a,#ShopData li h2{color: #000;text-decoration: none;} #ShopData li h2{font-size: 1.8rem;font-family: Arial, Helvetica, sans-serif;color: #CB1C31;margin-top: 10px;font-weight: bold;} #ShopData li h3{font-size: 1.25rem;font-weight: bold;color: #000;line-height: 1.5rem;} #ShopData li h3 span{font-size: 1.6rem;font-family: Arial, Helvetica, sans-serif;color: #CB1C31;font-weight: normal;} #ShopData li h4{font-size: 0.875rem;} #ShopData li h5{font-size: 0.875rem;} #ShopData li h3,#ShopData li h4,#ShopData li h5{margin-bottom: 5px;} #ObjectInfo{margin-top:10px;clear:both} #ObjectInfo > dt{height:30px;position:relative} #ObjectInfo > dt h3{font-size:16px;line-height:30px;position:absolute;left:0;top:0;padding-right:10px;padding-left:10px;font-weight: bold;} #ObjectInfo > dt h3 img{background-repeat:no-repeat;height:16px;width:16px;margin-right:10px} #ObjectInfo > dt .control{top: -5px;left: 120px;position: absolute;} #ObjectInfo > dt h4{position:absolute;top:5px;right:10px} #ObjectInfo > dt h3 .icon01{background-position:-150px top} #ObjectInfo > dt h3 .icon02{background-position:-150px -16px} #ObjectInfo > dt h3 .icon03{background-position:-150px -32px} #ObjectInfo > dt h3 .icon04{background-position:-166px top} #ObjectInfo > dt h3 .icon05{background-position:-166px -16px} #ObjectInfo > dd{padding-top:10px;padding-bottom:10px;overflow:hidden} #ObjectInfo dd .detailed > li{margin-bottom: 10px;padding-bottom: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #ObjectInfo dd .detailed > li:last-child {border: none;} /*#ObjectInfo dd .detailed > li:nth-child(3n+1){margin-left:0;}*/ #ObjectInfo dd .detailed > li h3{text-align: center;} #ObjectInfo dd .detailed > li h3 span{color: #FFF;font-size: 1.125rem;} #ObjectInfo dd .detailed dl{width: calc(100% / 4);float: left;margin-bottom: 15px;} #ObjectInfo dd .detailed dl dt{color: #888888;font-size: 0.875rem;} #ObjectInfo dd .detailed dl dd{font-size: 1rem;min-height: 30px;} #ObjectInfo dd .detailed dl dt img{background-repeat:no-repeat;background-position:left -55px;height:11px;width:6px;margin-left:10px} #ObjectInfo dd .features li{font-size: 1rem;padding: 5px;} #ObjectInfo .TableBox.style09{border: none} #ObjectInfo dd .detailed .msg{font-size: 0.875rem;clear: both;} #ObjectInfo dd .detailed .device dl{width:calc(100% - 55px);} #ObjectInfo dd .detailed .device dl dt{font-size: 1rem;} #ObjectInfo dd .detailed .device dl dd{display: inline-block;width: 110px;color: #CCC;} #ObjectInfo dd .detailed .device dl dd.longbox{width: 220px;} #ObjectInfo dd .detailed .device dl dd.select{color: #000;} #ObjectInfo dd .detailed .device dl dd.select:before {content: "\f10c";opacity: 1;} #ObjectInfo dd .detailed .device dl dd:before { content: "\f00d"; text-align: center; opacity: 0.5; font-size: 25px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 10px; } #ObjectInfo dd .detailed .device img{background-repeat: no-repeat;height: 45px;width: 45px;float: left;margin-right: 10px;} #ObjectInfo dd .detailed .device img.icon01{background-position: left top;} #ObjectInfo dd .detailed .device img.icon02{background-position: left -45px;} #ObjectInfo dd .detailed .device img.icon03{background-position: left -90px;} #ObjectInfo dd .detailed .device img.icon04{background-position: left -135px;} #ObjectInfo dd .detailed .device img.icon05{background-position: left -180px;} #ObjectInfo dd .detailed .device img.icon06{background-position: left -225px;} .fotorama__wrap{margin-right: auto;margin-left: auto;} .TableBox{display: table;width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 0.875rem;} .TableBox .caption{display: table-caption;} .TableBox .t-tr, .TableBox .t_tr{display: table-row;} .TableBox .t-td,.TableBox .t-th, .TableBox .t_td,.TableBox .t_th{display: table-cell;text-align:right;} .TableBox .t-th, .TableBox .t_th{height:40px;line-height:40px;font-weight:400} .TableBox .t-th p{display:block;height:40px;padding-left:10px} .TableBox .t-td,.TableBox .t_td{text-align:left;padding:5px 10px 5px 10px} .TableBox .walk{height:26px;width:16px;background-position:-150px -60px;margin-right:10px} .TableBox.style01{border-collapse: separate;border-spacing: 0 1px;} .TableBox.style01 .t-th{text-align:left;} #resume .TableBox.style01 .t-tr:nth-child(odd) {background-color: transparent;} .TableBox.style02 .t-td .title,.TableBox.style02 .t-th {width: 110px;} .TableBox.style03 .t-td .title,.TableBox.style03 .t-th {width: 60px;} .TableBox.style04{border-collapse: separate;border-spacing: 0 1px;} .TableBox.style04 .t-th{text-align:left;} .TableBox.style05 .caption{padding: 10px;} .TableBox.style05 .t-th{text-align:left;padding:5px 10px;} .TableBox.style05 .t-td{padding:5px 10px;} .TableBox.style06 .t-th{text-align:left;} .TableBox.style06 .caption{display: none;} .TableBox.style06 .file{height:26px;width:32px;background-repeat:no-repeat;background-position:-400px -120px;margin-right:10px} .TableBox.style06 .file{width:32px;background-repeat:no-repeat;background-position:-400px -120px;margin-right:10px} .TableBox.style06 .t_th,.TableBox.style06 .t_td .t_title{vertical-align: top;width: 105px;} .TableBox.style06 .TableBox ,.TableBox.style06 .t_td.padding_0 {padding: 0px;} .TableBox.style06 .t_td .t_td {width:43%;} .TableBox.style06 .t_td .t_text{border-right: none;} .TableBox.style06 .t_td:first-child,.TableBox.style06 .t_td:last-child {border-right: none;} .TableBox.style06.style-w .t_td .t_title,#member #ObjectEdit.style-w .TableBox .t_td .t_title{width: 130px;} .TableBox.style06.style-w .t_th{padding: 3px 5px;width: 120px;} .TableBox.style06.style-h40 .t-td{height:40px;line-height:40px;} .TableBox.style06 .TableBox{border: none;margin-bottom: 0px;} .TableBox.style06 .TableBox .t_td font {padding-left: 5px;width: 90px;display: inline-block;} .TableBox.style06 .TableBox.fontshow .t_td font {width: auto;} .TableBox.style06 .TableBox .t_th{border-left: none;} .TableBox.style06 .TableBox .t_td {border-bottom: none;} .TableBox.second{width: auto;} .TableBox.second .t-td{width: auto;padding-right: 0px;padding-left: 0px;} .TableBox.style07 .file{width:32px;background-repeat:no-repeat;background-position:-400px -120px;margin-right:10px} .TableBox.style07 p,.TableBox.style07 .t-td .t-text{padding: 5px;} /*.TableBox.style07{border-top: 1px solid #CCC;}*/ .TableBox.style07 .t-th,.TableBox.style07 .t-td{/*border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;*/padding: 0px;} .TableBox.style07 .t-td .t-td {width:43%;} /*.TableBox.style07 .t-th:first-child{border-left: 1px solid #CCC;}*/ .TableBox.style07 .t-th,.TableBox.style07 .t-td .title{/*background-color: #F5F5F5;*/vertical-align: top;width: 100px;} .TableBox.style07.style-w .t-th,.TableBox.style07.style-w .t-td .title,#member #ObjectEdit.style-w .TableBox .t-td .title{width: 130px;} .TableBox.style07.style-h40 .t-td,.TableBox.style07.style-h40 .t-text{height:40px;line-height:40px;} .TableBox.style07 .TableBox .t-th {/*border-left: 1px solid #CCC;*/border-bottom-style: none;} .TableBox.style07 .TableBox .t-td {border: none;} .TableBox.style07 .TableBox .t-td font {padding-left: 5px;width: 90px;display: inline-block;} .TableBox.style07 .TableBox.fontshow .t-td font {width: auto;} #ObjectInfo .TableBox.style07 p{height:auto;line-height: 26px;} #ObjectInfo .TableBox.style07{line-height: 26px;} #ObjectInfo dd .subtitle span{line-height: 40px;} .TableBox.style07.style-h40 .t-text .SelectBox{display: inline-block;float: none;padding-bottom: 0px;vertical-align: middle;} /*.TableBox.style07.style-h40 .t-text .SelectBox .option_list ul{min-width: 400px;} .TableBox.style07.style-h40 .t-text .SelectBox .option_list ul li{width: 100%;}*/ .TableBox.style08{border-collapse: separate;} .TableBox.style08 .t-td,.TableBox.style08 .t-th{padding: 0px;vertical-align: top;} .TableBox.style08 .t-th{text-align:left;} .TableBox.style08 .t-th p{padding-left: 5px;} .TableBox.style08 .t-td p{padding: 5px;} .TableBox.style08 .TableBox .t-tr:last-child .t-td{border-bottom:none} .t-footer{padding: 5px;font-size: 0.875rem;} .TableBox.style09{border-collapse: separate;} .TableBox.style09 .t-td{width: 20%;padding: 10px;} .TableBox.style09 .TableBox .t-td{text-align: left;padding: 0px;} .TableBox.style09 .TableBox .t-td.subtitle{font-size: 1rem;padding-bottom:5px;} .TableBox.style09 .TableBox .t-td span{margin-left: 5px;text-align: left;} .TableBox.style09 .TableBox .t-td span,.TableBox.style09 .TableBox .t-td img{display: inline-block; vertical-align: bottom;font-weight: bold;} .TableBox.style10{margin-bottom: 10px;} .TableBox.style10 .t-th{text-align:left;} .TableBox.style10 .t-td{text-align:left;padding:8px 10px 8px 10px} /*.TableBox2 th{font-weight:400;text-align:right;vertical-align:top;padding:5px 10px} .TableBox2 td{vertical-align:top;padding:5px 10px} .TableBox2 td:last-child{border-right-width:1px;border-right-style:solid} .TableBox2 td table td,.TableBox2 td:last-child table td{border:none;vertical-align:top;padding-top: 0px;padding-right: 10px;padding-bottom: 0px;padding-left: 0px;}*/ .TableBox3{font-size: 0.875rem;} .TableBox3 th{line-height:30px;text-align:left;font-weight:400;padding:8px} .TableBox3 td{text-align:left;padding:5px 8px} .TableBox3 .car-public{font-weight:700;} .TableBox3 .car-private{font-weight:700;} .TableBox4{ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border-collapse:separate;margin-bottom: 10px;} .TableBox4 th,.TableBox4 td{font-size:0.875rem;} .TableBox4 th {height:40px;padding-left:10px;line-height: 40px;background-position: right bottom;text-align: left;background-repeat: no-repeat;padding-right: 10px;} .TableBox4 td{background-position: right bottom;background-repeat: no-repeat;padding-top: 8px;padding-right: 5px;padding-bottom: 8px;padding-left: 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .TableBox4.selectlist td:nth-child(2) {width: calc(100% - 160px);} .TableBox4.selectlist td:nth-child(3),.TableBox4.selectlist td:nth-child(4) ,.TableBox4.selectlist th:nth-child(3),.TableBox4.selectlist th:nth-child(4) {text-align: center;} .TableBox4.selectlist td:nth-child(3),.TableBox4.selectlist td:nth-child(4){width: 70px;} .TableBox4.dellist td{text-align: center;} .TableBox4.dellist td:nth-child(1) {width: calc(100% - 200px);text-align: left;} .TableBox4.dellist td:nth-child(4) {width:60px;} .TableBox4 td:last-child,.TableBox4 th:last-child{background-image: none;} /*.TableBox4 td:first-child,.TableBox4 th:first-child{padding-left: 10px;}*/ .TableBox4 .HideBox{padding-top: 10px;padding-bottom: 10px;padding-left: 50px;} .TableBox4 .del{background-repeat: no-repeat;background-position: -100px -190px;height: 30px;width: 30px;} /*.TableBox5 th{line-height: 34px;} .TableBox5 th,.TableBox5 td{font-weight:400;vertical-align:top;padding:5px 10px;} .TableBox5 td:first-child,.TableBox5 th:first-child{border-left-style:none} */ #StreetView{margin-bottom:10px} #SubTitle{margin-bottom:10px;padding-bottom:10px;font-size:16px} #SubTitle .spreadsheet{background-position:-150px -90px;height:16px;width:14px;background-repeat:no-repeat;margin-right:5px;vertical-align:middle} #recomBox{margin-bottom: 10px;position: relative;} #recomBox header {height: 5px;margin-top: 15px;margin-bottom: 20px;position: relative;} #recomBox header h3,#recomBox header h4 {position: absolute;top: -13px;padding-right: 10px;line-height: 30px;} #recomBox header h3 {left: 0px;font-size: 1.25em;font-weight: bold;} #recomBox header h4 {right: 0px;font-size: 0.875rem;padding-left: 10px;} #recomBox header h3 img {height: 30px;width: 36px;background-repeat: no-repeat;margin-right: 10px;} #recomBox header h3.ShowBuy img{background-position: -184px -127px;} #recomBox header h3.ShowRent img{background-position: -220px -127px;} #recomBox #recomList {overflow: hidden;position: relative;height: 215px;} #recomBox #recomList ul{width: 2000px;} #recomBox #recomList ul li {height: 210px;width: 177px;margin-left:5px;float: left;} #recomBox #recomList ul li .imgbox{height: 130px;width: 175px;} #recomBox #recomList ul li .imgbox img {max-height: 130px;max-width: 175px;} #recomBox #recomList .flex-next,#recomBox #recomList .flex-prev{height: 30px;width: 30px;position: absolute;top: 86px;right: 0px;z-index: 99;} #recomBox #recomList .flex-next{right: 0px;} #recomBox #recomList .flex-prev{left: 0px;} #recomBox #recomList .flex-next a img,#recomBox #recomList .flex-prev a img{height: 30px;width: 30px;background-repeat: no-repeat;filter:alpa(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50,FinishOpacity=15,Style=3,StartX=0,FinishX=100,StartY=0,FinishY=16);-moz-opacity:.5;opacity:.5} #recomBox #recomList .flex-next a:hover img,#recomBox #recomList .flex-prev a:hover img{filter:alpa(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100,FinishOpacity=15,Style=3,StartX=0,FinishX=100,StartY=0,FinishY=16);-moz-opacity:1;opacity:1} #recomBox #recomList .flex-next a img{background-position: -30px -135px;} #recomBox #recomList .flex-prev a img{background-position: left -135px;} #recomBox #recomList ul li.house_block{padding-top:1px;position:relative;z-index:50;margin-bottom:1px;} #recomBox #recomList dl dt .imgbox{height: 130px;border-style: none;} #recomBox #recomList dl dd{padding: 5px;font-size: 0.875rem;} #recomBox #recomList dl h2 a{font-size: 16px;font-weight: bold;} #recomBox #recomList dl h3{font-size: 14px;} #recomBox #recomList dl h4 span{margin-top:3px} #recomBox #recomList dl h4 .discount{font-family:Arial,Helvetica,sans-serif;font-size:24px;} #recomBox header h3.ShowRent{display: none;} #rent #recomBox header h3.ShowBuy{display: none;} #rent #recomBox header h3.ShowRent{display: block;} .StatusNav {padding: 5px;margin: 10px 0;} #VRLayer{margin-top: -1px;position: relative;overflow: hidden;padding-bottom: 50%;} #VRLayer.w16by9{padding-bottom: 56.25%;} #VRLayer.w4by3{padding-bottom: 62%;} #VRLayer iframe, #VRLayer object, #VRLayer embed,.moviebox iframe, .moviebox object,.moviebox embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .moviebox{position: relative;height: 0;overflow: hidden;padding-bottom: 56.25%;} #VR{text-align: center;} #VR .control{width: 100%;z-index: 966;} #VR .control .searchRules.imgU,#VR .control .searchRules.imgD{width: 240px;background-repeat: no-repeat;font-size: 16px;line-height: 40px;height: 40px;} #VR .control .searchRules.imgU {background-position: left -40px;} .ObjectIcon {position: absolute;top: 10px;left: 0px;z-index: 999;width: 103px;} .ObjectIcon img{background-image: url(../images/objecticon.png?200303);height: 110px;width: 103px;} .ObjectIcon .icon01{background-position: left top;} .ObjectIcon .icon02{background-position: -103px top;} .ObjectIcon .icon03{background-position: -206px top;} .ObjectIcon .icon04{background-position: -309px top;} .ObjectIcon .icon05{background-position: -412px top;} .ObjectIcon .icon06{background-position: -515px top;} .ObjectIcon .icon07{background-position: -618px top;} .ObjectIcon .icon08{background-position: -721px top;} .ObjectIcon .icon09{background-position: -824px top;} #TabbedPanels4 .TabbedPanelsContent img.pattern{max-height:calc(100% - 21px);} #TabbedPanels4 .TabbedPanelsContent div.tips{font-size:15px;} .error {margin-top: 10%;margin-bottom:10%;} .error dt{height: 179px;width: 225px;margin-right: auto;margin-left: auto;} .error dt img{height:100%;width:100%;} .error dd{text-align: center;padding-top: 10px;} .error dd h3{font-size: 30px;line-height: 55px;} .error dd h4{font-size:16px;color: #666;margin-bottom: 20px;} .error dd a{font-size:16px;line-height: 35px;display: inline-block; width: 100px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-right: 5px;margin-left: 5px;} .sidebar-L .pattern{height: 64px;width: 64px;position: absolute;right: 0px;bottom: 2px;border: 1px solid #CCC;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .sidebar-L .pattern img{height: 100%;width: 100%;} .imgbox{position: relative;} /*.imgbox img.youtubebnt{ position: absolute;background-image: url(../images/youtube.png);background-repeat: no-repeat;background-position: center center;max-height: 100%;width: 100%;z-index: 5;left: 0px;top: 0px;}*/ .imgbox img.youtubebnt{position: absolute;background-image: url(../images/youtube.png);background-repeat: no-repeat;background-position: center center;max-height: 60px;width: 80px;z-index: 5;left: calc((100% - 80px) / 2);top: calc((100% - 60px) / 2);} .imgbox img.youtubebnt:hover{background-image: url(../images/youtube-hover.png);} .imgbox img.FBplaybnt{position: absolute;background-image: url(../images/FBplay.png);background-repeat: no-repeat;background-position: center center;max-height: 60px;width: 80px;z-index: 5;left: calc((100% - 80px) / 2);top: calc((100% - 60px) / 2);} .imgbox img.FBplaybnt:hover{background-image: url(../images/FBplay-hover.png);} @media screen and (min-width: 769px) { .closepage{display: none;} /*.imgbox{display:table-cell;text-align:center;vertical-align:middle;} .imgbox span{height:100%;display:inline-block;margin-top:-4px} .imgbox *{vertical-align:middle}*/ .imgbox{display:flex; align-items: center;justify-content: center;} .imgbox span{display:none;} .msg{margin-bottom: 10px;font-size: 0.875rem;} .item-recommend {height: 250px;} .item-recommend ul li{height:200px;margin-right:7px;margin-left:6px;width: 135px;float: left;} .item-recommend ul li dl dt{height:98px;width:130px;} .item-recommend ul li dl dt img{max-height:88px;max-width:120px;} .item-recommend ul li dl dd span:after{font-size: 14px;} .StatusNav .tips{float: left;} .StatusNav .page{float: right;margin-bottom: 0px;} .StatusNav .ObjectLink li{padding-top: 5px;} /*#TabbedPanels3 .item-recommend ul{width: 1100px;}*/ #TabbedPanels3 .item-recommend ul li{margin-right:13px;margin-left:13px} #TabbedPanels3 .item-recommend ul li{height:250px;} .sequence dt{float:left} .sequence dd{float:right;} #ShopData li h3 span{margin-left: 10px;} .ObjectList{min-width: 750px;} .ObjectList ul li .content > dt{height:180px;width:210px;float:left;} /*.ObjectList ul li .content > dt.imgbox img{max-height: 160px;}*/ .ObjectList ul li .content > dt.imgbox img.youtubebnt,.ObjectList ul li .content > dt.imgbox img.FBplaybnt{height: 180px;} .ObjectList ul li .content > dt h4{display: none;} .ObjectList ul li .content > dd{float:right;width:calc(100% - 230px);position:relative} .ObjectList ul li .content dd h3{font-size:16px;font-weight:400;margin-bottom:5px} /*.ObjectList ul li .content dd h4{font-weight:400;width:40%;float:left;font-size: 0.875rem;}*/ .ObjectList ul li .content dd h4{font-weight:400;width:40%;float:left;font-size: 0.875rem; padding-left: 3.5em; text-indent:-2.5em;margin-right: 3px;} .ObjectList ul li .content > dd span{padding-right: 20px;margin-left: -1em} .ObjectList ul li .content dd h4.trait span{margin-left:0} .ObjectList ul li .content dd .Price{position:absolute;top:30px;right:0px} .ObjectList ul li .content dd .Price dd{float:right} .ObjectList ul#photo li.house_block{float:left;height:275px;width:calc((100% - 18px) / 4);margin-right:2px;margin-left:2px;padding:5px} .ObjectList ul#photo li .content dt{height:173px;width:100%;margin-bottom: 5px;} .ObjectList ul#photo li .content dd{top:130px;right:10px;} .ObjectList ul li p{clear: both;font-size: 0.875rem;} .ObjectList .item_features{margin-bottom: 5px;} /*.ObjectList .control{display: none;}*/ #ObjectInfo dd .detailed .ClienLink{height: 290px;} #ObjectInfo dd .detailed > li h3{height: 105px;width: 105px;float: left;} #ObjectInfo dd .detailed > li h3 span{display: block;} #ObjectInfo dd .detailed .detailed_text{float: right;width: calc(100% - 150px);} #ObjectInfo > dt .point,#TabbedPanels6 .TabbedPanelsTabSelected .point{position:absolute;top: -90px;height: 90px;width: 1px;display: block;} .ObjectLink.desktop{display: inline-block;} /*#ObjectTitle{min-height:150px}*/ /*#ObjectTitle dt{float:left;width:230px;}*/ #ObjectTitle dt h2,#ObjectTitle dt .bnt-spreadsheet{float:left} /*#FavouritesBox .ObjectList ul li .content > dd{width:730px}*/ #BottomBar{display: none;} /*#member .ObjectList ul li .content > dd{width:770px}*/ .sidebar-L,.sidebar-R{margin-top: 30px;} .CustomerService li input[type="text"]{width:95%;height:35px} .CustomerService li input.small{width:calc((100% - 16px) / 2);} .CustomerService li textarea{width:calc(100% - 8px);height:35px;padding-top:3px;padding-left:3px} .TableBox4.selectlist td:nth-child(3){width: 150px;} .TableBox .t-td .title,.TableBox .t_td .t_title{display:none} .TableBox.style04 .caption{display: none;} .ObjectLink li{position: relative;padding-bottom: 5px;} .ObjectLink li:hover .SubNav{display:block} .ObjectLink li{ float: left;margin-right: 2px;margin-left: 2px;} .ObjectLink li a img{background-repeat:no-repeat;height:26px;width:25px;margin-right:1px;margin-left:1px;display:block;cursor: pointer;} .ObjectLink li .join-favourites{width:90px;background-position:-90px top} .ObjectLink li .join-favourites:hover{background-position:-90px -26px} .ObjectLink li .del-favourites{width:90px;background-position:left top} .ObjectLink li .del-favourites:hover{background-position:left -26px} .ObjectLink li .print{background-position:left -52px} .ObjectLink li .print:hover{background-position:left -78px} .ObjectLink li .fb{background-position:-25px -52px} .ObjectLink li .fb:hover{background-position:-25px -78px} .ObjectLink li .mail{background-position:-50px -52px} .ObjectLink li .mail:hover{background-position:-50px -78px} .ObjectLink li .line{background-position:-75px -52px;padding: 0px;margin: 0px;border-bottom: none;} .ObjectLink li .line:hover{background-position:-75px -78px} .ObjectLink li .twitter{background-position:-100px -52px} .ObjectLink li .twitter:hover{background-position:-100px -78px} .ObjectLink li .skype{background-position:-150px -52px} .ObjectLink li .skype:hover{background-position:-150px -78px} .ObjectLink li .wx{background-position:-175px -52px} .ObjectLink li .wx:hover{background-position:-175px -78px} .ObjectLink li .oneself{background-position:-200px -52px} .ObjectLink li .oneself:hover{background-position:-200px -78px} .ObjectLink li .qrcode{background-position:-225px -52px} .ObjectLink li .qrcode:hover{background-position:-225px -78px} .ObjectLink li .Blogger{background-position:-250px -52px} .ObjectLink li .Blogger:hover{background-position:-250px -78px} #MapBox .item-recommend ul li dl dd{font-size:14px;} #TabbedPanels3 .item-recommend .imgbox img.youtubebnt{background-image: url(../images/youtube-S.png);height: 30px;width: 50px;left:calc((100% - 50px) / 2);top: calc((100% - 30px) / 2);} #TabbedPanels3 .item-recommend .imgbox img.youtubebnt:hover{background-image: url(../images/youtube-S-hover.png);} #TabbedPanels3 .item-recommend .imgbox img.FBpalybnt{background-image: url(../images/FBplay-S.png);height: 30px;width: 50px;left:calc((100% - 50px) / 2);top: calc((100% - 30px) / 2);} #TabbedPanels3 .item-recommend .imgbox img.FBpalybnt:hover{background-image: url(../images/FBplay-S-hover.png);} #ObjectTitle .desktop{display:inline-block;} #ObjectTitle .bnt-spreadsheet{font-size:0.875rem;margin-left:10px;line-height:25px;height:25px; text-align:center;width:75px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} /*#VRLayer{height:700px;}*/ } @media screen and (min-width: 1260px) { .item-recommend .swiper{margin:0 36px;} } @media only screen and (min-width: 769px) and (max-width: 1024px) { .ObjectList ul#photo li.house_block{width:calc((100% - 18px) / 3);} } @media screen and (max-width: 768px) { .guild span{-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;} .closepage{position: fixed;top: 60px;right: 10px;height: 38px;width: 38px;border: 1px solid #FFF;background-color:rgba(150,150,150,0.75);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; z-index: 1009;} .closepage a{background-image: url(../images/closepage.png);background-repeat: no-repeat;height: 38px;width: 38px;display: block;} #MainTitle .ObjectLink .join-favourites,#MainTitle .ObjectLink .del-favourites{display:none} .item-recommend ul li{margin-bottom:20px;padding-bottom:10px;} .item-recommend ul li dl dt {margin-bottom: 10px;} .item-recommend ul li dl dd {font-size:1rem; } .item-recommend ul li dl .imgbox{display: block;text-align:center;vertical-align:middle;width:100%;max-height:75vw;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;} .item-recommend ul li dl .imgbox span{height:100%;display:none;/*display:inline-block;*/margin-top:-4px} .item-recommend ul li dl .imgbox *{vertical-align:middle} .item-recommend ul li dl .imgbox img{max-width:100%; max-height:75vw;} #TabbedPanels3 .item-recommend ul li dl .imgbox{height:75vw;} #TabbedPanels3 .item-recommend ul li dl .imgbox span{display:inline-block;} #TabbedPanels3.TabbedPanels .guild {left: 30px;top: 15px;} #TabbedPanels3 .item-recommend ul li dl {margin: 0 20px;} #TabbedPanels3 #self-item ul li dl{margin: 0px;} #mainadbox .swiper li {position:relative;overflow:hidden;} #mainadbox .swiper li:after {padding-top: 44.4%;content:""; display: block;} #mainadbox .swiper li img {position:absolute;top:0;bottom:0;right:0;left:0;max-width:100%; max-height:44.4vw; margin:auto;} #current{display:none} .sequence > dd{margin-top:10px} .sequence dd a{width:calc((100% - 15px) / 3);text-align:center;padding-left:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .ObjectList ul li .title > dd{display:none} .ObjectList ul li .title dt a{font-size:1.125em;display:block} .ObjectList ul li .title > dt img{margin-top:5px;vertical-align:top;float:left} .ObjectList ul li .title input[type="checkbox"] + label span{margin-top:8px;float:left} .ObjectList .ImageBox{display:none} .ObjectList ul li .content{padding:0} .ObjectList ul li .content > dt{height: auto;width:100%} .ObjectList ul li .content > dt h3{display:none} .ObjectList ul li .content > dd{/*font-size:0.8889em;*/margin:10px;margin-bottom:15px} .ObjectList ul li .content dd h3{font-weight:400;margin-bottom:5px} .ObjectList ul li .content dd h4{font-weight:400} .ObjectList ul li .content > dd span{display: inline-block;width: 50px;} .ObjectList ul li .content dd h4 ,.ObjectList ul li .content dd p{font-size: 0.875rem;} .ObjectList ul li .content dd .Price{margin-bottom:10px} .ObjectList ul li .content dd .Price dt{/*font-size:16px;*/line-height:25px;text-align:left} .ObjectList ul li .content dd .Price dt .discount{font-size:30px;margin:0 5px 0 0px} .ObjectList ul li .content dd .Price{position: relative;} .ObjectList ul li .content dd .Price dd{position: absolute;right: 0px;bottom: 5px;} .ObjectList ul#photo li.house_block{width:100%} .ObjectList ul#photo li .title{height:auto;margin-bottom:10px;line-height:30px} .ObjectList ul#photo li .content dt{width:97%;margin-top:8px;margin-right:auto;margin-left:auto} .ObjectList ul#photo li .content dd{right:10px;bottom:10px} .ObjectList .item_features li{margin-bottom: 5px;} .ObjectLink.desktop{margin-bottom: 10px;} .ObjectLink.desktop li{display: inline-block;} .ObjectList .m_hide{display: none;} .ObjectList .ShowBuy h4,.ObjectList .ShowRent h4{width:50%;float: left;} .ObjectList .ShowBuy h4:first-of-type,.ObjectList .ShowBuy h4:nth-of-type(2),.ObjectList .ShowRent h4:first-of-type{width:100%;} #ObjectInfo > dt h3{font-size:1.125rem} #ObjectInfo > dt h4{font-size: 0.875rem;top:0} #ObjectInfo dd .detailed > li h3{margin-bottom:10px;} #ObjectInfo dd .detailed .device dl dd.no-select{display:none} #ObjectTitle .mobile{display:inline-block;} #ObjectTitle{margin:0 5px;} #ObjectTitle .mobile{display:inline-block;vertical-align: top;margin-top: 5px;margin-left: 10px;} #ObjectTitle .item_features li {font-size: 0.7rem;} #ObjectTitle .item_features.Characteristic_text li {display: block;font-size: 0.875rem;} #ObjectTitle h2 .total_price .reduction{left: 0px;top: -45px;} .sidebar-R .item_main_info dl dt font {font-size: 0.7rem;} .sidebar-R .item_main_info dl dt{font-size: 1rem;text-align: center;} .sidebar-R .item_main_info dl dt:nth-child(2) {border-right: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;} .CustomerService li:nth-child(1){margin-bottom:0px;} #ShopData li{width: calc(100% - 75px);} #ShopData li.imgbox,#ShopData li.phone,#ShopData li.phone img{height: 60px;width: 60px;} #ShopData li h3,#ShopData li h4,#ShopData li h5{margin-bottom: 0px;} #ShopData li h3 a{display: block;margin-bottom: 10px;} #ShopData li h4,#ShopData li h5{font-size: 0.8rem;} #ShopData li.phone span{color: #FFF;font-size: 1.125rem;display: none;} #TopBar{display:none} #MainTitle .ObjectLink li{float:left} #ObjectInfo dd .detailed{width:auto} #ObjectInfo dd .detailed > li {margin-bottom: 0px;padding-bottom: 0px;} #ObjectInfo dd .detailed > li h3 {padding:5px;} #ObjectInfo dd .detailed > li h3 span{font-size:1.125rem;vertical-align:middle;} #ObjectInfo dd .detailed > li h3 img{height:30px;width: 30px;} #ObjectInfo dd .detailed dl{width: calc(100% / 2);} #ObjectInfo dd .detailed dl dt {font-size: 0.8rem;} #ObjectInfo dd .detailed .detailed_text{padding:0 10px;} #ObjectInfo dd .detailed .detailed_text dl{padding:0 0 10px 0;} #ObjectInfo dd p{text-align: center;font-size: 1rem;} #ObjectInfo dd .subtitle p{padding-bottom: 5px;text-align: left;} #ObjectInfo dd .subtitle span{font-size: 1.15rem;vertical-align: middle;} #TabbedPanels6 .TabbedPanelsTabSelected .point{position:absolute;top: -60px;height: 60px;width: 1px;display: block;} .TableBox5{overflow: scroll; overflow-Y: hidden} .TableBox3,.TableBox5 table{width:980px} .CustomerService li input.small{width:calc(100% - 8px)} .CustomerService li font{display: block;} #recomBox #recomList ul li .imgbox{display:table-cell;text-align:center;vertical-align:middle;} #recomBox #recomList ul li .imgbox span{height:100%;display:inline-block;margin-top:-4px} #recomBox #recomList ul li .imgbox *{vertical-align:middle} #recomBox #recomList dl h2,#recomBox #recomList dl h3{line-height: 20px;} #VR {margin-bottom: 50px;} #VR.within{margin-bottom: 30px;} #VR.within_cancel{margin-bottom: 0px;} .TableBox4 th font{display:none} .TableBox4.dellist td:nth-child(2) {width:70px;} .TableBox4.dellist td:nth-child(3) {width:70px;} .TableBox{display: block;/*width: 99%;*/} .TableBox .t-tr.desktop,.TableBox .t-th,.TableBox .t_tr.desktop,.TableBox .t_th{display: none;} .TableBox .t-tr,.TableBox .t_tr{display: table;width: 100%; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .TableBox .t-td,.TableBox .t_td{display: table-row;} .TableBox .t-td.hide{display: none;} .TableBox .t-td .title ,.TableBox .t-td p,.TableBox .t-td .t-text,.TableBox .t_td .t_title ,.TableBox .t_td .t_text{display: table-cell;padding-bottom: 5px;padding-top: 5px;} .TableBox .t-td p{padding-left: 5px;} .TableBox.style02 .t-td .title,.TableBox.style03 .t-td .title {text-align:right;} .TableBox.style01 .t-tr{margin-bottom: 1px;padding: 1px;} .TableBox.style01 .t-td .title ,.TableBox.style01 .t-td p{padding-right: 10px;padding-left: 10px;} .TableBox.style01 .t-td .title {width: 100px;} .TableBox.style02 .secondbox {width: 99%;margin-bottom: 20px;} .TableBox.style04 {line-height: 21px;} .TableBox.style04 .caption{display: block;text-align: center;padding: 5px;margin-bottom: 1px;} .TableBox.style04 .t-tr{margin-bottom: 1px;padding: 1px;} .TableBox.style04 .t-td{display:block;padding: 0px;} .TableBox.style04 .t-td.assign2 p{display:block;padding-bottom: 0px;} .TableBox.style04 .t-td .title{width: auto;} .TableBox.style04 .t-td.desktop{display: none;} .TableBox.style04 .t-td .title,.TableBox.style04 .t-td .assign3{padding-left: 10px;} .TableBox.style04 a{display:block;padding: 5px 0;background-image: url(../images/Phonestyle.png);background-repeat: no-repeat;background-position: right top;} .TableBox.style04 .assign1{width:10%;padding: 8px 0;} .TableBox.style04 .assign2{width:85%;font-size: 18px;padding: 8px 0;} .TableBox.style04 .assign3{width:100%;padding-left: 10px;} .TableBox.style05 .caption{display:block;} .TableBox.style05 .t-td .title{padding:5px 10px;display: block;} .TableBox.style05 .t-td p{padding:5px 10px;display: block;} .TableBox.style06 .caption{display:block;text-align:right;margin-bottom: 10px;} .TableBox.style06 .t-tr {padding:0 0 10px 0;} .TableBox.style06 .t-tr p{padding:0 10px;} .TableBox.style06 .t_td .t_title:first-child{padding-right: 5px;text-align: right;} .TableBox.style06 .TableBox .t_td font {display: none;} .TableBox.style06.subtable .t_td .t_title,.TableBox.style06.subtable .t_td .t_text{display:table-cell;background-color: transparent;} .TableBox.style06.subtable .t_td .t_title{width: 100px;} .TableBox.style06.subtable .t_td .t_title img{display: none;} .TableBox.style06 .t_tr.desktop,.TableBox.style06 .t_td.desktop{display: none;} .TableBox.style06.style-line{border-bottom: none;} .TableBox.style06 .t_td .t_text {border-right: none;padding:5px;} .TableBox.style07 .t-td .title:first-child{padding-right: 5px;text-align: right;} .TableBox.style07 .TableBox .t-td font {display: none;} .TableBox.style07 .TableBox.fontshow .t-td font {display: block;} .TableBox.style07.subtable .t-td .title,.TableBox.style07.subtable .t-td p{display:table-cell;background-color: transparent;} .TableBox.style07.subtable .t-td .title{width: 100px;} .TableBox.style07.subtable .t-td .title img{display: none;} .TableBox.style07 .t-tr.desktop,.TableBox.style07 .t-td.desktop{display: none;} .TableBox.style07.style-line{border-bottom: none;} .TableBox.style07.style-h40 .t-text .SelectBox .option_list ul{min-width: 298px;width:calc(100vw - 22px);left: calc((100% - 368px) / 2);} .TableBox.style07.style-h40 .t-text .SelectBox .option_list li dl dt{line-height: 40px;} .TableBox.style07.style-h40 .t-text .SelectBox .option_list li dl dt label{display: block;} .TableBox.style08,.TableBox.style08 .TableBox{display: table;width: 100%;} .TableBox.style08 .t-tr{display: table-row;} .TableBox.style08 .t-td,.TableBox.style08 .t-th{display: table-cell;} .TableBox.style08 .t-th p{min-width: 70px;} .TableBox.style09 .TableBox {padding:10px;} .TableBox.style09 .TableBox .t-td {text-align: left;} .TableBox.style09 .TableBox .t-td p{padding:0px;} .TableBox.style09 .TableBox .t-td span{font-size:1.025rem;} .TableBox.style10 .t-tr{margin-bottom: 1px;padding: 1px;} .TableBox.style10 .t-td .title ,.TableBox.style10 .t-td p{padding-right: 10px;padding-left: 10px;} .TableBox.style10 .t-td .title {width: 100px;} .TableBox.clip .t-td .title,.TableBox.clip .t-th {width: 80px;} #TabbedPanels3 .TableBox.style04 .t-td{float:left;} .StatusNav {padding-bottom:0px;} .ObjectLink li a img{background-repeat:no-repeat;width:38px;margin-right: auto;margin-left: auto;height: 38px;display: inline-block;} .ObjectLink .del-favourites{background-position:left top;} .ObjectLink .join-favourites{background-position:-38px top;} .ObjectLink .print{background-position:-76px top;} .ObjectLink .phone{background-position:-114px top;} .ObjectLink .fb{background-position:-152px top;} .ObjectLink .line{background-position:-190px top;padding: 0px;margin: 0px;border-bottom: none;} .ObjectLink .twitter{background-position:-228px top;} .ObjectLink .mail{background-position:-266px top;} .ObjectLink .skype{background-position:-304px top;} .ObjectLink .wx{background-position:-342px top;} .ObjectLink .qrcode{background-position:-380px top;} .ObjectLink .reservation{background-position:-418px top;} .ObjectLink .question{background-position:-456px top;} .ObjectLink .line2{background-position:-608px top;} .ObjectLink .fb2{background-position:-532px top;} .ObjectLink .close_vr{background-position:-646px top;} .place.staff .ObjectLink .Blogger{background-position:-684px top;} .place.staff .ObjectLink .mail{background-position:-722px top;} .place.staff .ObjectLink .fb{background-position:-760px top;} #teamlink.ObjectLink li{display: inline-block; transform: scale(.7);} #teamlink.ObjectLink li a img{background-image: url(../images/teamlink.png);} #teamlink.ObjectLink .fb{background-position:left top;} #teamlink.ObjectLink .mail{background-position:-38px top;} #teamlink.ObjectLink .line{background-position:-76px top;} #teamlink.ObjectLink .twitter{background-position:-114px top;} #teamlink.ObjectLink .skype{background-position:-152px top;} #teamlink.ObjectLink .Blogger{background-position:-190px top;} #BottomBar .ObjectLink .fb{background-position:-532px top;} #BottomBar .ObjectLink .mail{background-position:-570px top;} #MainTitle .ObjectLink li{float: left;margin-right: 2px;margin-left: 2px;;margin-top: 5px;} #MapBox .sequence dd{width: calc(100% - 50px);} #MapBox .item-recommend ul li dl dd{margin:2px 0;} #MapBox .item-recommend ul li dl dd.title{padding:5px 0 0 0;} } @media only screen and (min-width: 481px) and (max-width: 768px) { } @media screen and (max-width: 480px) { #MainTitle .ObjectLink .line{background-position:-494px top;} .item-recommend label,.tips label{display: inline-block;} #ObjectTitle dt{padding-left:0px;} #ObjectTitle dt .buy,#ObjectTitle dt .rent{display: none;} #TabbedPanels4 .TabbedPanelsContent img.pattern{max-height:calc(100% - 42px);} #teamlink.ObjectLink li{width: 28px; height: 25px;} .map_ObjectList{width: 100%;} } .fb_dialog_content {margin-bottom: 100px;} /*#TabbedPanels1 input[type="text"]{width: calc(100% - 140px);}*/