body { overflow-x:hidden!important; } #wrap_body { width: 100%; } .clear { clear:both; } div#right_panel { position:relative; height:525px; } #langshow { margin-right:20px; } * { word-break:break-word; } .infoBox img { display:block!important; position:absolute!important; top:0!important; right:0!important; } .motivoPage .show-mobile { display:none; } .social table td > div:nth-of-type(1) { float:none; clear:both; } .tvcPage #search_button { display:none; } .singlehomePage #search_button .brand_menu li { margin-top:0; } .mapPage #search_button .brand_menu{ display:table; width:auto; float:right; margin:25px 20px 0 0; } .condoPage .brand_menu{ margin:0 20px 0 0!important; } .m_info_panel #search_button .brand_menu { width:550px!important; margin:25px 20px 0 0; } .singlehomePage .search_panel #b_concept_panel, .singlehomePage .search_panel #p_concept_panel { height:100%; } .jobavailablesubpage .head-hide-mobile { display:table; } .jobavailablesubpage .show-hide-mobile { display:none; } div.anythingSlider .arrow a span { display: none; } .condoslide div.anythingSlider .arrow.back { text-align: left; } .condoslide div.anythingSlider .arrow.forward { text-align: right; } .condoslide div.anythingSlider .arrow a { display: inline-block; } #langshow a { float:none; display:inline-block; } .condoPage-sub.contact #contact_panel .contact_panel_right { width:100%!important; } .menuproject { position:absolute; width:816px; height:25px; background-color:#d9d7d3; padding-top:5px; top:413px; display:none; } .mapPage.mapType1 #maps #googlemap { display:none; } .mapPage.mapType1 #maps #map_canvas { display:block; } .mapPage.mapType2 #maps #googlemap { display:none; } .mapPage.mapType2 #maps #map_canvas { display:block; } .singlehomePage #maps #googlemap { display:none; } .singlehomePage #maps #map_canvas { display:block; } .townhomePage #maps #googlemap { display:none; } .townhomePage #maps #map_canvas { display:block; } .condoPage #maps #googlemap { display:none; } .condoPage #maps #map_canvas { display:block; } .homeseriesPage #search_button #menuleft { margin-top:0!important; } #frmSearchPrice #table-mobile { position:absolute; top:0; right:0; } #sstory_slider .unitplan_text { width:305px!important; } #p_promotion_panel div.anythingControls { right:32px; } #b_projectgp_panel { display:block; } span.win_load_hide { display: block; position: absolute; background-color: #fff; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; } @media screen and ( min-height:768px) { .cities_major #price_panel { min-height:442px!important; } .cities_major #frame_price { min-height:442px!important; } .cities_major #price_panel iframe { min-height:250px!important; } .cities_major #price_panel iframe { min-height:250px!important; } } @media screen and (max-width:1200px) { } @media screen and (max-width:1024px) { .singlehomePage #search_button .brand_menu:nth-of-type(1){ display:table; } .wrap_qtip { top:-100px; left:-45px; } .cboxPhoto { width:auto; height:auto; max-width:100%; max-height:100%; } .mapPage.mapType2 #right_panel { padding-top:10px; } .submenu li { height:auto; } #job_panel a { color: #747679; } #job_panel table td,#job_panel table tr { height:auto!important; } #job_panel br { display:none; } #wrapper.projectPage { padding-top:40px; } #wrapper.projectPage #right_panel { padding-top:15px; } #right_panel { width: 95% !important; margin:0 auto; position: relative; height:auto; } #content_panel { position:relative; top:0; left:0; } div.anythingControls { bottom:40px; } .projectPage #contact_panel .contact_panel_right { height: 310px; overflow-x:hidden!important;overflow-y:scroll!important;-webkit-overflow-scrolling:touch !important; } .projectPage #contact_panel .contact_panel_right #contactiframeproject { height:820px!important; } .condoPage-sub #contact_panel .contact_panel_right { height: 310px; overflow-x:hidden!important;overflow-y:scroll!important;-webkit-overflow-scrolling:touch !important; } .condoPage-sub #contact_panel .contact_panel_right #contactiframeproject { height:820px!important; } .condoPage-sub #contact_panel .contact_panel_right #contactiframebrand { height:820px!important; } .singlehomePage #contact_panel .contact_panel_right { height: 310px; overflow-x:hidden!important;overflow-y:scroll!important;-webkit-overflow-scrolling:touch !important; } .singlehomePage #contact_panel .contact_panel_right #contactiframebrand { height:810px!important; } .townhomePage #contact_panel .contact_panel_right { height: 310px; overflow-x:hidden!important;overflow-y:scroll!important;-webkit-overflow-scrolling:touch !important; } .townhomePage #contact_panel .contact_panel_right #contactiframebrand { height:810px!important; } .singlehomePage #maps #googlemap { display:block; width:100%;height:400px; } .singlehomePage #maps #map_canvas { display:none; } .townhomePage #maps #googlemap { display:block; width:100%;height:400px; } .townhomePage #maps #map_canvas { display:none; } .condoPage #maps #googlemap { display:block; width:100%;height:400px; } .condoPage #maps #map_canvas { display:none; } } @media screen and (max-width:1024px) and (min-width:769px) { #right_panel { height:80vw!important; } } @media screen and (max-width:768px) and (min-width:750px) { #right_panel { height:50vw!important; } } @media screen and (max-width:1024px) { .applicationform #right_panel { height:3400px!important; position:relative; } .applicationform #content_panel { height:auto!important; position:relative; } .applicationform #content2_panel { height:auto!important; position:relative; } .applicationform .search_panel { height:auto!important; position:relative; } .applicationform #job_panel { height:auto!important; position:relative; } .applicationform .scrollhomesale { height:auto!important; position:relative; } .applicationform div { font-size:17px; } } @media screen and (max-width:768px) { #frmSearchPrice #table-mobile { position:relative; top:inherit; right:inherit; } .applicationform #right_panel {height:2550px!important;} #p_gallery_panel li.panel { width:816px !important; } .mapPage #breadcrumbs_panel { padding:0; } .singlehomePage #breadcrumbs_panel { padding:0 10px 10px; } #whatnew_slider li:after { content: ''; clear: both; display: block; } .list1layout { height: auto; width:100%; } #breadcrumbs_panel { padding:10px 20px; } .newproject .list1layout div.detail a { font-size:22px; } } @media only screen and (max-width:760px) { .applicationform #right_panel { width:100%!important; height:auto!important; box-sizing:border-box; } .applicationform #content_panel { width:100%!important; box-sizing:border-box; } .applicationform #content2_panel { width:100%!important; box-sizing:border-box; } .applicationform .search_panel { width:100%!important; box-sizing:border-box; } .applicationform #job_panel { width:100%!important; box-sizing:border-box; } .applicationform .scrollhomesale { width:100%!important; box-sizing:border-box; } .applicationform .form-section { width:100%; } .applicationform .form-section label { text-align:left; line-height:30px; } .applicationform .form-section input.w100-m , .applicationform .form-section select.w100-m , .applicationform .form-section textarea.w100-m { width:100%!important; } .applicationform .form-section .w80-m { width:80%!important; } .applicationform .form-section input[type="text"] , .applicationform .form-section textarea , .applicationform .form-section select { height:30px!important; line-height:30px; } .applicationform .show-mobile { display:block; } .applicationform span.show-mobile { display:inline; } .applicationform .hide-mobile { display:none; } .applicationform .mb10-m { margin-bottom:10px; } .applicationform .form-row { border-bottom:1px dotted rgba(255, 255, 255, 0.76);; margin-top:0; margin-bottom:0; padding-top:10px; padding-bottom:10px; } .applicationform .form-section div { font-size:17px; } .applicationform .form-title:before { display:block; } .applicationform .form-title { margin-top:0; border-top:1px solid #ffffff; } .applicationform .form-section .row:last-of-type .form-row { border-bottom: 0; } .applicationform .form-section { border-bottom:0; max-height:0; overflow:hidden; -webkit-transition: max-height 0.5s ease-in-out; -moz-transition: max-height 0.5s ease-in-out; -o-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; } .form-section.active { display:block; max-height:10000px; } .search_panel .b_content { padding:40px 20px; } /*h1 { padding:0 20px; }*/ #langshow { margin-right:0; } #wrapper.projectPage #right_panel { padding-top:0; } #wrapper.projectPage { padding-top:60px; } #wrapper.projectPage #contact_panel .contact_panel_right { height:780px; float:inherit; } #wrapper.projectPage #contact_panel .contact_panel_right iframe { height:780px!important; float:inherit; } #wrapper.projectPage #p_detail_panel .project_detail { height:auto!important; } #wrapper.projectPage #p_detail_panel .project_detail h3 { float:inherit!important; } #wrapper.projectPage #p_detail_panel .project_detail hr { margin:10px 0!important; } #tab_bodu { height:auto!important; background: #fff!important; margin: 0 4px; } #tab_bodu li { padding-bottom:20px; } #tab_bodu li table { width:100%!important; } #tab_bodu li #condition td:nth-child(1) {width: 50%; } #tab_bodu li #condition td:nth-child(2) {width: 30%; } #tab_bodu li #condition td:nth-child(3) {width: 20%; } #tab_bodu li #inhome td:nth-child(1) {width: 50%; } #tab_bodu li #inhome td:nth-child(2) {width: 30%; } #tab_bodu li #inhome td:nth-child(3) {width: 20%; } #tab_bodu > li > div { display:block; width:100%!important; height:auto!important;} #tab_bodu > li div { line-height:1.5em; position:relative; height:auto!important; } #tab_bodu > li .plan-imgs { width:100%!important; height:auto!important; } #tab_bodu > li div .plan-img { width:100%; height:auto; } #tab_bodu > li div .plan-img a { width:100%; height:auto; } #tab_bodu > li div .plan-img a img { width:100%; height:auto; } ul#tab_head { display:table; background:none!Important; width:100%!important; padding:0 4px; box-sizing:border-box; margin-top:20px; } ul#tab_head li { display:table-cell; text-align:center; background:#efefef; line-height:36px; border-top:5px solid #efefef;} ul#tab_head li.active { border-top:5px solid #f7941d; background:#fff; } ul#tab_head li:nth-child(1) { width:25%!important; } ul#tab_head li:nth-child(2) { width:15%!important; } ul#tab_head li:nth-child(3) { width:35%!important; } ul#tab_head li:nth-child(4) { width:25%!important; } ul#tab_head li:nth-child(1):before { content:'ข้อมูลแบบบ้าน'; color:#999; } ul#tab_head li:nth-child(2):before { content:'Floor Plan'; color:#999; } ul#tab_head li:nth-child(3):before { content:'ตารางฟังก์ชั่นชั่นภายในบ้าน'; color:#999; } ul#tab_head li:nth-child(4):before { content:'ราคาและเงื่อนไข'; color:#999; } ul#tab_head li:before { font-size: 19px; } /*#tab_bodu .wordshow { font-size:24px; line-height:1.5em; } #tab_bodu .feature { font-size:24px; line-height:1.5em; }*/ #tab_bodu li #condition td, #tab_bodu li #inhome td{ } .m_info_panel #right_panel { height:auto!important; } .m_info_panel #content_panel { width:100%!important; height:auto!important; } .m_info_panel #m_info_panel h2 { margin-top:10px; } .m_info_panel #search_button .brand_menu { width:auto; padding:0 20px; box-sizing: border-box; margin:0; } .m_info_panel #search_button .project_menu li a { font-size: 20px; } .m_info_panel #search_button .brand_menu:after { content:''; display:block; clear:both; } .m_info_panel #search_button .brand_menu li {margin-top: 0;padding: 10px 0;width: 100%;margin-left: 0;display: block;border-top: 1px solid #fff;text-align: center; } .m_info_panel #search_button .brand_menu li:first-child { border: none; } .m_info_panel #m_info_panel .m_info_inner .wrap_slide_m { overflow:hidden; } .cities_major #brand_panel { position:relative!important; } .cities_major .search_panel { width:100%; height:auto; } .cities_major #search_button .logo_brand_slide ul { width:100%; height:auto; position:relative; } .cities_major #search_button .logo_brand_slide li { display:block; float:none!important; width:100%!important; height:auto!important; } .cities_major #search_button .logo_brand_slide li a { display:block; background-color: #D4D4D4; border-bottom:1px solid #ffffff; height:50px; } .cities_major #search_button .logo_brand_slide li #icon_brand:before { content:'CITIES'; color:#747679; line-height:50px; font-size:20px; } .cities_major #search_button .logo_brand_slide li #icon_location:before { content:'PROJECT'; color:#747679; line-height:50px; font-size:20px; } .cities_major #search_button .logo_brand_slide li #icon_price:before { content:'PRICE'; color:#747679; line-height:50px; font-size:20px; } .cities_major #search_button .logo_brand_slide li #icon_brand.active:before { color:#ffffff; } .cities_major #search_button .logo_brand_slide li #icon_location.active:before { color:#ffffff; } .cities_major #search_button .logo_brand_slide li #icon_price.active:before { color:#ffffff; } .cities_major #search_button .logo_brand_slide li a img { display:block; margin:0 auto; width:auto; height:59px; display:none!important; } .cities_major #search_button .logo_brand_slide li a.active ,.cities_major #search_button .logo_brand_slide li a:hover { background-color: #F7941D; } .cities_major div#right_panel { width:100% !important; height:auto!important; position:relative; } .cities_major #content_panel { width:100% !important; height:auto!important; position:relative; } .cities_major #search_button .logo_brand_slide { width:100%; height:auto; } .cities_major div#content2_panel {width:100%; height:auto; position:relative; } .cities_major #location_panel { width:100% !important; height:auto!important; position:relative!important; overflow:scroll!important; -webkit-overflow-scrolling: touch; } .cities_major #location_panel iframe { display:block; width:100%!important; } .cities_major #location_panel iframe .search_panel { display:block; width:100%!important; height:auto!important; } .cities_major #frame_location { display:block; width:100%!important; padding-bottom: 40px } #search_panel_brand.wrap_cities_search { display:block; width:100%!important; height:auto!important; position:relative!important;} #search_panel_brand.wrap_cities_search #whatnew_panel { display:block; width:100%!important; height:auto!important; box-sizing: border-box; } #search_panel_brand.wrap_cities_search .wrap_cities_search { position:relative; } #search_panel_brand.wrap_cities_search ul { display:block; width:100%!important; height:auto!important; position:relative!important; } #search_panel_brand.wrap_cities_search ul li { display:block; width:100%!important; height:auto!important; position:relative!important; } #search_panel_brand.wrap_cities_search #whatnew_panel .anythingSlider { display:block; width:100%!important; height:auto!important; } #search_panel_brand.wrap_cities_search #whatnew_panel .thumbNav, #search_panel_brand.wrap_cities_search div.anythingSlider .arrow { display:none!important; } #search_panel_brand.wrap_cities_search .list1layout { margin-right:0; padding:20px 0; border-bottom: 1px solid #999; } #search_panel_brand.wrap_cities_search .list1layout div.detail , #search_panel_brand.wrap_cities_search .list1layout div.img , #search_panel_brand.wrap_cities_search .list1layout div , #search_panel_brand.wrap_cities_search .imagepano { display:block; width:100%!important; height:auto!important; float:inherit; position: relative; margin-left:0; margin-left: 0; } #search_panel_brand.wrap_cities_search .jspPane, #search_panel_brand.wrap_cities_search .jspContainer { display:block; width:100%!important; height:auto!important; } #search_panel_brand.wrap_cities_search #whatnew_panel { padding:40px 20px 0; position:relative; } .cities_major #price_panel { position:relative!important; width:100%!important; height:auto!important; } .cities_major #frame_price { width:100%!important; min-height:250px; } .airplusPage #content_panel { display:block; width:100%!important; height:auto!important; position:relative; } .airplusPage #content_panel #content2_panel { position:relative; } .airplusPage #right_panel { height:auto; } .airplusPage #content2_panel { height:auto; } .airplusPage #content2_panel .search_panel > table { width:100%!important; display:block; background:#ffffff; } .airplusPage #content2_panel .search_panel > table > tbody, .airplusPage #content2_panel .search_panel > table > tbody tr , .airplusPage #content2_panel .search_panel > table > tbody tr > td.head-img { display:block; width:100%; } .airplusPage #content2_panel .search_panel > table > tbody tr > td.hide-mobile { display:none; } .airplusPage #content2_panel .search_panel > table > tbody tr > td.head-img img{ display:block; width:100%; height:auto; } .airplusPage #content2_panel .search_panel > table > tbody tr iframe { width:100%; height:50vw; } .airplusPage #Table_01 td { display:block; width:100%; } .airplusPage #content2_panel .search_panel .airplus_point_head { display:block; height:180px; overflow:hidden; } .airplusPage #content2_panel .search_panel .airplus_point:after { content:''; display:block; clear:both; } .airplusPage #content2_panel .search_panel .airplus_point img { display:block; float:left; width:35%; height:auto; } .airplusPage #content2_panel .search_panel .airplus_point div { display:block; width:60%; float:left; margin-top: 50px!important; } .airplusPage #content2_panel .search_panel .airplus_point.point_2 img {margin-left: -10px;} .airplusPage #content2_panel .search_panel .airplus_point.point_3 img { width:30%; margin-right:5%; } .airplusPage #content2_panel .search_panel .footer-img img { display:block; width:140%; height:auto; } .airplusPage #search_button { height:auto; } .airplusPage #search_button .brand_menu { margin-right:0; } .airplusPage #search_button .brand_menu li { display:block; width:100%; height:auto; box-sizing:border-box; } .airplusPage #search_button .brand_menu li a { display:block; width:100%; height:auto; box-sizing:border-box; padding:10px 0; border-bottom:1px solid #ffffff; } .airplusPage .search_panel { width:100%; height:auto; } .projectPage #menugallery { position:inherit; top:inherit; width:100%; height:auto; } .home-project-sub .list1layout { margin-right:0; } .home-project-sub .list1layout div.detail { margin:10px 0; } .menuproject { clear:both; } div#content2_panel { background:#EBEBEB; } #breadcrumbs_panel span { line-height:13px; font-size:12px; } body { background:#ffffff!important; } #p_activity_panel .list1layout div.img , #p_activity_panel .list1layout , #p_activity_panel .list1layout .imagepano , #p_activity_panel .list1layout div.detail, #p_activity_panel .list1layout div { width:100% !important; height:auto !important; float: inherit; display:block; word-break: break-word;} #p_activity_panel .list1layout div { float:inherit; } #p_activity_panel .list1layout div h1 { font-size:24px!important; display:block; width:100%;word-break: break-word; } #p_activity_panel .list1layout div h2 { font-size:22px!important; display:block; width:100%; word-break: break-word;} #p_promotion_panel .list1layout div.img , #p_promotion_panel .list1layout , #p_promotion_panel .list1layout .imagepano , #p_promotion_panel .list1layout div.detail, #p_promotion_panel .list1layout div { width:100% !important; height:auto !important; float: inherit; display:block; word-break: break-word;} #p_promotion_panel .list1layout div { float:inherit; } #p_promotion_panel .list1layout div h1 { font-size:24px!important; display:block; width:100%;word-break: break-word; } #p_promotion_panel .list1layout div h2 { font-size:22px!important; display:block; width:100%; word-break: break-word;} #p_promotion_panel #activity_slider li { display:block; width:100%; height:auto; padding:20px 0; border-bottom:1px solid #ffffff; } #p_promotion_panel #activity_slider li:last-child { border-bottom:0; } #p_promotion_panel #activity_slider { height:auto!important; } span.activitypass > a { color:#444444; width:130px; font-size:13px; } #breadcrumbs_panel a { line-height:14px !important ; } .projects #breadcrumbs_panel { padding:0;margin-bottom:20px; } .projects #breadcrumbs_panel:after { content:''; display:block; clear:both; } #breadcrumbs_panel { box-sizing:border-box; } #p_concept_panel > img { display:block; width:100%; height:auto; } #search_button .project_menu li a { font-size:18px!important; } .unitplan > div { display:block; } /*.condoPage #content_panel { display:block; width:100% !important; height:auto!important; position:inherit; top:inherit; left:inherit; } .condoPage #right_panel { height:auto!important; } .condoPage #home_panel { display:none!important; } .condoPage .search_panel , .condoPage .innercontent , .condoPage .search_panel div ul , .condoPage .search_panel div li, .condoPage #search_button ul , .condoPage #search_button li { width:100%!important; height:auto!important; position:inherit!important; top:inherit!important; left:inherit!important; } .condoPage .p_location_panel { } .condoPage .search_panel #p_gallery_panel { width:100%!important; } .condoPage #search_button { height:auto; } .condoPage .search_panel .b_content { display:block; width:100%; height:auto; padding:20px; box-sizing:border-box; background } .condoPage .b_content { position:inherit; border-bottom:1px solid rgba(255,255,255,0.5); } .condoPage .contact_panel_right iframe { height: 750px !important; } .condoPage .contact_panel_right { float:none!important; height:400px !important; } .condoPage .imagepano { height:auto; width:100%; } .condoPage .unitplan,.condoPage .unitplan img ,.condoPage .unitplan div { width:100%; height:auto; margin-left:0!important; margin-right:0; float:none !important; } .condoPage #project_unitplan_slider li { padding:20px 0; border-bottom:1px solid rgba(255,255,255,0.5); }*/ .condoPage #content_panel { position:inherit; } .condoPage #right_panel { height:auto; } .condoPage #home_panel { display:none; } .condoPage .innercontent { position:inherit; } .condoPage #p_location_panel { height: 100%!important; padding:40px 20px; } .condoPage #mapgoogle { height:300px !important; } .condoPage-sub #content_panel,.condoPage-sub #content2_panel,.condoPage-sub #content2_panel,.condoPage-sub #content3_panel { width:100%!important; height:auto!important; } .condoPage-sub #contact_panel { margin-top:0!important; } .condoPage-sub.contact #contact_panel { width:100%!important; padding:40px 0; box-sizing:border-box; } .condoPage .search_panel { width:100% !important; } .condoPage #p_location_panel { position:inherit; width:100%; box-sizing:border-box; } .condoPage #search_button { position:inherit; height: auto; } .condoPage .brand_menu { display:block; width:100%; margin:0!important; } .condoPage .brand_menu li { display: block; float: none; width: 100%; line-height: 30px; } .condo-main .condo_panel > div { position:inherit!important; width:100%!important; height:auto!important; padding:40px 0!important; } .condo_panel > div .detail { margin:20px 0!important; } .condoPage-sub #b_projectgp_panel , .condoPage-sub.anythingSlider, .condoPage-sub .slide_brandlogo, .condoPage-sub .slide_brandlogo li { width:100%; position:inherit; height:auto; } .condoPage .slide_brandlogo li img { height:auto!important; position:inherit; width:100%; height:auto; display:block; } /*.condoPage #b_projectgp_panel { position:inherit!important; height:auto!important; }*/ .condoPage-sub .search_panel { height:auto!important; } .condoPage-sub.location .search_panel { height:auto!important; } .condoPage #p_gallery_panel .anythingSlider { width: 816px!important; height: 443px!important; position:relative!important; } .condoPage .wrap_wrap_p_gallery_panel { padding:0!important; } .search_panel #p_gallery_panel { width:816px!important; } .condoPage-sub.contact #content_panel ,.condoPage-sub.contact #content2_panel { background:none; } .condoPage-sub.contact .search_panel { height:900px !important; } .condoPage-sub.contact #contact_panel .contact_panel_right { height: 800px; width:100%!important; padding:0 20px 20px 20px; box-sizing:border-box; float:inherit; } .condoPage-sub.contact #contact_panel .contact_panel_right iframe { height: 800px!important; } .condoPage-sub.contact .search_panel{ background-image:none !important; } .condoPage-sub.contact #b_branding_panel { display:none!important; } .condoPage-sub .search_panel #b_concept_panel { box-sizing:border-box; height:auto; } .condoPage-sub .search_panel #b_concept_panel img { display:block; width:100%; } .condoPage-sub #contact_panel .contact_panel_right iframe { width: 100%!important; margin:0; } .condoPage-sub .search_panel .b_content { background-color: #ebebeb!important; } .condoPage-sub #search_panel_project { height:auto!Important; } .condoPage-sub.contact #search_panel_project { height:auto!Important; } .condoPage-sub #b_projectgp_panel { /*position:relative!important; width:100%!Important; height:47vw!Important;*/ } .condoPage-sub #p_gallery_panel { position:relative!important; width:100%!Important;; height:47vw; } .condoPage #p_location_panel .wrap_googlemap { display:block; width:100%!important; height:auto!important; padding:20px 0!important; position:relative; } .condoPage #p_location_panel .wrap_googlemap > div#mapgoogle { height:400px!important; margin-top:20px !important; width:100%!important; } .condoPage #p_location_panel > div > div#googlemap_project { margin-left:-60px!important; } .condoPage-sub .wrapper_slider { height:47vw; overflow:hidden; } #p_location_panel > div { margin-top: 20px!important; height:auto!important; } #p_location_panel > div > div { height:auto!important; } .projectPage #p_location_panel .wrap_googlemap { display:block; width:100%!important; height:auto!important; padding:20px 0!important; position:relative; } .projectPage #p_location_panel .wrap_googlemap > div#mapgoogle { height:400px!important; margin-top:20px !important; width:100%!important; } .projectPage #p_location_panel > div > div#googlemap_project { margin-left:-60px!important; } .brand_menu li { margin:0 !important; padding:0 10px; box-sizing:border-box; } .brand_menu a { font-size:18px !Important; display:block; width:100%; line-height:30px; padding:0; margin:0; text-align:center; } .brand_menu li:first-child a { border-top:0; } .mapPage.mapType1 #colorbox { width:350px !important; } .mapPage.mapType1 #right_panel { width: 100% !important; height:auto!important; position: inherit; } .mapPage.mapType1 #search_button .project_menu li a { font-size: 29px; } .mapPage.mapType1 #content_panel { position: relative; height:auto!important; } .mapPage.mapType1 #content2_panel { height:auto!important; } .mapPage.mapType1 #maps { position: relative; width:100%!important; height:auto!important; } /*.mapPage.mapType1 #map_canvas_big ,.mapPage.mapType1 #map_canvas_big img,.mapPage.mapType1 #content_panel ,.mapPage.mapType1 #content2_panel,.mapPage.mapType1 #maps,.mapPage.mapType1 #map_canvas { width: 100%!important; height: auto!important; position: inherit!important;}*/ .mapPage.mapType1 #map_canvas img { display: block; width:100%; height: auto; } .mapPage.mapType1 #search_button { width:auto !important; height:auto !important; position:inherit !important; top:inherit !important; margin-top:0!important; } .mapPage.mapType1 #map_canvas_big { display: none; } .mapPage.mapType1 .innercontent { position: inherit; } .mapPage.mapType1 div#home_panel { position: absolute; } .mapPage.mapType1 #search_button .brand_menu { width:100%; padding:0 20px; box-sizing: border-box; margin:0; } .mapPage.mapType1 #search_button .project_menu li a { font-size: 20px; } .mapPage.mapType1 #search_button .brand_menu li {margin-top: 0;padding: 10px 0;width: 100%;margin-left: 0;display: block;border-top: 1px solid #fff;text-align: center; } .mapPage.mapType1 #search_button .brand_menu li:first-child { border: none; } .mapPage.mapType1 .submap { height: auto!important; width:auto!important; position: inherit!important; top:inherit!important; left: inherit!important; } .mapPage.mapType1 .submap li { width:100%!important; height: auto!important; border:0!important; } .mapPage.mapType1 .fancyBox { width:100%; height: 100%; position: fixed; top:0; left:0; z-index: 100000; background:rgba(60, 60, 60, 0.70);; } .mapPage.mapType1 .fancyBox #map_canvas { position: absolute; top:80px; left:2.5%; width:95% !important; } .mapPage.mapType1 .fancyBox #map_canvas img { width:100% !important; } .mapPage.mapType1 .anythingFader { width: 0; height: 0; display: none; } /*.mapPage.mapType1 #maps ,.mapPage.mapType1 #map_canvas ,.mapPage.mapType1 #content2_panel,.mapPage.mapType1 #content3_panel ,.mapPage.mapType1 #content_panel{ height: auto!important; width: inherit!important; } */ .mapPage.mapType1 #maps #googlemap { display:block; width:100%; height:400px;} .mapPage.mapType1 #maps #map_canvas { display:none; } .homePage.projects .search_panel #b_concept_panel,.homePage.projects .search_panel #p_concept_panel { width:100%; height: auto; } .mapPage.mapType2 #colorbox { width:350px !important; } .mapPage.mapType2 #right_panel { width: 100% !important; height:auto!important; position: inherit; } .mapPage.mapType2 #search_button .project_menu li a { font-size: 29px; } .mapPage.mapType2 #content_panel { position: inherit ; } /*.mapPage.mapType2 #map_canvas_big ,.mapPage.mapType2 #map_canvas_big img,.mapPage.mapType2 #content_panel ,.mapPage.mapType2 #content2_panel,.mapPage.mapType2 #maps,.mapPage.mapType2 #map_canvas { width: 100%!important; height: auto!important; position: inherit!important;}*/ .mapPage.mapType2 #map_canvas img { display: block; width:100%; height: auto; } .mapPage.mapType2 #search_button { width:auto !important; height:auto !important; position:inherit !important; top:inherit !important; } .mapPage.mapType2 #map_canvas_big { display: none; } .mapPage.mapType2 .innercontent { position: inherit; } .mapPage.mapType2 div#home_panel { position: absolute; } .mapPage.mapType2 #search_button .brand_menu { width:auto; padding:0 20px; box-sizing: border-box; margin:0; } .mapPage.mapType2 #search_button .project_menu li a { font-size: 20px; } .mapPage.mapType2 #search_button .brand_menu li {margin-top: 0;padding: 10px 0;width: 100%;margin-left: 0;display: block;border-top: 1px solid #fff;text-align: center; } .mapPage.mapType2 #search_button .brand_menu li:first-child { border: none; } .mapPage.mapType2 .submap { height: auto!important; width:auto!important; position: inherit!important; top:inherit!important; left: inherit!important; } .mapPage.mapType2 .submap li { width:100%!important; height: auto!important; border:0!important; } .mapPage.mapType2 .fancyBox { width:100%; height: 100%; position: fixed; top:0; left:0; z-index: 100000; background:rgba(60, 60, 60, 0.70);; } .mapPage.mapType2 .fancyBox #map_canvas { position: absolute; top:80px; left:2.5%; width:95% !important; } .mapPage.mapType2 .fancyBox #map_canvas img { width:100% !important; } .mapPage.mapType2 .anythingFader { width: 0; height: 0; display: none; } .mapPage.mapType2 #maps ,.mapPage.mapType2 #map_canvas ,.mapPage.mapType2 #content2_panel,.mapPage.mapType2 #content3_panel ,.mapPage.mapType2 #content_panel{ height: auto!important; width: inherit!important; } .mapPage.mapType2 .map_detail { width:100%; height: auto; float:inherit; padding:20px; box-sizing: border-box; } .mapPage.mapType2 .map_detail li a { font-size: 20px; } .mapPage.mapType2 .map_detail li .price { font-size: 17px; display:inline; margin-left:20px; } .mapPage.mapType2 .jspPane { width:100%!important; position: inherit; } .mapPage.mapType2 .listhome { width:100%!important; height: auto; } .mapPage.mapType2 .jspContainer { width:100%!important; height:auto!important; } .mapPage.mapType2 #maps #googlemap { display:block; width:100%; height:400px; } .mapPage.mapType2 #maps #map_canvas { display:none; } .foreign_buyerPage #right_panel { height: inherit!important; } .foreign_buyerPage #content_panel { position: inherit; transform: inherit !important; -webkit-transform: inherit !important; } .foreign_buyerPage #search_button{ height: auto!important; width: 100%!important; } .foreign_buyerPage #search_button .brand_menu { width:auto; padding:0 20px; box-sizing: border-box; margin-right:0; } .foreign_buyerPage #search_button .brand_menu li a { font-size: 20px; } .foreign_buyerPage #search_button .brand_menu li {margin-top: 0;padding: 10px 0;width: 100%;margin-left: 0;display: block;border-top: 1px solid #fff;text-align: center; } .foreign_buyerPage #search_button .brand_menu li:first-child { border: none; } .foreign_buyerPage .submap { height: auto!important; width:auto!important; position: inherit!important; top:inherit!important; left: inherit!important; } .foreign_buyerPage .submap li { width:100%!important; height: auto!important; border:0!important; } .foreign_buyerPage #maps ,.foreign_buyerPage #map_canvas ,.foreign_buyerPage #content2_panel,.foreign_buyerPage #content3_panel ,.foreign_buyerPage #content_panel{ height: auto!important; } .foreign_buyerPage .search_panel { background-size: 100%; background-repeat: no-repeat; width:100%; } .foreign_buyerPage .anythingFader { height: inherit !important; } .foreign_buyerPage .innercontent { position: inherit!important; } .foreign_buyerPage .search_panel { height: auto; } .foreign_buyerPage .search_panel .b_content { width:100%; height: auto; box-sizing: border-box; position: inherit; padding:40px 20px; } .foreignbuyer .foreignimg { display:block; float: inherit; width: 100%; height: auto; overflow:scroll; -webkit-overflow-scrolling: touch; } .foreignbuyer .foreignimg iframe { display:block; margin:0 auto; } .foreignbuyer .foreignimg img { width:100%; height: auto; display:block; } .foreignbuyer .foreigntext { height: auto; float: inherit; margin-top:20px; width:100%; } .foreignbuyer hr { margin-bottom: 20px; } .foreignbuyer .foreigntext ,.foreignbuyer .jspContainer ,.foreignbuyer .jspPane { width:auto!important; } .foreignbuyer.projects #breadcrumbs_panel { margin-left:20px; } .projectPage #colorbox { width:350px !important; } .projectPage #right_panel { width: 100% !important; height:auto!important; position: inherit; } .projectPage #search_button .project_menu li a { font-size: 29px; } .projectPage #content_panel { position: inherit ; } .projectPage #map_canvas_big ,.projectPage #map_canvas_big img,.projectPage #content_panel ,.projectPage #content2_panel,.projectPage #maps,.projectPage #map_canvas { width: 100%!important; height: auto!important; } .projectPage #map_canvas img { display: block; width:100%; height: auto; } .projectPage #search_button { height:auto !important; position:inherit !important; top:inherit !important; } .projectPage #map_canvas_big { display: none; } .projectPage .innercontent { position: inherit; } .projectPage div#home_panel { position: absolute; } .projectPage #search_button .brand_menu { width:auto; padding:0 20px; box-sizing: border-box; margin:0; display:block; } .projectPage #search_button .project_menu li a { font-size: 20px; } .projectPage #search_button .brand_menu li {margin-top: 0;padding: 10px 0;width: 100%;margin-left: 0;display: block;border-top: 1px solid #fff;text-align: center; } .projectPage #search_button .brand_menu li:first-child { border: none; } .projectPage .submap { height: auto!important; width:auto!important; position: inherit!important; top:inherit!important; left: inherit!important; } .projectPage .submap li { width:100%!important; height: auto!important; border:0!important; } .projectPage .fancyBox { width:100%; height: 100%; position: fixed; top:0; left:0; z-index: 100000; background:rgba(60, 60, 60, 0.70);; } .projectPage .fancyBox #map_canvas { position: absolute; top:80px; left:2.5%; width:95% !important; } .projectPage .fancyBox #map_canvas img { width:100% !important; } .projectPage .anythingFader { width: 0; height: 0; display: none; } .projectPage .search_panel { width:100%; height:auto!important; position:relative; } .projectPage .search_panel .b_content_current { position:relative; } .projectPage .search_panel .b_content { width:100%; height:auto; padding:40px 20px; box-sizing:border-box; } .projectPage .search_panel .b_content#b_projectgp_panel { } .projectPage .search_panel .b_content#search_panel_project { height:auto; } .projectPage .search_panel .b_content#p_detail_panel h1 img { top:5px!important; right:5px!important; } .projectPage .search_panel .b_content#p_detail_panel h1 img { top:5px!important; right:5px!important; width:40px; height:40px; } .projectPage .search_panel #p_concept_panel { position:relative; } .passscrollpane ,.passscrollpane .jspContainer ,.passscrollpane .jspPane,.passscrollpane .jspPane > div { display:block; width:100%!important; } /*.projectPage .search_panel { width:100%; height: inherit; } .projectPage .search_panel .b_content { position: relative!important; width:100%; height:inherit; padding:40px 0 0; } .projectPage .search_panel .b_content h1 { padding:0 20px; } .projectPage .search_panel #b_projectgp_panel div.anythingSlider { width:100%!important; height: inherit!important; position: inherit;} .projectPage .search_panel #b_projectgp_panel div.anythingSlider .anythingWindow { width:100%; height: inherit; } .projectPage .search_panel #b_projectgp_panel .anythingBase { width:100%!important; left: inherit!important;position: inherit; } .projectPage .search_panel #b_projectgp_panel .anythingBase .panel { float: inherit;width: 100%!important;height: inherit!important; }*/ .job #p_location_panel ul li { width:95%; } .job .h21_o span { width:100%!important; } #p_home_panel { position: relative; } .model #search_button { display:block; width:auto; } .model div#search_panel_project { height:auto!important;width:100%; } .model #p_home_panel div.anythingSlider .forward { right:-40px !important; } .model #p_home_panel div.anythingSlider .back { left:0!important; } .model #p_home_panel { height:auto!important; width:100%; box-sizing: border-box; } .model #p_home_panel div.anythingSlider { } .model #p_home_panel .anythingBase .panel{ width:100%!important; height:auto!important; float:none; } .model #p_home_panel #homesale_slider { width:100% !important; height:auto!important; position:inherit; left:inherit!important; top:inherit; } .model #p_home_panel #homesale_slider .list1layout { margin-right:0; border-bottom:1px solid #fff; padding:20px 0; } .model #p_home_panel #homesale_slider .panal { width:100%!important; height:auto!important; } #p_home_panel .list1layout div.img { float:none; width:100%; height:auto; margin-bottom: 10px } #p_home_panel .list1layout div.img a { float:none!important; } #p_home_panel .list1layout div.img img { display:block; width:100%; height:auto; } #p_home_panel .list1layout div.detail { float:none; width:100%!important; padding:0 20px!important; box-sizing:border-box; margin-left:0!important; } #p_home_panel div.anythingSlider .arrow a { display:none; } #p_home_panel div.anythingSlider .anythingControls ul.thumbNav { display:none!important; } .home-project-sub.location .zoom_btn { left:inherit!important; right:0!important; top:0!important; bottom:inherit!important; } #project_gallery_slider img { width:100%; } .projectPage .search_panel #p_gallery_panel { width:100%; height:auto; } #p_location_panel .location_details { padding:0!important; } #p_location_panel .location_details li span { display:block; float:inherit!important; } .projectPage.detial .search_panel { height:auto!important; min-height:47vw; } .mapgoogle { width:90%; } #p_location_panel > div { margin-top:20px!important; } #p_location_panel > div > div { width:auto!important; padding:0!important; } .detial #b_projectgp_panel { height: 0; } .projectPage.detial #p_location_panel hr { height: 0; } .projectPage.detial #p_home_panel { height: inherit; } #p_home_panel .b_content { padding:40px 0 0; } #p_detail_panel .project_detail .jspPane { width:auto!important; padding:20px!important; } #p_detail_panel .project_detail_footer { width:auto; } #p_detail_panel .project_detail_footer .time , #p_detail_panel .project_detail_footer .tel_text , #p_detail_panel .project_detail_footer .email_text { display:block; } .wrap_slide { position: static; } /*calculator*********/ .calculatorPage { width:100%!important; height: auto!important;position: inherit;top: inherit;left: inherit; } .calculatorPage .search_panel ,.calculatorPage .search_panel .b_content {width:100%; height: auto; box-sizing: border-box; padding-bottom: 40px; position: inherit; } .calculatorPage .search_panel .b_content > div > div { float: inherit!important; width:100%!important; border-right:0!important; padding-left:0!important; } #labelcaculator { box-sizing: border-box; width:auto; height: auto; } #labelcaculator li { width:auto; } .calculatorPage #content2_panel,.calculatorPage #content3_panel { height: auto; } .calculatorPage .innercontent { position: inherit; } .calculatorPage #content_panel { width:100%!important; height: auto!important; position: inherit; top:inherit; left:inherit; } .calculatorPage #right_panel { height: auto; } .calculatorPage .anythingFader { display: none; } .calculatorPage .calculator table { display:block; width:100%; height:auto; } .calculatorPage .calculator table > tbody { display:block; width:100%; height:auto; } .calculatorPage .calculator table > tbody > tr { display:block; width:100%; height:auto; } .calculatorPage .calculator table > tbody > tr > td:first-child { display:block; width:100%; height:auto; text-align:left; } .calculatorPage #calculatorform .tdright { text-align:left; } .calculatorPage .calculator table > tbody > tr > td:nth-child(2) { width:70%; display:inline-block; } .calculatorPage .calculator table > tbody > tr > td:nth-child(2) input { display:block; width:100%; height:30px!important; } .calculatorPage .calculator table > tbody > tr > td:nth-child(3) { width:28%; display:inline-block; } .calculatorPage #calculatorform li td .button { display:inline-block; } .baansabaiPage #tabmenu { background: none!important; height:auto!important; } .baansabaiPage #tabmenu:after { content:''; display:block; height:auto; } .baansabaiPage #tabmenu li:nth-child(1)::after { content: 'เย็นสบายประหยัดพลังงาน';} .baansabaiPage #tabmenu li:nth-child(2)::after { content: 'ครบครันทุกพื้นที่ใช้สอย';} .baansabaiPage #tabmenu li:nth-child(3)::after { content: 'เตรียมความพร้อม และ สะดวกปลอดภัย';} .baansabaiPage #baan_panel ul#tabmenu li { float:inherit; } .baansabaiPage .search_panel {width:100%; height:auto; } .baansabaiPage .search_panel .b_content { position:inherit; width:100%; height:auto; box-sizing: border-box; padding-bottom: 30px; } .baansabaiPage #baan_panel ul#tabmenu li {width:100%!important; } .baansabaiPage #baan_panel ul#tabmenu li::before { content:'>'; margin-right:10px; } .baansabaiPage #content_panel { width:100%!important; height: auto!important; position: inherit; top:inherit; left:inherit; } .baansabaiPage .anythingSlider { width:100%!important; height: auto!important; } .baansabaiPage .anythingBase { position: inherit; top:inherit; left: inherit; } .baansabaiPage .anythingBase .panel { width:100%!important; height: auto!important; float: none; } .baansabaiPage .anythingBase .panel:last-child { border-bottom: 0; } .baansabaiPage .project_condo_slider { width: 100% !important; height: auto!important; } .baansabaiPage #baan_panel.anyslide div.anythingSlider .anythingControls { display: none!important; } .baansabaiPage #right_panel { height: auto!important; } .baansabaiPage .innercontent { position: inherit; } .baansabaiPage #home_panel { display: none; } .baansabaiPage #content2_panel, #content3_panel { height: auto; } .baansabaiPage div.anythingSlider .arrow { display: none!important; } .baansabaiPage #baan_panel .list1layout { margin-right:0; padding:20px 0; border-bottom:1px solid #ffffff; } .baansabaiPage #baan_panel .list1layout div.detail { display: block; width:100%!important; height: auto!important; margin-left:0; float:none; } .baansabaiPage #baan_panel .list1layout div.img { display: table; width:100%; margin:0 auto; float:none; clear:both; height:auto; } .baansabaiPage #baan_panel .list1layout div.img img { width:100%; height: auto; margin:0 auto; } .baansabaiPage #search_button { width:100%!important; height: auto!important; } .baansabaiPage #search_button .brand_menu { width:auto; padding:0 20px; box-sizing: border-box; } .baansabaiPage #search_button .project_menu li a { font-size: 20px; } .baansabaiPage #search_button .brand_menu li {margin-top: 0;padding: 10px 0;width: 100%;margin-left: 0;display: block;border-top: 1px solid #fff;text-align: center; } .baansabaiPage #search_button .brand_menu li:first-child { border: none; } .baansabaiPage .submap { height: auto!important; width:auto!important; position: inherit!important; top:inherit!important; left: inherit!important; } .baansabaiPage .submap li { width:100%!important; height: auto!important; border:0!important; } .homeseriesPage .search_panel { width:100%; } .homeseriesPage #search_button { width:100%!important; height: auto!important; } .homeseriesPage #search_button .brand_menu { width:auto; padding:0 20px; box-sizing: border-box; margin:0; } .homeseriesPage #search_button .project_menu li a { font-size: 20px; } .homeseriesPage #search_button .brand_menu li {margin-top: 0;padding: 10px 0;width: 100%;margin-left: 0;display: block;border-top: 1px solid #fff;text-align: center; } .homeseriesPage #search_button .brand_menu li:first-child { border: none; } .homeseriesPage #search_button div span { padding:10px 0; } .homeseriesPage #right_panel { height: auto!important; } .homeseriesPage .innercontent { position: inherit; } .homeseriesPage #home_panel { display: none; } .homeseriesPage #content2_panel, #content3_panel { height: auto; } .homeseriesPage #menuleft { display:block; width:100%; margin-left:0!important; float:none!important; clear:both!important } .homeseriesPage #menuleft .modeltitle { display:block; width:100%; margin-left:0!important; float:none!important; clear:both!important } .homeseriesPage #menuleft .modeltitle a { display:block; width:100%; height:auto; text-align:center; color:#999; } .homeseriesPage.sub #search_panel_brand { height:auto!important; width:100%!important; } .homeseriesPage #homeseries_panel { display:block; width:100%!important; height:auto!important; position:relative; box-sizing:border-box; padding-bottom:0!important; } .homeseriesPage #homeseries_panel .project_condo_slider { display:block; width:100%; height:auto; } .homeseriesPage #homeseries_panel .project_condo_slider .list1layout { float:none; margin-right:0; padding:20px 0; border-bottom:1px solid #ffffff; } .homeseriesPage #homeseries_panel .list1layout div.img { width:100%; height:auto; float:none; clear:both; } .homeseriesPage #homeseries_panel .list1layout div.img img { width:100%; height:auto; clear:both; } .homeseriesPage #homeseries_panel .list1layout div.detail { display:block; width:100%; height:auto; margin-left:0; float:none; clear:both; } .homeseriesPage #homeseries_panel .list1layout div.content { display:block; width:100%; height:auto; margin-left:0; float:none; clear:both; } .homeseriesPage #homeseries_panel .list1layout div.content img.link { float:right; } .homeseriesPage #homeseries_panel .list1layout div.detail a { display:block; width:100%; height:auto; margin-left:0; float:none; clear:both; text-align:right; } .homeseriesPage #h_gallery_panel { position:relative; } .homeseriesPage .search_panel { height:auto!important; } .homeseriesPage-sub .search_panel { /*height:auto!important; min-height:47vw;*/ } .homeseriesPage #content_panel { width:100%!important; height: auto!important; position: inherit; top:inherit; left:inherit; } .homeseriesPage.m_info_panel #content_panel { /*width:440px!important;*/ position: inherit; top:inherit; left:inherit; } .homeseriesPage-sub .search_panel { height:auto!important; } .homeseriesPage.details ul#tab_head li { width:50%!important;} .homeseries.design {} .homeseries.design div#right_panel { position:relative; height:auto; } .homeseries.design div#right_panel #content_panel { position:relative; height:auto!important; width:100%!important; } .homeseries.design div#right_panel #content_panel div#content2_panel { position:relative; height:auto!important; } .homeseries.design div#content2_panel .search_panel { width:100%; height:auto; position:relative; } .homeseries.design .search_panel #allhomeseries_panel { width:100%; height:auto; padding:40px 20px 0; position: relative; box-sizing:border-box; } .homeseries.design .design iesPage .search_panel { width:100%; } .homeseries.design #search_button { width:100%!important; height: auto!important; } .homeseriesPage.detail .search_panel { width:100%!important; height: auto!important; } .homeseries.design #search_button .brand_menu { width:auto; padding:0 20px; box-sizing: border-box; margin:0; } .homeseries.design #search_button .project_menu li a { font-size: 20px; } .homeseries.design #search_button .brand_menu li {margin-top: 0;padding: 10px 0;width: 100%;margin-left: 0;display: block;border-top: 1px solid #fff;text-align: center; } .homeseries.design #search_button .brand_menu li:first-child { border: none; } .homeseries.design #gallery_slider { display:block; width:100%!important; height:auto!important; } .homeseries.design #allhomeseries_panel #gallery_slider .list3layout { width:100%; height:auto; float:none; clear:both; } .homeseries.design #allhomeseries_panel #gallery_slider .list3layout .img { width:100%; height:auto!important; float:none; clear:both; margin-bottom:10px; } .homeseries.design #allhomeseries_panel #gallery_slider .list3layout .img a { margin-bottom:10px; } .homeseries.design #allhomeseries_panel #gallery_slider .list3layout .img img { width:100%; height:auto; clear:both; } .homeseries.design #allhomeseries_panel #gallery_slider .list3layout .detail { display:block; width:100%; height:auto!important; margin-left:0; float:none; clear:both; } .homeseries.design #allhomeseries_panel #gallery_slider .list3layout .content { display:block; width:100%; height:auto; margin-left:0; float:none; clear:both; } .homeseries.design #allhomeseries_panel #gallery_slider .list3layout .detail a { display:block; width:100%; height:auto; margin-left:0; float:none; clear:both; } .homeseriesPage.details h1 { } .homeseriesPage.details #homesale_panel { padding:40px 20px; box-sizing:border-box; } .homeseriesPage.details #salehome_slider { width:100%; height:auto; } .homeseriesPage.details #salehome_slider .list1layout { margin-right:0; padding:30px 0; border-bottom:1px solid #ffffff; } .homeseriesPage.details #salehome_slider .list1layout .current360 { position:relative; } .homeseriesPage.details #salehome_slider .list1layout div.detail { width:100%!important; height:auto!important; float:none; margin-left:0; } .homeseriesPage.details #salehome_slider .list1layout div.img { width:100%!important; height:auto; position:relative; float:none; margin-left:0; } .homeseriesPage.details #salehome_slider .list1layout div.img img { width:100%!important; height:auto; } .homeseriesPage.details .feature { width:100%; height:auto; } .homeseriesPage.details .feature div { width:100%!Important; height:auto!important; float:inherit!important;} .homeseriesPage.details .feature div > a { width:100%!Important; height:auto!important; float:inherit!important;} .homeseriesPage.details .feature div > a > img { width:100%; height:auto; } .homeseriesPage.details #m_info_panel #model_slider { width:100%; height:auto!important; } .homeseriesPage.details #m_info_panel #model_slider li, .homeseriesPage.details #m_info_panel #model_slider li a, .homeseriesPage.details #m_info_panel #model_slider li a img.slide_img { width:100%; height:auto; } .landdingPage #right_panel, .landdingPage #content_panel , .landdingPage .innercontent , .landdingPage #landingpage, .landdingPage .jspContainer, .landdingPage .jspPane , .landdingPage .jspPane img { /*width:100%!important; height:auto!important; top:inherit!important; position: inherit;*/} .landdingPage #home_panel { display: none; } .newprojectsPage { } .newprojectsPage .search_panel {width:100%; height:auto; } .newprojectsPage .search_panel .b_content { position:inherit; width:100%; height:auto; box-sizing: border-box; padding-bottom: 30px; min-height:300px; } .newprojectsPage #baan_panel ul#tabmenu li {width:100%!important; } .newprojectsPage #baan_panel ul#tabmenu li::before { content:'>'; margin-right:10px; } .newprojectsPage #content_panel { width:100%!important; height: auto!important; position: inherit; top:inherit; left:inherit; } .newprojectsPage .anythingSlider { width:100%!important; height: auto!important; } .newprojectsPage div.anythingSlider .anythingWindow { height: auto; } .newprojectsPage .anythingBase { position: inherit; top:inherit; left: inherit; } .newprojectsPage .anythingBase .panel { width:100%!important; height: auto!important; float: none; border-bottom: 1px solid #ffffff; } .newprojectsPage .anythingBase .panel:last-child { border-bottom: 0; } .newprojectsPage .project_condo_slider { width: 100% !important; height: auto!important; } .newprojectsPage #baan_panel.anyslide div.anythingSlider .anythingControls { display: none!important; } .newprojectsPage #right_panel { height: auto!important; } .newprojectsPage .innercontent { position: inherit; } .newprojectsPage #home_panel { display: none; } .newprojectsPage #content2_panel, #content3_panel { height: auto; } .newprojectsPage div.anythingSlider .arrow { display: none!important; } .newprojectsPage .list1layout div.detail { display: block; width:100%!important; height: auto!important; margin-left:0; } .newprojectsPage .list1layout div.img { display: table; width:100%; margin:0 auto; margin-top:20px; height: auto; } .newprojectsPage .list1layout div.img img { width:100%; height: auto; margin:0 auto; } .newprojectsPage #search_button { width:100%!important; height: auto!important; } .newprojectsPage #search_button .brand_menu { width:auto; padding:0 20px; box-sizing: border-box; margin-right:0; } .newprojectsPage #search_button .project_menu li a { font-size: 20px; } .newprojectsPage #search_button .brand_menu li {margin-top: 0;padding: 10px 0;width: 100%;margin-left: 0;display: block;border-top: 1px solid #fff;text-align: center; } .newprojectsPage #search_button .brand_menu li:first-child { border: none; } .newprojectsPage .submap { height: auto!important; width:auto!important; position: inherit!important; top:inherit!important; left: inherit!important; } .newprojectsPage .submap li { width:100%!important; height: auto!important; border:0!important; } .newprojectsPage .div.anythingSlider .anythingControls ul { display: none; } .newprojectsPage .detail { width: auto!important;} .newprojectsPage .detail div:first-of-type { width: auto!important;float: left!important;display: table!important;} .newprojectsPage .detail div:first-of-type img { margin-left: 0!important; margin-right:10px; } .newprojectsPage .list1layout { display:block; margin-right:0; padding:20px 0; border-bottom:1px solid #ffffff; position:relative; } .newprojectsPage .list1layout .icon_newcoming { position:absolute; top:20px; right:0; } .newprojectsPage .list1layout .icon_newcoming img { height:40px; width:auto; } .newprojectsPage .list1layout div.content {width:100%;height:auto; float:left;} .newprojectsPage .list1layout div.content > div {height: auto!important;overflow: hidden!important;padding: 0px!important;} .newprojectsPage .list1layout h2 a { font-size:25px!important; box-sizing:border-box; display:block; width:100%; padding-right:60px; } .newprojectsPage .jspContainer, .newprojectsPage .jspPane , .newprojectsPage .jspPane img { width:100%!important; height:auto!important; top:inherit!important; position: inherit;} .newprojectsPage #noti_panel { display:block; width:100%!important; } .newprojectsPage #noti_panel table { display:block; width:100%!important; } .newprojectsPage #noti_panel table > tbody { display:block; width:90%!important; } .newprojectsPage #noti_panel table > tbody > tr { display:block; width:90%!important; } .newprojectsPage #noti_panel table > tbody > tr > td { display:block; width:90%!important; } .newprojectsPage #noti_panel { position:fixed!important; top:0; left:0; width:100%!important; height:100%!important;padding-top:40px; } .newprojectsPage #noti_panel li , .newprojectsPage #noti_panel table , .newprojectsPage #noti_panel table tbody, .newprojectsPage #noti_panel table tbody tr, .newprojectsPage #noti_panel table tbody tr td { display:block!important; width:100%!important; height:auto!important; box-sizing:border-box; padding:0!important; margin:0!important;} .newprojectsPage #noti_panel> div > table { width:90%!important; margin:0 auto!important; } .newprojectsPage #noti_panel ul.slide_noti_msg > li { width:90%!important; height:auto; box-sizing:border-box; position:fixed; top:40px; left:5%; right:5%; bottom:5%; overflow-y:hidden; !important; } .newprojectsPage #noti_panel ul.slide_noti_msg > li > table { margin:35px auto 0 auto!important; width:90%!important; height:auto; padding:20px!important; box-sizing:border-box; position:fixed; top:40px; left:5%; right:5%; bottom:5%; overflow-y:scroll; } .newprojectsPage #noti_panel #slider_left { display:none; } .newprojectsPage #noti_panel #slider_right { display:none; } .newprojectsPage #noti_panel #slider_no { display:none; } .newprojectsPage .close_btn { position:fixed; top:50px; right:7%; z-index:2000; } .newprojectsPage #noti_panel table tbody tr td.title_popup { padding:10px 20px !important; } .newprojectsPage #noti_panel table tbody tr td.new_detail { padding-bottom:20px!important; } .newprojectsPage #noti_panel table tbody tr td a.read_more:before { content:'อ่านต่อ'; display:inline; padding-right:5px; } .newprojectsPage #noti_panel table tbody tr td a.img { display:block; } .newprojectsPage #noti_panel table tbody tr td a.img img { display:block; width:100%; height:auto; margin-bottom:10px; } .complainiframe_page div#right_panel { position:relative; height:auto!important; } .complainiframe_page div#right_panel #content_panel { position:relative; height:auto!important; width:100%!important; } .complainiframe_page div#right_panel #content_panel div#content2_panel { position:relative; height:auto!important; } .complainiframe_page div#content2_panel .search_panel { width:100%; height:auto; position:relative; } .complainiframe_page .search_panel .b_content { width:100%; height:auto; padding:40px 20px 0; position: relative; box-sizing:border-box; } .complainiframe_page #search_button { width:100%!important; height: auto!important; } .complainiframe_page #search_button .brand_menu { width:auto; padding:0 20px; box-sizing: border-box; margin:0; } .complainiframe_page #search_button .project_menu li a { font-size: 20px; } .complainiframe_page #search_button .brand_menu li {margin-top: 0;padding: 10px 0;width: 100%;margin-left: 0;display: block;border-top: 1px solid #fff;text-align: center; } .complainiframe_page #search_button .brand_menu li:first-child { border: none; } .complainiframe_page #complainiframe { width:100%; } .complainiframe_page #hometip_panel { width:100%; height:auto; } .foreign_buyerPage .search_panel .b_content { position:inherit; width:100%; height:auto; box-sizing: border-box; padding-bottom: 30px; } .foreign_buyerPage #baan_panel ul#tabmenu li {width:100%!important; } .foreign_buyerPage #baan_panel ul#tabmenu li::before { content:'>'; margin-right:10px; } .foreign_buyerPage #content_panel { width:100%!important; height: auto!important; position: inherit; top:inherit; left:inherit; } .foreign_buyerPage .anythingSlider { width:100%!important; height: auto!important; } .foreign_buyerPage div.anythingSlider .anythingWindow { height: auto; } .foreign_buyerPage .anythingBase { position: inherit; top:inherit; left: inherit; } .foreign_buyerPage .anythingBase .panel { width:100%!important; height: auto!important; float: none; border-bottom: 1px solid #ffffff; } .foreign_buyerPage .anythingBase .panel:last-child { border-bottom: 0; } .foreign_buyerPage .project_condo_slider { width: 100% !important; height: auto!important; } .foreign_buyerPage #baan_panel.anyslide div.anythingSlider .anythingControls { display: none!important; } .foreign_buyerPage #right_panel { height: auto!important; } .foreign_buyerPage .innercontent { position: inherit; } .foreign_buyerPage #home_panel { display: none; } .foreign_buyerPage #content2_panel, #content3_panel { height: auto; } .foreign_buyerPage div.anythingSlider .arrow { display: none!important; } .foreign_buyerPage .list1layout { margin-right:0; margin-bottom: 20px; } .foreign_buyerPage .list1layout div.detail { display: block; width:100%!important; height: auto!important; } .foreign_buyerPage .list1layout div.img { display: table; width:100%; height: auto; margin:0 auto; margin-top:30px;position: relative; } .foreign_buyerPage.projects .list1layout div.img img { width:100%; height: auto; margin:0 auto; margin-bottom: 20px; } .foreign_buyerPage .list1layout h2 { margin-top:20px!important; } .foreign_buyerPage #search_button { width:100%!important; height: auto!important; } .foreign_buyerPage #search_button .brand_menu { width:auto; padding:0 20px; box-sizing: border-box; } .foreign_buyerPage #search_button .project_menu li a { font-size: 20px; } .foreign_buyerPage #search_button .brand_menu li {margin-top: 0;padding: 10px 0;width: 100%;margin-left: 0;display: block;border-top: 1px solid #fff;text-align: center; } .foreign_buyerPage #search_button .brand_menu li:first-child { border: none; } .foreign_buyerPage .submap { height: auto!important; width:auto!important; position: inherit!important; top:inherit!important; left: inherit!important; } .foreign_buyerPage .submap li { width:100%!important; height: auto!important; border:0!important; } .foreign_buyerPage .div.anythingSlider .anythingControls ul { display: none; } .foreign_buyerPage .detail { width: auto!important;} .foreign_buyerPage .detail div:first-of-type {height: 60px!important;width: auto!important;float: left!important;display: table!important;} .foreign_buyerPage .detail div:first-of-type img { margin-left: 0!important; margin-right:10px; } .foreign_buyerPage.projects .list1layout div.content {width:100%;height: auto;float: left;margin-left:0!important;} .foreign_buyerPage.projects .list1layout div.content > div {height: auto!important;overflow: hidden!important;padding: 0px!important; width:auto!important; } .foreign_buyerPage .jspContainer, .foreign_buyerPage #project_gallery_slider, .foreign_buyerPage .jspPane , .foreign_buyerPage .jspPane img { width:100%!important; height:auto!important; top:inherit!important; position: inherit;} .foreign_buyerPage div.anythingSlider .anythingControls { display: none!important; } .foreign_buyerPage.projects .anythingBase { width:100%!important; height:auto!important; } .foreign_buyerPage.projects .list3layout { width:47.5%!important; margin-right:5%!important; height: auto; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ffffff; } .foreign_buyerPage.projects .list3layout:nth-of-type(2n) { margin-right:0!important; } .foreign_buyerPage.projects #project360_panel h2 a { display: inline-block; width: 33.3%; text-align: center; font-size:24px; margin-top:20px; } .foreign_buyerPage.projects .list3layout div:first-of-type { width:100%!important; height: auto!important; } .foreign_buyerPage.projects .list3layout div:first-of-type div { background-repeat: no-repeat!important;} .foreign_buyerPage.projects .list3layout div:first-of-type img { width:100%!important; height: auto!important; } .foreign_buyerPage #foreignimg iframe { width:100%; } .foreign_buyerPage.thailand .search_panel {width:100%; height:auto!important; min-height: 47vw; } .foreign_buyerPage.projects .list1layout { border-bottom:1px solid #999999; margin:0; padding:20px 0; } .foreign_buyerPage.projects .list1layout div.img { margin-top:20px; } .foreign_buyerPage .project_condo_slider { display:block; width:100%; height:auto; } .foreign_buyerPage .project_condo_slider .list1layout { margin-right:0; padding:20px 0; border-bottom:1px solid #ffffff; clear:both; } .foreign_buyerPage .list1layout div.img { width:100%; height:auto; float:none; clear:both; } .foreign_buyerPage .list1layout div.img img { width:100%; height:auto; clear:both; } .foreign_buyerPage .list1layout div.detail { display:block; width:100%; height:auto; margin-left:0; float:none; clear:both; } .foreign_buyerPage .list1layout div.content { display:block; width:100%; height:auto; margin-left:0; float:none; clear:both; } .foreign_buyerPage .list1layout div.detail a { display:block; width:100%; height:auto; margin-left:0; float:none; clear:both; } .foreign_buyerPage.projects .search_panel { height:auto!important; } .tvcPage {} .tvcPage .search_panel {width:100%; height:auto; position:inherit!important; } .tvcPage .search_panel .b_content { position:inherit; width:100%; height:auto; box-sizing: border-box; padding-bottom: 30px; } .tvcPage #baan_panel ul#tabmenu li {width:100%!important; } .tvcPage #baan_panel ul#tabmenu li::before { content:'>'; margin-right:10px; } .tvcPage #content_panel { width:100%!important; height: auto!important; position: inherit; top:inherit; left:inherit; } .tvcPage .anythingSlider { width:100%!important; height: auto!important; } .tvcPage div.anythingSlider .anythingWindow { height: auto; margin-top:40px; } .tvcPage .anythingBase { position: inherit; top:inherit; left: inherit; } .tvcPage .anythingBase .panel { width:100%!important; height: auto!important; float: none; } .tvcPage .anythingBase .panel:last-child { border-bottom: 0; } .tvcPage .project_condo_slider { width: 100% !important; height: auto!important; } .tvcPage #baan_panel.anyslide div.anythingSlider .anythingControls { display: none!important; } .tvcPage #right_panel { height: auto!important; } .tvcPage .innercontent { position: inherit; } .tvcPage #home_panel { display: none; } .tvcPage #content2_panel, #content3_panel { height: auto; } .tvcPage div.anythingSlider .arrow { display: none!important; } .tvcPage .list1layout { margin-right:0; margin-bottom: 20px; } .tvcPage .list1layout div.detail { display: block; width:100%!important; height: auto!important; } .tvcPage .list1layout div.img { display: table; width:100%; height: auto; margin:0 auto; margin-top:30px;position: relative; } .tvcPage .list1layout div.img img { width:100%; height: auto; margin:0 auto; } .tvcPage .list1layout h2 { margin-top:20px!important; } .tvcPage #search_button { width:100%!important; height: auto!important; } .tvcPage #search_button .brand_menu { width:auto; padding:0 20px; box-sizing: border-box; } .tvcPage #search_button .project_menu li a { font-size: 20px; } .tvcPage #search_button .brand_menu li {margin-top: 0;padding: 10px 0;width: 100%;margin-left: 0;display: block;border-top: 1px solid #fff;text-align: center; } .tvcPage #search_button .brand_menu li:first-child { border: none; } .tvcPage .submap { height: auto!important; width:auto!important; position: inherit!important; top:inherit!important; left: inherit!important; } .tvcPage .submap li { width:100%!important; height: auto!important; border:0!important; } .tvcPage .div.anythingSlider .anythingControls ul { display: none; } .tvcPage .detail { width: auto!important;} .tvcPage .detail div:first-of-type {height: 60px!important;width: auto!important;float: left!important;display: table!important;} .tvcPage .detail div:first-of-type img { margin-left: 0!important; margin-right:10px; } .tvcPage .list1layout div.content {width: 80%;height: auto;float: left;margin-left: 10px;} .tvcPage .list1layout div.content > div {height: auto!important;overflow: hidden!important;padding: 0px!important;} .tvcPage .jspContainer, .tvcPage #project_gallery_slider, .tvcPage .jspPane , .tvcPage .jspPane img { width:100%!important; height:auto!important; top:inherit!important; position: inherit;} .tvcPage div.anythingSlider .anythingControls { display: none!important; } .tvcPage .anythingBase { width:100%!important; height:auto!important; } .tvcPage .list3layout { width:47.5%!important; margin-right:5%!important; height: auto; padding:30px 0; border-bottom: 1px solid #ffffff; } .tvcPage .list3layout > div { position:relative; width:100%!important; height:auto!important; } .tvcPage .list3layout:nth-of-type(2n) { margin-right:0!important; } .tvcPage #project360_panel h2 a { display: inline-block; width: 33.3%; text-align: center; font-size:24px; margin-top:20px; } .tvcPage .list3layout div:first-of-type div { background-repeat: no-repeat!important; position:absolute!important; top:50%!important; margin-top:-20px!important; left:50%!important; margin-left:-25px!important; } .tvcPage .list3layout div:first-of-type img { width:100%!important; height: auto!important; } .neighbor_panel_page #right_panel { height:auto!important; } .neighbor_panel_page #content_panel { width:100%!important; height:auto!important; position:relative; box-sizing:border-box; } .neighbor_panel_page div#content2_panel { width:100%; height:auto; padding:40px 20px 0; position:relative; box-sizing:border-box; padding:0; } .neighbor_panel_page .search_panel { width:100%; height:auto; padding:0 position:relative; box-sizing:border-box; } .neighbor_panel_page .search_panel .b_content { width:100%; height:auto; padding:40px 20px 0; position:relative; box-sizing:border-box; } .neighbor_panel_page #showyear_slider { width:100%!important; height:auto!important; } .neighbor_panel_page #showyear_slider li { display:block; padding:20px 0; } .neighbor_panel_page #showyear_slider li > div { display:block; clear:both; float:none; width:100%; height:auto; } .neighbor_panel_page #showyear_slider li > div:after { content:''; display:block; clear:both; } .neighbor_panel_page #showyear_slider li > div > div { display:block; clear:both; float:none; width:100%; height:auto; } .neighbor_panel_page #showyear_slider li > div > div:after { content:''; display:block; clear:both; } .neighbor_panel_page #showyear_slider li > div > div .img { width:100%; height:auto; margin:0; padding:0; } .neighbor_panel_page #showyear_slider li > div > div .img img { width:100%; height:auto; } .neighbor_panel_page #showyear_slider li > div > div h2 { width:100%; height:auto; margin:20px 0 10px 0; } .neighbor_panel_page #search_button { width:100%!important; height: auto!important; } .neighbor_panel_page #search_button .brand_menu { width:auto; padding:0 20px; box-sizing: border-box; margin:0; } .neighbor_panel_page #search_button .project_menu li a { font-size: 20px; } .neighbor_panel_page #search_button .brand_menu li {margin-top: 0;padding: 10px 0;width: 100%;margin-left: 0;display: block;border-top: 1px solid #fff;text-align: center; } .neighbor_panel_page #search_button .brand_menu li:first-child { border: none; } .neighbor_panel_page .search_panel h2 { height:auto!important; margin-top: 20px; } .neighbor_panel_page .search_panel h2:after { content:''; display:block; clear:both; } .neighbor_panel_page .search_panel .content_neighbor { display:block; width:100%!important; height:auto!important; } .neighbor_panel_page .search_panel .content_neighbor img { width:100%!important; height:auto!important; max-width:100%; margin:0 0 10px 0; } .motivoPage .search_panel {width:100%; height:auto; position:inherit!important; } .motivoPage .search_panel .b_content { position:inherit; width:100%; height:auto; box-sizing: border-box; padding-bottom: 30px; } .motivoPage #baan_panel ul#tabmenu li {width:100%!important; } .motivoPage #baan_panel ul#tabmenu li::before { content:'>'; margin-right:10px; } .motivoPage #content_panel { width:100%!important; height: auto!important; position: inherit; top:inherit; left:inherit; } .motivoPage .anythingSlider { width:100%!important; height: auto!important; } .motivoPage div.anythingSlider .anythingWindow { height: auto; margin-top:40px; } .motivoPage .anythingBase { position: inherit; top:inherit; left: inherit; } .motivoPage .anythingBase .panel { width:100%!important; height: auto!important; float: none; } .motivoPage .anythingBase .panel:last-child { border-bottom: 0; } .motivoPage .project_condo_slider { width: 100% !important; height: auto!important; } .motivoPage #baan_panel.anyslide div.anythingSlider .anythingControls { display: none!important; } .motivoPage #right_panel { height: auto!important; } .motivoPage .innercontent { position: inherit; } .motivoPage #home_panel { display: none; } .motivoPage #content2_panel, #content3_panel { height: auto; } .motivoPage div.anythingSlider .arrow { display: none!important; } .motivoPage .list1layout { margin-right:0; margin-bottom: 20px; } .motivoPage .list1layout div.detail { display: block; width:100%!important; height: auto!important; } .motivoPage .list1layout div.img { display: table; width:100%; height: auto; margin:0 auto; margin-top:30px;position: relative; } .motivoPage .list1layout div.img img { width:100%; height: auto; margin:0 auto; } .motivoPage .list1layout h2 { margin-top:20px!important; } .motivoPage #search_button { width:100%!important; height: auto!important; } .motivoPage #search_button .brand_menu { width:auto; padding:0 20px; box-sizing: border-box; } .motivoPage #search_button .project_menu li a { font-size: 20px; } .motivoPage #search_button .brand_menu li {margin-top: 0;padding: 10px 0;width: 100%;margin-left: 0;display: block;border-top: 1px solid #fff;text-align: center; } .motivoPage #search_button .brand_menu li:first-child { border: none; } .motivoPage .submap { height: auto!important; width:auto!important; position: inherit!important; top:inherit!important; left: inherit!important; } .motivoPage .submap li { width:100%!important; height: auto!important; border:0!important; } .motivoPage .div.anythingSlider .anythingControls ul { display: none; } .motivoPage .detail { width: auto!important;} .motivoPage .detail div:first-of-type {height: 60px!important;width: auto!important;float: left!important;display: table!important;} .motivoPage .detail div:first-of-type img { margin-left: 0!important; margin-right:10px; } .motivoPage .list1layout div.content {width: 80%;height: auto;float: left;margin-left: 10px;} .motivoPage .list1layout div.content > div {height: auto!important;overflow: hidden!important;padding: 0px!important;} .motivoPage .jspContainer, .motivoPage #project_gallery_slider, .motivoPage .jspPane , .motivoPage .jspPane img { width:100%!important; height:auto!important; top:inherit!important; position: inherit;} .motivoPage div.anythingSlider .anythingControls { display: none!important; } .motivoPage .anythingBase { width:100%!important; height:auto!important; } .motivoPage .list3layout { width:47.5%!important; margin-right:5%!important; height: auto; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ffffff; } .motivoPage .list3layout:nth-of-type(2n) { margin-right:0!important; } .motivoPage #project360_panel h2 a { display: inline-block; width: 33.3%; text-align: center; font-size:24px; margin-top:20px; } .motivoPage .list3layout div:first-of-type { width:100%!important; height: auto!important; } .motivoPage .list3layout div:first-of-type div { background-repeat: no-repeat!important;} .motivoPage .list3layout div:first-of-type img { width:100%!important; height: auto!important; } .motivoPage #project_slider { height:auto!important; width:100%!important; margin-top:20px; } .motivoPage #project_slider .list3layout { background-color: #efefef; padding: 20px 20px 40px 20px; box-sizing: border-box; position:relative; } .motivoPage #project_slider .list3layout table { display:block; width:100%; } .motivoPage #project_slider .list3layout table > tbody { display:block; width:100%; } .motivoPage #project_slider .list3layout table > tbody > tr { display:block; width:100%; } .motivoPage #project_slider .list3layout td:nth-child(1) { display:none; } .motivoPage #project_slider .list3layout td:nth-child(2) { display:block; text-align:center; width:100%; } .motivoPage #project_slider .list3layout .wrap_text_dowload { left:50%; margin-left: -48px!important; } .motivoPage .wrap_mag_img { display:table; margin:0 auto; position:relative; } .motivoPage .wrap_mag_img img { padding:0!important; } .motivoPage .new_icon { position:absolute; top:0; right:0; } .motivoPage .show-mobile { display:block; } .motivoPage .hide-mobile { display:none; } a.menu_top, a { font-size:14px } #menu_panel a { color:#ffffff !important; } h2 { font-size: 21px; } .propertyinvestmentPage #right_panel { height: auto!important; } .propertyinvestmentPage .innercontent { position: inherit; } .propertyinvestmentPage #home_panel { display: none; } .propertyinvestmentPage #msgaaa { width:100%; height: auto; } .propertyinvestmentPage #msgaaa img { display: none;} .propertyinvestmentPage #msgaaa::before { content: 'Incorporated in November 2000, Assia Asset Advisory Co.,Ltd. (AAA) is a joint venture between Land And Houses Plc. and GIC Real Eatate Pte Ltd. Land and Houses is a premier Thai property developer, recoganized as the market leader in mass resident housing development and renown for its innovation and quality. GIC Real Estate is a major global real estate investor, managing a multi-billion dollar portfolio of direct and indirect property investment worldwide' } .propertyinvestmentPage #content2_panel, #content3_panel { height: auto; } .propertyinvestmentPage #content_panel { position: inherit ; width:100%!important; height:auto!important; } .propertyinvestmentPage .search_panel,.propertyinvestmentPage .search_panel img { width:100%;height: auto; } .propertyinvestmentPage #search_button { width:100%!important; height: auto!important; position: inherit!important; top:inherit!important; padding-bottom: 40px!important; box-sizing: border-box; } #titleform { font-size: 50px; } #contact_panel h1 { padding:0 20px; } .contactusPage iframe { display: block; width:500px; height: 349px!important; position: inherit!important; } .contactusPage .contact_panel_right{ display: block; width:100%!important; height: auto!important; position: inherit!important; overflow: visible!important;} .contactusPage #content2_panel,.contactusPage #content3_panel ,.contactusPage .search_panel .b_content{ height: 600px!important; } .contactusPage .search_panel .b_content { width:100%!important; height: auto; box-sizing: border-box; padding: 20px 0;} .contactusPage #content_panel { position: inherit; top:inherit; left: inherit; width:100%!important; height:auto!important; } .contactusPage form { width:auto; } .contactusPage #content2_panel { width:100%!important; height:auto!important; position:relative; } .contactusPage #content2_panel .search_panel { width:100%!important; height:auto!important; } .contactusPage #content2_panel .search_panel .b_content { position:relative; } .contactusPage #content2_panel #contactiframe { height:700px!important; } .contactusPage div#right_panel { height:auto!important; } .jobwithussubpage #content_panel { width:100%!important; height: auto!important; position: inherit; top:inherit; left: inherit; } .jobwithussubpage #content2_panel, #content3_panel { width:100% !important; height: auto!important; } .jobwithussubpage #job_panel { width:100%; height: auto; position:relative; top:inherit; left:inherit; padding:0; box-sizing: border-box; padding-bottom: 30px; background-color: #ebebeb; } .jobwithussubpage #bg_jobwithus { width:100%!important; height: auto!important;background-image: url(../images/home/bg_workwith_new_2.jpg)!important; background-repeat: no-repeat; background-size: 100%; margin: 0 !important } .jobwithussubpage .jobwithus { width: 100%!important; height: auto!important; float: inherit!important; margin-left:20px !important; } .jobwithussubpage .search_panel { width:100%!important; height: auto!important; } .jobwithussubpage #right_panel { height: auto!important; } .jobwithussubpage .innercontent { position: inherit; } .jobwithussubpage div#home_panel { display: none; } .jobwithussubpage #jobwithus_01 { padding-top:30px; margin-top:0; } .jobwithusPage #content_panel { width:100%!important; height: auto!important; position: inherit; top:inherit; left: inherit; } .jobwithusPage #content2_panel, #content3_panel { width:100% !important; height: auto!important; } .jobwithusPage #job_panel { width:100%; height: auto; position:relative; top:inherit; left:inherit; padding:0; box-sizing: border-box; padding-bottom: 30px; background-color: #ebebeb; } .jobwithusPage #bg_jobwithus { width:100%!important; height: auto!important; padding-top: 35vw; background-image: url(../images/home/bg_workwith_new_2.jpg)!important; background-repeat: no-repeat; background-size: 100%; margin: 0 !important } .jobwithusPage .jobwithus { width: 100%!important; height: auto!important; float: inherit!important; margin-left:0 !important; margin-top: 0!important; box-sizing:border-box; padding:0 20px; } .jobwithusPage .jobwithus > table , .jobwithusPage .jobwithus > table > tbody , .jobwithusPage .jobwithus > table > tbody > tr , .jobwithusPage .jobwithus > table > tbody > tr > td { display:block; width:100%; } .jobwithusPage .jobwithus > table > tbody > tr > td { border-bottom:1px solid #ffffff; padding:5px 0; } .jobwithusPage .jobwithus > table > tbody > tr > td.border-none { border-bottom:0; } .jobwithusPage .jobwithus > table > tbody > tr.hide-mobile { display:none; } .jobwithusPage .jobwithus > table > tbody > tr > td.hide-mobile { display:none; } .jobwithusPage .jobwithus table table , .jobwithusPage .jobwithus table table > tbody , .jobwithusPage .jobwithus table table > tbody > tr , .jobwithusPage .jobwithus table table > tbody > tr > td { display:block; width:100%; } .jobwithusPage .jobwithus table table > tbody > tr > td { padding:5px 0; } .jobwithusPage .jobwithus table table > tbody > tr.hide-mobile { display:none; } .jobwithusPage .jobwithus table table > tbody > tr > td.hide-mobile { display:none; } .jobwithusPage .jobwithus table table td select { width:100%; } .jobwithusPage .jobwithus table table td input[type="button"] { float:right; } .jobwithusPage .search_panel { width:100%!important; height: auto!important; } .jobwithusPage #right_panel { height: auto!important; } .jobwithusPage .innercontent { position: inherit; } .jobwithusPage div#home_panel { display: none; } .jobwithusPage #jobwithus_01 { padding-top:30px; margin-top:0; } .jobwithussubpage #content_panel { width:100%!important; height: auto!important; position: inherit; top:inherit; left: inherit; } .jobwithussubpage #content2_panel, #content3_panel { width:100% !important; height: auto!important; } .jobwithussubpage #job_panel { width:100%; height: auto; position:relative; top:inherit; left:inherit; padding:0; box-sizing: border-box; padding-bottom: 30px; background-color: #ebebeb; } .jobwithussubpage #bg_jobwithus { width:100%!important; height: auto!important; padding-top: 35vw; background-image: url(../images/home/bg_workwith_new_2.jpg)!important; background-repeat: no-repeat; background-size: 100%; margin: 0 !important } .jobwithussubpage .jobwithus { width: 100%!important; height: auto!important; float: inherit!important; margin-left:0 !important; margin-top: 0!important; box-sizing:border-box; padding:0 20px; } .jobwithussubpage .jobwithus > table , .jobwithussubpage .jobwithus > table > tbody , .jobwithussubpage .jobwithus > table > tbody > tr , .jobwithussubpage .jobwithus > table > tbody > tr > td { display:block; width:100%; } .jobwithussubpage .jobwithus > table > tbody > tr > td { border-bottom:1px solid #999999; padding:5px 0; } .jobwithussubpage .jobwithus > table > tbody > tr.hide-mobile { display:none; } .jobwithussubpage .jobwithus > table > tbody > tr > td.hide-mobile { display:none; } .jobwithussubpage .jobwithus table table , .jobwithussubpage .jobwithus table table > tbody , .jobwithussubpage .jobwithus table table > tbody > tr , .jobwithussubpage .jobwithus table table > tbody > tr > td { display:block; width:100%; } .jobwithussubpage .jobwithus table table > tbody > tr > td { padding:5px 0; } .jobwithussubpage .jobwithus table table > tbody > tr.hide-mobile { display:none; } .jobwithussubpage .jobwithus table table > tbody > tr > td.hide-mobile { display:none; } .jobwithussubpage .jobwithus table table td select { max-width:100%; } .jobwithussubpage .search_panel { width:100%!important; height: auto!important; } .jobwithussubpage #right_panel { height: auto!important; } .jobwithussubpage .innercontent { position: inherit; } .jobwithussubpage div#home_panel { display: none; } .jobwithussubpage #jobwithus_01 { padding-top:30px; margin-top:0; } .jobavailablesubpage #right_panel { width:100%!important; height:auto!important; } .jobavailablesubpage #content_panel { width:100%!important; height:auto!important; } .jobavailablesubpage div#content2_panel { width:100%!important; height:auto!important; } .jobavailablesubpage .search_panel { width:100%; height:auto!important; } .jobavailablesubpage .search_panel .b_content_current { width:100%; height:auto!important; box-sizing:border-box; } .jobavailablesubpage .search_panel .b_content_current .scrollhomesale { width:100%; height:auto!important; } .jobavailablesubpage .head-hide-mobile { display:none; } .jobavailablesubpage #joblist { display:block; width:100%!important; } .jobavailablesubpage .back-btn { float:right; margin-left:0!important; margin-top:0!important; padding:10px 0; } .jobavailablesubpage #joblist { display:block; } .jobavailablesubpage #joblist > table , .jobavailablesubpage #joblist > table > tbody , .jobavailablesubpage #joblist > table > tbody > tr , .jobavailablesubpage #joblist > table > tbody > tr > td { display:block; width:100%; height:auto; } .jobavailablesubpage #joblist > table > tbody > tr > td { border-bottom:0; text-align:left!important; padding-left:0!important; } .jobavailablesubpage #joblist > table > tbody > tr > td:last-child { border-bottom:1px solid #fff; text-align:right!important; } .jobavailablesubpage #joblist > table > tbody > tr > td:nth-child(1) { padding-top:10px; } .jobavailablesubpage #joblist > table > tbody > tr > td:nth-child(1):before { content:'วันที่ประกาศ :'; margin-right:20px; } .jobavailablesubpage #joblist > table > tbody > tr > td:nth-child(2):before { content:'ตำแหน่งงานว่าง :'; margin-right:20px; } .jobavailablesubpage #joblist > table > tbody > tr > td:nth-child(3):before { content:'จังหวัด :'; margin-right:20px; } .jobavailablesubpage #joblist > table > tbody > tr > td:nth-child(4):before { content:'พื้นที่ทำงาน :'; margin-right:20px; } .jobavailablesubpage #joblist > table > tbody > tr > td:nth-child(5):before { content:'อัตราเปิดรับ :'; margin-right:20px; } .jobavailablesubpage #joblist { height:auto!important; } .jobavailablesubpage #job_panel { height:auto!important; position:relative; } .jobavailablesubpage .bottom_menu { padding:10px 0; } .jobbenefitsubpage .search_panel td { width: 100%!important; float: inherit; display: block; } .jobbenefitsubpage #right_panel { width:100%!important; height:auto!important; position:relative; } .jobbenefitsubpage #content_panel { width:100%!important; height:auto!important; position:relative; } .jobbenefitsubpage #content2_panel { width:100%!important; height:auto!important; position:relative; } .jobbenefitsubpage .search_panel { width:100%; height:auto!important; position: relative; } .jobbenefitsubpage .search_panel .b_content_current { width:100%!important; height:auto!important; position: relative; box-sizing: border-box; } .jobbenefitsubpage .search_panel .b_content_current ul { margin-top:0!important; } .jobbenefitsubpage .back-btn { display:block; margin:0!important; padding:20px 0; float:right; } .jobexperiencesubpage .search_panel td { width: 100%!important; float: inherit; display: block; } .jobexperiencesubpage #right_panel { width:100%!important; height:auto; position:relative; } .jobexperiencesubpage #content_panel { width:100%!important; height:auto!important; position:relative; } .jobexperiencesubpage #content2_panel { width:100%!important; height:auto!important; position:relative; } .jobexperiencesubpage .search_panel { width:100%; height:auto!important; position: relative; } .jobexperiencesubpage .search_panel .b_content_current { width:100%!important; height:auto!important; position: relative; box-sizing: border-box; } .jobexperiencesubpage .search_panel .b_content_current ul { margin-top:0!important; } .jobexperiencesubpage .back-btn { display:block; margin:0!important; padding:20px 0; float:right; } .jobnewssubpage .search_panel td { width: 100%!important; float: inherit; display: block; } .jobnewssubpage #right_panel { width:100%!important; height:auto; position:relative; } .jobnewssubpage #content_panel { width:100%!important; height:auto!important; position:relative; } .jobnewssubpage #content2_panel { width:100%!important; height:auto!important; position:relative; } .jobnewssubpage .search_panel { width:100%; height:auto!important; position: relative; } .jobnewssubpage .search_panel .b_content_current { width:100%!important; height:auto!important; position: relative; box-sizing: border-box; } .jobnewssubpage .search_panel .b_content_current ul { margin-top:0!important; } .jobnewssubpage .search_panel #joblist { display:block; width:100%!important; height:auto!important; min-height:350px; } .jobnewssubpage .back-btn { display:block; margin:0!important; padding:20px 0; float:right; } .jobcontactsubpage .search_panel td { width: 100%!important; float: inherit; display: block; } .jobcontactsubpage #right_panel { width:100%!important; height:auto!important; position:relative; } .jobcontactsubpage #content_panel { width:100%!important; height:auto!important; position:relative; } .jobcontactsubpage #content2_panel { width:100%!important; height:auto!important; position:relative; } .jobcontactsubpage .search_panel { width:100%; height:auto!important; position: relative; } .jobcontactsubpage .search_panel .b_content_current { width:100%!important; height:auto!important; position: relative; box-sizing: border-box; } .jobcontactsubpage .search_panel .b_content_current ul { margin-top:0!important; } .jobcontactsubpage .back-btn { display:block; margin:0!important; padding:20px 0; float:right; } .jobavailablesubpage div#content2_panel { position:relative; } .jobdetailsubpage #content_panel { width:100%!important; height:auto!important; } .jobdetailsubpage #content2_panel { width:100%; height:auto; position:relative; } .jobdetailsubpage .search_panel { width:100%; height:auto!important; } .jobdetailsubpage #job_panel { width:100%; height:auto!important; position:relative; box-sizing: border-box; } .jobdetailsubpage .scrollhomesale { width:100%; height:auto!important; } .jobdetailsubpage #content_panel { width:100%!important; height:auto!important; } .jobdetailsubpage #content2_panel { width:100%; height:auto; position:relative; } .jobdetailsubpage .search_panel { width:100%; height:auto!important; } .jobdetailsubpage #job_panel { width:100%; height:auto!important; position:relative; box-sizing: border-box; } .jobdetailsubpage .scrollhomesale { width:100%; height:auto!important; } .jobdetailsubpage .detail_info , .jobdetailsubpage .detail_info tbody, .jobdetailsubpage .detail_info tbody tr, .jobdetailsubpage .detail_info tbody tr td { display:block; width:100%; height:auto; text-align:left!important; padding-left:0; } .jobdetailsubpage #p_location_panel { margin-bottom:20px; margin-left:0!important; } .jobdetailsubpage h2 { font-size:18px; } .applicationsubpage #right_panel { width:100%!important; height:auto; position:relative; } .applicationsubpage #content_panel { width:100%!important; height:auto!important; } .applicationsubpage #content2_panel { width:100%; height:auto; position:relative; } .applicationsubpage .search_panel { width:100%; height:auto!important; overflow-x: scroll; } .applicationsubpage #job_panel { height:auto!important; position:relative; box-sizing: border-box; } .applicationsubpage .scrollhomesale { width:100%; height:auto!important; } z .job #right_panel { height:auto!important; } /*.applicationsubpage .personal_info tbody tr:after { content:''; display:block; clear:both; } .applicationsubpage .personal_info , .applicationsubpage .personal_info tbody, .applicationsubpage .personal_info tbody tr.col-2 { display:block; width:100%; } .applicationsubpage .personal_info tbody tr.col-2 td { display:block; padding-left:0; box-sizing:border-box; } .applicationsubpage .personal_info tbody tr.col-2 td:nth-child(1) { width:20%; float:left; padding-right:20px; } .applicationsubpage .personal_info tbody tr.col-2 td:nth-child(2) { width:80%; float:left; clear:right; } .applicationsubpage .personal_info tbody tr.col-2 td:nth-child(3) { width:20%; float:left; padding-right:20px; clear:left; } .applicationsubpage .personal_info tbody tr.col-2 td:nth-child(4) { width:80%; float:left; clear:right; } .applicationsubpage .personal_info tbody tr.col-1 { display:block; width:100%; } .applicationsubpage .personal_info tbody tr.col-1 td { display:block; padding-left:0; box-sizing:border-box; } .applicationsubpage .personal_info tbody tr.col-1 td:nth-child(1) { width:20%; float:left; padding-right:20px; } .applicationsubpage .personal_info tbody tr.col-1 td:nth-child(2) { width:80%; float:left; clear:right; }*/ /* .job .scrollhomesale { overflow: scroll; height: auto!important;background-color: #ebebeb; padding:20px; } .job .scrollhomesale table { width: 756px; } .job .search_panel .b_content { width:100%!important; height: auto!important; box-sizing: border-box; padding:0; background: #ffffff; } .job #right_panel { height: 400px; } .job .search_panel {width:100%; height:auto !important; position:inherit!important; } .job .search_panel .b_content { position:inherit; width:100%; height:auto; box-sizing: border-box; padding-bottom: 30px; } .job #baan_panel ul#tabmenu li {width:100%!important; } .job #baan_panel ul#tabmenu li::before { content:'>'; margin-right:10px; } .job #content_panel { width:100%; height: auto!important; position: inherit; top:inherit; left:inherit; } .job .anythingSlider { width:100%!important; height: auto!important; } .job div.anythingSlider .anythingWindow { height: auto; margin-top:40px; } .job .anythingBase { position: inherit; top:inherit; left: inherit; } .job .anythingBase .panel { width:100%!important; height: auto!important; float: none; border-bottom: 1px solid #ffffff; } .job .anythingBase .panel:last-child { border-bottom: 0; } .job .project_condo_slider { width: 100% !important; height: auto!important; } .job #baan_panel.anyslide div.anythingSlider .anythingControls { display: none!important; } .job #right_panel { height: auto!important; } .job .innercontent { position: inherit; } .job #home_panel { display: none; } .job #content2_panel, #content3_panel { height: auto; } .job .jspVerticalBar { display: none; } .job div.anythingSlider .arrow { display: none!important; } .job .list1layout { margin-right:0; margin-bottom: 20px; } .job .list1layout div.detail { display: block; width:100%!important; height: auto!important; } .job .list1layout div.img { display: table; width:100%; height: auto; margin:0 auto; margin-top:30px;position: relative; } .job .list1layout div.img img { width:100%; height: auto; margin:0 auto; } .job .list1layout h2 { margin-top:20px!important; } .job #search_button { width:100%!important; height: auto!important; } .job #search_button .brand_menu { width:auto; padding:0 20px; box-sizing: border-box; } .job #search_button .project_menu li a { font-size: 20px; } .job #search_button .brand_menu li {margin-top: 0;padding: 10px 0;width: 100%;margin-left: 0;display: block;border-top: 1px solid #fff;text-align: center; } .job #search_button .brand_menu li:first-child { border: none; } .job .submap { height: auto!important; width:auto!important; position: inherit!important; top:inherit!important; left: inherit!important; } .job .submap li { width:100%!important; height: auto!important; border:0!important; } .job .div.anythingSlider .anythingControls ul { display: none; } .job .detail { width: auto!important;} .job .detail div:first-of-type {height: 60px!important;width: auto!important;float: left!important;display: table!important;} .job .detail div:first-of-type img { margin-left: 0!important; margin-right:10px; } .job .list1layout div.content {width: 80%;height: auto;float: left;margin-left: 10px;} .job .list1layout div.content > div {height: auto!important;overflow: hidden!important;padding: 0px!important;} .job .jspContainer, .job #project_gallery_slider, .job .jspPane , .job .jspPane img { width:100%!important; height:auto!important; top:inherit!important; position: inherit;} .job div.anythingSlider .anythingControls { display: none!important; } .job .anythingBase { width:100%!important; height:auto!important; } .job .list3layout { width:47.5%!important; margin-right:5%!important; height: auto; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ffffff; } .job .list3layout:nth-of-type(2n) { margin-right:0!important; } .job #project360_panel h2 a { display: inline-block; width: 33.3%; text-align: center; font-size:24px; margin-top:20px; } .job .list3layout div:first-of-type { width:100%!important; height: auto!important; } .job .list3layout div:first-of-type div { background-repeat: no-repeat!important;} .job .list3layout div:first-of-type img { width:100%!important; height: auto!important; } .job.pagesPage { } */ .application #job_panel td { display: block; float: inherit; width:100%; } .application #bg_jobwithus td { margin-left:30px; } .jobcontact .search_panel .b_content { background-color: #ebebeb; padding:30px 0; } .jobcontact #content_panel { width:100%!important; } .jobcontact #contact_panel .contact_panel_right { height:auto!important; } .jobcontact #contact_panel .contact_panel_right iframe { height:700px!important; } #p_location_panel > div > div { float:none!important; } #contact_panel .contact_panel_right { width:100%!important; overflow:hidden; padding:0 20px; box-sizing:border-box; } #contact_panel .contact_panel_right iframe { width:100%!important; overflow:hidden; position:inherit!important; } #p_location_panel > div > div { padding:20px!important; } #p_location_panel > a { float:none!important; padding:10px !important; } #b_projectgp_panel.b_content_current { display:block!important; } .projectPage #map_canvas_big, .projectPage #map_canvas_bi img, .projectPage #content_panel, .projectPage #content2_panel, .projectPage #maps, .projectPage #map_canvas ,#search_button{ background:#EBEBEB; } .search_panel #b_concept_panel, .search_panel #p_concept_panel { margin-top:0; width:100% !important; height:auto; } #search_button { display:block; width:100%!important; } #m_info_panel .search_panel .b_content { width:440px !important; height:810px; } #m_info_panel > div { float:none!important; margin:0 auto; } /*#m_info_panel div .anythingSlider { width:390px!important; } #m_info_panel div .anythingWindow { width:100%!important; }*/ #m_info_panel div .panal { width:100%!important; } .m_info_panel .anythingBase .panel a { display:block; width:100%; height:auto; } .m_info_panel .anythingBase .panel a img { display:block; width:100%; height:auto; } #m_info_panel div .panal img { display:block; width:100%; height:auto; } .m_info_panel .search_panel .b_content { width:440px; padding:40px 0; } .m_info_panel #content2_panel { position:static!important; padding-bottom:220px; height:auto; } .m_info_panel #content3_panel { position:static!important; height:auto!important; } .m_info_panel .search_panel .b_content { height:auto; width:100%; padding:40px 0 0 0; position:relative; } .m_info_panel #contact_panel .contact_panel_right { height:auto!important; } .m_info_panel #contact_panel .contact_panel_right iframe { height:799px!important; padding:0 20px; box-sizing:border-box; } #breadcrumbs_panel { height: auto; margin-bottom: 10px; padding: 10px 2.5%; } .newprojectsPage #breadcrumbs_panel { padding:10px 20px; } .m_info_panel #search_button .brand_menu { width:auto!important; } .m_info_panel #search_button div#toolstip { display:none; } .m_info_panel #search_button div:nth-of-type(1) { position:absolute; bottom:20px; left:20px; } .m_info_panel #search_button div:nth-of-type(2) { width:85px!important; position:absolute; bottom:0; right:0; } .m_info_panel #search_button div:nth-of-type(2) a.linkovertool { margin-top:28px; } .m_info_panel #search_button div:nth-of-type(2) a.linkovertool.print { display:none; } .m_info_panel #search_button div:nth-of-type(2) a.linkovertool.calculator { margin-right:27px!important; } .m_info_panel div:nth-of-type(1) hr { width:100%; } .m_info_panel .search_panel { height:auto!important; width:100%; } .m_info_panel #search_button .brand_menu a { font-size:17px!important; } .m_info_panel .contact_panel_right { height:auto; } .m_info_panel #m_info_panel { width:100%!important; overflow:hidden; } .m_info_panel #m_info_panel .m_info_inner { padding:0 20px; height:auto!important; } .m_info_panel #m_info_panel .m_info_inner > div { display:block; width:100%!important; height:auto!important; } .calculatorPage .search_panel .b_content { background-size:150%!important; } .calculatorPage #calculator_panel td ,.calculatorPage #calculator_panel p { font-size:16px; } #search_button .brand_menu { float:none; display: block; } .singlehomePage #search_button .brand_menu { float:right; margin: 23px 20px 0 0; } #search_button .brand_menu.style1 li.last-child { position:inherit; top:inherit; right:inherit; } .model #p_home_panel div.anythingSlider { width:100%!important; height:auto!important; } .mapPage.mapType2 #maps { position:inherit !important; } .phuket div#content2_panel { -webkit-transition:scale(1,1) !important; -moz-transition:scale(1,1) !important; -o-transition:scale(1,1) !important; transition:scale(1,1) !important} .phuketPage .search_panel { position:inherit; width:100%!important; height:auto!important; min-height:50vw; } .phuketPage #b_projectgp_panel { width: 100%!important; height: 40vh!important; opacity: 1; } .phuketPage #content_panel { position:inherit; top:inherit; left:inherit; width:100%!important; height:auto!important; } .phuketPage #content2_panel { position:inherit; top:inherit; left:inherit; width:100%; height:auto; } .phuketPage .brand_menu { display:block; width:auto; height:auto; float:inherit; margin:0 20px!important; } .phuketPage #search_button { height:auto; position: relative!important; top: inherit!important; } .phuketPage .brand_menu2row { border-bottom: 1px solid #fff; } .phuketPage #search_button .brand_menu li { display:block; float:inherit; width:100%; height:auto; margin:0; padding:0; border-top:1px solid #ffffff; } .phuketPage .b_content.b_content_current { position:relative; } .phuketPage #search_button .brand_menu li:first-child { border-top:0; } .phuketPage #search_button .project_menu li a { display:block; width:100%; line-height:50px; font-size:18px!important; text-align:center; } .phuketPage #right_panel { height:auto !important; } .phuketPage .projects #breadcrumbs_panel { margin:0 20px 20px; } .phuketPage #contact_panel { display:block; width:100%; height:auto; padding: 0; box-sizing: border-box; } .phuketPage #contact_panel .contact_panel_right { position: relative; float: inherit; width:100%!important; height: 1000px; box-sizing: border-box;} .phuketPage #contact_panel .contact_panel_right iframe { height: 1000px!important; position: relative!important; } #search_panel_brand { width: 100%; height: auto; background-size: cover;} .phuketPage #b_concept_panel { box-sizing: border-box; position: relative; margin-top: 50vw; } .phuketPage #b_concept_panel img.brandconcept { display: block; width:100%; height: auto; } .phuketPage #b_activity_panel { display: block; width:100%; height: auto; box-sizing: border-box; } .phuketPage #b_board_panel { display: block; width:100%; height: auto; box-sizing: border-box; } .phuketPage .search_panel .b_content { background-color: inherit; opacity: 0; } .phuketPage .search_panel .b_content_current { background-color: #EBEBEB; opacity: 1 } .phuketPage .search_panel #p_gallery_panel { position: absolute; } .phuketPage #p_location_panel { width: 100%; height: auto; box-sizing: border-box; } .phuketPage #p_location_panel > div > div#mapgoogle { height: 200px!important; } .phuketPage #contact_panel h1 { padding: 10px 20px; } .phuketPage #p_activity_panel .content > div.scrollpane { padding:0; box-sizing:border-box; } .phuketPage #b_sstory_panel { display:block; width:100%; height:auto; box-sizing: border-box; } .phuketPage #b_sstory_panel .unitplan img { display:block; width:100%; height:auto; } .phuketPage ul#sstory_slider { height:auto!important; } .phuketPage ul#sstory_slider .unitplan > div { float:none!important; clear:both; padding-left:0!important; } .phuketPage #b_sstory_panel h2 { padding:10px 0 0; } .phuketPage #b_sstory_panel h1 { position:relative; } .phuketPage #b_sstory_panel h1 img { width:90px; position:absolute; top:-10px; right:0; } .phuketPage #b_sstory_panel .unitplan div.wrap_img_slide div.anythingSlider { margin:0 auto; } .phuketPage #sstory_slider .unitplan { padding:20px 0; border-bottom:1px solid #fff; } .phuketPage #sstory_slider li:last-child .unitplan { border-bottom:0; } .phuketPage #sstory_slider .unitplan > div > div.passscrollpane { padding-bottom:0!important; } .phuketPage .project_condo_slider { width:100%; height:auto; } .phuketPage .wrapper_slide { height:47vw; overflow: hidden; } .phuketPage .wrap_content {width:100%!important; height:auto!important; } .phuketPage.wrap_content span { margin-left:0!important; } .phuketPage .passscrollpane { margin-left:0!important; padding:10px 0; box-sizing:border-box; height:auto!important; } .phuketPage .passscrollpane > div { width:100%!important; height:auto!important; } .phuketPage .sstory_panel div.anythingSlider .anythingControls { top:inherit; bottom:-20px; } .phuketPage #b_branding_panel .arrow { top:25%; } .phuketPage #p_detail_panel { display:block; width:100%; height:auto; box-sizing: border-box; } .phuketPage #b_project_panel { display:block; width:100%; height:auto; box-sizing: border-box; } .phuketPage #b_project_panel #maps { display:block; width:100%!important; height:auto!important; box-sizing: border-box; margin-left: 0!important; } .phuketPage #maps { width: 100%!important; height: auto!important; } .phuketPage #maps #googlemap { display:block; width:100%; height:400px; } .phuketPage #maps #map_canvas,.phuketPage #maps #map_canvas_big { display:none; }. #search_button .brand_menu:nth-of-type(1){ display:block; border-bottom: 1px solid #fff; } #cboxClose { position:fixed; top:0; right:0; } #colorbox , #cboxWrapper , #cboxContent , #cboxLoadedContent { box-sizing:border-box; } .m_info_panel #search_button { position:absolute; bottom:0px; height:auto; padding-bottom:76px; } #map_canvas_big { position:inherit !important; } .singlehome-sub #right_panel { height:auto!important; } .singlehome-sub #content_panel { position:relative; height:auto !important; width:100%!important; } .singlehome-sub #content2_panel { position:relative; height:auto !important; } .singlehome-sub .search_panel { position:relative; width:100%; height:auto; min-height:49vw; background-color: #ebebeb; } .singlehome-sub .search_panel .b_content { position:relative; width:100%;height:100%; box-sizing: border-box; padding:40px 0; } .singlehome-sub .search_panel #b_concept_panel { position:relative; } /*.singlehome-sub .search_panel #b_branding_panel { position:relative!important; }*/ .singlehome-sub #contact_panel .contact_panel_right iframe { width:95% !important; } .singlehome-sub #search_button { height:auto; } .singlehome-sub #search_button .brand_menu { display:block; width:100%; float:none; margin:0; } .singlehome-sub #search_button li { display: block; width: auto; float: none; margin: 0; padding: 10px 0; border-bottom: 1px solid #fff; margin: 0 30px!important; box-sizing: border-box; } .singlehome-sub #b_concept_panel img { display:block; width:100%; } .singlehome-sub #b_project_panel { height:400px!important; } .singlehome-sub #maps { margin-left: 0!important; width:100%!important; height:auto!important; } .singlehome-sub #maps #googlemap { width:100%!important; height:400px!important; } .singlehome-sub #contact_panel .contact_panel_right { height:auto!important; background-color: #ebebeb; width:100%; box-sizing:border-box; padding:0 20px; } .singlehome-sub #contactiframebrand { /*height: 400px!important;*/ } .singlehome-sub #contact_panel .contact_panel_right iframe { height:820px!important; width:100%!important; } .townhome-sub #right_panel { height:auto!important; } .townhome-sub #content_panel { position:relative; height:auto !important; width:100%!important; } .townhome-sub #content2_panel { position:relative; height:auto !important; } .townhome-sub .search_panel { position:relative; width:100%; height:auto; background-color: #ebebeb; } .townhome-sub .search_panel .b_content { position:relative; width:100%;height:100%; box-sizing: border-box; padding:40px 0; } .townhome-sub .search_panel #b_branding_panel { /*position:relative!important;*/ } .townhome-sub .search_panel #p_concept_panel { position:relative; margin-top:50vw!important; } .townhome-sub .search_panel #b_concept_panel { position:relative; margin-top:50vw!important; } .townhome-sub #contact_panel .contact_panel_right iframe {margin:0; width:100% !important;} .townhome-sub #search_button { height:auto; } .townhome-sub #search_button .brand_menu { display:block; width:100%; float:none; margin:0; } .townhome-sub #search_button li { display: block; width: auto; float: none; margin: 0; padding: 10px 0; border-bottom: 1px solid #fff; margin: 0 30px!important; box-sizing: border-box; } .townhome-sub #b_concept_panel img { display:block; width:100%; } .townhome-sub #b_project_panel { height:400px!important; } .townhome-sub #maps { margin-left: 0!important; width:100%!important; height:auto!important; } .townhome-sub #maps #googlemap { width:100%!important; height:400px!important; } .townhome-sub #maps { margin-left: 0!important; } .townhome-sub #contact_panel .contact_panel_right { height:auto!important; } .townhome-sub #contactiframebrand { height: 400px!important; } .condoPage-sub #right_panel { height:auto!important; } .condoPage-sub #content_panel { position:relative; height:auto !important; width:100%!important; } .condoPage-sub #content2_panel { position:relative; height:auto !important; } .condoPage-sub .search_panel { position:relative; width:100%; background-color: #ebebeb; } .condoPage-sub .search_panel .b_content { position:relative; width:100%;height:100%; box-sizing: border-box; padding:40px 20px; }\ .condoPage-sub .search_panel #p_detail_panel h1 i{ padding-right:50px; box-sizing:border-box; } .condoPage-sub .search_panel #p_detail_panel h1 img{ width:40px; height:auto; right:10px!important; } .condoPage-sub #contact_panel .contact_panel_right iframe {margin:0; width:100% !important;} .condoPage-sub #search_button { height:auto; } .condoPage-sub #search_button .brand_menu { display:block; width:100%; float:none; margin:0; } .condoPage-sub #search_button li { display: block; width: auto; float: none; margin: 0; padding: 10px 0; border-bottom: 1px solid #fff; margin: 0 30px!important; box-sizing: border-box; } .condoPage-sub #search_button li:last-child { border-bottom:0; } .condoPage-sub #b_concept_panel img { display:block; width:100%; } .condoPage-sub #maps { margin-left: 0!important; margin-top:0!important; width:100%!important; height:auto!important; } .condoPage-sub #contact_panel .contact_panel_right { height:auto!important; } .condoPage-sub #contactiframebrand { height: 400px!important; } .condoPage-sub #p_activity_panel .content > div.scrollpane { padding:0; box-sizing:border-box; } .condoPage-sub #b_sstory_panel .unitplan img { display:block; width:100%; height:auto; } .condoPage-sub ul#sstory_slider { height:auto!important; } .condoPage-sub ul#sstory_slider .unitplan > div { float:none!important; clear:both; padding-left:0!important; } .condoPage-sub #b_sstory_panel h2 { padding:10px 0 0; } .condoPage-sub #b_sstory_panel h1 { position:relative; } .condoPage-sub #b_sstory_panel h1 img { width:90px; position:absolute; top:-10px; right:0; } .condoPage-sub #b_sstory_panel .unitplan div.wrap_img_slide div.anythingSlider { margin:0 auto; } .condoPage-sub #sstory_slider .unitplan { padding:20px 0; border-bottom:1px solid #fff; } .condoPage-sub #sstory_slider li:last-child .unitplan { border-bottom:0; } .condoPage-sub #sstory_slider .unitplan > div > div.passscrollpane { padding-bottom:0!important; } .condoPage-sub .project_condo_slider { width:100%; height:auto; } .condoPage-sub .wrapper_slide { height:47vw; overflow: hidden; } .condoPage-sub .wrap_content {width:100%!important; height:auto!important; } .condoPage-sub .wrap_content span { margin-left:0!important; } .condoPage-sub .passscrollpane { margin-left:0!important; padding:10px 0; box-sizing:border-box; height:auto!important; } .condoPage-sub .passscrollpane > div { width:100%!important; height:auto!important; } .condoPage-sub .sstory_panel div.anythingSlider .anythingControls { top:inherit; bottom:-20px; } .condoPage-sub #b_branding_panel .arrow { top:25%; } .condoPage-sub #b_project_panel { padding:0!important; height:400px!important; } .condoPage .menuproject { width:100%!important; height:auto!important; position:relative!important; top:inherit!important; right:inherit!important; left:inherit!important; background-color: #ABABAB!important; } .condoPage .menuproject li a { color:#fff!important; } .condoPage-sub .project_detail { width:100%!important; height:auto!important; box-sizing:broder-box; } .condoPage-sub #p_masterplan_panel #project_masterplan_slider { height:auto;} .condoPage-sub #p_masterplan_panel #project_masterplan_slider li { display:block; width:100%; height:auto; } .condoPage-sub #p_masterplan_panel #project_masterplan_slider li a { display:block; width:100%; height:auto; } .condoPage-sub #p_masterplan_panel #project_masterplan_slider li a img { display:block; width:100%; height:auto; margin-bottom:20px; } .condoPage-sub #p_unitplan_panel .scrollpane { width:100%!important; height:auto!important; margin-left:0!important; box-sizing:broder-box; } .condoPage-sub #p_unitplan_panel .scrollpane div { display:block; width:100%!important; height:auto!important; } .condoPage-sub #p_unitplan_panel > hr { margin-bottom:10px!important; } .condoPage-sub #p_unitplan_panel #project_unitplan_slider li { display:block; width:100%; height:auto; } .condoPage-sub #p_unitplan_panel #project_unitplan_slider li .unitplan { padding:20px 0; border-bottom:1px solid #fff; } .condoPage-sub #p_unitplan_panel #project_unitplan_slider li:last-child .unitplan { border:0; } .condoPage-sub #p_unitplan_panel #project_unitplan_slider li .unitplan a.lightboxU { display:block; width:100%; height:auto; } .condoPage-sub #p_unitplan_panel #project_unitplan_slider li .unitplan a.lightboxU img{ display:block; width:100%; height:auto; float:inherit!important; margin-left:0!important; margin-bottom:10px; } .condoPage-sub #p_unitplan_panel #project_unitplan_slider li .unitplan > div { padding-top:0!important; } .condoPage-sub #p_progress_panel form { float:inherit; width:100%; margin:10px 0; } .condoPage-sub #p_progress_panel form select { width:100%; } .condoPage-sub #project_progress_slider .list1layout { border-bottom: 1px solid #fff; padding:20px 0; } .condoPage-sub #project_progress_slider li:last-child .list1layout { border-bottom:0; padding-bottom:0; } .condoPage-sub #project_progress_slider li:first-child .list1layout { padding-top:0; } .condoPage-sub #project_progress_slider .list1layout div.img { width:100%; height:auto; } .condoPage-sub #project_progress_slider .list1layout div.img img { width:100%; height:auto; margin-top:0; } .condoPage-sub #project_progress_slider .list1layout div.detail { width:100%; height:auto; margin:20px 0 0!important } .condoPage-sub #project_progress_slider .list1layout div.content { width:100%; height:auto; } .condoPage-sub #project_progress_slider .list1layout div.content > div { width:100%; height:auto!important; } .condoPage-sub #p_detail_panel .bc_text { float:left; } .condoPage-sub #p_detail_panel .bc_icon { float:left!important; clear:right; padding-left:5px!important; margin-right:10px; } .condoPage-sub #p_activity_panel .activitypass { margin-top:-33px; } .condo-main #brand_panel { position:relative!important; } .condo-main .search_panel { width:100%; height:auto; } .condo-main #search_button .logo_brand_slide ul { width:100%; height:auto; position:relative; } .condo-main #search_button .logo_brand_slide li { display:block; float:none!important; width:100%!important; height:auto!important; } .condo-main #search_button .logo_brand_slide li a { display:block; background-color: #D4D4D4; border-bottom:1px solid #ffffff; } .condo-main #search_button .logo_brand_slide li a img { display:block; margin:0 auto; width:auto; height:59px; } .condo-main #search_button .logo_brand_slide li a.active ,.condo-main #search_button .logo_brand_slide li a:hover { background-color: #F7941D; } .condo-main div#right_panel { width:100% !important; height:auto!important; position:relative; } .condo-main #content_panel { width:100% !important; height:auto!important; position:relative; } .condo-main #search_button .logo_brand_slide { width:100%; height:auto; } .condo-main div#content2_panel {width:100%; height:auto; position:relative; } .condo-main #location_panel { width:100% !important; height:400px!important; position:relative!important; } .condo-main #location_panel #maps { display:block; width:100%!important; height:auto!important; } .condo-main #location_panel iframe { display:block; width:100%!important; } .condo-main #location_panel iframe .search_panel { display:block; width:100%!important; height:auto!important; } .condo-main #frame_location { display:block; width:100%!important; padding-bottom: 40px } .condo-main #price_panel { position:relative!important; top:inherit!important; left:inherit!important; height:auto!important; } .condo-main #price_panel iframe { width:100%!important;height: 100vw ; overflow-y:scroll!important; } .condo-main #price_panel iframe .sh_pic { background-size:cover; background-repeat:no-repeat; } .condo-main #search_button .logo_brand_slide li #icon_brand:before { content:'BRAND'; color:#747679; font-size:20px; line-height:50px; } .condo-main #search_button .logo_brand_slide li #icon_location:before { content:'LOCATION'; color:#747679; font-size:20px; line-height:50px; } .condo-main #search_button .logo_brand_slide li #icon_price:before { content:'PRICE'; color:#747679; font-size:20px; line-height:50px; } .condo-main #search_button .logo_brand_slide li #icon_brand.active:before { color:#ffffff; } .condo-main #search_button .logo_brand_slide li #icon_location.active:before { color:#ffffff; } .condo-main #search_button .logo_brand_slide li #icon_price.active:before { color:#ffffff; } .condo-main #search_button .logo_brand_slide li a img { display:none!important; } .townhome-main #brand_panel { position:relative!important; } .townhome-main .search_panel { width:100%; height:auto; } .townhome-main #search_button .logo_brand_slide ul { width:100%; height:auto; position:relative; } .townhome-main #search_button .logo_brand_slide li { display:block; float:none!important; width:100%!important; height:auto!important; } .townhome-main #search_button .logo_brand_slide li a { display:block; background-color: #D4D4D4; border-bottom:1px solid #ffffff; } .townhome-main #search_button .logo_brand_slide li a img { display:block; margin:0 auto; width:auto; height:59px; } .townhome-main #search_button .logo_brand_slide li a.active ,.townhome-main #search_button .logo_brand_slide li a:hover { background-color: #F7941D; } .townhome-main div#right_panel { width:100% !important; height:auto!important; position:relative; } .townhome-main #content_panel { width:100% !important; height:auto!important; position:relative; } .townhome-main #search_button .logo_brand_slide { width:100%; height:auto; } .townhome-main div#content2_panel {width:100%; height:auto; position:relative; } .townhome-main #location_panel { width:100% !important; height:400px!important; position:relative!important; } .townhome-main #location_panel #maps { width: 100%!important; } .townhome-main #location_panel iframe { display:block; width:100%!important; } .townhome-main #location_panel iframe .search_panel { display:block; width:100%!important; height:auto!important; } .townhome-main #frame_location { display:block; width:100%!important; padding-bottom: 40px } .townhome-main #price_panel { position:relative!important; top:inherit!important; left:inherit!important; height:auto!important; } .townhome-main #price_panel iframe { width:100%!important;height: 100vw ; overflow-y:scroll!important; } .townhome-main #price_panel iframe .sh_pic { background-size:cover; background-repeat:no-repeat; } .townhome-main #search_button .logo_brand_slide li #icon_brand:before { content:'BRAND'; color:#747679; font-size:20px; line-height:50px; } .townhome-main #search_button .logo_brand_slide li #icon_location:before { content:'LOCATION'; color:#747679; font-size:20px; line-height:50px; } .townhome-main #search_button .logo_brand_slide li #icon_price:before { content:'PRICE'; color:#747679; font-size:20px; line-height:50px; } .townhome-main #search_button .logo_brand_slide li #icon_brand.active:before { color:#ffffff; } .townhome-main #search_button .logo_brand_slide li #icon_location.active:before { color:#ffffff; } .townhome-main #search_button .logo_brand_slide li #icon_price.active:before { color:#ffffff; } .townhome-main #search_button .logo_brand_slide li a img { display:none!important; } .singlehome-main #brand_panel { position:relative!important; height:49vw; } .singlehome-main .search_panel { width:100%; height:auto; } .singlehome-main #search_button .logo_brand_slide ul { width:100%; height:auto; position:relative; } .singlehome-main #search_button .logo_brand_slide li { display:block; float:none!important; width:100%!important; height:auto!important; } .singlehome-main #search_button .logo_brand_slide li a { display:block; background-color: #D4D4D4; border-bottom:1px solid #ffffff; } .singlehome-main #search_button .logo_brand_slide li #icon_brand:before { content:'BRAND'; color:#747679; font-size:20px; line-height:50px; } .singlehome-main #search_button .logo_brand_slide li #icon_location:before { content:'LOCATION'; color:#747679; font-size:20px; line-height:50px; } .singlehome-main #search_button .logo_brand_slide li #icon_price:before { content:'PRICE'; color:#747679; font-size:20px; line-height:50px; } .singlehome-main #search_button .logo_brand_slide li #icon_brand.active:before { color:#ffffff; } .singlehome-main #search_button .logo_brand_slide li #icon_location.active:before { color:#ffffff; } .singlehome-main #search_button .logo_brand_slide li #icon_price.active:before { color:#ffffff; } .singlehome-main #search_button .logo_brand_slide li a img { display:block; margin:0 auto; width:auto; height:59px; display:none!important; } .singlehome-main #search_button .logo_brand_slide li a.active ,.singlehome-main #search_button .logo_brand_slide li a:hover { background-color: #F7941D; } .singlehome-main div#right_panel { width:100% !important; height:auto!important; position:relative; } .singlehome-main #content_panel { width:100% !important; height:auto!important; position:relative; } .singlehome-main #search_button .logo_brand_slide { width:100%; height:auto; } .singlehome-main div#content2_panel {width:100%; height:auto; position:relative; } .singlehome-main #location_panel { width:100% !important;height:400px!important; position:relative!important; } .singlehome-main #location_panel iframe { display:block; width:100%!important; } .singlehome-main #location_panel iframe .search_panel { display:block; width:100%!important; height:auto!important; } .singlehome-main #location_panel #maps { width:100%!important; height:100%!important; } .singlehome-main #frame_location { display:block; width:100%!important; padding-bottom: 40px } .singlehome-main #price_panel { position:relative!important; top:inherit!important; left:inherit!important; height:auto!important; } .singlehome-main #price_panel iframe { width:100%!important;height: 100vw ; overflow-y:scroll!important; } .singlehome-main #price_panel iframe .sh_pic { background-size:cover; background-repeat:no-repeat; } .wrap_price_search , .wrap_price_search > table , .wrap_price_search > table > tbody , .wrap_price_search > table > tbody > tr , .wrap_price_search > table > tbody > tr > td { display:block; width:100%; } .wrap_price_search > table > tbody > tr > td > .sh_pic { display:block; width:100%; background-size:cover; background-repeat:no-repeat; display: block; width: 100vw; height: 100vh; } .wrap_price_search table.wrap_result { padding:0 20px; box-sizing:border-box; padding-top: 40px; box-sizing:border-box; } .wrap_price_search table.wrap_result , .wrap_price_search table.wrap_result > tbody , .wrap_price_search table.wrap_result > tbody > tr , .wrap_price_search table.wrap_result > tbody > tr > td { display:block; width:100%; } .wrap_price_search table.wrap_result > tbody > tr > td > .sh_pic { display:block; width:100%; background-size: 100%; } .wrap_price_search > table .hide-mobile { display:none; } .wrap_price_search > table .text_12_white { text-align:center; } .wrap_price_search > table .size>ul.list li { padding:0!important; } .wrap_price_search > table .wrap_select { float:left; padding-bottom:20px; } .scroll_wrap_result { width: 100vw; height: auto; box-sizing: border-box; } .wrap_price_search #page-wrap > table { width:50%; } .wrap_price_search table[width="816"] { width:100%; background-position: center;} .wrap_price_search h1 { display:none; } .wrap_price_search table.wrap_result > tbody > tr > td.result_img { display:block; width:45%;float:left; clear:left; margin-bottom: 10px; } .wrap_price_search table.wrap_result > tbody > tr > td.result_img img { display:block; width:100%; hegiht:auto;} .wrap_price_search table.wrap_result > tbody > tr > td.result_gap { display:block; width:5%;float:left; clear:right; } .wrap_price_search table.wrap_result > tbody > tr > td.result_detail { display:block; width:45%;float:left; } .table_price_panel , .table_price_panel > tbody , .table_price_panel > tbody > tr, .table_price_panel > tbody > tr > td { display:block; width:100%; height:auto!important; } .table_price_panel td.page_no { display:none; } .table_price_panel .hide-mobile { display:none; } .pice_bg , .pice_bg > tbody, .pice_bg > tbody >tr, .pice_bg > tbody >tr > td { display:block; } .table_price_panel table.pice_bg { position:absolute; top:0; left:0; } .table_price_panel #page-wrap { position:fixed; top:40px; left:20px; } #frmSearchPrice { position:relative; } .wrap_select_price { position:absolute; top:0; right:0; z-index:9999; } .wrap_table_result { padding:0 20px; box-sizing:border-box; } .wrap_table_result , .wrap_table_result > tbody , .wrap_table_result > tbody > tr, .wrap_table_result > tbody > tr > td { display:block; width:100%; height:auto; } .wrap_table_result > tbody > tr > td a { display:block; width:100%; height:auto; } .wrap_table_result > tbody > tr > td a img { display:block; width:100%; height:auto; } .wrap_table_result .hide-mobile { display:none; } .select-button table tr td a {display:block; } .wrap_price_search .page_no { display:none; } .promotion_brand #search_button .logo_brand_slide ul { width:100%; height:auto; position:relative; } .promotion_brand #search_button .logo_brand_slide li { display:block; float:none!important; width:100%!important; height:auto!important; } .promotion_brand #search_button .logo_brand_slide li a { display:block; background-color: #D4D4D4; border-bottom:1px solid #ffffff; } .promotion_brand #search_button .logo_brand_slide li a img { display:block; margin:0 auto; width:auto; height:59px; } .promotion_brand #search_button .logo_brand_slide li a.active ,.townhome-main #search_button .logo_brand_slide li a:hover { background-color: #F7941D; } .promotion_brand #right_panel { height:auto; } .promotion_brand #content_panel { width:100%!important; height:auto!important;position: relative; } .promotion_brand #content2_panel { width:100%; height:auto;position: relative; } .promotion_brand .search_panel { width:100%!important; height:auto!important; margin-left:0!important;position: relative; } .promotion_brand #whatnew_panel { width:100%; height:auto!important; padding:40px 20px 20px; position:relative; margin-left:0!important; box-sizing:border-box;position: relative; } .promotion_brand #whatnew_panel .project_condo_slider { width:100%; height:auto; min-height: 300px; } .promotion_brand #whatnew_panel .list1layout { float:none; margin-right:0; } .promotion_brand #whatnew_panel .list1layout div.img { width:100%; height:auto; margin-bottom:20px; } .promotion_brand #whatnew_panel .list1layout div.img .imagepano { width:100%; height:auto; } .promotion_brand #whatnew_panel .detail { width:100%; margin-left:0; float:none; clear:both; } .promotion_brand #whatnew_panel .content { width:100%; height:auto; } .promotion_brand #whatnew_panel .scrollpane { width:100%!important; height:auto!important; } .promotion_brand #whatnew_panel div.anythingSlider .anythingControls ul.thumbNav { display:none!important; } .promotion_brand #right_panel { height:auto!important; } .promotion_brand #right_panel h1 { font-size:24px!important; } .promotion_brand #right_panel h2 { font-size:22px!important; } .promotion_brand .scrollpane table , .promotion_brand .scrollpane table tbody, .promotion_brand .scrollpane table tbody tr, .promotion_brand .scrollpane table tbody tr td { display:block; width:100%; } .promotion_brand .list1layout div.detail a { float:inherit!important; } .promotion_brand .scrollpane p { display:block; } a[href="https://services.google.com/sitestats/en_US.html?cid=1064808644"] { display:none; } #youtubebg_panel { width:100%!important; height:100%; } #show_tvc_panel #youtube { margin:45px auto 20px auto!important; width: 80%!important; max-width: 400px; height: auto!important; box-sizing: border-box; } #show_tvc_panel #youtube > div { display:block; margin:0!important; padding:20px; box-sizing:border-box; width:100%!important; } #show_tvc_panel #youtube > div.cleared { display:none; } #show_tvc_panel #youtube iframe { width:100%; box-sizing:border-box; height:auto!important; min-height: 200px; } #showyear_slider li .seven { border-left:0; padding-left:0; border-bottom:1px solid #fff; } .homeseriesPage-sub #search_button { bottom:35px; } #calculator_panel .calculatoroff { padding-top:15px; padding-bottom:15px; background: url(../images/mortgage/icon_arrow.jpg) left 13px no-repeat; } #labelcaculator li { margin-bottom:0; } .activitypass a { padding-right:20px; box-sizing:border-box; } #sstory_slider { width:100%; height:auto!important; } #sstory_slider .unitplan { width:100%; height:auto; } #sstory_slider .unitplan > div { width:100%!important; height:auto; float:inherit!important; } #sstory_slider .unitplan > div > p.title span { margin:0!important; width:100%!important; height:auto!important; } #sstory_slider .unitplan > div > div.passscrollpane { height:auto!important; margin-left:0!important; } #sstory_slider .unitplan > div > div.passscrollpane > div { height:auto!important; width:100%!important; } #sstory_slider .unitplan > div.unitplan_text { width:100%!important; height:auto!important; } #sstory_slider .unitplan > div.unitplan_text div { width:100%!important; height:auto!important; } #search_button ul:after { content:''; display:block; clear:both; } #search_button li:last-child { border-bottom:0; } #search_button li:last-child a { border-bottom:0; } #p_roomtype_panel { height:auto; } #p_roomtype_panel > hr { margin-bottom:0!important; } #p_roomtype_panel #project_roomtype_slider { height:auto!important; } #p_roomtype_panel #project_roomtype_slider li { display:block; width:100%; height:auto; padding:20px 0; border-bottom:1px solid #ffffff; } #p_roomtype_panel .unitplan div.unitplan_text { width:100%!important; height:auto!important; padding:0!important; float:inherit!important; } #p_roomtype_panel .unitplan div.unitplan_text div { width:100%!important; height:auto!important; } #p_roomtype_panel .unitplan div.unitplan_text .scrollpane { margin-left:0!important; } #p_roomtype_panel .unitplan_slide { margin-bottom:10px; float:inherit!important; } #p_roomtype_panel .unitplan_slide img { margin-left:0!important; } .search_project_page #right_panel {width:100%; height:auto; position:relative; } .search_project_page #content_panel {width:100%!important; height:auto!important; position:relative; } .search_project_page #content2_panel {width:100%; height:auto; position:relative; } .search_project_page .search_panel {width:100%; height:auto!important; position:relative; } .search_project_page #mag_panel {width:100%; height:auto!important; min-height:400px; position:relative; box-sizing:border-box; } .search_project_page .table_list , .search_project_page .table_list tbody, .search_project_page .table_list tbody tr, .search_project_page .table_list tbody tr td { display:block; width:100%; height:auto; } .search_project_page .table_list tbody tr td h2 ,.search_project_page .table_list tbody tr td h4 { } .search_project_page .table_list tbody tr td > div { padding:20px 0; border-bottom:1px solid #ffffff; } .search_project_page .table_list tbody tr td:last-child > div { border-bottom:0; } .search_project_page #hometips_slider { width:100%!important; height:auto!important; } .search_project_page #hometips_slider li { display:block; width:100%; height:auto; } .search_project_page #hometips_slider li div { display:block; width:100%; height:auto; } .search_project_page #hometips_slider .list3layout { margin-right:0; padding:20px 0; border-bottom:1px solid #ffffff; } .search_project_page #hometips_slider li:last-child .list3layout { border-bottom:0; } .search_project_page #hometips_slider table, .search_project_page #hometips_slider table tbody, .search_project_page #hometips_slider table tbody tr, .search_project_page #hometips_slider table tbody tr td a, .search_project_page #hometips_slider table tbody tr td { display:block; width:100%; height:auto; padding:0; } .search_project_page #hometips_slider table tbody tr td img { display:block; width:100%; height:auto; padding:0!important; margin:10px 0; } .search_project_page #hometips_load { height:auto!important; } #cboxPrevious { left:0; } #cboxNext { right:20px; } #cboxTitle { top:-25px; } #cboxCurrent { top:-25px; } #landingpage { position:relative; } #landingpage .link_pdf a {display:block; position:absolute; width:65px; height:50px; } #landingpage .link_pdf a.pdf_1 { top: 327px; left: 62px; } #landingpage .link_pdf a.pdf_2 { top: 327px; left: 145px; } #landingpage .link_pdf a.pdf_3 { top: 400px; left: 62px; } #landingpage .link_pdf a.pdf_4 { top: 400px; left: 145px; } .hide-mobile { display:none!important; } .passactivity .anythingControls { left:0!important; right:inherit!important; } .tvcPage #tvc_panel #project_slider { width:100%; height:auto; } .tvcPage #tvc_panel #project_slider li {display:block; width:100%; height:auto; } .tvcPage #tvc_panel #project_slider li .list3layout , .tvcPage #tvc_panel #project_slider li .list3layout table { width:100%!important; position:relative!important; } .tvcPage #tvc_panel #project_slider li .list3layout div, .tvcPage #tvc_panel #project_slider li .list3layout table tbody, .tvcPage #tvc_panel #project_slider li .list3layout table tbody tr, .tvcPage #tvc_panel #project_slider li .list3layout table tbody tr rd {display:block; width:100%; height:auto; } .tvcPage #tvc_panel h2 { display:lblock; width:100%; height:auto; word-break:break-word; } .contentPage #right_panel { width:95%!important; height:auto!important; position:relative!important; } .contentPage #content_panel { width:100%!important; height:auto!important; position:relative!important; } .contentPage #content2_panel { width:100%; height:auto; position:relative; } .contentPage .search_panel { width:100%; height:auto!important; position:relative; min-height:400px; } .contentPage #tvc_panel { width:100%; height:auto!important; position:relative; padding:60px 20px 40px 20px; box-sizing:border-box; } .contentPage #besttime { right:0!important; top:20px!important; width:100%!important; text-align:center; } .applythankPage #right_panel { width:95%!important; height:auto!important; position:relative!important; } .applythankPage #content_panel { width:100%!important; height:auto!important; position:relative!important; } .applythankPage #content2_panel { width:100%; height:auto; position:relative; } .applythankPage .search_panel { width:100%; height:auto!important; position:relative; min-height:350px; } .applythankPage .scrollhomesale { width:100%; height:auto!important; position:relative; } .applythankPage #job_panel { width:100%; height:auto!important; position:relative; padding:60px 20px 40px 20px; box-sizing:border-box; } .applythankPage .back_btn { font-size:20px; padding:20px 0; display:inline-block; } .applythankPage h1 { text-align:center; } .cities_major #price_panel { min-height:250px!important; } .cities_major #frame_price { min-height:250px!important; } .cities_major #price_panel iframe { min-height:250px!important; } } @media screen and (max-width:600px) { ul#tab_head li:before { font-size: 17px; } .table_price_panel table.pice_bg { min-height:300px; background-size:auto 300px; background-position:top center; } } @media screen and (max-height:400px) { #show_tvc_panel #youtube { height: 95%!important; margin:35px auto 20px auto!important; } #show_tvc_panel #youtube > div { padding:10px; } #show_tvc_panel #youtube > div > div { margin-top:0!important; } } @media screen and (max-width:500px) { ul#tab_head { display:flex;display: -webkit-flex; height:auto!important; } ul#tab_head li { line-height:0.7em; height:40px; } ul#tab_head li:before { font-size: 13px; } h1 { font-size:23px; } .tvcPage .list3layout { width:100%!important; height:auto; margin-right:0!important; float:inherit!important; clear: both; } .motivoPage .list3layout { width:100%!important; height:auto; margin-right:0!important; float:inherit!important; clear: both; } h2 { font-size:24px; } .tt { clear: left; } .jobwithusPage #bg_jobwithus { background-size:auto 205px; } #left_panel { width:260px!important; left:-260px!important; } #wrap_body.show, #mobile-header.show, #left_panel.show { margin-left: 260px!important;} .jobwithusPage #bg_jobwithus { padding-top: 200px; } .wrap_price_search table.wrap_result > tbody > tr > td.result_img { display:block; width:100%;float:none; clear:left; } .wrap_price_search table.wrap_result > tbody > tr > td.result_img img { display:block; width:100%; hegiht:auto;} .wrap_price_search table.wrap_result > tbody > tr > td.result_gap { display:block; width:100%;float:none; clear:right; display:none;} .wrap_price_search table.wrap_result > tbody > tr > td.result_detail { display:block; width:100%;float:none; } .newproject .list1layout div.detail a { font-size:18px; } } @media screen and (max-width:360px) { .contactusPage #right_panel { min-height:270px; } }