@charset "UTF-8";
@import 'sanitize.css';
body { margin: 0; padding: 0; color: #2B2B2A; background: #fff; font-family: 'Noto Sans JP', sans-serif; font-size:16px; /*letter-spacing: 1px;*/ }
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-weight: normal; letter-spacing: normal; }
ul,li,ol{ margin: 0; padding: 0; list-style: none;}
a{ text-decoration: none; cursor: pointer; color: #231F20; }
.clr:after{ content:""; display:block; height:0; clear:both; visibility:hidden; }

.ENFont{ font-family: 'Quicksand', sans-serif; }

/* TopMenu */
.TopMenu{ width: 100%; height: auto; background-color: #fff; /*border-bottom: 1px solid #000;*/}
.TopMenuBox{ border-bottom: 1px solid #000; }
.InnerBox{ width: auto; max-width: 1100px; height: auto; margin: auto; padding: 0; }
.TopBar{ width: 100%; height: 109px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.TopBar .Logo{ display: flex; flex-wrap: nowrap; justify-content: left; align-items: center; }
.TopBar .Logo img{ width: 100%; height: auto; max-width: 110px; height: auto;}
.TopBar .Logo span{ display: block; margin-left: 20px; font-size: 10px; font-weight: 600; }
.TopBar .Logo h1{ display: block; margin-left: 20px; font-size: 10px; font-weight: 600; }
.TopBar .Contact{ display: flex; flex-wrap: nowrap; justify-content: right; align-items: center;}
.TopBar .Contact p{ margin: 0; }
.TopBar .Contact .LineContact{ text-align: center; width: 145px; height: 110px;}
.TopBar .Contact .LineContact a{ display: block; padding: 20px 15px 20px 15px; background-color: #00b900; color: #fff;height: 100%;}
.TopBar .Contact .LineContact a span{font-weight: 600; display: block;font-size: 14px; margin-bottom: 3px;}
.TopBar .Contact .LineContact img{ width: 100%; height: auto; max-width: 35px; margin-bottom: 10px;}
.TopBar .Contact .PropertySearchTopBar{ font-size: 14px; font-weight: 600; text-align: center; width: 145px;height: 110px;}
.TopBar .Contact .PropertySearchTopBar a{ padding: 23px 10px; display: block; background-color: #B5E533; height: 100%;}
.TopBar .Contact .PropertySearchTopBar span{ display: block;}
.TopBar .Contact .PropertySearchTopBar img{ width: 100%; height: auto; max-width: 30px; max-height: 30px; margin-bottom: 10px;}
.TopBar .Contact .ContactTopBar{ font-size: 14px; font-weight: 600; text-align: center;width: 145px;height: 110px;}
.TopBar .Contact .ContactTopBar a{ display: block; padding: 24px 20px; color: #fff; background-color: #0073A5; height: 100%;}
.TopBar .Contact .ContactTopBar span{ display: block;}
.TopBar .Contact .ContactTopBar img{ width: 100%; height: auto; max-width: 30px; max-height: 30px; margin-bottom: 10px;}
.TopBar .Contact .TelTopBar{ font-size: 16px; font-weight: 600; text-align: center; display: flex; flex-wrap: nowrap;white-space: nowrap; position: relative;}
.TopBar .Contact .TelTopBar a{ display: block; padding: 23px 20px; height: 100%;}
.TopBar .Contact .TelTopBar span{ display: inline-block;  font-size: 13px;}
.TopBar .Contact .TelTopBar span em{ font-style: normal; font-size: 17px; display: block;}
.TopBar .Contact .TelTopBar img{ width: 100%; height: auto; max-width: 25px; max-height: 35px; margin-right: 10px; vertical-align: super; }
.TopBar .Contact .TelTopBar:before{ width: 136px; height: 110px; position: absolute; content: ''; left: -100px; top: 0; background: url(../images/icon-top-people.svg) no-repeat; background-position: center; background-size: contain;}
.ContactMB{ display: none;}
.ContactMB p{ margin: 0; }
.ContactMB .TelTopBar{ font-size: 16px; font-weight: 600; text-align: center; display: flex; flex-wrap: nowrap;white-space: nowrap;}
.ContactMB .TelTopBar a{ display: block; padding: 20px 40px;}
.ContactMB .TelTopBar span{ display: inline-block;}
.ContactMB .TelTopBar img{ width: 100%; height: auto; max-width: 25px; max-height: 35px; margin-right: 10px;}
.ContactMB .ContactTopBar{ font-size: 16px; font-weight: 600; text-align: left;}
.ContactMB .ContactTopBar a{ display: block; padding: 20px 40px; color: #fff; background-color: #0073A5; }
.ContactMB .ContactTopBar img{ width: 100%; height: auto; max-width: 30px; max-height: 30px; margin-right: 10px;}
.ContactMB .PropertySearchTopBar{ font-size: 16px; font-weight: 600; text-align: left;}
.ContactMB .PropertySearchTopBar a{ padding: 20px 40px; display: block; background-color: #B5E533; }
.ContactMB .PropertySearchTopBar img{ width: 100%; height: auto; max-width: 30px; max-height: 30px; margin-right: 10px;}
.ContactMB .LineContact{ text-align: left; border-bottom: 1px solid #eee; }
.ContactMB .LineContact a{ display: block; padding: 20px 40px; background-color: #00b900; color: #fff; font-weight: bold;}
.ContactMB .LineContact img{ width: 100%; height: auto; max-width: 45px; margin-right: 10px;}
.NavigatioMenu{ width: 100%;}
.NavigatioMenu ul{ height: 80px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.NavigatioMenu ul li{ padding: 0 10px; position: relative; z-index: 2; }
.NavigatioMenu ul li:nth-child(2){ padding-left: 0; }
.NavigatioMenu ul li:last-child{ padding-right: 0; }
.NavigatioMenu ul li a{ color: #2B2B2A; font-weight: 600; font-size: 16px; }
.NavigatioMenu ul li a:hover{ color: #222; }
.NavigatioMenu ul li:hover .SubMenu{ display: block!important; position: absolute; width: 360px; left: 0; top: 0px; height: auto; padding: 40px 10px 10px 10px; z-index: -1;}
.NavigatioMenu ul li .SubMenu{ display: none;  /*z-index: 1;position: absolute; width: 100%; left: 0; top: 45px; height: auto; background-color: #fff; padding: 15px;*/ }
.NavigatioMenu ul li .SubMenu ul{ display: block; height: auto;box-shadow: 1px 1px 7px rgba(0,0,0,0.3);padding: 7px 10px;background: #fff;}
.NavigatioMenu ul li .SubMenu ul li{ margin: 0; padding: 0; clear: both; padding: 6px 0; }
.NavigatioMenu ul li .SubMenu ul li a{ font-size: 14px; font-weight: 500; }
.NavigatioMenu ul li .SubMenu ul li a:before{content:'・';}
.ScrollMennu .NavigatioMenu ul{ justify-content: space-between; }
.ScrollMennu .NavigatioMenu ul li:nth-child(2){ padding-left: 0; }
.LogoSticky{ display: none;}
.ScrollMennu .LogoSticky{ display: block;}
.ScrollMennu .LogoSticky img{ width: 100%; height: auto; max-width: 65px; }
.ScrollMennu .NavigatioMenu ul li{ padding: 0 10px;}
.ScrollMennu .NavigatioMenu ul li a{ font-size: 14px; }
.RightContactSticky{ display: none;}
.ScrollMennu .RightContactSticky{ display: block;}
.ScrollMennu .RightContactSticky{ padding: 0; display: flex; flex-wrap: wrap; justify-content: right; font-size: 11px; font-weight: 600;  }
.ScrollMennu .RightContactSticky p{ margin: 0; }
.ScrollMennu .RightContactSticky .ContactTopBar{ text-align: center;width: 110px;}
.ScrollMennu .RightContactSticky .ContactTopBar a{ display: block; padding: 20.5px 10px; color: #fff; background-color: #0073A5; height: 100%;}
.ScrollMennu .RightContactSticky .ContactTopBar span{ display: block;}
.ScrollMennu .RightContactSticky .ContactTopBar img{ width: 100%; height: auto; max-width: 20px; max-height: 20px; margin-bottom: 5px;}
.ScrollMennu .RightContactSticky .PropertySearchTopBar{ text-align: center; width: 110px;}
.ScrollMennu .RightContactSticky .PropertySearchTopBar span{ display: block;}
.ScrollMennu .RightContactSticky .PropertySearchTopBar a{ padding: 20px 10px; display: block; background-color: #B5E533; }
.ScrollMennu .RightContactSticky .PropertySearchTopBar img{ width: 100%; height: auto; max-width: 20px; max-height: 20px; margin-bottom: 5px;}
.ScrollMennu .RightContactSticky  .LineContact{ text-align: center; width: 110px; }
.ScrollMennu .RightContactSticky  .LineContact a{ display: block; padding: 18px 15px 18px 15px; background-color: #00b900; color: #fff;height: 100%;}
.ScrollMennu .RightContactSticky  .LineContact a span{font-weight: 600; display: block; margin-bottom: 3px;}
.ScrollMennu .RightContactSticky  .LineContact img{ width: 100%; height: auto; margin-bottom: 7.5px; max-width: 20px; max-height: 20px; }

/* MobileMenu */
.MobileMenu{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 60px; background-color: #fff; border-bottom: 1px solid #2B2B2A; flex-wrap: nowrap; justify-content: space-between; z-index: 999999; transition: all .3s; }
.MobileMenu .LogoMB{ display: flex; align-items: center; width: auto; margin-left: 15px;}
.MobileMenu .LogoMB span{ font-size: 10px; font-weight: 500; }
.MobileMenu .LogoMB img{ width: 100%; max-width: 60px; height: auto; margin-right: 15px;}
.activeMenu{ display: block!important; left: 0!important; opacity: 1!important; transition: all .3s;}

/* ContactMBTop */
.ContacRight{ display: flex; flex-wrap: wrap; justify-content: right;}
.ContactMBTop{ padding: 0; display: flex; flex-wrap: wrap; justify-content: right; font-size: 10px; font-weight: 600;  }
.ContactMBTop p{ margin: 0; }
.ContactMBTop .ContactTopBar{ text-align: center;}
.ContactMBTop .ContactTopBar a{ display: block; padding: 10px 10px; color: #fff; background-color: #0073A5; height: 100%;}
.ContactMBTop .ContactTopBar span{ display: block;}
.ContactMBTop .ContactTopBar img{ width: 100%; height: auto; max-width: 20px; max-height: 20px; margin-bottom: 5px;}
.ContactMBTop .PropertySearchTopBar{ text-align: center;}
.ContactMBTop .PropertySearchTopBar span{ display: block;}
.ContactMBTop .PropertySearchTopBar a{ padding: 9.5px 10px; display: block; background-color: #B5E533; height: 100%;}
.ContactMBTop .PropertySearchTopBar img{ width: 100%; height: auto; max-width: 20px; max-height: 20px; margin-bottom: 5px;}
.ContactMBTop .LineContact{ text-align: center; width:auto; }
.ContactMBTop .LineContact a{ display: block; padding: 7px 10px 7px 10px; background-color: #00b900; color: #fff;height: 100%;}
.ContactMBTop .LineContact a span{font-weight: 600; display: block; margin-bottom: 3px;}
.ContactMBTop .LineContact img{ width: 100%; height: auto; margin-bottom: 7.5px; max-width: 20px; max-height: 20px; }
.ContactMBTop .TelTopBar{ font-size: 13px; font-weight: 600; text-align: center; display: flex; flex-wrap: nowrap;white-space: nowrap; position: relative;}
.ContactMBTop .TelTopBar a{ display: block; /*padding: 10px 14px 10px 0;*/ padding: 3px 13px 3px 3px; height: 100%;}
.ContactMBTop .TelTopBar span{ display: inline-block;  font-size: 11px;}
.ContactMBTop .TelTopBar span em{ font-style: normal; /*font-size: 13px;*/ font-size: 11px; display: block;}
.ContactMBTop .TelTopBar img{ width: 100%; height: auto; max-width: 20px; max-height: 28px; margin-right: 4px; vertical-align: baseline; }
.ContactMBTop .TelTopBar:before{ width: 68px; height: 55px; position: absolute; content: ''; left: -65px; top: 5px; background: url(../images/icon-top-people.svg) no-repeat; background-position: center; background-size: contain; content: '';}

/* menuIcon */
.menuIcon { margin: 0; width: 60px; height: 60px; cursor: pointer; padding: 16px 4px; position: relative; }
.line1,.line2,.line3 {position: absolute; margin-top: 2px;left: 0;right: 0;margin: auto; width: 30px; height: 5px; border-radius: 100px;pointer-events: none; background-color: #68C722; transition: all 300ms ease-out;}
.line1 { margin-top: 0px; }
.line2 { margin-top: 11px; }
.line3 { margin-top:22px; }
.active .line1 { width: 28px; margin-top: 12px; transform: rotate(45deg); background-color:crimson; }
.active .line2 { width: 28px; opacity: 0; }
.active .line3 { width: 28px; margin-top: 12px; transform: rotate(-45deg); background-color: crimson; }

/* Menu Fixed Top */
.TopMenu { background:#fff; padding: 0; margin: 0; position: fixed; left:0; top:0; width:100%; box-sizing:border-box; transition: top 0.6s; z-index: 999999999999; }
.TopMenu.off-canvas { top: -200px; }
.TopMenu.off-canvas .off_hidden{ display: none; }
.TopMenu.fixed { top:-110px; z-index: 999999999999; }
.TopMenu.fixedTop { top:0px; z-index: 999999999999; }
.TopMenu.fixedTop .NavigatioMenu ul{ justify-content: space-between; }
.TopMenu.fixedTop .LogoSticky{ display: none;}
.TopMenu.fixedTop .RightContactSticky{ display: none;}
.TopMenu.fixedTop .NavigatioMenu ul li a{ font-size: 16px; }
.TopMenu.fixedTop .NavigatioMenu ul li .SubMenu ul li a{ font-size: 14px; }
/*.TopMenu.fixedTop .NavigatioMenu ul li{ padding: 0 22px; }*/

/*.FixedBBox{ position: fixed!important; top: 0!important;}
.TopMenuHR { background:#fff; padding: 0; margin: 0; position: fixed; left:0; top:0; width:100%; box-sizing:border-box; transition: top 0.6s; z-index: 999999999999; }
.TopMenuHR.off-canvas { top: -200px; }
.TopMenuHR.fixed { top:-110px; z-index: 999999999999; }
.TopMenuHR.fixedTop { top:0px; z-index: 999999999999; }
.FixedBBox{ position: fixed!important; top: 0!important;}*/

/* Menu Fixed Top */
/*.MobileMenu { background:#fff; padding: 0; margin: 0; position: fixed; left:0; top:0; width:100%; box-sizing:border-box; transition: top 0.6s; z-index: 999999999999; }
.MobileMenu.off-canvas { top: -100px; }
.MobileMenu.fixed { top:0px; z-index: 999999999999; }
.MobileMenu.fixedTop { top:0px; left: 0; position: relative; z-index: 999999999999; }*/

/* reveal Effects */ 
.reveal{ position: relative; transform: translateY(100px); opacity: 0; transition: 1s all ease; }
.reveal.active{ transform: translateY(0); opacity: 1; }

/* reveal Effects */ 
.reveal2{ position: relative; transform: translateX(50px); opacity: 0; transition: 1s all ease; }
.reveal2.active{ transform: translateX(0); opacity: 1; }

/* reveal Effects */ 
.reveal3{ position: relative; transform: translateX(-50px); opacity: 0; transition: 1s all ease; }
.reveal3.active{ transform: translateX(0); opacity: 1; }

/* KeyvisualTP */
.KeyvisualTP{ margin-top: 190px; margin-bottom: 70px; height: 880px; display: flex; flex-wrap: nowrap; justify-content: center; align-items:flex-end; background: url(../images/bg-key-visual.png) no-repeat; background-position: top center; background-size: cover; }
.KeyvisualTPBox{ width: 100%; height: auto; text-align: center; }
.KeyvisualTPBox .SearchTXT{ position: relative; z-index: 1; font-size: 24px; font-weight: 600; display: inline-block; padding: 15px 40px; border-radius: 25px 25px 0 0; background: linear-gradient(to bottom, rgba(218,242,153,1) 0%,rgba(145,203,0,1) 100%); box-shadow: 5px 5px 0px rgba(58,174,54,1);}
.KeyvisualTPBox .SearchTXT img{ width: 100%; height: auto; max-width: 35px; max-height: 35px; margin-right: 10px;}
.KeyvisualTPBox .KeyvisualPostTypeBox{ position: relative; z-index: 2; width: 100%; max-width: 990px; margin: auto; margin-top: 0; margin-bottom: 40px;}
.KeyvisualTPBox .KeyvisualPostTypeBox ul{ margin: 0; padding: 9px 8px; background-color: #fff; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.KeyvisualTPBox .KeyvisualPostTypeBox ul li{ width: 25%; margin: 0 0.15%; transition: all .3s;}
.KeyvisualTPBox .KeyvisualPostTypeBox ul li a{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 250px; font-size: 24px; font-weight: 600; color: #fff; position: relative; transition: all .3s; }
.KeyvisualTPBox .KeyvisualPostTypeBox ul li a div{ position: relative; z-index: 1; }
/*.KeyvisualTPBox .KeyvisualPostTypeBox ul li a:hover{ opacity: 0.8; }*/
.KeyvisualTPBox .KeyvisualPostTypeBox ul li a.CondR:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(43, 43, 42, 0.75); z-index: 0; }
.KeyvisualTPBox .KeyvisualPostTypeBox ul li:hover a.CondR:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(127, 196, 68, 0.75);  z-index: 0; transition: all .3s; }
.KeyvisualTPBox .KeyvisualPostTypeBox ul li a.CondS:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(43, 43, 42, 0.75); z-index: 0; }
.KeyvisualTPBox .KeyvisualPostTypeBox ul li:hover a.CondS:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(46, 115, 200, 0.75); z-index: 0; transition: all .3s; }
.KeyvisualTPBox .KeyvisualPostTypeBox ul li a.OfficeR:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(43, 43, 42, 0.75); z-index: 0; }
.KeyvisualTPBox .KeyvisualPostTypeBox ul li:hover a.OfficeR:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(242, 151, 63, 0.75); z-index: 0; transition: all .3s; }
.KeyvisualTPBox .KeyvisualPostTypeBox ul li a.FactoryR:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(43, 43, 42, 0.75); z-index: 0; }
.KeyvisualTPBox .KeyvisualPostTypeBox ul li:hover a.FactoryR:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(86, 175, 159, 0.75); z-index: 0; transition: all .3s; }
.KeyvisualTPBox .KeyvisualPostTypeBox ul li a:after{ position: absolute; content: ''; width: 25px; height: 25px; right: 10px; bottom: 10px; background-position: center; background-size: contain;}
.KeyvisualTPBox .KeyvisualPostTypeBox ul li .CondR:after{ background: url(../images/icon-right-arrow-condo-s.svg) no-repeat; }
.KeyvisualTPBox .KeyvisualPostTypeBox ul li .CondS:after{ background: url(../images/icon-right-arrow-condo-r.svg) no-repeat; }
.KeyvisualTPBox .KeyvisualPostTypeBox ul li .OfficeR:after{ background: url(../images/icon-right-arrow-office.svg) no-repeat; }
.KeyvisualTPBox .KeyvisualPostTypeBox ul li .FactoryR:after{ background: url(../images/icon-right-arrow-factory.svg) no-repeat; }
.KeyvisualTPBox .KeyvisualPostTypeBox ul li a p{ width: 100%; margin: 0;}
.KeyvisualTPBox .KeyvisualPostTypeBox ul li a img{ width: 100%; height: auto; max-width: 70px; max-height: 70px; }
.KeyvisualTPBox .KeyvisualPostTypeBox ul li .Icon{ height: 80px;}
.KeyvisualTPBox .KeyvisualPostTypeBox ul li .Title{ margin-top: 40px;}
.KeyvisualTPBox .FontBTT{ font-size: 30px; color: #fff; font-weight: 600; margin-bottom: 40px;}
.KeyvisualTPBox .LogoTP{ width: 100%; max-width: 990px; margin: auto; text-align: left; margin-bottom: 2%;}
.KeyvisualTPBox .LogoTP img{ width: 100%; height: auto; max-width: 133px;}
.KeyvisualTPBox .TextTP{ text-align: center; margin-bottom: 4%;}
.KeyvisualTPBox .TextTP img{ width: 100%; height: auto; max-width: 750px;}

/* WhyOyashiki */
.WhyOyashiki{ background: #fff; position: relative; padding: 40px 0 100px 0; overflow: hidden; }
.WhyOyashikiBox{ max-width: 1100px; height: auto; margin: auto; }
.WhyOyashikiBox .Inner{ position: relative; max-width: 50%; }
.WhyOyashikiBox .Inner .Icon{ position: absolute; content: ''; top: 30px; right: -110px; width: 200px; height: 200px; background: url(../images/why-oyashiki.svg) no-repeat; background-position: center; background-size: contain; }
.WhyOyashikiBox .Inner .Title{ margin: 0; color: #40403F; display: inline-block; position: relative; font-size: 50px; font-weight: 700; z-index: 1; letter-spacing: 2px;}
.WhyOyashikiBox .Inner .Title span{ color: #80807F;}
.WhyOyashikiBox .Inner .Title:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}
.WhyOyashikiBox .Inner h2{ margin-top: 30px; margin-bottom: 35px; font-size: 36px; font-weight: 700;}
.WhyOyashikiBox .Inner h2 span{ display: block;}
.WhyOyashikiBox .Inner .Descriptions{ font-size: 17px; line-height: 33px; font-weight: 300;}
.WhyOyashiki .PictureRight{ position: absolute; content: ''; right: 0; top: 50px; width: 42%; height: auto; text-align: right; }
.WhyOyashiki .PictureRight img{ width: 100%; height: auto; max-width: 650px; }

/* CategoryList */
.CategoryList{ background: #fff; position: relative; padding: 100px 0 100px 0; overflow: hidden; }
.CategoryListBox{ max-width: 1100px; height: auto; margin: auto; }
.CategoryListBox .Inner{ position: relative; max-width: 69%; }
.CategoryListBox .Inner.Centering{ position: relative; max-width: 100%; text-align: center;}
.CategoryListBox .Inner .TitleH{ margin: 0; color: #40403F; display: inline-block; position: relative; font-size: 46px; font-weight: 700; z-index: 1; letter-spacing: 2px;}
.CategoryListBox .Inner .TitleH span{ color: #80807F;}
.CategoryListBox .Inner .TitleH:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}
.CategoryListBox .Inner h1.Title{ margin-top: 30px; font-size: 30px; font-weight: 700;}
.CategoryListBox .Inner h1.Title span{ display: block;}
.CategoryListBox .Inner .Descriptions{ font-size: 17px; line-height: 33px; font-weight: 300;}
.CategoryListBox .SearchType{ margin: 60px 0 0 0;}
.CategoryListBox .SearchType ul{ display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; }
.CategoryListBox .SearchType ul li{ margin: 0 10px; width: 25%; color: #fff; font-size: 17px; font-weight: 700; text-align: center; }
.CategoryListBox .SearchType ul li.sp-button{ display: none; }
.CategoryListBox .SearchType ul li:first-child{ margin-left: 0;}
.CategoryListBox .SearchType ul li:last-child{ margin-right: 0;}
.CategoryListBox .SearchType ul li a{ display: block; padding: 20px 20px; background-color: #B5E533;border-radius: 20px; border: solid 0px #68C722;box-shadow: 0 5px 0 #68C722; }
.CategoryListBox .SearchType ul li a:hover{ background-color: #B5E533!important; box-shadow: none; transform: translateY(5px);}

.CategoryList .PictureRight{ position: absolute; content: ''; right: 0; top: 25%; width: 31%; height: auto; text-align: right; }
.CategoryList .PictureRight:after{ position: absolute; content: ''; left: 0; top: 0; width: 40%; height: 100%;  background-image: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 40%, rgba(255,255,255,0));}
.CategoryList .PictureRight img{ width: 100%; height: auto; max-width: 550px; }

.Rent .CategoryListBox .Inner .TitleH:after{ background-color: #b9df63;}
.Sell .CategoryListBox .Inner .TitleH:after{ background-color: #4fbded;}
.Office .CategoryListBox .Inner .TitleH:after{ background-color: #f8c75c;}
.Factory .CategoryListBox .Inner .TitleH:after{ background-color: #84d9c5;}

/* PointList */
.PointList{ position: relative; background: #fff; padding: 100px 0; overflow: hidden; }
.PointListBox{ max-width: 1100px; height: auto; margin: auto; }
.PointListBox ul{ margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.PointListBox ul li{ width: 30%; }
.PointListBox ul li a{ padding: 10px 0; font-size: 18px; display: inline-block; position: relative; /*transition: all .2s;*/ }
.PointListBox ul li .PointPicture{ text-align: center; margin-bottom: 30px;}
.PointListBox ul li .PointPicture img{ width: 100%; max-width: 200px; height: auto; border-radius: 50%;}
.PointListBox ul li .PointNumber{ margin: 0; font-size: 18px; font-weight: 700; padding-left: 55px; position: relative; }
.PointListBox ul li .PointNumber:before{ position: absolute; content: ''; top: -10px; left: 0; width: 45px; height: 45px; background: url(../images/point/point-left-blue.svg) no-repeat; background-position: center; background-size: contain; }
.PointListBox ul li .PointNumber span{ font-size: 32px;}
.PointListBox ul li .PointTitle{ margin-top: 5px; font-size: 22px; font-weight: 700; position: relative; z-index: 1; padding-right: 50px;}
.PointListBox ul li .PointTitle:after{ position: absolute; z-index: -1; content: ''; bottom: -10px; right: 0; width: 45px; height: 45px; background: url(../images/point/point-right-green.svg) no-repeat; background-position: center; background-size: contain; }
.PointListBox ul li .PointDescriptions{ margin-top: 10px; font-size: 16px; line-height: 32px; font-weight: 300; }

/* PostTypeList */
.PostTypeList{ padding: 0; margin: 0; position: relative; overflow: hidden; }
.PostTypeList ul{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.PostTypeList ul li{ width: 50%; margin: 0; transition: all .3s; }
.PostTypeList ul li a{ min-height: 235px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background-position: center; background-size: cover; }
.PostTypeList ul li a:hover{ opacity: 0.9;  transition: all .3s; }
.PostTypeList ul li .Left{ width: 90%; padding: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.PostTypeList ul li .Icon{ width: 25%; margin-left: 8%; }
.PostTypeList ul li .Icon img{ width: 100%; height: auto; max-width: 110px; max-height: 110px;}
.PostTypeList ul li .Detail{ width: 67%; color: #fff;}
.PostTypeList ul li .Detail p{ margin: 0; padding: 0;}
.PostTypeList ul li .Detail .Sitename{ margin: 0; font-size: 24px; font-weight: 600;}
.PostTypeList ul li .Detail .PostTypeName{ margin: 0; font-size: 24px; font-weight: 500;}
.PostTypeList ul li .Detail .PostTypeName span{ font-size: 40px; font-weight: 600;}
.PostTypeList ul li:last-child .Detail .PostTypeName span{ display: block; }
.PostTypeList ul li .Right{ width: 10%; margin: 0; text-align: right; padding-right: 20px; }
.PostTypeList ul li .Right img{ width: 100%; max-width: 45px; height: auto; transition: all .3s; }
.PostTypeList ul li.CondoS:hover .Right img { transition: all .3s; filter: invert(52%) sepia(78%) saturate(7499%) hue-rotate(194deg) brightness(94%) contrast(92%); }
.PostTypeList ul li.CondoR:hover .Right img { transition: all .3s; filter: invert(71%) sepia(21%) saturate(1627%) hue-rotate(48deg) brightness(93%) contrast(87%); }
.PostTypeList ul li.OfficeR:hover .Right img { transition: all .3s; filter: invert(72%) sepia(24%) saturate(6281%) hue-rotate(344deg) brightness(101%) contrast(101%); }
.PostTypeList ul li.FactoryR:hover .Right img { transition: all .3s; filter: invert(68%) sepia(16%) saturate(1504%) hue-rotate(121deg) brightness(84%) contrast(95%); }

/* PopularSearch  */
.PopularSearch{ padding: 0 0 100px 0; }
.PopularSearchBox{ max-width: 1100px; height: auto; margin: auto; position: relative; }
.PopularSearchBox .RentIcon{ position: absolute; content: ''; width: 250px; height: 250px; right: 40px; top: 30px; }
.PopularSearchBox .RentIcon img{ width: 100%; height: auto; max-width: 250px; }
.PopularSearchBox h2{ margin-top: 80px; color: #40403F; text-transform: uppercase; display: block; position: relative; font-size: 46px; font-weight: 700; z-index: 1; letter-spacing: 2px; }
.PopularSearchBox h2 span{ color: #80807F;}
.PopularSearchBox h2:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}
.PopularSearchBox .Title2{ margin: 0; margin-top: 80px; color: #40403F; text-transform: uppercase; display: inline-block; position: relative; font-size: 46px; font-weight: 700; z-index: 1; letter-spacing: 2px; }
.PopularSearchBox .Title2 span{ color: #80807F;}
.PopularSearchBox .Title2:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}
.PopularSearchBox .Title{ margin: 0; margin-top: 80px; color: #40403F; position: relative; font-size: 36px; font-weight: 700; padding-left: 50px;}
.PopularSearchBox .Title:after{ position: absolute; left: 0; top: 10px; content: ''; width: 33px; height: 45px; background: url(../images/icon-popular-map.svg) no-repeat; background-position: center; background-size: contain;}
.PopularSearchBoxTab{ margin: 20px 0 0 0;}
.MapTab{ max-width: 1100px; height: auto; margin: auto; position: relative; margin-top: 30px; }
.MapTab ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.MapTab ul li{ width: 23%; font-size: 22px; font-weight: 600; display: grid; align-items: center;}
.MapTab ul li a{ color: #40403F; padding: 20px; height: 100px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 25px 25px 0 0;  transition: all .3s;}
.MapTab ul li img{ width: 100%; height: auto; max-width: 45px; max-height: 40px; margin-right: 10px; }
.MapTab ul li .CondoRentMap{ border: 3px solid #68C722; border-bottom: 0; background-color: #D2EEBD; }
.MapTab ul li .CondoRentMap:hover{ background-color: #68C722; color: #fff; }
.MapTab ul li .CondoRentMap.Active{ background-color: #68C722!important; color: #fff; transition: all .3s; }
.MapTab ul li .CondoSellMap{ border: 3px solid #0A73CE; border-bottom: 0; background-color: #4FCAF6; }
.MapTab ul li .CondoSellMap:hover{ background-color: #0A73CE; color: #fff; }
.MapTab ul li .CondoSellMap.Active{ background-color: #0A73CE!important; color: #fff; transition: all .3s; }
.MapTab ul li .ApartmentMap{ border: 3px solid #FF921E; border-bottom: 0; background-color: #FFDEBB; }
.MapTab ul li .ApartmentMap:hover{ background-color: #FF921E; color: #fff; }
.MapTab ul li .ApartmentMap.Active{ background-color: #FF921E!important; color: #fff; transition: all .3s; }
.MapTab ul li .FactoryMap{ border: 3px solid #2DB29E; border-bottom: 0; background-color: #C0E8E2; }
.MapTab ul li .FactoryMap:hover{ background-color: #2DB29E; color: #fff; }
.MapTab ul li .FactoryMap.Active{ background-color: #2DB29E!important; color: #fff; transition: all .3s; }
.TabContent{ width: auto; position: relative;}
.TabContent.CondoRent1{ border-top: 5px solid #68C722;}
.TabContent.CondoSell2{ border-top: 5px solid #0A73CE;}
.TabContent.CondoOffice3{ border-top: 5px solid #FF921E;}
.TabContent.CondoFactory4{ border-top: 5px solid #2DB29E;}
.TabContent .Mapox{ width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden;}
.TabContent .Mapox .MapLeft{ width: 69%; display: block; overflow: hidden; }
.TabContent .Mapox .MapLeft img{ width: 100%; height: auto; max-width: 100%;}
.TabContent .Mapox .MapRight{ width: 29%; height: auto; /*display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column;*/}
.TabContent .Mapox .MapRight .MapRight1{ width: 100%; height: auto; padding: 0; text-align: center;}
.TabContent .Mapox .MapRight .MapRight1 img{ width: 100%; height: auto; max-width: 100%;}
.TabContent .Mapox .MapRight .MapRight2{ height: 44%; text-align: center; padding: 0; overflow: hidden;}
/*.TabContent .Mapox .MapRight .MapRight2 img{ width: 100%; height: auto; max-width: 100%;}*/
.TabContent img{ width: 100%; height: auto; max-width: 100%;}
.TabContent .Mapox .LastMap{ width: auto; height: auto; position: relative; }
.TabContent .Mapox .LastMap img{ width: 100%; height: auto; max-width: 100%;}
.TabContent .Mapox .LastMap .LastMapRight{ position: absolute; width: 28%; height: 100%; top: 0; right: 0;}
.TabContent .Mapox .LastMap .LastMapRight img{ width: 100%; height: auto; max-width: 100%;}
.LastMapBox{ position: relative;}
.TabContent .Mapox .LastMap .LastMapRight .Inner{ /*background-image: linear-gradient(150deg, #a9f5df 0%, #2bbc91 60%);*/ background-color: #caeee4; height: auto; position: relative; z-index: 9; color: #2B2B2A; padding: 30px; margin: 20px 20px 20px 0; border: 5px solid #2bbc91; border-radius: 30px; overflow: hidden; overflow-y: scroll;}
.TabContent .Mapox .LastMap .LastMapRight .Inner .Title{
    font-size: 150%;
    color: #2B2B2A;
    font-weight: 600;
    display: inline-block;
    padding-left: 50px;
    text-align: center;
    position: relative;	
    margin-bottom: 20px;
}
.TabContent .Mapox .LastMap .LastMapRight .Inner .Title:before {
    width: 40px;
    height: 40px;
    position: absolute;
    content: '';
    left: 0;
    top: 0px;
    background: url(../images/map/icon-star.svg) no-repeat;
    background-position: center;
    background-size: contain;
}
.TabContent .Mapox .LastMap .LastMapRight .Inner ul li{ padding: 10px 0 10px 35px; font-size: 16px; font-weight: 600; position: relative; }
.TabContent .Mapox .LastMap .LastMapRight .Inner ul li a{ color: #2B2B2A; }
.TabContent .Mapox .LastMap .LastMapRight .Inner ul li:before{ width: 24px; height: 24px; position: absolute; content: ''; top: 10px; left: 0; background: url(../images/map/icon-factory-black.svg) no-repeat; background-position: center; background-size: contain; }
.TabContent .Mapox .LastMap .LastMapRight .Inner ul li a:hover{ color: #000;}
/*#tab1{ display: block;}
#tab2{ display: none;}
#tab3{ display: none;}
#tab4{ display: none;}*/



/* #################################### Map Search Sections #################################### */


.MapPC{ display: block; }
.MapMB{ display: none; }
.MapName{ position: absolute; top:2%; left: 1%; width: 20%;z-index: 6; height: auto; text-align: center; background-color: #fff; color: #000; padding: 15px 20px; font-size: 120%; font-weight: 600; border: 4px solid #68c722; border-radius: 100px; }
.CondoSell2 .MapName{ border: 4px solid #0e84e5; }
.CondoOffice3 .MapName{ border: 4px solid #ff921e; }
.TabContent .Mapox .MapLeft a{ color: #fff;}

/* #################################### BEGIN: NOBUNOBUNOBUNOBU #################################### */
.TabContent .Mapox .MapLeft:after{ content:''; position: absolute; display: block; width: 100%; height: 100%; z-index:10;top:0;left: 0;}
.TabContent .Mapox .MapLeft .areaButton{z-index:20!important;}
.TabContent .Mapox .MapRight .areaButton{z-index:20!important;}
.TabContent .Mapox .MapRight .MapRight2{position: relative;z-index:20!important;}

/* #################################### END: NOBUNOBUNOBUNOBU #################################### */

.TabContent .Mapox .MapLeft .RatchadapisekRama9{ width: 45%; padding: 10px 15px; top: 26%; left: 4%; content: ''; z-index: 3; font-size: 90%; position: absolute; text-align: center; background-color: #5ac315; color: #fff; box-shadow: 0px 4px 0px rgba(201,246,36,1); border: 1px solid #c9f624; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .RatchadapisekRama9:hover{ background-color: #5ac315; }
.TabContent .Mapox .MapLeft .RatchadapisekRama9 p{ margin: 0; }
.TabContent .Mapox .MapLeft .RatchadapisekRama9 span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .RatchadapisekRama9BG{ width: 36.6%; height: 15.7%; top: 0%; left: 32.5%;  position: absolute; background-color: #d2d7de;  border-radius: 0 0 10px 10px; }
.TabContent .Mapox .MapLeft .RatchadapisekRama9BG:hover{  background-color: #c9f624; }

.CondoSell2 .Mapox .MapLeft .RatchadapisekRama9{ background-color: #0e84e5; color: #fff; box-shadow: 0px 4px 0px rgba(79,202,246,1); border: 1px solid #4fcaf6; }
.CondoSell2 .Mapox .MapLeft .RatchadapisekRama9:hover{ background-color: #0e84e5; }
.CondoSell2 .Mapox .MapLeft .RatchadapisekRama9BG:hover{  background-color: #4fcaf6; } 

.TabContent .Mapox .MapLeft .PloenchitChidlom{ display: block; /*width: 10%;*/ width: 86%; padding: 10px 15px; /*top: 30%;*/ top: 37%; left: 5.5%; content: ''; z-index: 2; font-size: 85%; position: absolute; text-align: center; background-color: #5ac315; color: #fff; box-shadow: 0px 4px 0px rgba(201,246,36,1); border: 1px solid #c9f624; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .PloenchitChidlom:hover{ background-color: #5ac315; }
.TabContent .Mapox .MapLeft .PloenchitChidlom p{ margin: 0; }
.TabContent .Mapox .MapLeft .PloenchitChidlom span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .PloenchitChidlomBG{ width: 17.3%; height: 25%; top: 21.8%; left: 2.4%;  position: absolute; background: url(../images/map/bg-PloenchitChidlom_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .PloenchitChidlomBG:hover{ background: url(../images/map/bg-PloenchitChidlom.svg) no-repeat; background-position: top center; background-size: contain; }
.CondoSell2 .Mapox .MapLeft .PloenchitChidlom{ background-color: #0e84e5; color: #fff; box-shadow: 0px 4px 0px rgba(79,202,246,1); border: 1px solid #4fcaf6; }
.CondoSell2 .Mapox .MapLeft .PloenchitChidlom:hover{ background-color: #0e84e5; }
.CondoSell2 .Mapox .MapLeft .PloenchitChidlomBG:hover{ background: url(../images/map/bg-PloenchitChidlomS.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .AroundAsoke{ width: 55%; padding: 10px 15px; top: 36%; left: 23.5%; content: ''; z-index: 4; font-size: 85%; position: absolute; text-align: center; background-color: #5ac315; color: #fff; box-shadow: 0px 4px 0px rgba(201,246,36,1); border: 1px solid #c9f624; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .AroundAsoke:hover{ background-color: #5ac315; }
.TabContent .Mapox .MapLeft .AroundAsoke p{ margin: 0; }
.TabContent .Mapox .MapLeft .AroundAsoke span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .AroundAsokeQoute{ width: auto; padding: 8px 30px 15px 30px; top: 20%; left: 15.5%; content: ''; z-index: 6; font-size: 70%; background: url(../images/map/bg-qoute.svg) no-repeat; background-position: top center; background-size: contain; position: absolute; text-align: center; color: #000; height: auto; font-weight: 400; }
.TabContent .Mapox .MapLeft .AroundAsokeQoute p{ margin: 0; }
.TabContent .Mapox .MapLeft .AroundAsokeBG{ width: 19%; height: 32.6%; top: 21.8%; left: 18.7%; position: absolute; background: url(../images/map/AroundAsoke_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .AroundAsokeBG:hover{  background: url(../images/map/AroundAsoke.svg) no-repeat; background-position: top center; background-size: contain; }
.CondoSell2 .Mapox .MapLeft .AroundAsoke{ background-color: #0e84e5; color: #fff; box-shadow: 0px 4px 0px rgba(79,202,246,1); border: 1px solid #4fcaf6; }
.CondoSell2 .Mapox .MapLeft .AroundAsoke:hover{ background-color: #0e84e5; }
.CondoSell2 .Mapox .MapLeft .AroundAsokeBG:hover{ background: url(../images/map/AroundAsokeS.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .NorthPhromPhong{ width: 90%; padding: 10px 15px; top: 33%; left: 2%; content: ''; z-index: 2; font-size: 83%; position: absolute; text-align: center; background-color: #5ac315; color: #fff; box-shadow: 0px 4px 0px rgba(201,246,36,1); border: 1px solid #c9f624; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .NorthPhromPhong:hover{ background-color: #5ac315; }
.TabContent .Mapox .MapLeft .NorthPhromPhong p{ margin: 0; }
.TabContent .Mapox .MapLeft .NorthPhromPhong span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .NorthPhromPhongQoute{ width: auto; padding: 3px 25px 10px 25px; top: 17%; left: 0%; content: ''; z-index: 3; font-size: 70%; background: url(../images/map/bg-qoute.svg) no-repeat; background-position: top center; background-size: contain; position: absolute; text-align: center; color: #000; height: auto; font-weight: 400; }
.TabContent .Mapox .MapLeft .NorthPhromPhongQoute p{ margin: 0; }
.TabContent .Mapox .MapLeft .NorthPhromPhongBG{ width: 11%; height: 25.8%; top: 22%; left: 36.2%;  position: absolute; background: url(../images/map/NorthPhromPhong_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .NorthPhromPhongBG:hover{  background: url(../images/map/NorthPhromPhong.svg) no-repeat; background-position: top center; background-size: contain; }
.CondoSell2 .Mapox .MapLeft .NorthPhromPhong{ background-color: #0e84e5; color: #fff; box-shadow: 0px 4px 0px rgba(79,202,246,1); border: 1px solid #4fcaf6; }
.CondoSell2 .Mapox .MapLeft .NorthPhromPhong:hover{ background-color: #0e84e5; }
.CondoSell2 .Mapox .MapLeft .NorthPhromPhongBG:hover{ background: url(../images/map/NorthPhromPhongS.svg) no-repeat; background-position: top center; background-size: contain; }


.TabContent .Mapox .MapLeft .Thonglor{ width: 48%; padding: 10px 15px; top: 39%; left: 23%; content: ''; font-size: 85%; position: absolute; text-align: center; background-color: #5ac315; color: #fff; box-shadow: 0px 4px 0px rgba(201,246,36,1); border: 1px solid #c9f624; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .Thonglor:hover{ background-color: #5ac315; }
.TabContent .Mapox .MapLeft .Thonglor p{ margin: 0; }
.TabContent .Mapox .MapLeft .Thonglor span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .ThonglorBG{ width: 19%; height: 51.8%; top: 22%; left: 39.2%;  position: absolute; background: url(../images/map/Thonglor_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .ThonglorBG:hover{  background: url(../images/map/Thonglor.svg) no-repeat; background-position: top center; background-size: contain; }
.CondoSell2 .Mapox .MapLeft .Thonglor{ background-color: #0e84e5; color: #fff; box-shadow: 0px 4px 0px rgba(79,202,246,1); border: 1px solid #4fcaf6; }
.CondoSell2 .Mapox .MapLeft .Thonglor:hover{ background-color: #0e84e5; }
.CondoSell2 .Mapox .MapLeft .ThonglorBG:hover{ background: url(../images/map/ThonglorS.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .ThonglorEkamaiQoute{ width: auto; padding: 5px 30px 12px 35px; top: 41%; left: 52.5%; content: ''; z-index: 2; font-size: 70%; background: url(../images/map/bg-qoute2.svg) no-repeat; background-position: top center; background-size: contain; position: absolute; text-align: center; color: #000; height: auto; font-weight: 400; }
.TabContent .Mapox .MapLeft .ThonglorEkamaiQoute p{ margin: 0; }

.TabContent .Mapox .MapLeft .Ekamai{ width: 34%; padding: 10px 15px; top: 44%; left: 34%; content: ''; z-index: 3; font-size: 85%; position: absolute; text-align: center; background-color: #5ac315; color: #fff; box-shadow: 0px 4px 0px rgba(201,246,36,1); border: 1px solid #c9f624; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .Ekamai:hover{ background-color: #5ac315; }
.TabContent .Mapox .MapLeft .Ekamai p{ margin: 0; }
.TabContent .Mapox .MapLeft .Ekamai span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .EkamaiBG{ width: 26%; height: 54%; top: 22%; left: 43.4%; position: absolute; background: url(../images/map/Ekamai_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .EkamaiBG:hover{  background: url(../images/map/Ekamai.svg) no-repeat; background-position: top center; background-size: contain; }
.CondoSell2 .Mapox .MapLeft .Ekamai{ background-color: #0e84e5; color: #fff; box-shadow: 0px 4px 0px rgba(79,202,246,1); border: 1px solid #4fcaf6; }
.CondoSell2 .Mapox .MapLeft .Ekamai:hover{ background-color: #0e84e5; }
.CondoSell2 .Mapox .MapLeft .EkamaiBG:hover{ background: url(../images/map/EkamaiS.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .Ratchadamri{ width: 100%; padding: 10px 12px; top: 45%; left: 0%; content: ''; z-index: 3; font-size: 80%; position: absolute; text-align: center; background-color: #5ac315; color: #fff; box-shadow: 0px 4px 0px rgba(201,246,36,1); border: 1px solid #c9f624; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .Ratchadamri:hover{ background-color: #5ac315; }
.TabContent .Mapox .MapLeft .Ratchadamri p{ margin: 0; }
.TabContent .Mapox .MapLeft .Ratchadamri span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .RatchadamriBG{ width: 7.7%; height: 19.3%; top: 45.4%; left: 2.4%; position: absolute; background: url(../images/map/Ratchadamri_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .RatchadamriBG:hover{  background: url(../images/map/Ratchadamri.svg) no-repeat; background-position: top center; background-size: contain; }
.CondoSell2 .Mapox .MapLeft .Ratchadamri{ background-color: #0e84e5; color: #fff; box-shadow: 0px 4px 0px rgba(79,202,246,1); border: 1px solid #4fcaf6; }
.CondoSell2 .Mapox .MapLeft .Ratchadamri:hover{ background-color: #0e84e5; }
.CondoSell2 .Mapox .MapLeft .RatchadamriBG:hover{ background: url(../images/map/RatchadamriS.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .RatchadamriLanceAnQoute{ width: auto; padding: 4px 30px 15px 30px; top: 50%; left: 5.5%; content: ''; z-index: 3; font-size: 70%; background: url(../images/map/bg-qoute.svg) no-repeat; background-position: top center; background-size: contain; position: absolute; text-align: center; color: #000; height: auto; font-weight: 400; }
.TabContent .Mapox .MapLeft .RatchadamriLanceAnQoute p{ margin: 0; }

.TabContent .Mapox .MapLeft .LanceAn{ width: 100%; padding: 10px 12px; top: 56%; left: 0%; content: ''; z-index:2; font-size: 85%; position: absolute; text-align: center; background-color: #5ac315; color: #fff; box-shadow: 0px 4px 0px rgba(201,246,36,1); border: 1px solid #c9f624; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .LanceAn:hover{ background-color: #5ac315; }
.TabContent .Mapox .MapLeft .LanceAn p{ margin: 0; }
.TabContent .Mapox .MapLeft .LanceAn span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .LanceAnBG{ width: 8.4%; height: 19.5%; top: 46.4%; left: 10.5%; position: absolute; background: url(../images/map/Ratchadamri_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .LanceAnBG:hover{  background: url(../images/map/Ratchadamri.svg) no-repeat; background-position: top center; background-size: contain; }
.CondoSell2 .Mapox .MapLeft .LanceAn{ background-color: #0e84e5; color: #fff; box-shadow: 0px 4px 0px rgba(79,202,246,1); border: 1px solid #4fcaf6; }
.CondoSell2 .Mapox .MapLeft .LanceAn:hover{ background-color: #0e84e5; }
.CondoSell2 .Mapox .MapLeft .LanceAnBG:hover{ background: url(../images/map/RatchadamriS.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .SouthPhromPhong{ width: 90%; padding: 10px 15px; top: 50%; left: 12.2%; content: ''; z-index: 6; font-size: 85%; position: absolute; text-align: center; background-color: #5ac315; color: #fff; box-shadow: 0px 4px 0px rgba(201,246,36,1); border: 1px solid #c9f624; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .SouthPhromPhong:hover{ background-color: #5ac315; }
.TabContent .Mapox .MapLeft .SouthPhromPhong p{ margin: 0; }
.TabContent .Mapox .MapLeft .SouthPhromPhong span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .SouthPhromPhongQoute{ width: 132%; padding: 7px 35px 15px 35px; top: 26%; left: 0%; content: ''; z-index: 3; font-size: 65%; background: url(../images/map/bg-qoute.svg) no-repeat; background-position: top center; background-size: contain; position: absolute; text-align: center; color: #000; height: auto; font-weight: 400; }
.TabContent .Mapox .MapLeft .SouthPhromPhongQoute p{ margin: 0; }
.TabContent .Mapox .MapLeft .SouthPhromPhongBG{ width: 11.5%; height: 21.3%; top: 49.9%; left: 31.1%; position: absolute; background: url(../images/map/SouthPhromPhong_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .SouthPhromPhongBG:hover{  background: url(../images/map/SouthPhromPhong.svg) no-repeat; background-position: top center; background-size: contain; }
.CondoSell2 .Mapox .MapLeft .SouthPhromPhong{ background-color: #0e84e5; color: #fff; box-shadow: 0px 4px 0px rgba(79,202,246,1); border: 1px solid #4fcaf6; }
.CondoSell2 .Mapox .MapLeft .SouthPhromPhong:hover{ background-color: #0e84e5; }
.CondoSell2 .Mapox .MapLeft .SouthPhromPhongBG:hover{ background: url(../images/map/SouthPhromPhongS.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .PlacanonOnnut{ width: 40%; padding: 10px 15px; top: 56%; left: 40.2%; content: ''; z-index: 2; font-size: 85%; position: absolute; text-align: center; background-color: #5ac315; color: #fff; box-shadow: 0px 4px 0px rgba(201,246,36,1); border: 1px solid #c9f624; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .PlacanonOnnut:hover{ background-color: #5ac315; }
.TabContent .Mapox .MapLeft .PlacanonOnnut p{ margin: 0; }
.TabContent .Mapox .MapLeft .PlacanonOnnut span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .PlacanonOnnutQoute{ width: auto; padding: 7px 35px 15px 35px; top: 46.5%; left: 40%; content: ''; z-index: 6; font-size: 65%; background: url(../images/map/bg-qoute.svg) no-repeat; background-position: top center; background-size: contain; position: absolute; text-align: center; color: #000; height: auto; font-weight: 400; }
.TabContent .Mapox .MapLeft .PlacanonOnnutQoute p{ margin: 0; }
.TabContent .Mapox .MapLeft .PlacanonOnnutBG{ width: 26%; height: 55.5%; top: 29.4%; left: 44.8%; position: absolute; background: url(../images/map/PlacanonOnnut_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .PlacanonOnnutBG:hover{  background: url(../images/map/PlacanonOnnut.svg) no-repeat; background-position: top center; background-size: contain; }
.CondoSell2 .Mapox .MapLeft .PlacanonOnnut{ background-color: #0e84e5; color: #fff; box-shadow: 0px 4px 0px rgba(79,202,246,1); border: 1px solid #4fcaf6; }
.CondoSell2 .Mapox .MapLeft .PlacanonOnnut:hover{ background-color: #0e84e5; }
.CondoSell2 .Mapox .MapLeft .PlacanonOnnutBG:hover{ background: url(../images/map/PlacanonOnnutS.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .SilomSatorn{ width: 33%; padding: 10px 15px; top: 33%; left: 49.2%; content: ''; z-index: 3; font-size: 85%; position: absolute; text-align: center; background-color: #5ac315; color: #fff; box-shadow: 0px 4px 0px rgba(201,246,36,1); border: 1px solid #c9f624; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .SilomSatorn:hover{ background-color: #5ac315; }
.TabContent .Mapox .MapLeft .SilomSatorn p{ margin: 0; }
.TabContent .Mapox .MapLeft .SilomSatorn span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .SilomSatornQoute{ width: auto; padding: 5px 35px 15px 35px; top: 21.5%; left: 51%; content: ''; z-index: 3; font-size: 65%; background: url(../images/map/bg-qoute.svg) no-repeat; background-position: top center; background-size: contain; position: absolute; text-align: center; color: #000; height: auto; font-weight: 400; }
.TabContent .Mapox .MapLeft .SilomSatornQoute p{ margin: 0; }
.TabContent .Mapox .MapLeft .SilomSatornBG{ width: 35%; height: 34.7%; top: 66.3%; left: -10.3%;  position: absolute; background: url(../images/map/SilomSatorn_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .SilomSatornBG:hover{  background: url(../images/map/SilomSatorn.svg) no-repeat; background-position: top center; background-size: contain; }
.CondoSell2 .Mapox .MapLeft .SilomSatorn{ background-color: #0e84e5; color: #fff; box-shadow: 0px 4px 0px rgba(79,202,246,1); border: 1px solid #4fcaf6; }
.CondoSell2 .Mapox .MapLeft .SilomSatorn:hover{ background-color: #0e84e5; }
.CondoSell2 .Mapox .MapLeft .SilomSatornBG:hover{ background: url(../images/map/SilomSatornS.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .SaphanTaksin{ width: 33%; padding: 10px 15px; top: 60%; left: 44.2%; content: ''; z-index: 3; font-size: 85%; position: absolute; text-align: center; background-color: #0e84e5; color: #fff; box-shadow: 0px 4px 0px rgba(79,202,246,1); border: 1px solid #4fcaf6; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .SaphanTaksin:hover{ background-color: #0e84e5; }
.TabContent .Mapox .MapLeft .SaphanTaksin p{ margin: 0; }
.TabContent .Mapox .MapLeft .SaphanTaksin span{ margin: 0; display: block; }

.TabContent .Mapox .MapLeft .AroundBanner{ width: 75%; padding: 10px 15px; top: 38%; left: -13%; content: ''; z-index: 3; font-size: 85%; position: absolute; text-align: center; background-color: #5ac315; color: #fff; box-shadow: 0px 4px 0px rgba(201,246,36,1); border: 1px solid #c9f624; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .AroundBanner:hover{ background-color: #5ac315; }
.TabContent .Mapox .MapLeft .AroundBanner p{ margin: 0; }
.TabContent .Mapox .MapLeft .AroundBanner span{ margin: 0; display: block; font-size: 75%; }
.TabContent .Mapox .MapLeft .AroundBannerQoute{ width: auto; padding: 5px 35px 15px 35px; top: 32%; left: 0%; content: ''; z-index: 3; font-size: 65%; background: url(../images/map/bg-qoute.svg) no-repeat; background-position: top center; background-size: contain; position: absolute; text-align: center; color: #000; height: auto; font-weight: 400; }
.TabContent .Mapox .MapLeft .AroundBannerQoute p{ margin: 0; }
.TabContent .Mapox .MapLeft .AroundBannerBG{ width: 15.2%; height: 55.5%; top: 66.4%; left: 53.8%;  position: absolute; background: url(../images/map/AroundBanner_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .AroundBannerBG:hover{ background: url(../images/map/AroundBanner.svg) no-repeat; background-position: top center; background-size: contain; }
.CondoSell2 .Mapox .MapLeft .AroundBanner{ background-color: #0e84e5; color: #fff; box-shadow: 0px 4px 0px rgba(79,202,246,1); border: 1px solid #4fcaf6; }
.CondoSell2 .Mapox .MapLeft .AroundBanner:hover{ background-color: #0e84e5; }
.CondoSell2 .Mapox .MapLeft .AroundBannerBG:hover{ background: url(../images/map/AroundBannerS.svg) no-repeat; background-position: top center; background-size: contain; }


/* ------  Office Map ----- */
.TabContent .Mapox .MapLeft .Office_RatchadapisekRama9{ width: 45%; padding: 10px 15px; top: 50%; left: 11%; content: ''; z-index: 3; font-size: 90%; position: absolute; text-align: center; background-color: #ff921e; color: #fff; box-shadow: 0px 4px 0px rgba(255,177,96,1); border: 1px solid #ffb160; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .Office_RatchadapisekRama9:hover{ background-color: #ff921e; }
.TabContent .Mapox .MapLeft .Office_RatchadapisekRama9 p{ margin: 0; }
.TabContent .Mapox .MapLeft .Office_RatchadapisekRama9 span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .Office_RatchadapisekRama9BG{ width: 37%; height: 22.9%; top: 0%; left: 32%;  position: absolute; background: url(../images/map/bg-Office_RatchadapisekRama9_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .Office_RatchadapisekRama9BG:hover{ background: url(../images/map/bg-Office_RatchadapisekRama9.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .Office_PloenchitChidlom{ width: 86%; padding: 10px 15px; top: 34%; left: 5.5%; content: ''; z-index: 2; font-size: 85%; position: absolute; text-align: center; background-color: #ff921e; color: #fff; box-shadow: 0px 4px 0px rgba(255,177,96,1); border: 1px solid #ffb160; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .Office_PloenchitChidlom:hover{ background-color: #ff921e; }
.TabContent .Mapox .MapLeft .Office_PloenchitChidlom p{ margin: 0; }
.TabContent .Mapox .MapLeft .Office_PloenchitChidlom span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .Office_PloenchitChidlomBG{ width: 15.3%; height: 21%; top: 28.4%; left: 8.1%;  position: absolute; background: url(../images/map/bg-Office_PloenchitChidlom_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .Office_PloenchitChidlomBG:hover{ background: url(../images/map/bg-Office_PloenchitChidlom.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .Office_AroundAsoke{ width: 55%; padding: 10px 15px; top: 36%; left: 23.5%; content: ''; z-index: 4; font-size: 85%; position: absolute; text-align: center; background-color: #ff921e; color: #fff; box-shadow: 0px 4px 0px rgba(255,177,96,1); border: 1px solid #ffb160; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .Office_AroundAsoke:hover{ background-color: #ff921e; }
.TabContent .Mapox .MapLeft .Office_AroundAsoke p{ margin: 0; }
.TabContent .Mapox .MapLeft .Office_AroundAsoke span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .Office_AroundAsokeQoute{ width: auto; padding: 8px 30px 15px 30px; top: 17%; left: 7.5%; content: ''; z-index: 6; font-size: 70%; background: url(../images/map/bg-qoute.svg) no-repeat; background-position: top center; background-size: contain; position: absolute; text-align: center; color: #000; height: auto; font-weight: 400; }
.TabContent .Mapox .MapLeft .Office_AroundAsokeQoute p{ margin: 0; }
.TabContent .Mapox .MapLeft .Office_AroundAsokeBG{ width: 15.6%; height: 24.8%; top: 28.4%; left: 22.8%;  position: absolute; background: url(../images/map/Office_AroundAsoke_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .Office_AroundAsokeBG:hover{ background: url(../images/map/Office_AroundAsoke.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamai{ width: 63%; padding: 10px 15px; top: 35%; left: 11%; content: ''; z-index: 2; font-size: 83%; position: absolute; text-align: center; background-color: #ff921e; color: #fff; box-shadow: 0px 4px 0px rgba(255,177,96,1); border: 1px solid #ffb160; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamai:hover{ background-color: #ff921e; }
.TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamai p{ margin: 0; }
.TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamai span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamaiQoute{ width: auto; padding: 3px 25px 10px 25px; top: 25%; left: 30%; content: ''; z-index: 3; font-size: 70%; background: url(../images/map/bg-qoute.svg) no-repeat; background-position: top center; background-size: contain; position: absolute; text-align: center; color: #000; height: auto; font-weight: 400; }
.TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamaiQoute p{ margin: 0; }
.TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamaiBG{ width: 34.1%; height: 40.9%; top: 28.4%; left: 33.5%; /*z-index: 4;*/ position: absolute; background: url(../images/map/Office_PhromPhongThonglorEkamai_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamaiBG:hover{  background: url(../images/map/Office_PhromPhongThonglorEkamai.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .Office_Ratchadamri{ width: 70%; padding: 10px 12px; top: 45%; left: 14%; content: ''; z-index: 3; font-size: 80%; position: absolute; text-align: center; background-color: #ff921e; color: #fff; box-shadow: 0px 4px 0px rgba(255,177,96,1); border: 1px solid #ffb160; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .Office_Ratchadamri:hover{ background-color: #ff921e; }
.TabContent .Mapox .MapLeft .Office_Ratchadamri p{ margin: 0; }
.TabContent .Mapox .MapLeft .Office_Ratchadamri span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .Office_RatchadamriQoute{ width: auto; padding: 6px 30px 15px 30px; top: 11%; left: 5.5%; content: ''; z-index: 3; font-size: 70%; background: url(../images/map/bg-qoute.svg) no-repeat; background-position: top center; background-size: contain; position: absolute; text-align: center; color: #000; height: auto; font-weight: 400; }
.TabContent .Mapox .MapLeft .Office_RatchadamriQoute p{ margin: 0; }
.TabContent .Mapox .MapLeft .Office_RatchadamriBG{ width: 14.3%; height: 14.4%; top: 48.7%; left: 8.2%;  position: absolute; background: url(../images/map/Office_Ratchadamri_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .Office_RatchadamriBG:hover{  background: url(../images/map/Office_Ratchadamri.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .Office_PlacanonOnnut{ width: 36%; padding: 10px 15px; top: 62%; left: 29.2%; content: ''; z-index: 2; font-size: 85%; position: absolute; text-align: center; background-color: #ff921e; color: #fff; box-shadow: 0px 4px 0px rgba(255,177,96,1); border: 1px solid #ffb160; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .Office_PlacanonOnnut:hover{ background-color: #ff921e; }
.TabContent .Mapox .MapLeft .Office_PlacanonOnnut p{ margin: 0; }
.TabContent .Mapox .MapLeft .Office_PlacanonOnnut span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .Office_PlacanonOnnutQoute{ width: auto; padding: 7px 35px 15px 35px; top: 52.5%; left: 20%; content: ''; z-index: 6; font-size: 65%; background: url(../images/map/bg-qoute.svg) no-repeat; background-position: top center; background-size: contain; position: absolute; text-align: center; color: #000; height: auto; font-weight: 400; }
.TabContent .Mapox .MapLeft .Office_PlacanonOnnutQoute p{ margin: 0; }
.TabContent .Mapox .MapLeft .Office_PlacanonOnnutBG{ width: 22%; height: 48%; top: 29.4%; left: 47%; /*z-index: 1;*/ position: absolute; background: url(../images/map/Office_PlacanonOnnut_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .Office_PlacanonOnnutBG:hover{ background: url(../images/map/Office_PlacanonOnnut.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .Office_SilomSatorn{ width: 35%; padding: 10px 15px; top: 45%; left: 42.2%; content: ''; z-index: 3; font-size: 85%; position: absolute; text-align: center; background-color: #ff921e; color: #fff; box-shadow: 0px 4px 0px rgba(255,177,96,1); border: 1px solid #ffb160; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .Office_SilomSatorn:hover{ background-color: #ff921e; }
.TabContent .Mapox .MapLeft .Office_SilomSatorn p{ margin: 0; }
.TabContent .Mapox .MapLeft .Office_SilomSatorn span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .Office_SilomSatornQoute{ width: auto; padding: 5px 35px 15px 35px; top: 18.5%; left: 38%; content: ''; z-index: 3; font-size: 65%; background: url(../images/map/bg-qoute.svg) no-repeat; background-position: top center; background-size: contain; position: absolute; text-align: center; color: #000; height: auto; font-weight: 400; }
.TabContent .Mapox .MapLeft .Office_SilomSatornQoute p{ margin: 0; }
.TabContent .Mapox .MapLeft .Office_SilomSatornBG{ width: 23.1%; height: 25.6%; top: 63.5%; left: 0.5%;  position: absolute; background: url(../images/map/Office_SilomSatorn_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .Office_SilomSatornBG:hover{  background: url(../images/map/Office_SilomSatorn.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .Office_SaphanTaksin{ width: 93%; padding: 10px 15px; top: 28%; left: 44.2%; content: ''; z-index: 3; font-size: 85%; position: absolute; text-align: center; background-color: #ff921e; color: #fff; box-shadow: 0px 4px 0px rgba(255,177,96,1); border: 1px solid #ffb160; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .Office_SaphanTaksin:hover{ background-color: #ff921e; }
.TabContent .Mapox .MapLeft .Office_SaphanTaksin p{ margin: 0; }
.TabContent .Mapox .MapLeft .Office_SaphanTaksin span{ margin: 0; display: block; }
.TabContent .Mapox .MapLeft .Office_SaphanTaksinBG{ width: 12.3%; height: 16.7%; top: 83.5%; left: 0.2%;  position: absolute; background: url(../images/map/Office_SaphanTaksin_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .Office_SaphanTaksinBG:hover{  background: url(../images/map/Office_SaphanTaksin.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .MapLeft .Office_AroundBanner{ width: 75%; padding: 10px 15px; top: 65%; left: -28%; content: ''; z-index: 3; font-size: 85%; position: absolute; text-align: center; background-color: #ff921e; color: #fff; box-shadow: 0px 4px 0px rgba(255,177,96,1); border: 1px solid #ffb160; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .MapLeft .Office_AroundBanner:hover{ background-color: #ff921e; }
.TabContent .Mapox .MapLeft .Office_AroundBanner p{ margin: 0; }
.TabContent .Mapox .MapLeft .Office_AroundBanner span{ margin: 0; display: block; font-size: 75%; }
.TabContent .Mapox .MapLeft .Office_AroundBannerQoute{ width: auto; padding: 5px 35px 15px 35px; top: 53%; left: -15%; content: ''; z-index: 3; font-size: 65%; background: url(../images/map/bg-qoute.svg) no-repeat; background-position: top center; background-size: contain; position: absolute; text-align: center; color: #000; height: auto; font-weight: 400; }
.TabContent .Mapox .MapLeft .Office_AroundBannerQoute p{ margin: 0; }
.TabContent .Mapox .MapLeft .Office_AroundBannerBG{ width: 16.7%; height: 41.4%; top: 58.4%; left: 52.4%; /*z-index: 2;*/ position: absolute; background: url(../images/map/Office_AroundBanner_Gray.svg) no-repeat; background-position: top center; background-size: contain; }
.TabContent .Mapox .MapLeft .Office_AroundBannerBG:hover{ background: url(../images/map/Office_AroundBanner.svg) no-repeat; background-position: top center; background-size: contain; }

.iconText11{ width: 4%; height: 2%; content: ''; left: 63.5%; top: 18.5%; z-index: 2; position: absolute; background: url(../images/map/icon-text-11.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText12{ width: 7%; height: 2%; content: ''; left: 20.3%; top: 43.5%; z-index: 2; position: absolute; background: url(../images/map/icon-text-12.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText13{ width: 8%; height: 2%; content: ''; left: 52.3%; top: 51.5%; z-index: 2; position: absolute; background: url(../images/map/icon-text-13.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText14{ width: 8%; height: 3%; content: ''; left: 61%; top: 86%; z-index: 2; position: absolute; background: url(../images/map/icon-text-14.svg) no-repeat; background-position: top center; background-size: contain;}
/* ---------- End Office Map ---------- */


/* ------  Factory Map ----- */
.TabContent .Mapox .LastMapBox .Factory_Saraburi{ width: 45%; padding: 10px 15px; top: 48%; left: 36%; content: ''; z-index: 3; font-size: 90%; position: absolute; text-align: center; background-color: #2bbc91; color: #fff; box-shadow: 0px 4px 0px rgba(197,243,144,1); border: 1px solid #c5f390; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .LastMapBox .Factory_Saraburi:hover{ background-color: #2bbc91; }
.TabContent .Mapox .LastMapBox .Factory_Saraburi p{ margin: 0; }
.TabContent .Mapox .LastMapBox .Factory_Saraburi span{ margin: 0; display: block; }
.TabContent .Mapox .LastMapBox .Factory_SaraburiBG{ width: 25.2%; height: 29.9%; top: -8.7%; left: 24.3%; z-index: 2; position: absolute; /*background: url(../images/map/SaraburiF.svg) no-repeat; background-position: top center; background-size: contain;*/ }
.TabContent .Mapox .LastMapBox .Factory_SaraburiBG:hover{ background: url(../images/map/SaraburiF.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .LastMapBox .Factory_Ayutthaya{ width: 35%; padding: 10px 15px; top: 55%; left: 36%; content: ''; z-index: 3; font-size: 90%; position: absolute; text-align: center; background-color: #2bbc91; color: #fff; box-shadow: 0px 4px 0px rgba(197,243,144,1); border: 1px solid #c5f390; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .LastMapBox .Factory_Ayutthaya:hover{ background-color: #2bbc91; }
.TabContent .Mapox .LastMapBox .Factory_Ayutthaya p{ margin: 0; }
.TabContent .Mapox .LastMapBox .Factory_Ayutthaya span{ margin: 0; display: block; }
.TabContent .Mapox .LastMapBox .Factory_AyutthayaBG{ width: 24.6%; height: 26.4%; top: 1%; left: 9.7%; z-index: 2; position: absolute; /*background: url(../images/map/AyutthayaF.svg) no-repeat; background-position: top center; background-size: contain;*/ }
.TabContent .Mapox .LastMapBox .Factory_AyutthayaBG:hover{ background: url(../images/map/AyutthayaF.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .LastMapBox .Factory_PathumThani{ width: 55%; padding: 10px 15px; top: 47%; left: 30%; content: ''; z-index: 3; font-size: 90%; position: absolute; text-align: center; background-color: #2bbc91; color: #fff; box-shadow: 0px 4px 0px rgba(197,243,144,1); border: 1px solid #c5f390; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .LastMapBox .Factory_PathumThani:hover{ background-color: #2bbc91; }
.TabContent .Mapox .LastMapBox .Factory_PathumThani p{ margin: 0; }
.TabContent .Mapox .LastMapBox .Factory_PathumThani span{ margin: 0; display: block; }
.TabContent .Mapox .LastMapBox .Factory_PathumThaniBG{ width: 21.4%; height: 17.3%; top: 19.6%; left: 15.7%; z-index: 2; position: absolute; /*background: url(../images/map/PathumThaniF.svg) no-repeat; background-position: top center; background-size: contain;*/ }
.TabContent .Mapox .LastMapBox .Factory_PathumThaniBG:hover{ background: url(../images/map/PathumThaniF.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .LastMapBox .Factory_Nonthaburi{ width: 85%; padding: 10px 15px; top: 45%; left: 2%; content: ''; z-index: 3; font-size: 90%; position: absolute; text-align: center; background-color: #2bbc91; color: #fff; box-shadow: 0px 4px 0px rgba(197,243,144,1); border: 1px solid #c5f390; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .LastMapBox .Factory_Nonthaburi:hover{ background-color: #2bbc91; }
.TabContent .Mapox .LastMapBox .Factory_Nonthaburi p{ margin: 0; }
.TabContent .Mapox .LastMapBox .Factory_Nonthaburi span{ margin: 0; display: block; }
.TabContent .Mapox .LastMapBox .Factory_NonthaburiBG{ width: 10.4%; height: 17.3%; top: 25.7%; left: 12.6%; z-index: 3; position: absolute; /*background: url(../images/map/NonthaburiF.svg) no-repeat; background-position: top center; background-size: contain;*/ }
.TabContent .Mapox .LastMapBox .Factory_NonthaburiBG:hover{ background: url(../images/map/NonthaburiF.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .LastMapBox .Factory_Bangkok{ width: 50%; padding: 10px 15px; top: 18%; left: 36%; content: ''; z-index: 3; font-size: 90%; position: absolute; text-align: center; background-color: #2bbc91; color: #fff; box-shadow: 0px 4px 0px rgba(197,243,144,1); border: 1px solid #c5f390; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .LastMapBox .Factory_Bangkok:hover{ background-color: #2bbc91; }
.TabContent .Mapox .LastMapBox .Factory_Bangkok p{ margin: 0; }
.TabContent .Mapox .LastMapBox .Factory_Bangkok span{ margin: 0; display: block; }
.TabContent .Mapox .LastMapBox .Factory_BangkokBG{ width: 21.7%; height: 21.4%; top: 35.3%; left: 15.2%; z-index: 2; position: absolute; /*background: url(../images/map/BangkokF.svg) no-repeat; background-position: top center; background-size: contain;*/ }
.TabContent .Mapox .LastMapBox .Factory_BangkokBG:hover{ background: url(../images/map/BangkokF.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .LastMapBox .Factory_SamutSakon{ width: 55%; padding: 10px 15px; top: 25%; left: 20%; content: ''; z-index: 3; font-size: 90%; position: absolute; text-align: center; background-color: #2bbc91; color: #fff; box-shadow: 0px 4px 0px rgba(197,243,144,1); border: 1px solid #c5f390; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .LastMapBox .Factory_SamutSakon:hover{ background-color: #2bbc91; }
.TabContent .Mapox .LastMapBox .Factory_SamutSakon p{ margin: 0; }
.TabContent .Mapox .LastMapBox .Factory_SamutSakon span{ margin: 0; display: block; }
.TabContent .Mapox .LastMapBox .Factory_SamutSakonBG{ width: 13.7%; height: 13.9%; top: 45.2%; left: 4.7%; z-index: 2; position: absolute; /*background: url(../images/map/SamutSakonF.svg) no-repeat; background-position: top center; background-size: contain;*/ }
.TabContent .Mapox .LastMapBox .Factory_SamutSakonBG:hover{ background: url(../images/map/SamutSakonF.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .LastMapBox .Factory_SamutPrakan{ width: 55%; padding: 10px 15px; top: 70%; left: 20%; content: ''; z-index: 3; font-size: 90%; position: absolute; text-align: center; background-color: #2bbc91; color: #fff; box-shadow: 0px 4px 0px rgba(197,243,144,1); border: 1px solid #c5f390; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .LastMapBox .Factory_SamutPrakan:hover{ background-color: #2bbc91; }
.TabContent .Mapox .LastMapBox .Factory_SamutPrakan p{ margin: 0; }
.TabContent .Mapox .LastMapBox .Factory_SamutPrakan span{ margin: 0; display: block; }
.TabContent .Mapox .LastMapBox .Factory_SamutPrakanBG{ width: 18.3%; height: 11.1%; top: 46.1%; left: 20.1%; z-index: 3; position: absolute; /*background: url(../images/map/SamutPrakanF.svg) no-repeat; background-position: top center; background-size: contain;*/ }
.TabContent .Mapox .LastMapBox .Factory_SamutPrakanBG:hover{ background: url(../images/map/SamutPrakanF.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .LastMapBox .Factory_PrachinBuri{ width: 45%; padding: 10px 15px; top: 42%; left: 32%; content: ''; z-index: 3; font-size: 90%; position: absolute; text-align: center; background-color: #2bbc91; color: #fff; box-shadow: 0px 4px 0px rgba(197,243,144,1); border: 1px solid #c5f390; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .LastMapBox .Factory_PrachinBuri:hover{ background-color: #2bbc91; }
.TabContent .Mapox .LastMapBox .Factory_PrachinBuri p{ margin: 0; }
.TabContent .Mapox .LastMapBox .Factory_PrachinBuri span{ margin: 0; display: block; }
.TabContent .Mapox .LastMapBox .Factory_PrachinBuriBG{ width: 32.3%; height: 33.9%; top: 12.3%; left: 44.1%; z-index: 3; position: absolute; /*background: url(../images/map/PrachinBuriF.svg) no-repeat; background-position: top center; background-size: contain;*/ }
.TabContent .Mapox .LastMapBox .Factory_PrachinBuriBG:hover{ background: url(../images/map/PrachinBuriF.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .LastMapBox .Factory_Chachunsao{ width: 35%; padding: 10px 15px; top: 34%; left: 32%; content: ''; z-index: 3; font-size: 90%; position: absolute; text-align: center; background-color: #2bbc91; color: #fff; box-shadow: 0px 4px 0px rgba(197,243,144,1); border: 1px solid #c5f390; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .LastMapBox .Factory_Chachunsao:hover{ background-color: #2bbc91; }
.TabContent .Mapox .LastMapBox .Factory_Chachunsao p{ margin: 0; }
.TabContent .Mapox .LastMapBox .Factory_Chachunsao span{ margin: 0; display: block; }
.TabContent .Mapox .LastMapBox .Factory_ChachunsaoBG{ width: 39.5%; height: 38%; top: 33.3%; left: 35.2%; z-index: 3; position: absolute; /*background: url(../images/map/ChachunsaoF.svg) no-repeat; background-position: top center; background-size: contain;*/ }
.TabContent .Mapox .LastMapBox .Factory_ChachunsaoBG:hover{ background: url(../images/map/ChachunsaoF.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .LastMapBox .Factory_Chonburi{ width: 35%; padding: 10px 15px; top: 27%; left: 30%; content: ''; z-index: 3; font-size: 90%; position: absolute; text-align: center; background-color: #2bbc91; color: #fff; box-shadow: 0px 4px 0px rgba(197,243,144,1); border: 1px solid #c5f390; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .LastMapBox .Factory_Chonburi:hover{ background-color: #2bbc91; }
.TabContent .Mapox .LastMapBox .Factory_Chonburi p{ margin: 0; }
.TabContent .Mapox .LastMapBox .Factory_Chonburi span{ margin: 0; display: block; }
.TabContent .Mapox .LastMapBox .Factory_ChonburiBG{ width: 30.5%; height: 47%; top: 51.4%; left: 34.2%; z-index: 3; position: absolute; /*background: url(../images/map/ChonburiF.svg) no-repeat; background-position: top center; background-size: contain;*/ }
.TabContent .Mapox .LastMapBox .Factory_ChonburiBG:hover{ background: url(../images/map/ChonburiF.svg) no-repeat; background-position: top center; background-size: contain; }

.TabContent .Mapox .LastMapBox .Factory_Rayong{ width: 35%; padding: 10px 15px; top: 50%; left: 35%; content: ''; z-index: 3; font-size: 90%; position: absolute; text-align: center; background-color: #2bbc91; color: #fff; box-shadow: 0px 4px 0px rgba(197,243,144,1); border: 1px solid #c5f390; height: auto; font-weight: 600; border-radius: 100px; }
.TabContent .Mapox .LastMapBox .Factory_Rayong:hover{ background-color: #2bbc91; }
.TabContent .Mapox .LastMapBox .Factory_Rayong p{ margin: 0; }
.TabContent .Mapox .LastMapBox .Factory_Rayong span{ margin: 0; display: block; }
.TabContent .Mapox .LastMapBox .Factory_RayongBG{ width: 29.5%; height: 27%; top: 71.8%; left: 39.2%; z-index: 3; position: absolute; /*background: url(../images/map/RayongF.svg) no-repeat; background-position: top center; background-size: contain;*/ }
.TabContent .Mapox .LastMapBox .Factory_RayongBG:hover{ background: url(../images/map/RayongF.svg) no-repeat; background-position: top center; background-size: contain; }

.iconText15{ width: 15%; height: 3%; content: ''; left: 29%; top: 15%; z-index: 2; position: absolute; background: url(../images/map/icon-text-15.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText16{ width: 10%; height: 3%; content: ''; left: 24%; top: 36%; z-index: 2; position: absolute; background: url(../images/map/icon-text-16.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText17{ width: 12%; height: 3%; content: ''; left: 29.5%; top: 47%; z-index: 4; position: absolute; background: url(../images/map/icon-text-17.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText18{ width: 6%; height: 4%; content: ''; left: 28.5%; top: 50%; z-index: 4; position: absolute; background: url(../images/map/icon-text-18.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText19{ width: 20%; height: 2%; content: ''; left: 39.5%; top: 57%; z-index: 4; position: absolute; background: url(../images/map/icon-text-19.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText20{ width: 7%; height: 4%; content: ''; left: 36.5%; top: 72%; z-index: 4; position: absolute; background: url(../images/map/icon-text-20.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText21{ width: 20%; height: 8%; content: ''; left: 42.5%; top: 75.5%; z-index: 4; position: absolute; background: url(../images/map/icon-text-21.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText22{ width: 15%; height: 7%; content: ''; left: 34.5%; top: 91.5%; z-index: 4; position: absolute; background: url(../images/map/icon-text-22.svg) no-repeat; background-position: top center; background-size: contain;}

/* ------  Factory Map ----- */

.MapLogoPoint{ width: 70px; height: 64px; content: ''; left: 32%; top: 40%; z-index: 9; position: absolute; background: url(../images/map/logo.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText1{ width: 15.5%; height: 9.5%; content: ''; left: 52.3%; top: 5.5%; z-index: 2; position: absolute; background: url(../images/map/icon-text-1.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText2{ width: 8%; height: 2%; content: ''; left: 7.3%; /*top: 25.5%;*/ top: 22.4%; z-index: 2; position: absolute; background: url(../images/map/icon-text-2.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText3{ width: 6.5%; height: 2%; content: ''; left: 15.3%; top: 40.5%; z-index: 2; position: absolute; background: url(../images/map/icon-text-3.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText9{ width: 8.3%; height: 7%; content: ''; left: 21.4%; top: 45.4%; z-index: 6; position: absolute; background: url(../images/map/icon-text-9.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText4{ width: 7%; height: 3%; content: ''; left: 47%; top: 32%; z-index: 2; position: absolute; background: url(../images/map/icon-text-4.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText5{ width: 7%; height: 2%; content: ''; left: 60.3%; top: 51.5%; z-index: 2; position: absolute; background: url(../images/map/icon-text-5.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText6{ width: 8.5%; height: 2.5%; content: ''; left: 3%; top: 96.5%; z-index: 2; position: absolute; background: url(../images/map/icon-text-6.svg) no-repeat; background-position: top center; background-size: contain;}
.iconICText{ width: 21%; height: 12%; content: ''; left: 22%; top: 64%; z-index: 2; position: absolute; background: url(../images/map/icon-ic2.svg) no-repeat; background-position: top center; background-size: contain;}
.iconICText2{ width: 21%; height: 12%; content: ''; left: 24%; top: 60.5%; z-index: 2; position: absolute; background: url(../images/map/icon-ic3.svg) no-repeat; background-position: top center; background-size: contain;}

.BalloonBG{ left: 0; right: 0; margin: auto; z-index: 4; position: absolute; background-color: #fff; font-size: 10px; text-align: center; padding: 4px; border-radius: 100px; border: 1.5px solid #000; }
.BalloonBG:after{ position: absolute; content: ''; bottom: -10px; right: 20px; width: 18px; height: 10px; background: url(../images/map/icon-tryangle.svg) no-repeat; background-position: top center; background-size: contain; }

.PloenchitChidlomBG .BalloonBG{ max-width: 95%; top: 15.5%; }
.AroundAsokeBG .BalloonBG{ max-width: 85%; top: 19.5%; }
.NorthPhromPhongBG .BalloonBG{ max-width: 80%; top: 7.5%; }
.ThonglorBG .BalloonBG{ max-width: 56%; top: 27.5%; }
.EkamaiBG .BalloonBG{ max-width: 37%; top: 32.5%; right: -13%; }
.PlacanonOnnutBG .BalloonBG{ max-width: 47%; top: 44.5%; right: -24%; }
.RatchadamriBG .BalloonBG{ max-width: 95%; top: 10.5%; }
.LanceAnBG .BalloonBG{ max-width: 95%; top: 10.5%; }
.SouthPhromPhongBG .BalloonBG{ max-width: 90%; top: 20.5%; right: -15%; }
.SilomSatornBG .BalloonBG{ max-width: 39%; top: 12.5%; right: -32%; }
.AroundBannerBG .BalloonBG{ max-width: 88%; top: 27.5%; left: -50%; }

.Office_PloenchitChidlomBG .BalloonBG{ max-width: 80%; top: 2.5%; }
.Office_AroundAsokeBG .BalloonBG{ max-width: 80%; top: 5.5%; }
.Office_PhromPhongThonglorEkamaiBG .BalloonBG{ max-width: 50%; top: 20.5%; }
.Office_RatchadamriBG .BalloonBG{ max-width: 85%; top: 10.5%; }
.Office_PlacanonOnnutBG .BalloonBG{ max-width: 57%; top: 52.5%; }
.Office_SilomSatornBG .BalloonBG{ max-width: 75%; top: 25.5%; right: -20%; }
.Office_AroundBannerBG .BalloonBG{ max-width: 90%; top: 50.5%; left: -95%; }
.Office_SaphanTaksinBG .BalloonBG{ max-width: 75%; top: 1.5%; right: -80%; }

.MapPhoto{ position: relative; z-index: 1;}
.CondoFactory4 .MapPhoto{ position: relative; z-index: 1;}

/* RightSmallMap */
.RightSmallMap{ height: auto; padding: 20px 20px 20px 0;}
.SmallMapName{ position: absolute; top:-5px; left: -5px; width: 55%; height: auto; text-align: center; background-color: #fff; color: #000; padding: 12px 25px; font-size: 95%; font-weight: 600; border: 4px solid #68c722; border-radius: 100px; }
.RightSmallMapInner{ position: relative; height: auto; border: 5px solid #68c722; border-radius: 30px 20px  20px 20px; overflow: hidden;/* margin-bottom: 10px; background: url(../images/map/bg-right-map-ret.png) no-repeat; background-position: top center; background-size: cover;*/ }
.RightSmallMapInner a{ color: #fff;}
.RightSmallMapInner p{ margin: 0; display: block; padding: 10px 15px;}
.RightSmallMapInner .Sriracha{ width: 60%; top: 36%; left: 25%; content: ''; z-index: 1; font-size: 90%; position: absolute; text-align: center; background-color: #5ac315; color: #fff; box-shadow: 0px 4px 0px rgba(201,246,36,1); border: 1px solid #c9f624; height: auto; font-weight: 600; border-radius: 100px;}
.RightSmallMapInner .Sriracha:hover{ background-color: #5ac315; }
.RightSmallMapInner .SrirachaBG{ width: 75.2%; height: 37.5%; top: 16.4%; left: 19.8%;  position: absolute; /*background: url(../images/map/Sriracha-Right.svg) no-repeat; background-position: top center; background-size: contain;*/ }
.RightSmallMapInner .SrirachaBG:hover{ background: url(../images/map/Sriracha-Right.svg) no-repeat; background-position: top center; background-size: contain;}
.CondoSell2 .RightSmallMapInner{ border: 5px solid #0e84e5;}
.CondoSell2 .SmallMapName{ border: 4px solid #0e84e5; }
.CondoSell2 .RightSmallMapInner .Sriracha{ background-color: #0e84e5; box-shadow: 0px 4px 0px rgba(79,202,246,1); border: 1px solid #4fcaf6; }
.CondoSell2 .RightSmallMapInner .SrirachaBG:hover{ background: url(../images/map/Sriracha-RightS.svg) no-repeat; background-position: top center; background-size: contain;} 
.CondoOffice3 .RightSmallMapInner{ border: 5px solid #ff921e;}
.CondoOffice3 .SmallMapName{ border: 4px solid #ff921e; }
.CondoOffice3 .RightSmallMapInner .Sriracha{ background-color: #ff921e; box-shadow: 0px 4px 0px rgba(248,201,81,1); border: 1px solid #f8c951; }
.CondoOffice3 .RightSmallMapInner .SrirachaBG:hover{ background: url(../images/map/Sriracha-RightO.svg) no-repeat; background-position: top center; background-size: contain;} 
.RightSmallMapInner .Pattaya{ width: 100%; top: 36%; left: 45%; content: ''; z-index: 1; font-size: 90%; position: absolute; text-align: center; background-color: #5ac315; color: #fff; box-shadow: 0px 4px 0px rgba(201,246,36,1); border: 1px solid #c9f624; height: auto; font-weight: 600; border-radius: 100px;}
.RightSmallMapInner .Pattaya:hover{ background-color: #5ac315; }
.RightSmallMapInner .PattayaBG{ width: 25.2%; height: 29.5%; top: 47.4%; left: 16.8%;  position: absolute; /*background: url(../images/map/Pattaya-Right.svg) no-repeat; background-position: top center; background-size: contain;*/ }
.RightSmallMapInner .PattayaBG:hover{ background: url(../images/map/Pattaya-Right.svg) no-repeat; background-position: top center; background-size: contain;}
.CondoSell2 .RightSmallMapInner .Pattaya{ left: 108%; background-color: #0e84e5; box-shadow: 0px 4px 0px rgba(79,202,246,1); border: 1px solid #4fcaf6; }
.CondoSell2 .RightSmallMapInner .PattayaBG:hover{ background: url(../images/map/Pattaya-RightS.svg) no-repeat; background-position: top center; background-size: contain;} 

.iconText7{ width: 39%; height: 9%; content: ''; left: 33%; top: 18.5%; z-index: 2; position: absolute; background: url(../images/map/icon-text-7.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText8{ width: 24%; height: 4%; content: ''; left: 21.5%; top: 52.5%; z-index: 2; position: absolute; background: url(../images/map/icon-text-8.svg) no-repeat; background-position: top center; background-size: contain;}
.iconText10{ width: 24%; height: 6%; content: ''; left: 16.5%; top: 61.5%; z-index: 2; position: absolute; background: url(../images/map/icon-text-10.svg) no-repeat; background-position: top center; background-size: contain;}

.RightSmallFacility{ padding: 6% 25px; background-image: linear-gradient(150deg, #c9f624 0%, #68c722 60%); }
.CondoSell2 .RightSmallFacility{ background-image: linear-gradient(150deg, #4fcaf6 0%, #0e84e5 60%); }
.CondoOffice3 .RightSmallFacility{ background-image: linear-gradient(150deg, #f8c951 0%, #ff921e 60%); }
.RightSmallFacility .Title{ font-size: 150%; color: #fff; font-weight: 600; display: inline-block; padding-left: 50px; text-align: center; position: relative; }
.RightSmallFacility .Title:before{ width: 40px; height: 40px; position: absolute; content: ''; left: 0; top: 0px; background: url(../images/map/icon-star.svg) no-repeat; background-position: center; background-size: contain; }
.RightSmallFacility .FacilityListR{ margin-top: 10px;}
.RightSmallFacility .FacilityListR ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.RightSmallFacility .FacilityListR ul li{ width: 30%; height: 30%; margin-top: 3%; font-size: 80%; text-align: center; }
.RightSmallFacility .FacilityListR ul li p{ margin: 0;}
.RightSmallFacility .FacilityListR ul li .Icon{ text-align: center; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; margin: auto; background-image: linear-gradient(150deg, #ffffff 50%, #cccccc 100%); border-radius: 100px; margin-bottom: 5px; box-shadow: 0px 3px 0px rgba(0,0,0,0.2);}
.RightSmallFacility .FacilityListR ul li .Icon img{ width: 100%; height: auto; max-width: 40px; max-height: 40px; opacity: 0.3;}
.RightSmallFacility .FacilityListR ul li .Icon img.wide{ width: 100%; height: auto; max-width: 50px; max-height: 40px; opacity: 0.3;}
.RightSmallFacility .FacilityListR ul li .Text{ text-align: center; color: #fff; font-size:120%; font-weight: 600; text-shadow: 1px 1px 0px rgb(0, 0, 0, 0.3); }
.RightSmallFacility .FacilityListR ul li a:hover .Icon{ background-image: linear-gradient(150deg, #4b4b4a 50%, #4b4b4a 100%); }
.RightSmallFacility .FacilityListR ul li a:hover .Icon img{ filter: brightness(0) invert(1); opacity: 1.0;}

.RentActive2 ul li a:hover .Icon{ background-image: linear-gradient(150deg, #357F00 50%, #357F00 100%) !important; }
.RentActive2 ul li a:hover .Text{ color: #357F00!important; text-shadow: 1px 0px 1px rgb(255, 255, 255, 1)!important; }
.SellActive2 ul li a:hover .Icon{ background-image: linear-gradient(150deg, #044F8E 50%, #044F8E 100%) !important; }
.SellActive2 ul li a:hover .Text{ color: #044F8E!important; text-shadow: 1px 0px 1px rgb(255, 255, 255, 1)!important; }
.OfficeActive2 ul li a:hover .Icon{ background-image: linear-gradient(150deg, #A85600 50%, #A85600 100%) !important; }
.OfficeActive2 ul li a:hover .Text{ color: #A85600!important; text-shadow: 1px 0px 1px rgb(255, 255, 255, 1)!important; }
.FactoryActive2 ul li a:hover .Icon{ background-image: linear-gradient(150deg, #00885F 50%, #00885F 100%) !important; }
.FactoryActive2 ul li a:hover .Text{ color: #00885F!important; text-shadow: 1px 0px 1px rgb(255, 255, 255, 1)!important; }



/* #################################### End Map Search Sections #################################### */




/* PropertyList  */
.PropertyList{ padding: 0 0 100px 0; }
.BGRankForRent{ background: url(../images/bg-sell-02.png) no-repeat; background-position: top center; background-size: cover; /*background-position-y: 100px;*/}
.BGRankForSell{ background: url(../images/bg-rent-01.png) no-repeat; background-position: top center; background-size: cover; /*background-position-y: 100px;*/}
.BGRankForNewRent{ background: url(../images/bg-new-04.png) no-repeat; background-position: top center; background-size: cover; /*background-position-y: 100px;*/}
.BGRankForNewSell{ background: url(../images/bg-new-03.png) no-repeat; background-position: top center; background-size: cover; /*background-position-y: 100px;*/}
.PropertyListBox{ max-width: 1100px; height: auto; margin: auto; position: relative; }
.PropertyListBoxItem{ max-width: 1200px; height: auto; margin: auto; position: relative; }
.ForRentColor{ width: auto; height: 55px; background-color: #68C722; position: relative;}
.ForSellColor{ width: auto; height: 55px; background-color: #0A73CE; position: relative;}
.PropertyListBox .RentIcon{ position: absolute; content: ''; width: 250px; height: 250px; right: -40px; top: -33px; }
.PropertyListBox .RentIcon img{ width: 100%; height: auto; max-width: 250px; }
/*.PropertyListBox h2{ margin-top: 80px; color: #40403F; text-transform: uppercase; display: inline-block; position: relative; font-size: 46px; font-weight: 700; z-index: 1; letter-spacing: 2px; }
.PropertyListBox h2 span{ color: #80807F;}
.PropertyListBox h2:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #FFFF5A;}*/
.PropertyListBox .Title{ margin-bottom: 0; margin-top: 80px; color: #40403F; text-transform: uppercase; display: inline-block; position: relative; font-size: 46px; font-weight: 700; z-index: 1; letter-spacing: 2px; }
.PropertyListBox .Title span{ color: #80807F;}
.PropertyListBox .Title:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #FFFF5A;}
.PropertyListBox .New:after{ background-color: #fff!important;}
.PropertyListBox h2{ display: block; margin: 0; margin-top: 0px; color: #40403F; position: relative; font-size: 45px; font-weight: 700; padding-left: 90px;}
.PropertyListBox h2 span{ font-size: 35px; }
.PropertyListBox h2:after{ position: absolute; left: 0; top: 10px; content: ''; width: 75px; height: 50px; background: url(../images/icon-ranking.svg) no-repeat; background-position: center; background-size: contain;}
.PropertyListBox .TitleNew:after{ background: url(../images/icon-new.svg) no-repeat!important; }
.PropertyListBoxItem{ margin: auto; margin-top: 50px;}
.PropertyListBoxItem ul{ display: flex; flex-wrap: wrap; justify-content: left; }
.PropertyListBoxItem ul li{ width: 18%; margin: 1%; background-color: #fff; padding-bottom: 5px; border-bottom: 10px solid #2B2B2A; }
.PropertyListBoxItem ul li .Picture{ margin: 0; height: 150px; overflow: hidden; }
.PropertyListBoxItem ul li .Picture img{ width: 100%; height: 100%; max-width: 100%; object-fit: cover; }
.PropertyListBoxItem ul li .Title{ margin: 0; padding: 10px 10px 30px 10px;  font-size: 18px; font-weight: 700; position: relative;}
.PropertyListBoxItem ul li .Title:after{ position: absolute; content: ''; width: 50px; height: 4px; background-color: #2B2B2A; left: 10px; bottom: 15px;}
.PropertyListBoxItem ul li .Descriptions{ margin: 0; padding: 0 10px; font-size: 14px; font-weight: 300;}
.PropertyListBoxItem ul li .Descriptions p{ margin: 5px 0; display: flex; justify-content: left; }
.PropertyListBoxItem ul li .Descriptions p span:nth-child(1){ width: calc(100% - 136px); min-width: 60px;  }
.PropertyListBoxItem ul li .Icon{ margin: 5px 0; padding: 0 10px; display: flex; flex-wrap: wrap; justify-content: center; }
.PropertyListBoxItem ul li .Icon span{ border: 1px solid #231F20; display: block; width: 28px; height: 28px; line-height: 20px; margin: 5px 5px 0 0; text-align: center; border-radius: 100px; }
.PropertyListBoxItem ul li .Icon span img{ vertical-align: middle; width: 100%; height: auto; max-width: 14px; max-height: 14px; }
.PropertyListBoxItem ul li .Icon span:last-child{ margin-right: 0;}
span.ActiveSF { background-image: linear-gradient(150deg, #4b4b4a 50%, #4b4b4a 100%)!important; }
span.ActiveSF img{ filter: brightness(0) invert(1)!important; }

/* LifeInBangkok  */
.LifeInBangkok{ /*background-color: #fff;*/ padding: 130px 0; position: relative; overflow: hidden; z-index: 1; }
.LifeInBangkok .BGBoxLeft{ position: absolute; content: ''; width: 40%; max-width: 600px; height: 1000px; left: 0; top: 15%; background-image: url("../images/icon-left-box.png"); background-repeat: no-repeat; background-size:contain; z-index: 0; }
.LifeInBangkok .BGBoxRight{ position: absolute; content: ''; width: 50%; max-width: 760px; height: 830px; right: 0; top: 55%; background-image: url("../images/icon-right-box.png"); background-repeat: no-repeat; background-size:contain; z-index: 0; }
.LifeInBangkok .RightPicture{ position: absolute; content: ''; width: 45%; max-width: 730px; height: auto; right: 0; top: 5%; }
.LifeInBangkok .RightPicture img{ width: 100%; height: auto; max-width: 100%; }
.LifeInBangkokBox{ max-width: 1100px; height: auto; margin: auto; position: relative; }
/*.LifeInBangkokBox h2{ color: #40403F; text-transform: uppercase; display: inline-block; position: relative; font-size: 46px; font-weight: 700; z-index: 1; letter-spacing: 2px; }
.LifeInBangkokBox h2 span{ color: #80807F;}
.LifeInBangkokBox h2:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}*/
.LifeInBangkokBox .Title{ margin: 0; color: #40403F; text-transform: uppercase; display: inline-block; position: relative; font-size: 46px; font-weight: 700; z-index: 1; letter-spacing: 2px; }
.LifeInBangkokBox .Title span{ color: #80807F;}
.LifeInBangkokBox .Title:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}
.LifeInBangkokBox h2{ margin: 0; margin-top: 20px; color: #40403F; position: relative; z-index: 1; font-size: 36px; font-weight: 700; }
.LifeInBangkokBox .TitleMax{ max-width: 73%;}
/* LifeInBangkokConntent */
.LifeInBangkokConntent{  margin: 80px 0;}
.LifeInBangkokConntent ul{ margin: 0;}
.LifeInBangkokConntent ul li{ width: 40%; float: right; display: block; margin-bottom: 25px; position: relative; z-index: 1; }
.LifeInBangkokConntent ul li a{ display: flex; flex-wrap: nowrap; justify-content: space-between; color: #000; transition: all .2s; }
.LifeInBangkokConntent ul li .Picture{ width:44%; height: auto; /*height: 130px;*/ overflow: hidden; position: relative;}
.LifeInBangkokConntent ul li .Picture img{ display: block; width: auto; max-width: 100%; height: auto; /* width: 100%; height: 100%; object-fit: cover;*/ transition: all .2s; }
.LifeInBangkokConntent ul li .NewIcon{ position: absolute; color: #fff; left: -10px; top: 20px; z-index: 2; width: 80px; height: 45px; background-image: url("../images/icon/icon-new.svg"); background-repeat: no-repeat; background-size:contain; background-position: center;}
.LifeInBangkokConntent ul li .Detail{ width: 56%; padding-left: 20px;}
.LifeInBangkokConntent ul li .Detail .Title{ margin: 0; font-size: 16px; font-weight: 600; }
.LifeInBangkokConntent ul li .Detail .Titles{ margin: 0; font-size: 16px; font-weight: 600; }
.LifeInBangkokConntent ul li .Detail .CategotyDate{ font-size: 14px; font-weight: 300; margin-bottom: 0;  }
.LifeInBangkokConntent ul li .Detail .CategotyDate a{  color: #999; }
.LifeInBangkokConntent ul li .Detail .CategotyDate span{ color: #999; font-weight: 300;}
.LifeInBangkokConntent ul li a:hover .Picture img{ opacity: 0.7; transition: all .2s; }
.LifeInBangkokConntent ul li a:hover{ color: #666; transition: all .2s; }
.LifeInBangkokConntent ul li:first-child{ width: 55%; margin-right: 5%; float: left; margin-bottom: 80px; }
.LifeInBangkokConntent ul li:first-child a{ display: block; }
.LifeInBangkokConntent ul li:first-child .Picture{ width:100%; height: auto; /*height: 320px;*/ overflow: hidden;}
.LifeInBangkokConntent ul li:first-child .Picture img{ display: block; width: auto; width: 100%; height: 100%; object-fit: cover; }
.LifeInBangkokConntent ul li:first-child .Detail{ width: 100%; margin-top: 20px; padding-left: 0px;/* border-left: 10px solid #D2232A;*/}
.LifeInBangkokConntent ul li:first-child .Detail .Titles{ margin: 30px 0 0 0; font-size: 24px; font-weight: 600; padding-left: 60px; position: relative;}
.LifeInBangkokConntent ul li:first-child .Detail .Titles:before{ position: absolute; content: ''; top: 8px; left: 0; width: 40px; height: 40px; background: url(../images/point/point-left-blue.svg) no-repeat; background-position: center; background-size: contain; }
.LifeInBangkokConntent ul li:first-child .Detail .CategotyDate{ font-size: 14px; font-weight: 300; margin-left: 60px; }
.LifeInBangkokConntent ul li:first-child .Detail .CategotyDate a{color: #999; }
.LifeInBangkokConntent ul li:first-child .Detail .CategotyDate span{font-weight: 300;}

/* StepAndSearch */
.StepAndSearch{ position: relative; width: auto; height: auto; margin: 0; margin-top: 80px; display: block; /*flex-wrap: nowrap; justify-content: space-between; align-items: flex-start;*/ }
.StepAndSearch .StepLeft{ width: 57%; float: left; position: relative; }
.StepAndSearch .StepLeft .StepLeftList{ margin: 0;}
.StepAndSearch .StepLeft .StepLeftList ul li{ position: relative; padding: 0 0 0 100px; margin: 0 0 100px 0; }
.StepAndSearch .StepLeft .StepLeftList ul li:first-child{ margin-top: 0;}
.StepAndSearch .StepLeft .StepLeftList ul li:last-child{ margin-bottom: 0;}
.StepAndSearch .StepLeft .StepLeftList ul li:before{ position: absolute; content: ''; background-color: #2B2B2A; width: 2px; height: 80%; left: 40px; top: 100px; }
.StepAndSearch .StepLeft .StepLeftList ul li:last-child:before{ display: none;}
.StepAndSearch .StepLeft .StepLeftList ul li .Number{ color: #B5E533; font-size: 40px; font-weight: 600; position: absolute; content: ''; left: 0; top: 0; margin: 0; text-align: center; line-height: 95px; width: 75px; height: 83px; background: url(../images/icon-number-step.svg) no-repeat; background-position: center; background-size: contain; }
.StepAndSearch .StepLeft .StepLeftList ul li .Titles{ margin: 0; font-size: 24px; font-weight: 700; }
.StepAndSearch .StepLeft .StepLeftList ul li .Descriptions{  font-size: 16px; font-weight: 300; line-height: 28px;}
.StepAndSearch .ContactRight{ width: 35%; position: relative; float: right; }
.StepAndSearch .ContactRight:before{ position: absolute; content: ''; width: 240px; height: 240px; left: 0; right: 0; margin: auto;  top: -250px; background: url(../images/icon-thankns.svg) no-repeat; background-position: top center; background-size: contain;}
.StepAndSearch .ContactRight .SearchBox{ background-color: #fff; border: 2px solid #2B2B2A; }
.StepAndSearch .ContactRight .SearchBox .Titles{ margin: 0; font-size: 24px; background: #2B2B2A url(../images/bg-icon-search.png) no-repeat; background-position: left; background-position-x: 10px; background-size: contain; padding: 10px 10px 10px 40px; color: #fff; text-align: center; }
.StepAndSearch .ContactRight .SearchBox .SearchForm{ padding: 25px; font-weight: 300; line-height: 28px;}
.StepAndSearch .ContactRight .SearchBox .SearchForm p{ margin: 0;}
.StepAndSearch .ContactRight .SearchBox .FormRows{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.StepAndSearch .ContactRight .SearchBox .FormRows p{ width: 46%; margin: 10px 0; text-align: center; }
.StepAndSearch .ContactRight .SearchBox .FormRows .Wide100{ width: 100%; }
.StepAndSearch .ContactRight .SearchBox .FormRows input[type=text]{ display: inline-block; outline:none; width: 100%; padding: 12px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; border-radius: 5px; }
.StepAndSearch .ContactRight .SearchBox .FormRows input[type=email]{ display: inline-block; outline:none; width: 100%; padding: 12px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; border-radius: 5px; }
.StepAndSearch .ContactRight .SearchBox .FormRows input[type=tel]{ display: inline-block; outline:none; width: 100%; padding: 12px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; border-radius: 5px; }
.StepAndSearch .ContactRight .SearchBox .FormRows select{ display: inline-block; outline:none; width: 100%; margin-top: 2px; padding: 12px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; background: url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right center; background-position: right 1rem center; border-radius: 5px; }
.StepAndSearch .ContactRight .SearchBox .FormRows button { position: relative; font-family: 'Kanit', sans-serif; text-transform: uppercase; display: inline-block; outline:none; cursor: pointer; background-color: #000; letter-spacing: 3px; border:0px solid #990000ff; color: #fff; padding: 12px 10px 12px 10px; width: 100%; max-width: 250px; font-size: 16px; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s; border-radius: 5px; }
.StepAndSearch .ContactRight .SearchBox .FormRows button:hover{ background-color: #B5E533; transition: all .3s; }
.StepAndSearch .ContactRight .SearchBox .FormRows input[type=submit] { position: relative; text-transform: uppercase; display: inline-block; outline:none; cursor: pointer; background-color: #B5E533; letter-spacing: 2px; border:0px solid #990000ff; color: #000; padding: 8px 20px 8px 20px; width: 100%; max-width: 120px; margin: auto; font-size: 15px; font-weight: 600; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s; border-radius: 5px; }
.StepAndSearch .ContactRight .SearchBox .FormRows input[type=submit]:hover{ background-color: #2B2B2A; color: #fff; transition: all .3s; }

/* SinglePageLayout */
.SinglePageLayout{ width: auto; margin: auto; margin-top: 80px;} 
.SinglePageLayoutBox{ width: 100%; max-width: 1100px; height: auto; margin: auto; padding-bottom: 40px; position: relative; z-index: 1; }
.SinglePageLayoutBoxLeft{ width: calc(100% - 360px); float: left; padding-right: 40px; z-index: 1; }
.SinglePageLayoutBoxLeft .StepLeftList{ margin: 0;}
.SinglePageLayoutBoxLeft .StepLeftList ul li{ position: relative; padding: 0 0 0 100px; margin: 0 0 100px 0; }
.SinglePageLayoutBoxLeft .StepLeftList ul li:first-child{ margin-top: 0;}
.SinglePageLayoutBoxLeft .StepLeftList ul li:last-child{ margin-bottom: 0;}
.SinglePageLayoutBoxLeft .StepLeftList ul li:before{ position: absolute; content: ''; background-color: #2B2B2A; width: 2px; height: 80%; left: 40px; top: 100px; }
.SinglePageLayoutBoxLeft .StepLeftList ul li:last-child:before{ display: none;}
.SinglePageLayoutBoxLeft .StepLeftList ul li .Number{ color: #B5E533; font-size: 40px; font-weight: 600; position: absolute; content: ''; left: 0; top: 0; margin: 0; text-align: center; line-height: 95px; width: 75px; height: 83px; background: url(../images/icon-number-step.svg) no-repeat; background-position: center; background-size: contain; }
.SinglePageLayoutBoxLeft .StepLeftList ul li .Titles{ margin: 0; font-size: 24px; font-weight: 700; }
.SinglePageLayoutBoxLeft .StepLeftList ul li .Descriptions{  font-size: 16px; font-weight: 300; line-height: 28px;}
.SinglePageLayoutBoxRight{ width: calc(100% - 320px); float: right; max-width: 360px; z-index: 1; }
/*.SinglePageLayoutBoxRight:before{ position: absolute; content: ''; width: 240px; height: 240px; left: 0; right: 0; margin: auto;  top: -250px; background: url(../images/icon-thankns.svg) no-repeat; background-position: top center; background-size: contain;}*/
.SinglePageLayoutBoxRight .SearchBox{ background-color: #fff; border: 2px solid #2B2B2A; position: relative; z-index: 9; }
.SinglePageLayoutBoxRight .SearchBox:before{ position: absolute; content: ''; width: 240px; height: 240px; left: 0; right: 0; margin: auto;  top: -250px; background: url(../images/icon-thankns.svg) no-repeat; background-position: top center; background-size: contain;}
.SinglePageLayoutBoxRight .SearchBox .Titles{ margin: 0; font-size: 24px; background: #2B2B2A url(../images/bg-icon-search.png) no-repeat; background-position: left; background-position-x: 10px; background-size: contain; padding: 10px 10px 10px 40px; color: #fff; text-align: center; }
.SinglePageLayoutBoxRight .SearchBox .SearchForm{ padding: 25px 25px 0px 25px; font-weight: 300; line-height: 28px;}
.SinglePageLayoutBoxRight .SearchBox .SearchForm p{ margin: 0; font-size: 15px;}
.SinglePageLayoutBoxRight .SearchBox .FormRows{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.SinglePageLayoutBoxRight .SearchBox .FormRows p{ width: 46%; margin: 10px 0; text-align: center; }
.SinglePageLayoutBoxRight .SearchBox .FormRows .Wide100{ width: 100%; }
.SinglePageLayoutBoxRight .SearchBox .FormRows input[type=text]{ display: inline-block; outline:none; width: 100%; padding: 12px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; border-radius: 5px; }
.SinglePageLayoutBoxRight .SearchBox .FormRows input[type=email]{ display: inline-block; outline:none; width: 100%; padding: 12px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; border-radius: 5px; }
.SinglePageLayoutBoxRight .SearchBox .FormRows input[type=tel]{ display: inline-block; outline:none; width: 100%; padding: 12px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; border-radius: 5px; }
.SinglePageLayoutBoxRight .SearchBox .FormRows select{ display: inline-block; outline:none; width: 100%; margin-top: 2px; padding: 12px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; background: url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right center; background-position: right 1rem center; border-radius: 5px; }
.SinglePageLayoutBoxRight .SearchBox .FormRows button { position: relative; font-family: 'Kanit', sans-serif; text-transform: uppercase; display: inline-block; outline:none; cursor: pointer; background-color: #000; letter-spacing: 3px; border:0px solid #990000ff; color: #fff; padding: 12px 10px 12px 10px; width: 100%; max-width: 250px; font-size: 16px; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s; border-radius: 5px; }
.SinglePageLayoutBoxRight .SearchBox .FormRows button:hover{ background-color: #B5E533; transition: all .3s; }
.SinglePageLayoutBoxRight .SearchBox .FormRows input[type=submit] { position: relative; text-transform: uppercase; display: inline-block; outline:none; cursor: pointer; background-color: #B5E533; letter-spacing: 2px; border:0px solid #990000ff; color: #000; padding: 8px 20px 8px 20px; width: 100%; max-width: 120px; margin: auto; font-size: 15px; font-weight: 600; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s; border-radius: 5px; }
.SinglePageLayoutBoxRight .SearchBox .FormRows input[type=submit]:hover{ background-color: #2B2B2A; color: #fff; transition: all .3s; }
.SinglePageLayoutBoxRight .SearchBox .Wide100{ width: 100%; text-align: center; margin-top: 10px!important; }
.SinglePageLayoutBoxRight .SearchBox input[type=submit] { position: relative; text-transform: uppercase; display: inline-block; outline:none; cursor: pointer; background-color: #B5E533; letter-spacing: 2px; border:0px solid #990000ff; color: #000; padding: 8px 20px 8px 20px; width: 100%; max-width: 120px; margin: auto; font-size: 15px; font-weight: 600; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s; border-radius: 5px; }
.SinglePageLayoutBoxRight .SearchBox input[type=submit]:hover{ background-color: #2B2B2A; color: #fff; transition: all .3s; }
.SinglePageLayoutBoxRight .wpcf7-spinner{ display: block!important; margin: auto!important;}
.SinglePageLayoutBoxRight .wpcf7-not-valid-tip{ font-size: 12px!important;}
.SinglePageLayoutBoxRight .wpcf7 form .wpcf7-response-output{ margin: 0px 0.5em 10px!important; font-size: 14px!important; line-height: 21px!important; text-align: center; }
/* BacktoTop */
/*.cd-top { display: block; height: 40px; width: 40px; position: fixed; bottom: 15px; right: 15px; overflow: hidden; background: url(../images/icon-back-to-top.svg) no-repeat center; background-size: contain; visibility: hidden; opacity: 0; z-index: 100; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: .8; }
.no-touch .cd-top:hover { opacity: 1; }*/

.FooterBox{ max-width: 1100px; height: auto; margin: auto; padding: 20px 0; }
.FooterBox p{ margin: 0;}
.FooterBox a{ color: #2B2B2A;}
.FooterBox a:hover{ color: #B2E233;}
.FoooterContact{ padding: 50px 0; background: url(../images/bg-footer-contact.jpg) no-repeat; background-position: top center; background-size: cover; overflow: hidden;}
.FoooterContact .Innner{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.FoooterContact .Innner .Left{ width: 23%;}
.FoooterContact .Innner .Left img{ width: 100%; max-width: 100%; height: auto;border-radius: 50%;}
.FoooterContact .Innner .Right{ width: 77%;}
.FoooterContact .Innner .Right h2{ display: block; max-width: 680px; height: 100px; margin-left: 40px; text-align: center; color: #B5E533; padding-top: 13px; font-size: 34px; font-weight: 700; background: url(../images/bg-contact-h2.svg) no-repeat; background-position: center; background-size: contain; }
.FoooterContact .Innner .Right .Title{ padding-left: 60px; font-size: 24px; font-weight: 700; margin-top: 20px;}
.FoooterContact .Innner .Right .Descriptions{ padding-left: 60px; font-size: 16px; font-weight: 500; margin-top: 20px; line-height: 33px;}
.FoooterContact .ContactIconList{ max-width: 1000px; margin: auto; margin-top: 50px; padding: 30px; background-color: #fff; border-radius: 10px; box-shadow: 0px 5px 0px rgba(85,85,85,1);}
.FoooterContact .ContactIconList ul{ max-width: 85%; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.FoooterContact .ContactIconList ul li{ width: 45%; min-height: 55px; line-height: 55px; margin: 2% 2.5%; background-color: #ccc; border-radius: 100px; text-align: center; font-size: 22px; font-weight: 600; }
.FoooterContact .ContactIconList ul li.IconContact img{ max-width: 40px; max-height: 40px; height: auto; margin-right: 10px; margin-bottom: 5px; vertical-align: middle; }
.FoooterContact .ContactIconList ul li.IconContact:hover img{ margin-right: 5px; transition: all .3s;}
.FoooterContact .ContactIconList ul li a{ display: block; transition: all .3s; }
.FoooterContact .ContactIconList ul li a:hover{ color: #000; }
.FoooterContact .ContactIconList .PropertySearch{ position: relative; padding-left: 20px; background-color: #B5E533; box-shadow: 3px 4px 0px rgba(104,199,34,1); }
.FoooterContact .ContactIconList .PropertySearch a{ position: relative; transition: all .3s;}
.FoooterContact .ContactIconList .PropertySearch a:hover{ color: #68c722;}
.FoooterContact .ContactIconList .PropertySearch a:before{ position: absolute; content: ''; left: -20px; top: -10px; width: 75px; height: 75px; background: url(../images/icon-profile.svg) no-repeat; background-position: center; background-size: contain; }
.FoooterContact .ContactIconList .PropertySearch a:hover:before{ left: -10px; transition: all .3s; }
.FoooterContact .ContactIconList .PropertySearch a:after{ position: absolute; content: ''; right: 20px; top: 13px; width: 30px; height: 30px; background: url(../images/icon-right-arrow.svg) no-repeat; background-position: center; background-size: contain; }
.FoooterContact .ContactIconList .PropertySearch a:hover:after{ filter: invert(64%) sepia(50%) saturate(678%) hue-rotate(51deg) brightness(95%) contrast(91%);}
.FoooterContact .ContactIconList .ConntactUs{ position: relative; padding-left: 20px; background-color: #0073A5; box-shadow: 3px 4px 0px rgba(85,186,239,1); }
.FoooterContact .ContactIconList .ConntactUs a{ color: #fff; position: relative; transition: all .3s; }
.FoooterContact .ContactIconList .ConntactUs a:hover{ color: #55baef; }
.FoooterContact .ContactIconList .ConntactUs a:before{ position: absolute; content: ''; left: -20px; top: -10px; width: 75px; height: 75px; background: url(../images/icon-chat.svg) no-repeat; background-position: center; background-size: contain; }
.FoooterContact .ContactIconList .ConntactUs a:hover:before{ left: -10px; transition: all .3s; }
.FoooterContact .ContactIconList .ConntactUs a:after{ position: absolute; content: ''; right: 20px; top: 13px; width: 30px; height: 30px; background: url(../images/icon-right-arrow-white.svg) no-repeat; background-position: center; background-size: contain; }
.FoooterContact .ContactIconList .ConntactUs a:hover:after{ filter: invert(72%) sepia(89%) saturate(1925%) hue-rotate(171deg) brightness(98%) contrast(92%); }
.FoooterContact .ContactIconList .Normal{ background-color: #DEF3A3; border: 2px solid #80807F; box-shadow: 2px 3px 0px rgb(128, 128, 127);}

/* Footer */
footer{ padding: 0; margin: 0; color: #2B2B2A; }
footer .FooterBox{ max-width: 1100px; height: auto; margin: auto; padding: 20px 0; }
footer .FooterBox p{ margin: 0;}
footer .FooterBox a{ color: #2B2B2A;}
footer .FooterBox a:hover{ color: #B2E233;}
footer .TailLink2{ background-color: #fff; padding: 30px 0; }
footer .TailLink2 .Inner{ display: flex; flex-wrap: wrap; justify-content: space-between;}
footer .TailLink2 .TailLinkBoxLeft{ width: 35%; padding-right: 80px; line-height: 28px; font-size: 14px;}
footer .TailLink2 .TailLinkBoxLeft .Logo{ margin-bottom: 20px; }
footer .TailLink2 .TailLinkBoxLeft .Logo img{ max-width: 180px; }
footer .TailLink2 .TailLinkBoxLeft .Captionns{ margin: 35px 0;}
footer .TailLink2 .TailLinkBoxLeft .Address{ margin: 35px 0 0 0;}
footer .TailLink2 .TailLinkBoxRight{ width: 65%; display: flex; flex-wrap: wrap; justify-content: right; margin-top: 50px;}
footer .TailLink2 .TailLinkBox{ width: 33.3%;}
footer .TailLink2 .TailLinkBox .Title{ font-weight: 600; font-size: 18px; margin-bottom: 10px; }
footer .TailLink2 .TailLinkBox ul{ margin: 0; padding-right: 20px; }
footer .TailLink2 .TailLinkBox ul li{ padding: 1px 0 1px 15px; position: relative; font-weight: 300; font-size: 14px; }
footer .TailLink2 .TailLinkBox ul li:before{ position: absolute; content: '- '; left: 0; top: 0px; }
footer .TailLink{ background-color: #ECF8CC; padding: 30px 0; }
footer .TailLink .Inner{  display: flex; flex-wrap: wrap; justify-content: space-between;}
footer .TailLink .TailLinkBox{ width: 25%;}
footer .TailLink .TailLinkBox .Title{ font-weight: 600; font-size: 18px; margin-bottom: 10px; }
footer .TailLink .TailLinkBox ul{ margin: 0; padding-right: 20px; }
footer .TailLink .TailLinkBox ul li{ padding: 1px 0 1px 15px; position: relative; font-weight: 300; font-size: 14px; }
footer .TailLink .TailLinkBox ul li:before{ position: absolute; content: '- '; left: 0; top: 0px; }
footer .TailLink .TailLinkBox ul li a:hover{ color: #0073A2;}
footer .CopyRight{ background-color: #2B2B2A; color: #fff; text-align: center; font-size: 13px; padding: 10px;}
footer .CopyRight a{ color: #fff;}
footer .CopyRight a:hover{ color: #B2E233;}
footer .CopyRightBox{ position: relative; }
footer .CopyRightBox .PolicyLink{ position: absolute; width: 30%; top: 0; right: 0; text-align: center;}

.MerginPage{ margin-top: 210px!important;}
.MerginOthersPage{ margin-top: 210px!important;}
/* BreadcrumbTopAll */
.BreadcrumbTopAll{ margin-top: 20px;}
.BreadcrumbBox{ max-width: 1100px; margin: auto; padding: 0; font-size: 13px; color: #2B2B2A; }
.BreadcrumbBox ul li{ display: inline-block; }
.BreadcrumbBox ul li a{ color: #2B2B2A; }

.PopularSearchCate{ padding: 0 0 100px 0; }
.PopularSearchCateBox{ max-width: 1100px; height: auto; margin: auto; position: relative; text-align: center; }
.PopularSearchCateBox .Title{ display: inline-block; margin: 0; margin-top: 50px; color: #40403F; position: relative; font-size: 36px; font-weight: 700; padding-left: 50px;}
.PopularSearchCateBox .Title:after{ position: absolute; left: 0; top: 10px; content: ''; width: 33px; height: 45px; background: url(../images/icon-popular-map.svg) no-repeat; background-position: center; background-size: contain;}
.PopularSearchCateBoxTab{ margin: 30px 0 0 0;}
.TabContentCate{ width: auto; position: relative;}
.TabContentCate .Mapox{ width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}
.TabContentCate .Mapox .MapLeft{ width: 69%; }
.TabContentCate .Mapox .MapLeft img{ width: 100%; height: auto; max-width: 100%;}
.TabContentCate .Mapox .MapRight{ width: 29%; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column;}
.TabContentCate .Mapox .MapRight .MapRight1{ width: 100%; height: 50%; padding: 15px; text-align: center;}
.TabContentCate .Mapox .MapRight .MapRight1 img{ width: auto; height: auto; max-width: 100%; max-height: 100%;}
.TabContentCate .Mapox .MapRight .MapRight2{ height: 50%; text-align: center;}
.TabContentCate .Mapox .MapRight .MapRight2 img{ width: auto; height: auto; max-width: 100%; max-height: 100%;}
.TabContentCate img{ width: 100%; height: auto; max-width: 100%;}
.TabContentCate .Mapox .LastMap{ width: auto; height: auto; position: relative; }
.TabContentCate .Mapox .LastMap img{ width: 100%; height: auto; max-width: 100%;}
.TabContentCate .Mapox .LastMap .LastMapRight{ position: absolute; width: 29%; bottom: 0; right: 0;}
.TabContentCate .Mapox .LastMap .LastMapRight img{ width: 100%; height: auto; max-width: 100%;}

/* CategoryListPage */
.CategoryListPage{ width: auto; margin: auto; margin-top: 50px;} 
.CategoryListPageBox{ width: 100%; max-width: 1100px; height: auto; margin: auto; padding-bottom: 80px; position: relative; /*z-index: 9999!important;*/  }
.CategoryListPageBoxLeft{ width: calc(100% - 320px); float: left; max-width: 310px; background-color: #ccc; }
.CategoryListPageBoxLeft .SearchForm{ width: 100%; height: auto; background-color: #fff; border: 2px solid #2B2B2A; position: relative;}
.CategoryListPageBoxLeft .FormDetail{ padding: 20px; margin: 0;}
.CategoryListPageBoxLeft .FormDetail p{ margin: 0; font-weight: 500;}
.CategoryListPageBoxLeft .SearchBox{ width: 100%; height: auto; clear: both; background-color: #fff; border: 1px solid #2B2B2A; position: relative; }
.CategoryListPageBoxLeft .SearchBox .TitleS{ background-color: #2B2B2A; position: relative; margin: 0; font-size: 20px; padding: 10px 10px 10px 40px; color: #fff; text-align: center; }
.CategoryListPageBoxLeft .SearchBox .TitleS:before{ position: absolute; width: 40px; height: 40px; content: ''; left: 20px; top: 5px; background: #2B2B2A url(../images/icon/icon-search-l.svg) no-repeat; background-position: center; background-size: contain; }
.CategoryListPageBoxLeft .SearchBox .SearchForm{ padding: 25px; font-weight: 300; line-height: 28px;}
.CategoryListPageBoxLeft .SearchBox .SearchForm p{ margin: 0;}
.CategoryListPageBoxLeft .SearchBox .Rows{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-top:10px; margin-bottom: 15px; }
.CategoryListPageBoxLeft .SearchBox .Rows span{ padding: 0 5px;}
.CategoryListPageBoxLeft .SearchBox .RowsTwo{ margin: 15px 0; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.CategoryListPageBoxLeft .SearchBox .RowsTwo p{ margin-top: 5px;}
.CategoryListPageBoxLeft .SearchBox .RowsTwo p:nth-child(2){ width: 60%; margin-top: 0px; font-size: 11px;}
details.CheckboxSummary { font-size: 14px;}
details.CheckboxSummary p{ padding-top: 5px; }
details.CheckboxSummary summary{ cursor: pointer; list-style: none; position: relative; font-size: 16px; font-weight: 500; }
summary::-webkit-details-marker { display: none; }
summary::after { position: absolute; right: 0; content: ' ▼'; font-size: 14px; }
details[open] summary:after { content: " ▲"; }
.CategoryListPageBoxLeft .SearchBox .FormRows{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.CategoryListPageBoxLeft .SearchBox .FormRows p{ width: 46%; margin: 10px 0; text-align: center; }
.CategoryListPageBoxLeft .SearchBox .FormRows .Wide100{ width: 100%; }
.CategoryListPageBoxLeft .SearchBox input[type=text]{ display: inline-block; outline:none; width: 100%; padding: 10px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; border-radius: 5px; }
.CategoryListPageBoxLeft .SearchBox input[type=number]{ display: inline-block; outline:none; width: 100%; padding: 10px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; border-radius: 5px; }
.CategoryListPageBoxLeft .SearchBox select{ display: inline-block; outline:none; width: 100%; margin-top: 2px; padding: 8px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; background: url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right center; background-position: right 1rem center; border-radius: 5px; }
.CategoryListPageBoxLeft .SearchBox button { position: relative; font-family: 'Kanit', sans-serif; text-transform: uppercase; display: inline-block; outline:none; cursor: pointer; background-color: #000; letter-spacing: 3px; border:0px solid #990000ff; color: #fff; padding: 12px 10px 12px 10px; width: 100%; max-width: 250px; font-size: 16px; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s; border-radius: 5px; }
.CategoryListPageBoxLeft .SearchBox button:hover{ background-color: #B5E533; transition: all .3s; }
.CategoryListPageBoxLeft .SearchBox input[type=submit] { position: relative; text-transform: uppercase; display: inline-block; outline:none; cursor: pointer; background-color: #B5E533; letter-spacing: 2px; border:0px solid #990000ff; color: #000; padding: 8px 20px 8px 20px; width: 100%; max-width: 120px; margin: auto; font-size: 15px; font-weight: 600; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s; border-radius: 5px; }
.CategoryListPageBoxLeft .SearchBox input[type=submit]:hover{ background-color: #2B2B2A; color: #fff; transition: all .3s; }
.CategoryListPageBoxLeft .SearchBox .BTNSearchBox{ text-align: center; margin-top: 20px;}
.CategoryListPageBoxRight{ width: calc(100% - 360px); float: right; background-color: #fff; overflow: auto; z-index: 1; }
.CategoryListPageBoxRight .CategoryBoxList{ margin-top: 0; overflow: auto;}
.CategoryListPageBoxRight .CategoryBoxList ul{ overflow: auto;}
.CategoryListPageBoxRight .CategoryBoxList ul li{ margin: 0; position: relative; border-bottom: 1px solid #808080; /*background-color: #ccc;*/ }
.CategoryListPageBoxRight .CategoryBoxList ul li:first-child{ padding-top: 0;}
.CategoryListPageBoxRight .CategoryBoxList ul li:first-child a{ padding-top: 0;}
.CategoryListPageBoxRight .CategoryBoxList ul li:first-child .IconInfos{ top: 230px; }
.CategoryListPageBoxRight .CategoryBoxList ul li a{ margin: 0; display: block; position: relative; overflow: auto; min-height: 430px; padding: 40px 0; /*background-color: #ccc;*/ /* display: flex; justify-content: space-between; flex-wrap: wrap;*/}
.CategoryListPageBoxRight .CategoryBoxList ul li .Picture{ float: left; width: 30%; /*background-color: #999;*/}
.CategoryListPageBoxRight .CategoryBoxList ul li .Picture p{ margin: 0; width: 100%; height:auto; max-height: 210px; overflow: hidden; }
.CategoryListPageBoxRight .CategoryBoxList ul li .Picture p img{ width: 100%; height: auto; max-width: 100%; object-fit: cover;}
.CategoryListPageBoxRight .CategoryBoxList ul li .TitleDescriptions{ float: right; width: 65%; margin-top: 0px; /*background-color: #888;*/}
.CategoryListPageBoxRight .CategoryBoxList ul li .TitleDescriptions .Title{ margin: 0; font-size: 20px; font-weight: 700;}
.CategoryListPageBoxRight .CategoryBoxList ul li .TitleDescriptions .Title span{ padding-left: 10px; color: #666; }
.CategoryListPageBoxRight .CategoryBoxList ul li .TitleDescriptions .Descriptions{ margin: 0; font-size: 16px; margin-top: 10px; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos{ position: absolute; float: left; font-size: 12px; left: 0; top: 270px; width: 30%; height: auto; /*background-color: #777;*/ }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos p{ margin: 12px 0; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Area{ font-weight: 600; position: relative; padding-left: 35px; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Area:before{ position: absolute; content: ''; width: 24px; height: 24px; left: 0; top: 0; background: url(../images/icon/icon-r-area-s.svg) no-repeat; background-position: center; background-size: contain; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .BTS{ font-weight: 600; position: relative; padding-left: 35px; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .BTS:before{ position: absolute; content: ''; width: 24px; height: 24px; left: 0; top: 0; background: url(../images/icon/icon-r-bts-s.svg) no-repeat; background-position: center; background-size: contain; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Service{ font-weight: 600; position: relative; padding-left: 35px; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Service:before{ position: absolute; content: ''; width: 24px; height: 24px; left: 0; top: 0; background: url(../images/icon/icon-r-service-s.svg) no-repeat; background-position: center; background-size: contain; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Built{ font-weight: 600; position: relative; padding-left: 35px; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Built:before{ position: absolute; content: ''; width: 24px; height: 24px; left: 0; top: 0; background: url(../images/icon/icon-r-built-s.svg) no-repeat; background-position: center; background-size: contain; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Floor{ font-weight: 600; position: relative; padding-left: 35px; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Floor:before{ position: absolute; content: ''; width: 24px; height: 24px; left: 0; top: 0; background: url(../images/icon/icon-r-built-s.svg) no-repeat; background-position: center; background-size: contain; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Grade{ font-weight: 600; position: relative; padding-left: 35px; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Grade:before{ position: absolute; content: ''; width: 24px; height: 24px; left: 0; top: 0; background: url(../images/icon/icon-r-built-s.svg) no-repeat; background-position: center; background-size: contain; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Contract{ font-weight: 600; position: relative; padding-left: 35px; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Contract:before{ position: absolute; content: ''; width: 24px; height: 24px; left: 0; top: 0; background: url(../images/icon/icon-r-built-s.svg) no-repeat; background-position: center; background-size: contain; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Expressway{ font-weight: 600; position: relative; padding-left: 35px; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Expressway:before{ position: absolute; content: ''; width: 24px; height: 24px; left: 0; top: 0; background: url(../images/icon/icon-r-built-s.svg) no-repeat; background-position: center; background-size: contain; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Rental{ font-weight: 600; position: relative; padding-left: 35px; }
.CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Rental:before{ position: absolute; content: ''; width: 24px; height: 24px; left: 0; top: 0; background: url(../images/icon/icon-r-built-s.svg) no-repeat; background-position: center; background-size: contain; }
.CategoryListPageBoxRight .CategoryBoxList ul li .RoomList{ float: right; width: 65%; margin-top: auto; margin-top: 30px;}
.CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList{ width: 100%; height: auto; margin: 0; font-size: 16px; background-color: #f7fcf4; border: 1px solid #bfbfbf; }
.CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList tr th{ min-width: 60px; background-color: #68c722; color: #fff; font-weight: 600; }
.CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList tr th,.CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList tr td{ padding: 10px; text-align: center; }
.CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos{ float: right; width: 65%; background-color: #86d24e; margin-top: 30px; padding: 15px; border-radius: 15px;}
.CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox{ display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start;}
.CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem{ width: 16.66%; margin: 0; padding: 5px; text-align: center; font-size: 14px; color: #fff; font-weight: 600; }
.CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem p{ width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; margin: auto; background-image: linear-gradient(150deg, #ffffff 50%, #cccccc 100%); border-radius: 100px; margin-bottom: 5px; box-shadow: 0px 3px 0px rgba(0,0,0,0.2); }
.CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem p img{ width: 100%; height: auto; max-width: 40px; max-height: 40px;}
.CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem p img.wide{ max-width: 46px; }
/*.CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem:first-child img{ opacity: 0.3;}
.CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem:first-child span{ opacity: 0.7;}*/
.CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .InActiveSF img{ opacity: 0.3;}
.CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .ActiveSF img{ opacity: 1;}
.ActiveSF p{ background-image: linear-gradient(150deg, #4b4b4a 50%, #4b4b4a 100%)!important; }
.ActiveSF span{opacity: 1!important;}
.ActiveSF img{ opacity: 1!important;}
.InActiveSF span{opacity: 0.3; text-shadow: 1px 1px 0px rgb(0, 0, 0, 0.3); }
.ActiveSF img{ filter: brightness(0) invert(1)!important; }
.SearchBTNFixed{ display: none;}
.ShowSearchSPClose{ display: none;}

.Rent .CategoryListPageBoxLeft .SearchBox input[type=submit] { background-color: #B5E533;}
.Rent .CategoryListPageBoxLeft .SearchBox .TitleS:before{ background: #2B2B2A url(../images/icon/icon-search-r.svg) no-repeat; }
.Rent .CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList{ background-color: #f7fcf4;}
.Rent .CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList tr th{ background-color: #68c722; }
.Rent .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos{ background-color: #86d24e;}
.Rent .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Area:before{ background: url(../images/icon/icon-r-area-s.svg) no-repeat; }
.Rent .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .BTS:before{ background: url(../images/icon/icon-r-bts-s.svg) no-repeat; }
.Rent .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Service:before{ background: url(../images/icon/icon-r-service-s.svg) no-repeat; }
.Rent .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Built:before{ background: url(../images/icon/icon-r-built-s.svg) no-repeat; }
.Sell .CategoryListPageBoxLeft .SearchBox input[type=submit] { background-color: #4fbded;}
.Sell .CategoryListPageBoxLeft .SearchBox .TitleS:before{ background: #2B2B2A url(../images/icon/icon-search-s.svg) no-repeat; }
.Sell .CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList{ background-color: #f3f9fe;}
.Sell .CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList tr th{ background-color: #0e84e5; }
.Sell .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos{ background-color: #0e84e5;}
.Sell .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Area:before{ background: url(../images/icon/icon-s-area.svg) no-repeat; }
.Sell .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .BTS:before{ background: url(../images/icon/icon-s-bts.svg) no-repeat; }
.Sell .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Service:before{ background: url(../images/icon/icon-s-service.svg) no-repeat; }
.Sell .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Built:before{ background: url(../images/icon/icon-s-built.svg) no-repeat; }
.Sell .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Floor:before{ background: url(../images/icon/icon-s-floor.svg) no-repeat; }
.Office .CategoryListPageBoxLeft .SearchBox input[type=submit] { background-color: #f8c75c;}
.Office .CategoryListPageBoxLeft .SearchBox .TitleS:before{ background: #2B2B2A url(../images/icon/icon-search-o.svg) no-repeat; }
.Office .CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList{ background-color: #fffaf4;}
.Office .CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList tr th{ background-color: #ff921e; }
.Office .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos{ background-color: #ff921e;}
.Office .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Area:before{ background: url(../images/icon/icon-o-area.svg) no-repeat; }
.Office .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .BTS:before{ background: url(../images/icon/icon-o-bts.svg) no-repeat; }
.Office .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Service:before{ background: url(../images/icon/icon-o-service.svg) no-repeat; }
.Office .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Built:before{ background: url(../images/icon/icon-o-built.svg) no-repeat; }
.Office .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Grade:before{ background: url(../images/icon/icon-o-grade.svg) no-repeat; }
.Office .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Contract:before{ background: url(../images/icon/icon-o-contract.svg) no-repeat; }
.Factory .CategoryListPageBoxLeft .SearchBox input[type=submit] { background-color: #84d9c5;}
.Factory .CategoryListPageBoxLeft .SearchBox .TitleS:before{ background: #2B2B2A url(../images/icon/icon-search-f.svg) no-repeat; }
.Factory .CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList{ background-color: #f7fcf4;}
.Factory .CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList tr th{ background-color: #2bbc91; }
.Factory .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos{ background-color: #2bbc91;}
.Factory .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Area:before{ background: url(../images/icon/icon-f-area.svg) no-repeat; }
.Factory .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .BTS:before{ background: url(../images/icon/icon-f-bts.svg) no-repeat; }
.Factory .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Service:before{ background: url(../images/icon/icon-f-service.svg) no-repeat; }
.Factory .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Built:before{ background: url(../images/icon/icon-f-built.svg) no-repeat; }
.Factory .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Contract:before{ background: url(../images/icon/icon-f-contract.svg) no-repeat; }
.Factory .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Expressway:before{ background: url(../images/icon/icon-f-expressway.svg) no-repeat; }
.Factory .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos .Rental:before{ background: url(../images/icon/icon-f-rental.svg) no-repeat; }

/* pagination */
/*#pagination { color: #fff; font-size: 16px; margin-top: 20px; }
#pagination ul { text-align: left; margin-top: 50px; margin-bottom: 0; }
#pagination ul li.active { background: #fff; border: 1px solid #2b2b2a; }
#pagination ul li.active:hover { background: #fff; border: 1px solid #2b2b2a; }
#pagination ul li.active span{  background: #68c722; color: #2b2b2a!important; width: auto; }
#pagination ul li { display: inline-block;  padding:4px 10px; background: #2b2b2a; color: #fff!important; width: 50px; height: 50px;  line-height: 35px; border-radius:100px; border: 1px solid transparent;  margin: 0px 1px; text-align: center; }
#pagination ul li a{ color: #fff; display: block;}
#pagination ul li:hover{background:#68c722;}
#pagination ul li:hover a{color:#fff;background:#68c722;}
#pagination ul li img{ max-width: 16px; max-height: 16px; vertical-align: middle;}*/

/* pagination */
#pagination { padding: 0;  margin: 60px 0 60px;  overflow: hidden; font-size: 16px; }
#pagination ul { position: relative; padding: 0; margin: 0; text-align: left; }
#pagination li { display: inline-block; padding: 0; margin: 0 1px; text-align: center; /*background-color: #eee;*/ border-radius: 100px; width: 50px; height: 50px; list-style: none; font-weight: bold; line-height: 45px; }
#pagination li a { background: #2b2b2a; width: 50px; height: 50px; }
#pagination li a:hover { background: #2b2b2a; opacity: .6; }
#pagination li:first-child:hover { opacity: .6;  }
#pagination li span, #pagination li a { position: relative;  width: 50px; height: 50px; letter-spacing: 0px; border: 1px solid #2b2b2a; border-radius: 100px;}
#pagination span, #pagination a { display: block; float: left; padding: 0px 0px 0px 0px;  margin: 2px 2px 2px 0; color: #fff; text-decoration: none; border: 1px solid #2b2b2a }
#pagination ul li span.active{ width: 50px; height: 50px; background: #fff; color: #2b2b2a; }
#pagination ul li.active span{ background: #fff; color: #2b2b2a; border: 1px solid #2b2b2a; }
#pagination li:first-child span:before, #pagination li:first-child a:before, #pagination li:last-child span:after, #pagination li:last-child a:after { position: absolute;  display: block;  width: 9px;  height: 16px;  margin-top: -7px; content: ""; }
#pagination li:first-child a, #pagination li:first-child span{ padding-left: 0px; background: #2b2b2a; border: 0px; font-size: 15px; color: #2b2b2a; top: 0px; }
#pagination li:first-child a span,#pagination li:last-child a span{ opacity: 1;}
#pagination li:first-child span, #pagination li:last-child span{ opacity: .6; }
#pagination li:last-child:hover { opacity: .6; }
#pagination li:last-child a, #pagination li:last-child span { padding-right: 0px;  margin: 2px 0px; background: #2b2b2a; border: 0px; font-size: 15px; color: #2b2b2a; top: 0px; }
#pagination span, #pagination a,#pagination li:last-child a, #pagination li:last-child span{ margin: 0; }
#pagination ul li img{ max-width: 16px; max-height: 16px; vertical-align: middle;}

/* RelatedProperty  */
.RelatedProperty{ padding: 100px 0 100px 0; background-color: #f9f9f9; }
.RelatedPropertyBox{ max-width: 1160px; height: auto; margin: auto; position: relative; }
/*.RelatedPropertyBox h2{ color: #40403F; text-transform: uppercase; text-align: center; position: relative; font-size: 36px; font-weight: 700; z-index: 1; letter-spacing: 2px; }
.RelatedPropertyBox h2 span{ color: #80807F;}*/
.RelatedPropertyBox .TitleR{ margin: 0; color: #40403F; text-transform: uppercase; text-align: center; position: relative; font-size: 36px; font-weight: 700; z-index: 1; letter-spacing: 2px; }
.RelatedPropertyBox .TitleR span{ color: #80807F;}
.RelatedPropertyBox .Title{ margin: 0; margin-top: 0px; color: #40403F; position: relative; text-align: center; font-size: 36px; font-weight: 700; }
.RelatedPropertyBox .Title span{ font-size: 35px; }
.RelatedPropertyBoxItem{ margin: auto; margin-top: 50px;}
.RelatedPropertyBoxItem ul{ margin: 0; padding: 0 20px; /*display: flex; flex-wrap: wrap; justify-content: left;*/ }
.RelatedPropertyBoxItem ul li{ width: 90%!important; /*margin: 1%;*/ margin: 0 20px!important; background-color: #fff; padding-bottom: 5px; border-bottom: 10px solid #2B2B2A; }
.RelatedPropertyBoxItem ul li .Picture{ margin: 0; height: 150px; overflow: hidden; }
.RelatedPropertyBoxItem ul li .Picture img{ width: 100%; height: 100%; max-width: 100%; object-fit: cover; }
.RelatedPropertyBoxItem ul li .Title{ margin: 0; padding: 10px 10px 30px 10px;  font-size: 18px; font-weight: 700; position: relative; text-align: left; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
.RelatedPropertyBoxItem ul li .Title:after{ position: absolute; content: ''; width: 50px; height: 4px; background-color: #2B2B2A; left: 10px; bottom: 15px;}
.RelatedPropertyBoxItem ul li .Descriptions{ margin: 0; padding: 0 10px; font-size: 13px; font-weight: 300;}
.RelatedPropertyBoxItem ul li .Descriptions p{ margin: 5px 0; display: flex; justify-content: left; }
.RelatedPropertyBoxItem ul li .Descriptions p span:nth-child(1){ width: calc(100% - 136px); min-width: 60px; max-width: 60px; }
.RelatedPropertyBoxItem ul li .Icon{ margin: 5px 0; padding: 0 10px; display: flex; flex-wrap: wrap; }
.RelatedPropertyBoxItem ul li .Icon span{ border: 1px solid #231F20; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; margin: 5px 5px 0 0; text-align: center; border-radius: 100px; }
.RelatedPropertyBoxItem ul li .Icon span img{ vertical-align: middle; width: 100%; height: auto; max-width: 16px; max-height: 16px; }
.slick-prev:before { background-image: url('../images/icon/icon-left-arrow.svg'); background-size: cover; display: inline-block; width: 40px!important; height: 40px!important; content:""; }
.slick-next:before { background-image: url('../images/icon/icon-right-arrow.svg'); background-size: cover; display: inline-block; width: 40px!important; height: 40px!important; content:""; }
.slick-prev, .slick-next{ width: 40px!important; height: 40px!important; top: 46%!important; z-index: 9;}
.slick-track { float: left!important; }

/* ################################### Single page ################################### */
/* SectionPropertyInfos */
.SectionPropertyInfos{ margin-top: 190px; padding-bottom: 120px; }
.SectionPropertyInfosBox{ max-width: 1100px; height: auto; margin: auto; position: relative; }
.SectionPropertyInfosBox h1{ padding: 80px 0; text-align: center; font-size: 36px; font-weight: 700; }
.SectionPropertyInfosBox h1 span{ display: block; }
.SectionPropertyInfosBox .PhotoNInfos{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start;}
.SectionPropertyInfosBox .PhotoNInfos .Left{ width: 47.5%;}
/*.SectionPropertyInfosBox .PhotoNInfos .Left img{ width: 100%; height: auto; max-width: 100%;}*/
.SectionPropertyInfosBox .PhotoNInfos .Right{ width: 47.5%; text-align: left;}
.SectionPropertyInfosBox .PhotoNInfos .Right .Title{ margin: 0; font-size: 24px; font-weight: 700;}
.SectionPropertyInfosBox .PhotoNInfos .Right .Description{ font-size: 16px; font-weight: 300; line-height: 30px;}
.SectionPropertyInfosBox .FanndR{ display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 20px;}
.SectionPropertyInfosBox .FanndR .FacilityLeft{ width: 47.5%; order: 1; }
.SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos{ background-position: center; background-size: cover; padding: 15px; border-radius: 15px;}
.SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox{ display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start;}
.SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem{ width: 16.66%; padding: 5px; margin: 0; text-align: center; font-size: 14px; color: #fff; font-weight: 600; }
.SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem p{ width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; margin: auto; background-image: linear-gradient(150deg, #ffffff 50%, #cccccc 100%); border-radius: 100px; margin-bottom: 5px; box-shadow: 0px 3px 0px rgba(0,0,0,0.2); }
.SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem p img{ width: 100%; height: auto; max-width: 40px; max-height: 40px; }
.SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem p img.wide{max-width: 46px; }
/*.SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem:first-child img{ opacity: 0.3;}
.SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem:first-child span{ opacity: 0.7;}*/
.SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .InActiveSF img{ opacity: 0.3;}
.SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .ActiveSF img{ opacity: 1;}
.SectionPropertyInfosBox .FanndR .RoomRight{ width: 47.5%; order: 2; }
.SectionPropertyInfosBox .FanndR .RoomRight .TableRoom{ width: 100%; height: auto; margin: 0; font-size: 16px; border-radius: 10px; }
.SectionPropertyInfosBox .FanndR .RoomRight .TableRoom tr th{ color: #fff; font-weight: 600; }
.SectionPropertyInfosBox .FanndR .RoomRight .TableRoom tr{ border-bottom: 1px solid #bfbfbf; }
.SectionPropertyInfosBox .FanndR .RoomRight .TableRoom tr:last-child{ border-bottom: 0px solid #bfbfbf; }
.SectionPropertyInfosBox .FanndR .RoomRight .TableRoom tr th,.SectionPropertyInfosBox .FanndR .RoomRight .TableRoom tr td{ padding: 10px; text-align: center; border-right: 1px solid #bfbfbf; }
.SectionPropertyInfosBox .FanndR .RoomRight .TableRoom tr th:last-child,.SectionPropertyInfosBox .FanndR .RoomRight .TableRoom tr td:last-child{ border-right: 0px solid #bfbfbf; }
/* For Factory Business */
.SectionPropertyInfosBox .FanndRFB{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.SectionPropertyInfosBox .FanndRFB .FacilityLeft{ width: 47.5%; order: 1; }
.SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos{ background-position: center; background-size: cover; padding: 15px; border-radius: 15px;}
.SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox{ display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start;}
.SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem{ width: 16.66%; margin: 0; padding: 5px; text-align: center; font-size: 14px; color: #fff; font-weight: 600; }
.SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem p{ width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; margin: auto; background-image: linear-gradient(150deg, #ffffff 50%, #cccccc 100%); border-radius: 100px; margin-bottom: 5px; box-shadow: 0px 3px 0px rgba(0,0,0,0.2); }
.SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem p img{ width: 100%; height: auto; max-width: 40px; max-height: 40px;}
/*.SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .InActiveSF{ opacity: 0.5;}
.SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .ActiveSF{ opacity: 1;}*/
.SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .InActiveSF img{ opacity: 0.3;}
.SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .ActiveSF img{ opacity: 1;}
.SectionPropertyInfosBox .FanndRFB .RoomRight{ width: 47.5%; order: 2; margin-top: 40px; }
.SectionPropertyInfosBox .FanndRFB .RoomRight .TableRoom{ width: 100%; height: auto; margin: 0; font-size: 16px; border-radius: 10px; }
.SectionPropertyInfosBox .FanndRFB .RoomRight .TableRoom tr th{ color: #fff; font-weight: 600; }
.SectionPropertyInfosBox .FanndRFB .RoomRight .TableRoom tr{ border-bottom: 1px solid #bfbfbf; }
.SectionPropertyInfosBox .FanndRFB .RoomRight .TableRoom tr:last-child{ border-bottom: 0px solid #bfbfbf; }
.SectionPropertyInfosBox .FanndRFB .RoomRight .TableRoom tr th,.SectionPropertyInfosBox .FanndRFB .RoomRight .TableRoom tr td{ padding: 10px; text-align: center; border-right: 1px solid #bfbfbf; }
.SectionPropertyInfosBox .FanndRFB .RoomRight .TableRoom tr th:last-child,.SectionPropertyInfosBox .FanndRFB .RoomRight .TableRoom tr td:last-child{ border-right: 0px solid #bfbfbf; }

.SectionPropertyInfosBox .FanndRW{ width: 100%!important; }
.SectionPropertyInfosBox .FanndR50{ width: 60%!important; }
.TableRoomBorder{ border-radius: 10px; overflow: hidden; border: 1px solid #bfbfbf;}

.RentActive p{ background-image: linear-gradient(150deg, #357F00 50%, #357F00 100%) !important; }
.RentActive span{ color: #357F00!important; /*text-shadow: 1px 0px 0px rgb(255, 255, 255, 0.9)!important;*/ text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); }
.SellActive p{ background-image: linear-gradient(150deg, #044F8E 50%, #044F8E 100%) !important; }
.SellActive span{ color: #044F8E!important; /*text-shadow: 1px 0px 0px rgb(255, 255, 255, 0.9)!important;*/ text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.65); }
.OfficeActive p{ background-image: linear-gradient(150deg, #A85600 50%, #A85600 100%) !important; }
.OfficeActive span{ color: #A85600!important; /*text-shadow: 1px 0px 0px rgb(255, 255, 255, 0.9)!important;*/ text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); }
.FactoryActive p{ background-image: linear-gradient(150deg, #00885F 50%, #00885F 100%) !important; }
.FactoryActive span{ color: #00885F!important; /*text-shadow: 1px 0px 0px rgb(255, 255, 255, 0.9)!important;*/ text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); }

/* IconNear */
.IconNear{ width: auto; height: auto; display: block; font-size: 16px; font-weight: 700; margin: 50px 0; }
.IconNear p{ margin: 20px 0; }
.IconNear .Area{ font-weight: 600; position: relative; padding-left: 45px; }
.IconNear .Area:before{ position: absolute; content: ''; width: 32px; height: 32px; left: 0; top: 0; background-position: center; background-size: contain; }
.IconNear .BTS{ font-weight: 600; position: relative; padding-left: 45px; }
.IconNear .BTS:before{ position: absolute; content: ''; width: 32px; height: 32px; left: 0; top: 0; background-position: center; background-size: contain; }
.IconNear .Service{ font-weight: 600; position: relative; padding-left: 45px; }
.IconNear .Service:before{ position: absolute; content: ''; width: 32px; height: 32px; left: 0; top: 0; background-position: center; background-size: contain; }
.IconNear .Built{ font-weight: 600; position: relative; padding-left: 45px; }
.IconNear .Built:before{ position: absolute; content: ''; width: 32px; height: 32px; left: 0; top: 0; background-position: center; background-size: contain; }
.IconNear .Floor{ font-weight: 600; position: relative; padding-left: 45px; }
.IconNear .Floor:before{ position: absolute; content: ''; width: 32px; height: 32px; left: 0; top: 0; background-position: center; background-size: contain; }
.IconNear .Address{ font-weight: 600; position: relative; padding-left: 45px; }
.IconNear .Address:before{ position: absolute; content: ''; width: 32px; height: 32px; left: 0; top: 0; background-position: center; background-size: contain; }
.IconNear .Grade{ font-weight: 600; position: relative; padding-left: 45px; }
.IconNear .Grade:before{ position: absolute; content: ''; width: 32px; height: 32px; left: 0; top: 0; background-position: center; background-size: contain; }
.IconNear .Contract{ font-weight: 600; position: relative; padding-left: 45px; }
.IconNear .Contract:before{ position: absolute; content: ''; width: 32px; height: 32px; left: 0; top: 0; background-position: center; background-size: contain; }
.IconNear .Expressway{ font-weight: 600; position: relative; padding-left: 45px; }
.IconNear .Expressway:before{ position: absolute; content: ''; width: 32px; height: 32px; left: 0; top: 0; background-position: center; background-size: contain; }
.IconNear .Rental{ font-weight: 600; position: relative; padding-left: 45px; }
.IconNear .Rental:before{ position: absolute; content: ''; width: 32px; height: 32px; left: 0; top: 0; background-position: center; background-size: contain; }
.IconNear .Shopping{ font-weight: 600; position: relative; padding-left: 45px; }
.IconNear .Shopping:before{ position: absolute; content: ''; width: 32px; height: 32px; left: 0; top: 0; background-position: center; background-size: contain; }

/* SectionRoomsInfos */
.SectionRoomsInfos{ padding-top: 100px; padding-bottom: 100px; }
.SectionRoomsInfosBox{ max-width: 1100px; height: auto; margin: auto; position: relative; z-index: 9; }
.SectionRoomsInfosBox:before{ position: absolute; z-index: -1; content: '';  width: 250px; height: 250px; left: 0; bottom: -100px; background-position: bottom left; background-size: contain;}
/*.SectionRoomsInfosBox h2{ display: inline-block; padding: 20px 0 10px 0; text-align: left; font-size: 36px; font-weight: 700; position: relative; z-index: 9; }
.SectionRoomsInfosBox h2 span{ display: block; }
.SectionRoomsInfosBox h2:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #fff;}*/
.SectionRoomsInfosBox .TitleHeader{ margin: 0; display: inline-block; padding: 20px 0 10px 0; text-align: left; font-size: 36px; font-weight: 700; position: relative; z-index: 9; }
.SectionRoomsInfosBox .TitleHeader span{ display: block; }
.SectionRoomsInfosBox .TitleHeader:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #fff;}
.SectionRoomsInfosBox .RoomsInfos{ display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 20px;}
.SectionRoomsInfosBox .RoomsInfos .LeftInfos{ width: 47.5%; position: relative;}
.SectionRoomsInfosBox .RoomsInfos .LeftInfos .Title{ margin: 0; font-size: 24px; font-weight: 700;}
.SectionRoomsInfosBox .RoomsInfos .LeftInfos .Description{ font-size: 17px; font-weight: 300; line-height: 30px;}
.SectionRoomsInfosBox .RoomsInfos .RightGallery{ width: 47.5%;}
.SectionRoomsInfosBox .RoomsInfos .RightGallery .GalleryRoomsList{ margin: 0 0 30px 0;}
.SectionRoomsInfosBox .RoomsInfos .RightGallery .GalleryRoomsList .Title{ margin: 0 0 10px 10px; font-size: 17px; font-weight: 700; padding-left: 10px; }
.SectionRoomsInfosBox .RoomsInfos .RightGallery .GalleryRoomsList ul{ display: flex; flex-wrap: wrap; justify-content: left; }
.SectionRoomsInfosBox .RoomsInfos .RightGallery .GalleryRoomsList ul li{ width: 31%; height: 120px; overflow: hidden; align-items: center; margin: 1%; background-color: #ccc;}
.SectionRoomsInfosBox .RoomsInfos .RightGallery .GalleryRoomsList ul li img{ width: 100%; height: 100%; max-width: 100%; object-fit: cover;}

/* SectionOthersInfos */
.SectionOthersInfos{ padding-top: 100px; padding-bottom: 100px; }
.SectionOthersInfosBox{ max-width: 1100px; height: auto; margin: auto; position: relative; z-index: 9; }
/*.SectionOthersInfosBox h2{ display: inline-block; padding: 20px 0 10px 0; text-align: left; font-size: 36px; font-weight: 700; position: relative; z-index: 9; }
.SectionOthersInfosBox h2 span{ display: block; }
.SectionOthersInfosBox h2:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #fff;}*/
.SectionOthersInfosBox .TitleHeader{ margin: 0; display: inline-block; padding: 20px 0 10px 0; text-align: left; font-size: 36px; font-weight: 700; position: relative; z-index: 9; }
.SectionOthersInfosBox .TitleHeader span{ display: block; }
.SectionOthersInfosBox .TitleHeader:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #fff;}
.SectionOthersInfosBox .OthersInfos{ display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 20px;}
.SectionOthersInfosBox .OthersInfos .LeftInfos{ width: 47.5%; position: relative;}
.SectionOthersInfosBox .OthersInfos .LeftInfos .Title{ margin: 0; font-size: 24px; font-weight: 700;}
.SectionOthersInfosBox .OthersInfos .LeftInfos .Description{ font-size: 17px; font-weight: 300; line-height: 30px;}
.SectionOthersInfosBox .OthersInfos .LeftInfos .FacilitiesInfos{ margin-top: 50px;}
.SectionOthersInfosBox .OthersInfos .LeftInfos .FacilitiesInfos .FacilitiesInfosBox{ display: flex; flex-wrap: nowrap; justify-content: left; align-items: flex-start; margin-top: 10px;}
.SectionOthersInfosBox .OthersInfos .LeftInfos .FacilitiesInfos .FacilitiesInfosBox .FTItem{ width: 16.66%; margin: 0; padding: 5px; text-align: center; font-size: 13px; font-weight: 600; }
.SectionOthersInfosBox .OthersInfos .LeftInfos .FacilitiesInfos .FacilitiesInfosBox .FTItem p{ width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; margin: auto; background-image: linear-gradient(150deg, #ffffff 50%, #cccccc 100%); border-radius: 100px; margin-bottom: 10px; box-shadow: 0px 3px 0px rgba(0,0,0,0.2); }
.SectionOthersInfosBox .OthersInfos .LeftInfos .FacilitiesInfos .FacilitiesInfosBox .FTItem p img{ width: 100%; height: auto; max-width: 40px; max-height: 40px;}
.SectionOthersInfosBox .OthersInfos .LeftInfos .FacilitiesInfos .FacilitiesInfosBox .InActiveSF img{ opacity: 0.3;}
.SectionOthersInfosBox .OthersInfos .LeftInfos .FacilitiesInfos .FacilitiesInfosBox .ActiveSF img{ opacity: 1;}
.SectionOthersInfosBox .OthersInfos .RightInfo{ width: 47.5%;}
.SectionOthersInfosBox .OthersInfos .RightInfo .GalleryList{ margin: 0 0 30px 0;}
.SectionOthersInfosBox .OthersInfos .RightInfo .GalleryList .Title{ margin: 0 0 10px 10px; font-size: 17px; font-weight: 700; padding-left: 10px; }
.SectionOthersInfosBox .OthersInfos .RightInfo .GalleryList ul{ display: flex; flex-wrap: wrap; justify-content: left;}
.SectionOthersInfosBox .OthersInfos .RightInfo .GalleryList ul li{ width: 31%; height: 110px; overflow: hidden; margin: 1%; background-color: #ccc;}
.SectionOthersInfosBox .OthersInfos .RightInfo .GalleryList ul li img{ width: 100%; height: 100%; max-width: 100%; object-fit: cover; }
.SectionOthersInfosBox .OthersInfos .RightInfo .GoogleMap{ margin: 0; }
.SectionOthersInfosBox .OthersInfos .RightInfo .NormalMap{ position: relative; padding-bottom: 48.25%; padding-top: 30px; height: 0; overflow: hidden; }
.SectionOthersInfosBox .OthersInfos .RightInfo .NormalMap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ContactAgent */
.ContactAgent{ padding: 50px 0; background-position: top center; background-size: cover; overflow: hidden;}
.ContactAgent .ContactAgentBox{ max-width: 1100px; height: auto; margin: auto; padding: 20px 0; }
.ContactAgent .Innner{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.ContactAgent .Innner .Left{ width: 23%;}
.ContactAgent .Innner .Left img{ width: 100%; max-width: 100%; height: auto;border-radius: 50%;}
.ContactAgent .Innner .Right{ width: 71%;}
.ContactAgent .Innner .Right .RightDetail{ margin: 0; padding: 30px; background-color: #fff; position: relative; z-index: 9; border-radius: 15px; box-shadow: 0px 4px 0px rgba(85,85,85,1); text-align: left;}
.ContactAgent .Innner .Right .RightDetail:before{ position: absolute; content: ''; width: 33px; height: 40px; left: -32px; z-index: -1; top: 60px; background: url(../images/icon/icon-left-talk.svg) no-repeat; background-position: center; background-size: contain;  }
.ContactAgent .Innner .Right .Title{ margin: 0; font-size: 24px; font-weight: 700; }
.ContactAgent .Innner .Right .Descriptions{ font-size: 16px; font-weight: 500; margin-top: 20px; line-height: 33px;}
.ContactAgent .Innner .Right .Descriptions p{ margin: 0;}
.ContactAgent .ContactIconList{ max-width: 100%; margin: auto; margin-top: 0px; padding: 40px; background-color: rgba(255,255,255,0.5); }
.ContactAgent .ContactIconList ul{ max-width: 800px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ContactAgent .ContactIconList ul li{ width: 45%; min-height: 55px; line-height: 55px; margin: 2% 2.5%; background-color: #ccc; border-radius: 100px; text-align: center; font-size: 22px; font-weight: 600; }
.ContactAgent .ContactIconList ul li.IconContact img{ max-width: 40px; max-height: 40px; height: auto; margin-right: 10px; margin-bottom: 5px; vertical-align: middle; }
.ContactAgent .ContactIconList ul li.IconContact:hover img{ margin-right: 5px; transition: all .3s;}
.ContactAgent .ContactIconList ul li a{ display: block; transition: all .3s; }
.ContactAgent .ContactIconList ul li a:hover{ color: #000; }
.ContactAgent .ContactIconList .PropertySearch{ position: relative; padding-left: 20px; background-color: #B5E533; border: 1px solid #fff; /*box-shadow: 0px 2px 0px rgba(255,255,255,1);*/ }
.ContactAgent .ContactIconList .PropertySearch a{ position: relative; transition: all .3s;}
.ContactAgent .ContactIconList .PropertySearch a:hover{ color: #68c722;}
.ContactAgent .ContactIconList .PropertySearch a:before{ position: absolute; content: ''; left: -20px; top: -10px; width: 75px; height: 75px; background: url(../images/icon-profile.svg) no-repeat; background-position: center; background-size: contain; }
.ContactAgent .ContactIconList .PropertySearch a:hover:before{ left: -10px; transition: all .3s; }
.ContactAgent .ContactIconList .PropertySearch a:after{ position: absolute; content: ''; right: 20px; top: 13px; width: 30px; height: 30px; background: url(../images/icon-right-arrow.svg) no-repeat; background-position: center; background-size: contain; }
.ContactAgent .ContactIconList .PropertySearch a:hover:after{ filter: invert(64%) sepia(50%) saturate(678%) hue-rotate(51deg) brightness(95%) contrast(91%);}
.ContactAgent .ContactIconList .ConntactUs{ position: relative; padding-left: 20px; background-color: #0073A5; border: 1px solid #fff;  /*box-shadow: 3px 4px 0px rgba(85,186,239,1);*/ }
.ContactAgent .ContactIconList .ConntactUs a{ color: #fff; position: relative; transition: all .3s; }
.ContactAgent .ContactIconList .ConntactUs a:hover{ color: #55baef; }
.ContactAgent .ContactIconList .ConntactUs a:before{ position: absolute; content: ''; left: -20px; top: -10px; width: 75px; height: 75px; background: url(../images/icon-chat.svg) no-repeat; background-position: center; background-size: contain; }
.ContactAgent .ContactIconList .ConntactUs a:hover:before{ left: -10px; transition: all .3s; }
.ContactAgent .ContactIconList .ConntactUs a:after{ position: absolute; content: ''; right: 20px; top: 13px; width: 30px; height: 30px; background: url(../images/icon-right-arrow-white.svg) no-repeat; background-position: center; background-size: contain; }
.ContactAgent .ContactIconList .ConntactUs a:hover:after{ filter: invert(72%) sepia(89%) saturate(1925%) hue-rotate(171deg) brightness(98%) contrast(92%); }
.ContactAgent .ContactIconList .Normal{ background-color: #DEF3A3; border: 2px solid #80807F; border: 1px solid #fff;  /*box-shadow: 2px 3px 0px rgb(128, 128, 127);*/ }

/* Rent */
.Rent{ background: url(../images/icon/bg-rent.png) no-repeat; background-position: top center; background-size: contain;}
.Rent .Area:before{ background: url(../images/icon/icon-r-area-s.svg) no-repeat; }
.Rent .BTS:before{ background: url(../images/icon/icon-r-bts-s.svg) no-repeat; }
.Rent .Service:before{ background: url(../images/icon/icon-r-service-s.svg) no-repeat; }
.Rent .Built:before{ background: url(../images/icon/icon-r-built-s.svg) no-repeat; }
.Rent .Shopping:before{ background: url(../images/icon/icon-r-shopping.svg) no-repeat; }
.Rent .FacilityLeft .FacilitiesInfos{ background: url(../images/icon/bg-r-facilities.png) no-repeat; }
.Rent .TableRoom{ background-color: #f7fcf4; }
.Rent .TableRoom tr th{ background-color: #68c722; }
.Rent .HRLine{ width: 100%; height: 35px; background-image: linear-gradient(150deg, #b9df63 0%, #68c722 100%);}
.Rent .SectionRoomsInfos{ background-image: url("../images/icon/bg-line-xx.png"), linear-gradient(#e8f7de, #f7fcf4); background-position: top center; background-size: contain; }
.Rent .SectionRoomsInfosBox:before{ background: url(../images/icon/icon-r-left-room.svg) no-repeat; }
.Rent .SectionOthersInfos{ background-image: url("../images/icon/bg-line-xx.png"), linear-gradient(#e8f7de, #f7fcf4); background-position: top center; background-size: contain; }
.Rent .ContactAgent{ background: url(../images/icon/bg-agent-r.png) no-repeat; background-position: top center; background-size: cover; }

/* Sell */
.Sell{ background: url(../images/icon/bg-sell.png) no-repeat; background-position: top center; background-size: contain;}
.Sell .Area:before{ background: url(../images/icon/icon-s-area.svg) no-repeat; }
.Sell .BTS:before{ background: url(../images/icon/icon-s-bts.svg) no-repeat; }
.Sell .Service:before{ background: url(../images/icon/icon-s-service.svg) no-repeat; }
.Sell .Built:before{ background: url(../images/icon/icon-s-built.svg) no-repeat; }
.Sell .Floor:before{ background: url(../images/icon/icon-s-floor.svg) no-repeat; }
.Sell .Address:before{ background: url(../images/icon/icon-s-address.svg) no-repeat; }
.Sell .FacilityLeft .FacilitiesInfos{ background: url(../images/icon/bg-s-facilities.png) no-repeat; }
.Sell .TableRoom{ background-color: #f3f9fe; }
.Sell .TableRoom tr th{ background-color: #0e84e5; }
.Sell .HRLine{ width: 100%; height: 35px; background-image: linear-gradient(150deg, #4fbded 0%, #0e84e5 100%);}
.Sell .SectionRoomsInfos{ background-image: url("../images/icon/bg-line-xx.png"), linear-gradient(#f3f9fe, #f3f9fe); background-position: top center; background-size: contain; }
.Sell .SectionRoomsInfosBox:before{ background: url(../images/icon/icon-s-left-room.svg) no-repeat; width: 300px; height: 268px; }
.Sell .SectionOthersInfos{ background-image: url("../images/icon/bg-line-xx.png"), linear-gradient(#e7f3fc, #f3f9fe); background-position: top center; background-size: contain; }
.Sell .ContactAgent{ background: url(../images/icon/bg-agent-s.png) no-repeat; background-position: top center; background-size: cover; }

/* Office */
.Office{ background: url(../images/icon/bg-office.png) no-repeat; background-position: top center; background-size: contain;}
.Office .Area:before{ background: url(../images/icon/icon-o-area.svg) no-repeat; }
.Office .BTS:before{ background: url(../images/icon/icon-o-bts.svg) no-repeat; }
.Office .Service:before{ background: url(../images/icon/icon-o-service.svg) no-repeat; }
.Office .Grade:before{ background: url(../images/icon/icon-o-grade.svg) no-repeat; }
.Office .Contract:before{ background: url(../images/icon/icon-o-contract.svg) no-repeat; }
.Office .Address:before{ background: url(../images/icon/icon-o-address.svg) no-repeat; }
.Office .Expressway:before{ background: url(../images/icon/icon-o-expressway.svg) no-repeat; }
.Office .FacilityLeft .FacilitiesInfos{ background: url(../images/icon/bg-o-office.png) no-repeat; }
.Office .TableRoom{ background-color: #fffaf4; }
.Office .TableRoom tr th{ background-color: #ff921e; }
.Office .HRLine{ width: 100%; height: 35px; background-image: linear-gradient(150deg, #f8c75c 0%, #ff921e 100%);}
.Office .SectionRoomsInfos{ background-image: url("../images/icon/bg-line-xx.png"), linear-gradient(#ffefdd, #fffaf4); background-position: top center; background-size: contain; }
.Office .SectionRoomsInfosBox:before{ background: url(../images/icon/icon-o-left-room.svg) no-repeat; height: 223px; }
.Office .SectionOthersInfos{ background-image: url("../images/icon/bg-line-xx.png"), linear-gradient(#ffefdd, #fffaf4); background-position: top center; background-size: contain; }
.Office .ContactAgent{ background: url(../images/icon/bg-agent-o.png) no-repeat; background-position: top center; background-size: cover; }

/* Factory */
.Factory{ background: url(../images/icon/bg-factory.png) no-repeat; background-position: top center; background-size: contain;}
.Factory .Area:before{ background: url(../images/icon/icon-f-area.svg) no-repeat; }
.Factory .BTS:before{ background: url(../images/icon/icon-f-bts.svg) no-repeat; }
.Factory .Built:before{ background: url(../images/icon/icon-f-built.svg) no-repeat; }
.Factory .Contract:before{ background: url(../images/icon/icon-f-contract.svg) no-repeat; }
.Factory .Address:before{ background: url(../images/icon/icon-f-address.svg) no-repeat; }
.Factory .Expressway:before{ background: url(../images/icon/icon-f-expressway.svg) no-repeat; }
.Factory .Rental:before{ background: url(../images/icon/icon-f-rental.svg) no-repeat; }
.Factory .FacilityLeft .FacilitiesInfos{ background: url(../images/icon/bg-factory-facilities.png) no-repeat; }
.Factory .TableRoom{ background-color: #f4fcf9; }
.Factory .TableRoom tr th{ background-color: #2bbc91; }
.Factory .HRLine{ width: 100%; height: 35px; background-image: linear-gradient(150deg, #84d9c5 0%, #2bbc91 100%);}
.Factory .SectionRoomsInfos{ background-image: url("../images/icon/bg-line-xx.png"), linear-gradient(#dff5ee, #f4fcf9); background-position: top center; background-size: contain; }
.Factory .SectionRoomsInfosBox:before{ background: url(../images/icon/icon-f-left-room.svg) no-repeat; height: 242px; }
.Factory .SectionOthersInfos{ background-image: url("../images/icon/bg-line-xx.png"), linear-gradient(#dff5ee, #f4fcf9); background-position: top center; background-size: contain; }
.Factory .ContactAgent{ background: url(../images/icon/bg-agent-f.png) no-repeat; background-position: top center; background-size: cover; }

/* BreadcrumbSingle */
.BreadcrumbSingle{ margin: 0; padding: 30px 0;}
.BreadcrumbSingleBox{ width: auto; margin: auto; padding: 0; font-size: 13px; color: #2B2B2A; }
.BreadcrumbSingleBox ul li{ display: inline-block; }
.BreadcrumbSingleBox ul li a{ color: #2B2B2A; }
.Displayblock{ display: block!important;}
.Nodata{ text-align: center; font-size: 18px; font-weight: 700; padding: 30px 0;}

/*.ProductDetailLR{ width: auto; max-width: 1160px; height: auto; margin: auto; position: relative;}
.ProductDetailLR .SlideImages{ width: 45%; height: auto; max-width: 500px; }
.ProductDetailLR .SlideImages .slider-for{ width: 100%; max-width: 100%; background-color: #fff; border: 1px solid #fafafa; text-align: center;}
.ProductDetailLR .SlideImages .slider-for .slick-slide{ height: 450px; text-align: center;}
.ProductDetailLR .SlideImages .slider-for div.slick-slide{ text-align: center;}
.ProductDetailLR .SlideImages .slider-for div.slick-slide img{ width: auto; max-width: 100%; height:auto; max-height: 100%; left: 0; right: 0; margin: auto;}
.ProductDetailLR .SlideImages .slider-nav{ margin-top: 10px; height: 120px!important;}
.ProductDetailLR .SlideImages .slider-nav div:first-child{ margin-left: 0;}
.ProductDetailLR .SlideImages .slider-nav div:last-child{ margin-right: 0;}
.ProductDetailLR .SlideImages .slider-nav div.slick-slide{ width: 100%; height: 120px!important; margin: 5px; overflow: hidden;}
.ProductDetailLR .SlideImages .slider-nav div.slick-slide img{ cursor: pointer; display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; }*/

/* Remove for prod */
.SlideImages .rtl-slider-flex { width: 100%; }
.SlideImages .rtl-slider-flex { box-sizing: border-box;  position: relative; }
.SlideImages .rtl-slider-flex .rtl-slider { width: 100%;}
.SlideImages .rtl-slider-flex .rtl-slider-nav { width: 100%; }
.SlideImages .rtl-slider-flex .rtl-slider-nav .rtl-slider-slide { width: 20%; height: 80px; opacity: 0.75; transition: all 0.3s ease; cursor: pointer; }
.SlideImages .rtl-slider-flex .rtl-slider-nav div{ margin-right: 5px;}
.SlideImages .rtl-slider-flex .rtl-slider-nav div:last-child(){ margin-right: 0px;}
.SlideImages .rtl-slider-flex .rtl-slider-nav .slick-slide.slick-current.slick-active .rtl-slider-slide { opacity: 1; }
.SlideImages .rtl-slider-flex .rtl-slider-slide { background:  url("") no-repeat center/cover; }
.SlideImages .rtl-slider-flex .rtl-slider .rtl-slider-slide{ background-size: contain; height: 400px;}

/* FacilitiesAndService */
.FacilitiesAndService{ padding: 80px 0; }
.FacilitiesAndServiceBox{ max-width: 1100px; height: auto; margin: auto; position: relative; }
.FacilitiesAndServiceBox .Title{ font-size: 24px; font-weight: 700; padding-left: 60px; position: relative; border-bottom: 1px solid #2b2b2a; padding-bottom: 20px; margin-bottom: 20px; }
.FacilitiesAndServiceBox .Title:before{ position: absolute; content: ''; width: 50px; height: 50px; left: 0; bottom: 20px; /*background: url(../images/icon/icon-rent-FS.svg) no-repeat;*/ background-position: bottom center; background-size: contain; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList{ margin: 0 auto; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul{ margin: 0; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li{ display: flex; justify-content: space-between; align-items: flex-start; padding: 30px 0; border-bottom: 1px solid #2b2b2a; margin: 20px 0;}
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects{ width: 25%; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .BasicInfo{ margin: 0; position: relative; font-size: 20px; font-weight: 700; padding-left: 35px;}
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .BasicInfo:before{ position: absolute; content: ''; left: 0; top: 3px; width: 24px; height: 24px;  background: url(../images/icon/icon-basic-information.svg) no-repeat; background-position: center; background-size: contain; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .Water{ margin: 0; position: relative; font-size: 20px; font-weight: 700; padding-left: 35px;}
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .Water:before{ position: absolute; content: ''; left: 0; top: 3px; width: 24px; height: 24px;  background: url(../images/icon/icon-water.svg) no-repeat; background-position: center; background-size: contain; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .ServicesProvided{ margin: 0; position: relative; font-size: 20px; font-weight: 700; padding-left: 35px;}
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .ServicesProvided:before{ position: absolute; content: ''; left: 0; top: 3px; width: 24px; height: 24px;  background: url(../images/icon/icon-services-provided.svg) no-repeat; background-position: center; background-size: contain; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .Features{ margin: 0; position: relative; font-size: 20px; font-weight: 700; padding-left: 35px;}
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .Features:before{ position: absolute; content: ''; left: 0; top: 3px; width: 24px; height: 24px;  background: url(../images/icon/icon-features.svg) no-repeat; background-position: center; background-size: contain; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .PropertyEquipment{ margin: 0; position: relative; font-size: 20px; font-weight: 700; padding-left: 35px;}
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .PropertyEquipment:before{ position: absolute; content: ''; left: 0; top: 3px; width: 24px; height: 24px;  background: url(../images/icon/icon-property-equipment.svg) no-repeat; background-position: center; background-size: contain; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .IndoorEquipment{ margin: 0; position: relative; font-size: 20px; font-weight: 700; padding-left: 35px;}
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .IndoorEquipment:before{ position: absolute; content: ''; left: 0; top: 3px; width: 24px; height: 24px;  background: url(../images/icon/icon-indoor-equipment.svg) no-repeat; background-position: center; background-size: contain; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .Kitchen{ margin: 0; position: relative; font-size: 20px; font-weight: 700; padding-left: 35px;}
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .Kitchen:before{ position: absolute; content: ''; left: 0; top: 3px; width: 24px; height: 24px;  background: url(../images/icon/icon-kitchen.svg) no-repeat; background-position: center; background-size: contain; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .Bathroom{ margin: 0; position: relative; font-size: 20px; font-weight: 700; padding-left: 35px;}
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .Bathroom:before{ position: absolute; content: ''; left: 0; top: 3px; width: 24px; height: 24px;  background: url(../images/icon/icon-bathroom.svg) no-repeat; background-position: center; background-size: contain; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .Others{ margin: 0; position: relative; font-size: 20px; font-weight: 700; padding-left: 35px;}
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .Others:before{ position: absolute; content: ''; left: 0; top: 3px; width: 24px; height: 24px;  background: url(../images/icon/icon-others.svg) no-repeat; background-position: center; background-size: contain; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .ContractConditions{ margin: 0; position: relative; font-size: 20px; font-weight: 700; padding-left: 35px;}
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .ContractConditions:before{ position: absolute; content: ''; left: 0; top: 3px; width: 24px; height: 24px;  background: url(../images/icon/icon-contract-conditions.svg) no-repeat; background-position: center; background-size: contain; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .FSInfos{ width: 72%; margin-left: 3%; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .FSInfos .ItemList{ display: flex; justify-content: left; align-items: flex-start; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .FSInfos .ItemList p{ padding: 0; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .FSInfos .ItemList p:nth-child(1){ margin: 0 0 10px 0; width: 25%; font-weight: 700; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .FSInfos .ItemList p:nth-child(2){ margin: 0 0 10px 0; width: 30%; margin-left: 3%; }
.FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .FSInfosW .ItemList p:nth-child(1){ margin: 0 0 10px 0; width: 100%!important; font-weight: 700; }
.Rent .FacilitiesAndServiceBox .Title:before{ background: url(../images/icon/icon-rent-FS.svg) no-repeat; }
.Sell .FacilitiesAndServiceBox .Title:before{ background: url(../images/icon/icon-sell-FS.svg) no-repeat; }
.Office .FacilitiesAndServiceBox .Title:before{ background: url(../images/icon/icon-office-FS.svg) no-repeat; }
.Factory .FacilitiesAndServiceBox .Title:before{ background: url(../images/icon/icon-factory-FS.svg) no-repeat; }

/* ContactSticky */
.ContactStickyRight{ display: none; position: fixed; right: 25px; bottom: 20px; z-index: 999; width: 100%; max-width: 400px; height: auto; padding: 30px; background-color: #fff; border: 5px solid #2B2B2A; }
.ContactStickyRight .CloseBR{ cursor: pointer; position: absolute; content: ''; width: 45px; height: 45px; right: -20px; top: -20px; border-radius: 100px; background: #555555 url(../images/icon/icon-x-close.svg) no-repeat; background-position: center; background-size: 16px;}
.ContactStickyRight .CSProfile{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.ContactStickyRight .CSProfile .Picture{ width: 35%;}
.ContactStickyRight .CSProfile .Picture p{ margin: 0; width: 100px; height: 100px; border: 3px solid #b5e533; border-radius: 100px; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.ContactStickyRight .CSProfile .Picture p img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.ContactStickyRight .CSProfile .Name{ width: 63%; font-size: 23px; font-weight: 700;}
.ContactStickyRight .Telephone{ font-size: 35px; font-weight: 700; text-align: center;}
.ContactStickyRight .PropertySearch{ margin: 20px 0; position: relative; text-align: center; border-radius: 100px; font-size: 16px; font-weight: 600; background-color: #B5E533; border: 0px solid #68c722; box-shadow: 0px 3px 0px rgba(104,199,34,1); }
.ContactStickyRight .PropertySearch a{ display: block; padding: 10px 10px 10px 20px; position: relative; transition: all .3s;}
.ContactStickyRight .PropertySearch a:hover{ color: #2B2B2A;}
.ContactStickyRight .PropertySearch a:before{ position: absolute; content: ''; left: -5px; top: -6px; width: 60px; height: 60px; background: url(../images/icon-profile.svg) no-repeat; background-position: center; background-size: contain; }
.ContactStickyRight .PropertySearch a:hover:before{ left: 0px; transition: all .3s; }
.ContactStickyRight .TwoBoxContact{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-top: 30px;}
.ContactStickyRight .TwoBoxContact .LineContact{ width: 48%; font-size: 16px; font-weight: 700; text-align: center; padding: 5px 10px; background-color: #def3a3; border: 1px solid #80807f; box-shadow: 0px 2px 0px rgba(85,85,85,1); border-radius: 100px; }
.ContactStickyRight .TwoBoxContact .LineContact a{ display: block; }
.ContactStickyRight .TwoBoxContact .LineContact img{ width: auto; height: auto; max-width: 22px; vertical-align: sub; margin-right: 10px; }
.ContactStickyRight .TwoBoxContact .ContactForm{ width: 48%; font-size: 16px; font-weight: 700;  text-align: center; color: #fff; padding: 5px 10px; background-color: #0073a5; border: 1px solid #55baef; box-shadow: 0px 2px 0px rgba(85,186,239,1); border-radius: 100px; }
.ContactStickyRight .TwoBoxContact .ContactForm a{ display: block; color: #fff; }
.ContactStickyRight .TwoBoxContact .ContactForm img{ width: auto; height: auto; max-width: 22px; vertical-align: sub; }
.ContactAgentFixed{ display: none;}

#sticky { margin: 0;}
#sticky.stick { display: block; position: fixed; z-index: 10000; }

.fslightbox-container{ z-index: 99999999999999!important;}

/* BlogList */
.BlogListHeader{ background: #fff; position: relative; padding: 100px 0 100px 0; overflow: hidden; }
.BlogListHeaderBox{ max-width: 1100px; height: auto; margin: auto; }
.BlogListHeaderBox .Inner{ position: relative; text-align: center; }
/*.BlogListHeaderBox .Inner h2{ color: #40403F; display: inline-block; position: relative; font-size: 50px; font-weight: 700; z-index: 1; letter-spacing: 2px;}
.BlogListHeaderBox .Inner h2 span{ color: #80807F;}
.BlogListHeaderBox .Inner h2:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}*/
.BlogListHeaderBox .Inner .TitleH{ margin: 0; color: #40403F; display: inline-block; position: relative; font-size: 50px; font-weight: 700; z-index: 1; letter-spacing: 2px;}
.BlogListHeaderBox .Inner .TitleH span{ color: #80807F;}
.BlogListHeaderBox .Inner .TitleH:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}
.BlogListHeaderBox .Inner h1.Title{ margin-top: 30px; font-size: 36px; font-weight: 700;}
.BlogListHeaderBox .Inner h1.Title span{ display: block;}
.BlogListHeaderBox .Inner h2.Title{ margin-top: 30px; font-size: 36px; font-weight: 700;}
.BlogListHeaderBox .Inner h2.Title span{ display: block;}

/* Blog page */
.BlogPageLayout{ width: auto; margin: auto;} 
.BlogPageLayoutBox{ width: auto; max-width: 1100px; height: auto; margin: auto; padding-bottom: 40px; position: relative; z-index: 1; }
.BlogPageLayoutBoxLeft{ width: calc(100% - 360px); float: left; z-index: 1; }
.BlogPageLayoutBoxLeft #pagination ul{ text-align: center; padding: 50px 0;}
.BlogPageLayoutBoxRight{ width: calc(100% - 320px); float: right; max-width: 320px; z-index: 1;  }
.BlogList{ margin: 0; }
.BlogList ul{ margin: 0; }
.BlogList ul li{ width: auto; height: auto; margin: 50px 0; display: block;}
.BlogList ul li:first-child{ margin-top: 0; }
.BlogList ul li:last-child{ margin-bottom: 0; }
.BlogList ul li a{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
.BlogList ul li p{ margin: 0;}
.BlogList ul li .Picture{ width: 28%; }
.BlogList ul li .Picture img{ width: 100%; height: auto; max-width: 100%; }
.BlogList ul li .Detail{ width: 70%; }
.BlogList ul li .Detail .Title{ font-size: 20px; line-height: 31px; font-weight: 600; margin-bottom: 5px; }
.BlogList ul li .Detail .Description{ font-size: 13px; line-height: 25px; font-weight: 300; margin-bottom: 5px; }
.BlogList ul li .Detail .Category_Date{ font-size: 13px; font-weight: 300;}

/* Category_Ranking_Box */
.Category_Ranking_Box{ margin-bottom: 30px;}
.Category_Ranking_Box .TitleEN{ margin: 0; background-color: #CBED70; height: 110px; padding: 15px 10px 15px 120px; font-size: 28px; line-height: 35px; font-weight: 700; position: relative; text-align: center;}
.Category_Ranking_Box .TitleEN span{ display: block; }
.Category_Ranking_Box .TitleEN:before{ position: absolute; content: ''; width: 90px; height: 70px; left: 30px; top: 20px; }
.Category_Ranking_Box .TitleCate:before{ background: url(../images/icon/icon-blog-category.svg) no-repeat; background-position: center; background-size: contain; }
.Category_Ranking_Box .TitleRanking:before{ background: url(../images/icon/icon-blog-ranking.svg) no-repeat; background-position: center; background-size: contain; }
.Category_Ranking_Box .TitleJP{ background-color: #111; color: #fff; font-size: 18px; font-weight: 600; text-align: center; padding: 10px; margin: 0;}
.Category_Ranking_Box .RightBoxDetail{ background-color: #fff; border: 2px solid #111; padding: 20px;}
.Category_Ranking_Box .RightBoxDetail ul li{ padding: 5px 0 5px 20px; position: relative; font-weight: 700; }
.Category_Ranking_Box .RightBoxDetail ul li a:hover{ color: #CBED70; }
.Category_Ranking_Box .RightBoxDetail ul li:first-child{ padding-top: 0; }
.Category_Ranking_Box .RightBoxDetail ul li:last-child{ padding-bottom: 0; }
.Category_Ranking_Box .RightBoxDetail ul li:before{ width: 20px; height: 20px; position: absolute; left: 0; top: 0px; content: '•';}
.RightBoxRanking{ margin: 0; background-color: #fff; border: 2px solid #111; padding: 20px; }
.RightBoxRanking ul{ margin: 0; }
.RightBoxRanking ul li{ width: auto; height: auto; margin: 30px 0; display: block;}
.RightBoxRanking ul li:first-child{ margin-top: 0; }
.RightBoxRanking ul li:last-child{ margin-bottom: 0; }
.RightBoxRanking ul li a{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
.RightBoxRanking ul li p{ margin: 0;}
.RightBoxRanking ul li .Picture{ width: 30%; }
.RightBoxRanking ul li .Picture img{ width: 100%; height: auto; max-width: 100%; }
.RightBoxRanking ul li .Detail{ width: 67%; }
.RightBoxRanking ul li .Detail .Title{ font-size: 14px; line-height: 21px; font-weight: 600; margin-bottom: 5px; }
.RightBoxRanking ul li .Detail .Category_Date{ font-size: 12px; font-weight: 300;}

.Category_Ranking_Box .TitleJPSearch{ margin: 0; background-color: #CBED70; height: auto; padding: 15px 10px 15px 80px; font-size: 18px; line-height: 33px; font-weight: 700; position: relative; text-align: center;}
.Category_Ranking_Box .TitleJPSearch span{ display: block; }
.Category_Ranking_Box .TitleJPSearch:before{ position: absolute; content: ''; width: 50px; height: 40px; background: url(../images/icon/icon-blog-property-type.svg) no-repeat; background-position: center; background-size: contain;  left: 60px; top: 13px; }
.Category_Ranking_Box .KeyvisualPostTypeBox{ position: relative; z-index: 2; width: 100%; max-width: 990px; margin: auto; margin-top: 0; margin-bottom: 40px;}
.Category_Ranking_Box .KeyvisualPostTypeBox ul{ margin: 0; padding: 0; background-color: #fff; display: flex; flex-wrap: wrap; justify-content: space-between; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li{ width: 49.6%; margin:0.15%; transition: all .3s;}
.Category_Ranking_Box .KeyvisualPostTypeBox ul li a{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 150px; font-size: 18px; font-weight: 600; color: #fff; position: relative; transition: all .3s; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li a div{ position: relative; z-index: 1; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li a.CondR:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(43, 43, 42, 0.75); z-index: 0; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li:hover a.CondS:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(46, 115, 200, 0.75); z-index: 0; transition: all .3s; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li a.CondS:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(43, 43, 42, 0.75); z-index: 0; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li:hover a.CondR:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(127, 196, 68, 0.75); z-index: 0; transition: all .3s; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li a.OfficeR:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(43, 43, 42, 0.75); z-index: 0; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li:hover a.OfficeR:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(242, 151, 63, 0.75); z-index: 0; transition: all .3s; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li a.FactoryR:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(43, 43, 42, 0.75); z-index: 0; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li:hover a.FactoryR:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(86, 175, 159, 0.75); z-index: 0; transition: all .3s; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li a:after{ position: absolute; content: ''; width: 20px; height: 20px; right: 10px; bottom: 10px; background-position: center; background-size: contain;}
.Category_Ranking_Box .KeyvisualPostTypeBox ul li .CondS:after{ background: url(../images/icon-right-arrow-condo-r.svg) no-repeat; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li .CondR:after{ background: url(../images/icon-right-arrow-condo-s.svg) no-repeat; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li .OfficeR:after{ background: url(../images/icon-right-arrow-office.svg) no-repeat; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li .FactoryR:after{ background: url(../images/icon-right-arrow-factory.svg) no-repeat; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li a p{ width: 100%; margin: 0; text-align: center;}
.Category_Ranking_Box .KeyvisualPostTypeBox ul li a img{ width: 100%; height: auto; max-width: 55px; max-height: 55px; }
.Category_Ranking_Box .KeyvisualPostTypeBox ul li .Icon{ height: 60px;}
.Category_Ranking_Box .KeyvisualPostTypeBox ul li .Title{ margin-top: 0px;}


/* SingleBlogPost */
.SingleBlogPost{ margin-top: 60px;}
.SingleBlogPost h1{ font-size: 31px; font-weight: 700; margin: 0 0 10px 0; }
.SingleBlogPost .Category_Date{  display: flex; justify-content: left; align-items: center; font-size: 15px; font-weight: 400;}
.SingleBlogPost .Category_List{ margin: 0;}
.SingleBlogPost .Category_List span{ display: inline-block; vertical-align: middle; padding: 6px 15px; border-radius: 10px; background-color: #CBED70; }
.SingleBlogPost .Date{ margin-left: 10px;}
.FeatureImage{ width: auto; height: auto; margin-bottom: 50px;}
.FeatureImage img{ width: 100%; max-width: 100%; height: auto; }

/* SinglePostDetail */
.SinglePostDetail{ font-size: 17px;  font-weight: 300; padding: 0 30px;}
.SinglePostDetail p{ margin: 30px 0;  line-height: 1.65em; }
.SinglePostDetail p.has-x-large-font-size, .SinglePostDetail p.has-large-font-size{ line-height: 1.25em; }
.SinglePostDetail p img{ width: auto; max-width: 100%; height: auto; display: block; margin-top: 40px; margin-bottom: 40px;}
.SinglePostDetail img{ width: auto; max-width: 100%; height: auto; display: block; margin: auto; margin-top: 40px; margin-bottom: 40px;}
.SinglePostDetail h2{ position: relative; color: #000; padding: 15px 0 0px 0; font-size: 28px; font-weight: 600; line-height: 1.25em; }
.SinglePostDetail h3{ position: relative; color: #000; padding: 10px 0 0px 0; font-size: 23px; font-weight: 500; line-height: 1.25em; }
.SinglePostDetail a{ color: #83bccf; }
.SinglePostDetail ul{ margin: 20px 0; padding: 10px 10px 10px 20px;}
.SinglePostDetail ul li{ list-style-type: disc!important; list-style-position: outside!important; margin: 10px 0; }
.SinglePostDetail ul li::marker{ display: inline-block!important;}
.SinglePostDetail ul li p:first-child{ margin-top: 0px!important; margin-bottom: 0px!important;}
.SinglePostDetail ol{ margin-left: 20px;}
.SinglePostDetail ol li{ list-style-type: decimal!important; list-style-position: outside!important; margin: 10px 0; }
.SinglePostDetail ol li::marker{ display: inline-block!important;}
.SinglePostDetail ol li:first-child p{ margin-top: 0!important;}
/* table */
.SinglePostDetail table{ min-width: 100%; width: auto; margin: 40px 0; text-align: left; }
.SinglePostDetail table thead{ background-color: #5c5b5b; }
.SinglePostDetail table thead th{ padding: 15px 10px; font-size: 18px; line-height: 25px; vertical-align: middle; min-width: 30px; text-align: left; background-color: #CBED70;} 
.SinglePostDetail table tbody td{ padding: 10px; vertical-align: middle; min-width: 30px;} 
.SinglePostDetail table thead th{ border-right: 1px solid #ccc; color: #000; }
.SinglePostDetail table tbody tr{ background-color: #f9f9f9; }
.SinglePostDetail table tbody tr:nth-child(odd){ background-color: #fff; }     
.SinglePostDetail table tbody tr td, .NewsPageSingle .SinglePostDetail table tbody tr th { min-width: 100px; }
.SinglePostDetail table tbody tr td:nth-child(2){ min-width: 100px; }
.SinglePostDetail table tbody tr:hover{ background-color: #f3f3f3;  }
.SinglePostDetail table tbody td{ border-right: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #eee; text-align: left; }
.SinglePostDetail table tbody td a{ color: #5c5b5b; text-decoration: underline; display: block;}
.SinglePostDetail .wp-block-table thead{ border: 0!important;}
.SinglePostDetail .wp-block-table td, .SinglePostDetail .wp-block-table th{ border: 1px solid #eee;}

.LineSpace{ width: auto; height: 80px; }

/* toc_container Edit*/
#toc_container{ margin: auto; padding: 25px 35px!important; margin-top: 32px!important;margin-bottom: 60px!important; /*width: 100%!important;*/}
#toc_container a{ color: #000;}
#toc_container a:hover{ color: #666;}
#toc_container .toc_list li {margin: 10px 0; font-weight: 600;}
#toc_container .toc_list li li{ margin: 5px 0; font-weight: 300;}
#toc_container p.toc_title{font-size: 17px; margin-bottom: 25px;}
.SinglePostDetail #toc_container ul li{list-style-type: none!important;}

/* ContactPage */
.ContactPage{ width: auto; margin: auto; margin: 0 0 40px 0;} 
.ContactPageBox{ width: auto; max-width: 1100px; height: auto; margin: auto; position: relative; z-index: 1; }
.ContactPageBox .Descriptions{ margin: 0; font-size: 18px; line-height: 35px;}
.ContactPageBox .ContactType{ margin: 40px 0 0 0;}
.ContactPageBox .ContactType ul{ display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; }
.ContactPageBox .ContactType ul li{ margin: 0 10px; width: 25%; color: #fff; font-size: 20px; font-weight: 700; text-align: center; }
.ContactPageBox .ContactType ul li:first-child{ margin-left: 0;}
.ContactPageBox .ContactType ul li:last-child{ margin-right: 0;}
.ContactPageBox .ContactType ul li a.CondoRentCL{ display: block; padding: 25px 20px; background-color: #ace482;border-radius: 8px; border: solid 0px #68C722;box-shadow: 0 7px 0 #68C722; }
.ContactPageBox .ContactType ul li a.CondoRentCL.Active, .ContactPageBox .ContactType ul li a.CondoRentCL:hover{ background-color: #68C722!important; box-shadow: none; transform: translateY(7px);}
.ContactPageBox .ContactType ul li a.CondoSellCL{ display: block; padding: 25px 20px; background-color: #80bcec;border-radius: 8px; border: solid 0px #0e84e5;box-shadow: 0 7px 0 #0e84e5; }
.ContactPageBox .ContactType ul li a.CondoSellCL.Active, .ContactPageBox .ContactType ul li a.CondoSellCL:hover{ background-color: #0e84e5!important;box-shadow: none; transform: translateY(7px);}
.ContactPageBox .ContactType ul li a.OfficeRentCL{ display: block; padding: 25px 20px; background-color: #fbc892;border-radius: 8px; border: solid 0px #ff921e;box-shadow: 0 7px 0 #ff921e; }
.ContactPageBox .ContactType ul li a.OfficeRentCL.Active, .ContactPageBox .ContactType ul li a.OfficeRentCL:hover{ background-color: #ff921e!important;box-shadow: none; transform: translateY(7px);}
.ContactPageBox .ContactType ul li a.FactoryBusinessCL{ display: block; padding: 25px 20px; background-color: #99e6cf;border-radius: 8px; border: solid 0px #2bbc91;box-shadow: 0 7px 0 #2bbc91; }
.ContactPageBox .ContactType ul li a.FactoryBusinessCL.Active, .ContactPageBox .ContactType ul li a.FactoryBusinessCL:hover{ background-color: #2bbc91!important;box-shadow: none; transform: translateY(7px);}
.ContactPageBox .ContactType ul li a{ color: rgba(0,0,0,0.3); color: white; font-weight: 600;}
.ContactPageBox .ContactType ul li a:hover{ opacity: 1;}
.ContactPageBox .ContactType ul li .Active, .ContactPageBox .ContactType ul li a:hover{ color: #fff; font-weight: 600;}
.ContactFormList{ margin: 50px 0 0 0 ;}
.ContactFormList .FormRow{ font-size: 18px; font-weight: 300; margin: 30px 0; display: block; overflow: hidden; /*display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start;*/ }
.ContactFormList .FormRow p{ margin: 0; }
.ContactFormList .FormRow p:nth-child(1){ width: calc(100% - 240px); max-width: 260px; float: left; padding-top: 15px; padding-left: 30px; position: relative; }
.ContactFormList .FormRow p:nth-child(1):before{ position: absolute; width: 16px; height: 16px; content: ''; left: 0; top: 22px; }
.ContactFormList.omakase .FormRow{ margin: 10px 0;}
.ContactFormList.omakase .FormRow p:nth-child(1){ width: 100%; max-width: 100%; font-weight:400;}
.ContactFormList.omakase .FormRow p:nth-child(1):before{ background-color: #B5E533; }
.ContactFormList.omakase .FormRow p:nth-child(2){ width: 100%; margin-top: 10px; }
.CodoR .ContactFormList .FormRow p:nth-child(1):before{ background-color: #bfe257; }
.CodoS .ContactFormList .FormRow p:nth-child(1):before{ background-color: #2e73c8; }
.OfficeR .ContactFormList .FormRow p:nth-child(1):before{ background-color: #f2973f; }
.FactoryB .ContactFormList .FormRow p:nth-child(1):before{ background-color: #5ab994; }
.ContactFormList .FormRow p:nth-child(2){ width: calc(100% - 285px); float: right; }
.ContactFormList input{font-family: 'Noto Sans JP', sans-serif;}
.ContactFormList input[type=text]{ display: inline-block; background-color: #f4f4f4; outline:none; width: 100%; padding: 20px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #fff; }
.ContactFormList input[type=email]{ display: inline-block; background-color: #f4f4f4;  outline:none; width: 100%; padding: 20px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #fff; }
.ContactFormList input[type=tel]{ display: inline-block; background-color: #f4f4f4;  outline:none; width: 100%; padding: 20px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #fff; }
.ContactFormList input[type=number]{ display: inline-block; background-color: #f4f4f4;  outline:none; width: 100%; padding: 20px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #fff; }
.ContactFormList .FormRow p.date-form{}
.ContactFormList p.date-form span.wpcf7-form-control-wrap{}
.ContactFormList input[type=date]{ display: inline-block; max-width: 180px; background: #f4f4f4;  outline:none; padding: 12px 15px; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #fff;}
.ContactFormList input[type="date" i]::-webkit-calendar-picker-indicator {width: 32px; height: 32px;cursor: pointer;}
.ContactFormList input[type=date]::-internal-datetime-container{}
.ContactFormList input[type=date]::-webkit-datetime-edit {color: #777; pointer-events : none; font-size: 14px;}



.ContactFormList select{ display: inline-block; background-color: #f4f4f4;  outline:none; width: 100%; padding: 18px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #eee; background: #f4f4f4 url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right center; background-position: right 1rem center; font-family: 'Noto Sans JP', sans-serif;}
.ContactFormList textarea{ display: inline-block; background-color: #f4f4f4; outline:none; width: 100%; padding: 20px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #fff; font-family: 'Noto Sans JP', sans-serif;}
.ContactFormList input[type=checkbox]{ transform: scale(1.5); margin-right: 10px; margin-top: 5px; }
.ContactFormList button { position: relative; font-family: 'Kanit', sans-serif; text-transform: uppercase; display: inline-block; outline:none; cursor: pointer; background-color: #000; letter-spacing: 3px; border:0px solid #990000ff; color: #fff; padding: 12px 10px 12px 10px; width: 100%; max-width: 250px; font-size: 16px; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s;  }
.ContactFormList button:hover{ background-color: #B5E533; transition: all .3s; }
.ContactFormList input[type=submit] { position: relative; text-transform: uppercase; display: inline-block; outline:none; cursor: pointer; background-color: #B5E533; letter-spacing: 2px; border-radius: 8px; border:0px solid #990000ff; color: #000; padding: 25px 50px; width: 100%; max-width: 240px; margin: auto; font-size: 23px; font-weight: 700; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s;  }
.ContactFormList input[type=submit]:hover{ background-color: #2B2B2A; color: #fff; transition: all .3s; }
.CodoR .ContactFormList input[type=submit] { background-color: #B5E533; }
.CodoS .ContactFormList input[type=submit] { background-color: #2e73c8; }
.OfficeR .ContactFormList input[type=submit] { background-color: #f2973f; }
.FactoryB .ContactFormList input[type=submit] { background-color: #5ab994; }
.ContactFormList .FormRow .ThreeBox{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.ContactFormList .FormRow .ThreeBox label:nth-child(1){ width: 47.5%;}
.ContactFormList .FormRow .ThreeBox label:nth-child(2){ width: 5%;text-align: center; font-size: 18px;}
.ContactFormList .FormRow .ThreeBox label:nth-child(3){ width: 47.5%;}
.ContactFormList .FormRow .CheckboxBox3{ display: flex; /*display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;*/}
.ContactFormList .FormRow .wpcf7-form-control-wrap{ width: 100%;}
.ContactFormList .FormRow .CheckboxBox3 .wpcf7-checkbox{ display: flex; flex-wrap: wrap; justify-content: left;}
.ContactFormList .FormRow .CheckboxBox3 .wpcf7-checkbox span.wpcf7-list-item{ width: 33.33%; margin-left: 0; margin-top: 7px; padding-right: 15px; font-size: 15px;}
.ContactFormList .FormRow .CheckboxBox3 .wpcf7-checkbox span.wpcf7-list-item label{ display: flex; justify-content: left; align-items: flex-start; }
.ContactFormList .FormRow .CheckboxBox{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
/*.ContactFormList .FormRow .CheckboxBox label{ width: 33.33%; margin: 7px 0;}*/
.ContactFormList .FormRow .CheckboxBox span.wpcf7-list-item label{ display: flex; justify-content: left; align-items: flex-start; }
.ContactFormList .FormRow .CheckboxBox span.wpcf7-list-item{ width: 33.33%!important; margin: 7px 0; padding-right: 15px; font-size: 15px;}
.ContactFormList .Privacy{ margin: 40px 0; text-align: center;}
.CodoR .ContactFormList .Privacy a{ color: #B5E533; text-decoration: underline;}
.CodoS .ContactFormList .Privacy a{ color: #2e73c8; text-decoration: underline;}
.OfficeR .ContactFormList .Privacy a{ color: #f2973f; text-decoration: underline;}
.FactoryB .ContactFormList .Privacy a{ color: #5ab994; text-decoration: underline;}
.ContactFormList .BTNSubmit{ margin: 40px 0; text-align: center;}
.ContactFormList .wpcf7-spinner{ display: block!important; margin: auto!important;}
.ContactFormList .wpcf7-not-valid-tip{ font-size: 12px!important;}
.ContactFormList .wpcf7 form .wpcf7-response-output{ margin: 0px 0.5em 10px!important; font-size: 14px!important; line-height: 21px!important; text-align: center!important; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{ text-align: center; padding: 15px 10px;}
.Require{ color: red;}

/* AboutPageHeader */
.AboutPageHeader{ background: #fff; position: relative; padding: 100px 0 300px 0; background: url(../images/about/bg-about-page.png) no-repeat; background-position: bottom center; background-size: contain; }
.AboutPageHeader .RightBG{ position: absolute; content: ''; right: 0; top: -40px; width: 30%; height: auto; z-index: -1;}
.AboutPageHeader .RightBG img{ width: 100%; height: auto; max-width: 100%;}
.AboutPageHeaderBox{ max-width: 1100px; height: auto; margin: auto; position: relative; }
.AboutPageHeaderBox .Inner{ position: relative; /*max-width: 69%;*/ }
/*.AboutPageHeaderBox .Inner h2{ color: #40403F; display: inline-block; position: relative; font-size: 50px; font-weight: 700; z-index: 1; letter-spacing: 2px;}
.AboutPageHeaderBox .Inner h2 span{ color: #80807F;}
.AboutPageHeaderBox .Inner h2:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}*/
.AboutPageHeaderBox .Inner .TitleH{ margin: 0; color: #40403F; display: inline-block; position: relative; font-size: 50px; font-weight: 700; z-index: 1; letter-spacing: 2px;}
.AboutPageHeaderBox .Inner .TitleH span{ color: #80807F;}
.AboutPageHeaderBox .Inner .TitleH:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}
.AboutPageHeaderBox .Inner h1.Title{ width: 80%; margin-top: 30px; margin-bottom: 50px; font-size: 36px; font-weight: 700;}
.AboutPageHeaderBox .Inner h1.Title span{ display: block;}
.AboutPageHeaderBox .Inner .Descriptions{ font-size: 17px; margin: 30px 0; line-height: 35px; font-weight: 300;}
.AboutPageHeaderBox .PictureRight{ position: absolute; content: ''; right: 0%; top: -50px; height: auto; text-align: right;  z-index: 1;}
.AboutPageHeaderBox .PictureRight img{ width: 100%; height: auto; max-width: 300px; max-height: 300px; }
.IconBaseBall{ position: absolute; content: ''; right: 8%; bottom: 12%; height: auto; text-align: right;  z-index: 1;}
.IconBaseBall img{ width: 100%; height: auto; max-width: 280px; max-height: 280px; }

/* OurStaffHeader */
.OurStaffHeader{ background: #fff; position: relative; padding: 100px 0 60px 0;}
.OurStaffHeaderBox{ max-width: 1100px; height: auto; margin: auto; position: relative; }
.OurStaffHeaderBox .Inner{ position: relative; /*max-width: 69%;*/ }
/*.OurStaffHeaderBox .Inner h2{ color: #40403F; display: inline-block; position: relative; font-size: 50px; font-weight: 700; z-index: 1; letter-spacing: 2px;}
.OurStaffHeaderBox .Inner h2 span{ color: #80807F;}
.OurStaffHeaderBox .Inner h2:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}*/
.OurStaffHeaderBox .Inner .TitleH{ margin: 0; color: #40403F; display: inline-block; position: relative; font-size: 50px; font-weight: 700; z-index: 1; letter-spacing: 2px;}
.OurStaffHeaderBox .Inner .TitleH span{ color: #80807F;}
.OurStaffHeaderBox .Inner .TitleH:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}
.OurStaffHeaderBox .Inner h2.Title{ margin-top: 30px; margin-bottom: 50px; font-size: 33px; font-weight: 700;}
.OurStaffHeaderBox .Inner h2.Title span{ display: block;}
.OurStaffHeaderBox .Inner .Descriptions{ font-size: 17px; margin: 30px 0; line-height: 35px; font-weight: 300;}
.OurStaffHeaderBox .PictureRight{ position: absolute; content: ''; right: 33%; top: -50px; height: auto; text-align: right;  z-index: 1;}
.OurStaffHeaderBox .PictureRight img{ width: 100%; height: auto; max-width: 260px; max-height: 260px; }

/* OurStaffFirst */
.OurStaffFirst{ height: auto; margin: auto; position: relative; }
.OurStaffFirstBox{ max-width: 1100px; height: auto; margin: auto; position: relative; display: flex; flex-wrap: nowrap; justify-content: space-between;  }
.OurStaffFirstBox .LeftFirst{  width: 45%; }
.OurStaffFirstBox .LeftFirst .LeftCaptions{ font-size: 24px; font-weight: 600; line-height: 50px; margin-bottom: 40x; text-decoration: underline #cbed70; text-underline-offset: 10px; display: block; }
.OurStaffFirstBox .LeftFirst .CaptionSecound{ margin-top: 40px; line-height: 31px; font-weight: 300;}
.OurStaffFirstBox .RightFirst{  width: 45%; z-index: 1; }
.OurStaffFirstBox .RightFirst .Picture{ margin-bottom: 20px;}
.OurStaffFirstBox .RightFirst .Picture img{ width: 100%; height: auto; max-width: 100%; margin-left: -40px; }
.OurStaffFirstBox .RightFirst .Position{ margin-bottom: 0;}
.OurStaffFirstBox .RightFirst .Title{ margin-top: 0; font-size: 20px; font-weight: 700;}
.OurStaffFirstBox .RightFirst .Descriptions{ margin-top: 20px; padding-left: 10px; border-left: 2px solid #bfbfbf; line-height:33px; font-weight: 300;}

.CompanyProfileList{ max-width: 700px; margin: auto; margin-top: 50px;}
.CompanyProfileList .RowLR{ font-size: 16px; font-weight: 300; margin: 20px 0; display: block; overflow: hidden; }
.CompanyProfileList .RowLR p{ margin: 0; }
.CompanyProfileList .RowLR p:nth-child(1){ width: calc(100% - 240px); max-width: 160px; float: left; }
.CompanyProfileList .RowLR p:nth-child(2){ width: calc(100% - 170px); float: right; }

/* GooleMapTail */
.GooleMapTail{ width: 100%; height: auto; margin-top: 40px; margin-bottom: 40px;}
.GooleMapTail .NormalMap{ position: relative; padding-bottom: 30.25%; padding-top: 30px; height: 0; overflow: hidden; }
.GooleMapTail .NormalMap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* CenterPictureBox */
.CenterPictureBox{ text-align: center; margin: 50px 0; position: relative;}
.CenterPictureBox img{ width: auto; max-width: 400px; height: auto;}
.CenterPictureBox:after{ position: absolute;  top: 40%; left: 0; content: ''; width: 100%; height: 60px; background: url(../images/about/icon-bg-center.svg) no-repeat; background-position: center; background-size: cover; z-index: -1; }

.OurStaffAll{ position: relative; overflow: hidden;}
.OurStaffAll .OurRightBG{ position: absolute; content: ''; right: 0; top: 0; width: 45%; height: auto; text-align: right; z-index: 1;}
.OurStaffAll .OurRightBG img{ width: 100%; height: auto; max-width: 100%; }
.OurStaffAll .OurLeftBG{ position: absolute; content: ''; left: 0; bottom: 0; width: 45%; height: auto; text-align: left; z-index: -1;}
.OurStaffAll .OurLeftBG img{ width: 100%; height: auto; max-width: 100%; }

.OurStaffList{ max-width: 1100px; height: auto; margin: auto; position: relative; }
.OurStaff3Box{ margin: 100px 0; overflow: auto;}
.OurStaff3Box ul{ margin: 0; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.OurStaff3Box ul li{ width: 30%;}
.OurStaff3Box ul li p{ margin: 0; }
.OurStaff3Box ul li .Picture{ margin-bottom: 20px;}
.OurStaff3Box ul li .Picture img{ width: 100%; height: auto; max-width: 100%; }
.OurStaff3Box ul li .Title{ font-size: 20px; font-weight: 700;}
.OurStaff3Box ul li .Descriptions{ margin-top: 20px; padding-left: 10px; border-left: 2px solid #bfbfbf; line-height:33px; font-weight: 300;}

.OurStaffTeam{ margin: 100px 0; overflow: auto;}
.OurStaffTeamBox{ max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; overflow: hidden; }
.OurStaffTeamBox .Left{ width: 33%; position: relative; order: 1; }
.OurStaffTeamBox .Left .Detail{ background-color: #ecf8ca; padding: 40px; font-size: 20px; position: absolute; top: -110px; right: -20px; }
.OurStaffTeamBox .Left .Detail:before{ width: 47px; height: 40px; position: absolute; content: '';  left: 20px; top: -15px; background: url(../images/about/icon-green-quot.svg) no-repeat; background-position: center; background-size: cover;}
.OurStaffTeamBox .Left .Detail:after{ width: 47px; height: 40px; position: absolute; content: '';  right: 20px; bottom: -15px; background: url(../images/about/icon-blue-quot.svg) no-repeat; background-position: center; background-size: cover;}
.OurStaffTeamBox .Right{ width: 67%; order: 2;  }
.OurStaffTeamBox .Right img{ width: 100%; height: auto; max-width: 100%;}

/* StreghtPageHeader */
.StreghtPageHeader{ background: #fff; position: relative; padding: 100px 0 20px 0; }
.StreghtPageHeaderBox{ max-width: 1100px; height: auto; margin: auto; position: relative; }
.StreghtPageHeaderBox .Inner{ position: relative; /*max-width: 69%;*/ }
/*.StreghtPageHeaderBox .Inner h2{ color: #40403F; display: inline-block; position: relative; font-size: 50px; font-weight: 700; z-index: 1; letter-spacing: 2px;}
.StreghtPageHeaderBox .Inner h2 span{ color: #80807F;}
.StreghtPageHeaderBox .Inner h2:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}*/
.StreghtPageHeaderBox .Inner .TitleH{ margin: 0; color: #40403F; display: inline-block; position: relative; font-size: 50px; font-weight: 700; z-index: 1; letter-spacing: 2px;}
.StreghtPageHeaderBox .Inner .TitleH span{ color: #80807F;}
.StreghtPageHeaderBox .Inner .TitleH:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}
.StreghtPageHeaderBox .Inner h1.Title{ margin-top: 30px; margin-bottom: 50px; font-size: 34px; font-weight: 700;}
.StreghtPageHeaderBox .Inner h1.Title span{ display: block;}
.StreghtPageHeaderBox .Inner h2.Title{ margin-top: 30px; margin-bottom: 50px; font-size: 33px; font-weight: 700;}
.StreghtPageHeaderBox .Inner h2.Title span{ display: block;}
.StreghtPageHeaderBox .Inner .Descriptions{ font-size: 17px; margin: 30px 0; line-height: 35px; font-weight: 300;}
.WhyFirstSection{ position: relative; width: 100%; background: url(../images/strenght/streght-line.svg) no-repeat; background-position: center; background-size: cover; }
.WhyFirstSectionBox{ max-width: 1100px; height: auto; margin: auto; position: relative; }
.WhyFirstSectionBox .Descriptions{ width: 78%; font-size: 18px; font-weight: 300; line-height: 35px; padding: 50px 0;}
.WhyFirstSectionBox .Descriptions b, .WhyOyashikiBox .Inner .Descriptions b{ font-size: 100%; font-weight: 800; position: relative; z-index: 1; display: inline; margin: 0 3px;}
.WhyFirstSectionBox .Descriptions b:after, .WhyOyashikiBox .Inner .Descriptions b:after {
    position: absolute;
    left: 0;
    z-index: -1;
    bottom: 0px;
    content: '';
    width: 100%;
    height: 8px;
    background-color: rgba(255,255,255,0.5);
}
.WhyOyashikiBox .Inner .Descriptions b:after{ background-color: #CBED70;}
.WhyFirstSection .Picture{ position: absolute; right: 3%; bottom: -16px;}
.WhyFirstSection .Picture img{ width: 100%; height: auto; max-width:360px; }
.StreghtPageHeaderBox .Inner h1.Title .Number{ display: inline-block; border-radius: 100px; color: #000; background-color: #b5e533; width: 70px; height: 70px; line-height: 70px; text-align: center; }
.StreghtPageHeaderBox .Inner h2.Title .Number{ display: inline-block; border-radius: 100px; color: #000; background-color: #b5e533; width: 70px; height: 70px; line-height: 70px; text-align: center; }
.StreghtPageHeaderBox .StreghtIconCenter { position: absolute; right: 11%; top: -45%;}
.StreghtPageHeaderBox .StreghtIconCenter img{ width: 100%; height: auto; max-width: 250px;  }

.CodoR .StreghtPageHeaderBox .Inner .TitleH:after{ background-color: #CBED70; }
.CodoR .WhyFirstSection{ background: url(../images/strenght/streght-line.svg) no-repeat; background-position: center; background-size: cover; }
.CodoR .StreghtPageHeaderBox .Inner h1.Title .Number{ background-color: #CBED70; }
.CodoR .StreghtPageHeaderBox .Inner h2.Title .Number{ background-color: #CBED70; }
.CodoR .OurStaffHeaderBox .Inner .TitleH:after{ background-color: #CBED70;}
.CodoR .OurStaffFirstBox .LeftFirst .LeftCaptions{ text-decoration: underline #cbed70; }
.CodoS .StreghtPageHeaderBox .Inner .TitleH:after{ background-color: #4fbded; }
.CodoS .WhyFirstSection{ background: url(../images/strenght/streght-line-s.svg) no-repeat; background-position: center; background-size: cover; }
.CodoS .StreghtPageHeaderBox .Inner h1.Title .Number{ background-color: #4fbded; }
.CodoS .StreghtPageHeaderBox .Inner h2.Title .Number{ background-color: #4fbded; }
.CodoS .OurStaffHeaderBox .Inner .TitleH:after{ background-color: #4fbded;}
.CodoS .OurStaffFirstBox .LeftFirst .LeftCaptions{ text-decoration: underline #4fbded; }
.OfficeR .StreghtPageHeaderBox .Inner .TitleH:after{ background-color: #f8c75c; }
.OfficeR .WhyFirstSection{ background: url(../images/strenght/streght-line-o.svg) no-repeat; background-position: center; background-size: cover; }
.OfficeR .StreghtPageHeaderBox .Inner h1.Title .Number{ background-color: #f8c75c; }
.OfficeR .StreghtPageHeaderBox .Inner h2.Title .Number{ background-color: #f8c75c; }
.OfficeR .OurStaffHeaderBox .Inner .TitleH:after{ background-color: #f8c75c;}
.OfficeR .OurStaffFirstBox .LeftFirst .LeftCaptions{ text-decoration: underline #f8c75c; }
.FactoryB .StreghtPageHeaderBox .Inner .TitleH:after{ background-color: #84d9c5; }
.FactoryB .WhyFirstSection{ background: url(../images/strenght/streght-line-f.svg) no-repeat; background-position: center; background-size: cover; }
.FactoryB .StreghtPageHeaderBox .Inner h1.Title .Number{ background-color: #84d9c5; }
.FactoryB .StreghtPageHeaderBox .Inner h2.Title .Number{ background-color: #84d9c5; }
.FactoryB .OurStaffHeaderBox .Inner .TitleH:after{ background-color: #84d9c5;}
.FactoryB .OurStaffFirstBox .LeftFirst .LeftCaptions{ text-decoration: underline #84d9c5; }

.StreghtLeftRight{ margin: 40px 0; }
.StreghtLeftRight ul{ margin: 0; } 
.StreghtLeftRight ul li{ background-color: #e0eef4; }
.StreghtLeftRight ul li .InnerBox .Left .Title .NumberCount{ font-size: 90px; font-weight: 600; width: 60px; margin-right: 10px; color: #0073a5;}
.StreghtLeftRight ul li .InnerBox .Left h3 .NumberCount{ font-size: 90px; font-weight: 600; width: 60px; margin-right: 10px; color: #0073a5;}
.StreghtLeftRight ul li:nth-child(odd){ background-color: #eff9d2; }
.StreghtLeftRight ul li:nth-child(odd) .InnerBox .Left .Title .NumberCount{ color: #b5e533;}
.StreghtLeftRight ul li:nth-child(odd) .InnerBox .Left h3 .NumberCount{ color: #b5e533;}
.StreghtLeftRight ul li:nth-child(odd) .Right{ right: 0; text-align: right;}
.StreghtLeftRight ul li:nth-child(odd) .InnerBox .Left{ width: 46%; order: 1;  }
.StreghtLeftRight ul li{ padding: 100px 0; position: relative; margin-bottom: 40px;}
.StreghtLeftRight ul li .InnerBox{ position: relative; display: flex; justify-content: space-between; align-items: center; }
.StreghtLeftRight ul li .InnerBox .Left{ width: 46%; order: 2;  float: right;}
.StreghtLeftRight ul li .InnerBox .Left .Title{ margin: 0; display: flex; justify-content: left; align-items: center; font-size: 30px; font-weight: 600; }
.StreghtLeftRight ul li .InnerBox .Left h3{ margin: 0; display: flex; justify-content: left; align-items: center; font-size: 30px; font-weight: 600; }
.StreghtLeftRight ul li .InnerBox .Left .Descriptions{ margin: 0; font-size: 16px; line-height: 31px; }
.StreghtLeftRight ul li .Right{ position: absolute; bottom: 0; left: auto; width: 46%; text-align: left;}
.StreghtLeftRight ul li .Right img{ width: 100%; height: auto; max-width: 650px; max-height: 320px; position: relative; background-color: #0073a5; padding-right: 30px; padding-left: 0; border-radius: 0 80px 0 0; }
.StreghtLeftRight ul li:nth-child(odd) .Right img{  background-color: #b5e533; padding-left: 30px; padding-right: 0; border-radius: 80px 0 0 0; }

/* PrivacyPolicy */
.PrivacyPolicy{ background: #fff; position: relative; padding: 100px 0 100px 0; }
.PrivacyPolicyBox{ max-width: 1100px; height: auto; margin: auto; position: relative; }
.PrivacyPolicyBox .Inner{ position: relative; /*max-width: 69%;*/ }
.PrivacyPolicyBox .Inner.Centering{ text-align: center;}
.PrivacyPolicyBox .Inner .TitleEN{ margin: 0; color: #40403F; display: inline-block; position: relative; font-size: 45px; font-weight: 700; z-index: 1; letter-spacing: 2px;}
.PrivacyPolicyBox .Inner .TitleEN span{ color: #80807F;}
.PrivacyPolicyBox .Inner .TitleEN:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}
.PrivacyPolicyBox .Inner h1.Title{ margin-top: 10px; margin-bottom: 50px; font-size: 31px; font-weight: 700;}
.PrivacyPolicyBox .Inner h1.Title span{ display: block;}
.PrivacyPolicyBox .Inner .Detail{ font-size: 18px; margin: 30px 0; line-height: 35px; font-weight: 300; text-align: left;}
.PrivacyPolicyBox .Inner .Detail .title{ display: block; margin: 50px 0 20px 0!important; font-size: 25px; font-weight: 600; padding-left: 20px; border-left: 5px solid #68C722;}
.PrivacyPolicyBox .Inner .Detail p{ margin: 15px 0;}
.PrivacyPolicyBox .Inner .Detail ul { margin-left: 20px;}
.PrivacyPolicyBox .Inner .Detail ul li{ list-style: disc!important; }
.PrivacyPolicyBox .Inner .Detail ol{ margin-left: 40px; /*counter-reset: item;*/counter-reset: my-sec-counter; }
.PrivacyPolicyBox .Inner .Detail ol ol{ margin-left: 20px; margin-top: 10px; }
.PrivacyPolicyBox .Inner .Detail ol ol ol{ margin-left: 20px; margin-top: 10px; }
.PrivacyPolicyBox .Inner .Detail ol li{ list-style-type:decimal!important; position: relative; display: block!important; margin-bottom: 10px; }
.PrivacyPolicyBox .Inner .Detail ol li:before { /*content: counters(item, "") "."; counter-increment: item;*/ counter-increment: my-sec-counter; content: "" counter(my-sec-counter) ". "; margin-left: -22px; color: #68C722; font-size: 20px; font-weight: 600; }
.PrivacyPolicyBox .Inner .Detail ol li li{ margin-left: 20px;}
.PrivacyPolicyBox .Inner .Detail ol li li:before { /*content: counters(item, ".") ". )"; counter-increment: item;*/ counter-increment: my-sec-counter; content: "" counter(my-sec-counter) ". "; margin-left: -22px; }
.PrivacyPolicyBox .Inner .Detail ol li li li:before { /*content: counters(item, ".") ". )"; counter-increment: item;*/ counter-increment: my-sec-counter; content: "" counter(my-sec-counter) ". "; margin-left: -27px; }
.PrivacyPolicyBox .Inner .Detail .title{ font-weight: bold; display: inline-block; margin-bottom: 5px;}
.PrivacyPolicyBox .Inner .Detail a{ text-decoration: underline; color: #83bccf;}
.PrivacyPolicyBox .Inner .Detail .EM{ font-style: italic;}
.PrivacyPolicyBox .Inner .Detail .ML40{ margin-left: 40px;}

.PrivacyPolicyBox .Inner .Detail table{ background: #f7fcf4;}
.PrivacyPolicyBox .Inner .Detail table tr th, .PrivacyPolicyBox .Inner .Detail table tr td{border: 1px solid #bfbfbf; padding: 4px 8px;}
.PrivacyPolicyBox .Inner .Detail table tr th{background-color: #68c722; color: #fff; font-weight: bold;}


/* PageNotFound */
.PageNotFound{ background: #fff; position: relative; padding: 100px 0 100px 0; }
.PageNotFoundBox{ max-width: 1100px; height: auto; margin: auto; position: relative; }
.PageNotFoundBox .Inner{ position: relative; /*max-width: 69%;*/ }
.PageNotFoundBox .Inner .TitleEN{ margin: 0; color: #40403F; display: inline-block; position: relative; font-size: 45px; font-weight: 700; z-index: 1; letter-spacing: 2px;}
.PageNotFoundBox .Inner .TitleEN span{ color: #80807F;}
.PageNotFoundBox .Inner .TitleEN:after{ position: absolute; left: 0; z-index: -1; bottom: 13px; content: ''; width: 100%; height: 15px; background-color: #CBED70;}
.PageNotFoundBox .Inner h1.Title{ margin-top: 10px; margin-bottom: 50px; font-size: 31px; font-weight: 700;}
.PageNotFoundBox .Inner h1.Title span{ display: block;}
.PageNotFoundBox .Inner .Detail{ font-size: 17px; margin: 30px 0; line-height: 35px; font-weight: 300;}
.Center{ text-align: center!important;}

/* PopUpContactTopBarBG */
.PopUpContactTopBarBG{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); display: none; justify-content: center; align-items: center; z-index: 9999999999999;}
.PopUpContactTopBar{ max-width: 400px; margin: auto; background-color: #fff; max-height: 90%;}
.PopUpContactTopBar.omakase{ max-width: 900px; margin: auto; background-color: #fff; }
.PopUpContactTopBar.omakase .SearchScroll{max-height: 600px;overflow: scroll; }
.SearchClose{ position: absolute; right: -25px; top: -25px; width: 40px; height: 40px; background-color: #fff; color: red; text-align: center; line-height: 40px; font-weight: bold; border-radius: 100px; z-index: 10;}
.SearchClose a{ display: block; color: #000; }
.PopUpContactTopBar .SearchBox{ background-color: #fff; border: 2px solid #2B2B2A; font-size: 15px; position: relative; z-index: 9; }
.PopUpContactTopBar .SearchBox .Captions{ margin: 0; padding: 10px 20px;}
.PopUpContactTopBar .SearchBox .Title{ margin: 0; font-size: 24px; background: #2B2B2A url(../images/bg-icon-search.png) no-repeat; background-position: left; background-position-x: 10px; background-size: contain; padding: 10px 10px 10px 40px; color: #fff; text-align: center; }
.PopUpContactTopBar .SearchBox .SearchForm{ padding: 5px 25px 0px 25px; font-weight: 300; line-height: 28px;}

.PopUpContactTopBar.omakase .SearchBox .Captions{ margin: 0; padding: 5px 30px;}
.PopUpContactTopBar.omakase .SearchBox p:nth-child(2){ margin-top: 15px; }
.PopUpContactTopBar.omakase .SearchBox .SearchForm{ padding: 5px 30px 0px 30px;}
.PopUpContactTopBar.omakase .SearchBox .SearchForm .ContactFormList{ margin-top: 0px;}
.PopUpContactTopBar .SearchBox .SearchForm p{ margin: 0; font-size: 15px;}
.PopUpContactTopBar .SearchBox .FormRows{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.PopUpContactTopBar .SearchBox .FormRows p{ width: 46%; margin: 10px 0; text-align: center; }
.PopUpContactTopBar .SearchBox .FormRows .Wide100{ width: 100%; }
.PopUpContactTopBar .SearchBox .FormRows input[type=text]{ display: inline-block; outline:none; width: 100%; padding: 12px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; border-radius: 5px; }
.PopUpContactTopBar .SearchBox .FormRows input[type=email]{ display: inline-block; outline:none; width: 100%; padding: 12px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; border-radius: 5px; }
.PopUpContactTopBar .SearchBox .FormRows input[type=tel]{ display: inline-block; outline:none; width: 100%; padding: 12px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; border-radius: 5px; }
.PopUpContactTopBar .SearchBox .FormRows select{ display: inline-block; outline:none; width: 100%; margin-top: 2px; padding: 12px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; background: url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right center; background-position: right 1rem center; border-radius: 5px; }
.PopUpContactTopBar .SearchBox .FormRows button { position: relative; font-family: 'Kanit', sans-serif; text-transform: uppercase; display: inline-block; outline:none; cursor: pointer; background-color: #000; letter-spacing: 3px; border:0px solid #990000ff; color: #fff; padding: 12px 10px 12px 10px; width: 100%; max-width: 250px; font-size: 16px; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s; border-radius: 5px; }
.PopUpContactTopBar .SearchBox .FormRows button:hover{ background-color: #B5E533; transition: all .3s; }
.PopUpContactTopBar .SearchBox .FormRows input[type=submit] { position: relative; text-transform: uppercase; display: inline-block; outline:none; cursor: pointer; background-color: #B5E533; letter-spacing: 2px; border:0px solid #990000ff; color: #000; padding: 8px 20px 8px 20px; width: 100%; max-width: 120px; margin: auto; font-size: 15px; font-weight: 600; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s; border-radius: 5px; }
.PopUpContactTopBar .SearchBox .FormRows input[type=submit]:hover{ background-color: #2B2B2A; color: #fff; transition: all .3s; }
.PopUpContactTopBar .SearchBox .Wide100{ width: 100%; text-align: center; margin-top: 10px!important; }
.PopUpContactTopBar .SearchBox input[type=submit] { position: relative; text-transform: uppercase; display: inline-block; outline:none; cursor: pointer; background-color: #B5E533; letter-spacing: 2px; border:0px solid #990000ff; color: #000; padding: 8px 20px 8px 20px; width: 100%; max-width: 120px; margin: auto; font-size: 15px; font-weight: 600; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s; border-radius: 5px; }
.PopUpContactTopBar .SearchBox input[type=submit]:hover{ background-color: #2B2B2A; color: #fff; transition: all .3s; }
.PopUpContactTopBar .wpcf7-spinner{ display: block!important; margin: auto!important;}
.PopUpContactTopBar .wpcf7-not-valid-tip{ font-size: 12px!important;}
.PopUpContactTopBar .wpcf7 form .wpcf7-response-output{ margin: 0px 0.5em 10px!important; font-size: 14px!important; line-height: 21px!important; text-align: center; }

.SNSIconFooter{ margin: 35px 0 0 0; display: flex; justify-content: left; }
.SNSIconFooter a{ display:block; width: 32px;height: 32px; padding:4px; border: 1px solid #000; border-radius: 50%; text-align: center;}
.SNSIconFooter a:hover{ background: #B5E533;}
.SNSIconFooter img{ width: 100%;  height: auto; max-width: 20px; vertical-align:baseline;}
.SNSIconFooter span{ display: block; margin-top: 0px; font-size: 12px; }
.SNSIconFooter p{ margin-right: 10px!important; text-align: center; }

/* StaffList2026 */
.StaffList2026{ max-width: 1100px; height: auto; margin: auto; margin-top: 100px; margin-bottom: 100px; position: relative; }
.StaffList2026 ul{ margin: 0; display: flex; flex-wrap: wrap; justify-content: left; gap: 3.5%; }
.StaffList2026 ul li{ width: 31%; margin-bottom: 40px; }
.StaffList2026 ul li .StaffList2026LR{ display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
.StaffList2026 ul li .StaffList2026LR .PictureL{ width: auto;}
.StaffList2026 ul li .StaffList2026LR .PictureL p{ width: 150px; height: 150px; border-radius: 100px; overflow: hidden; border: 2px solid #0073A5; }
.StaffList2026 ul li .StaffList2026LR .PictureL p img{ display: block; width: 100%; max-width: 100%; height: 100%; max-height: 100%; object-fit: cover; }
.StaffList2026 ul li .StaffList2026LR .NameR{ width: 100%; padding-left: 10px;}
.StaffList2026 ul li .StaffList2026LR .NameR .NameBox{ min-height: 65px;}
.StaffList2026 ul li .StaffList2026LR .NameR .Name{ color: #0073A5; font-size: 18px; font-weight: bold; }
.StaffList2026 ul li .StaffList2026LR .NameR .NameEN{ color: #0073A5; font-size: 18px; font-weight: bold; }
.StaffList2026 ul li .StaffList2026LR .NameR .Position{ color: #0073A5; margin-top: 10px; font-size: 15px; line-height: 21px; }
.StaffList2026 ul li .Subject{ font-weight: bold; margin-top: 20px; padding-left: 20px; }
.StaffList2026 ul li .Description{ font-size: 15px; line-height: 25px; padding-left: 20px; }
.StaffList2026 ul li p{ margin: 0; }
/* End StaffList2026 */