.itopplus-background {

}

a {
    color: #444444;
}
a:hover {
    color: #fa9e39;
   opacity:1;
}

.itopplus-slide {
    color: #444444;
}
.itopplus-slide a {
    color: #444444;
}
.itopplus-slide a:hover {
    color: #444444;
}
.itopplus-banner3 {
    background-color: #000003;
}

.itopplus-footer {
    background-color: black;
    text-align: center;
    color: #fff;
}
.itopplus-footer a {
    color: #fff;
}



/***************************/
/*project*/
#Component60c17f7c57ce3b001268525f {
    min-height: 808px;
}
/*project อื่นๆ*/
#Component60c1c082b958340012d1b919 , #Component60c33d7164c868001a1a91fa , #Component60c341d9ade6ce00195b95c0 ,#Component60c342ff3cadc3001942324e , #Component60c1cd705a03a50012bcea5e ,  #Component60c316c8cab2e7001a03fbe7 ,  #Component60c31b5098f87e0019c59901 ,
#Component60c31be1c9bd9000192efecd , #Component60ec1bbbeff55800122a8ac1 ,  #Component60c31d4898f87e0019c59951 , #Component60c31dc19371b30019ed2833 , #Component60db1bb76dce0800126378c8 , #Component60db1d01dfa2520012be1dc8 , #Component60db1db3d22b3e0012c27196 ,
#Component60db1e73dfa2520012be1dd3 , #Component60db1f256dce0800126378e7 , #Component60db20c9d22b3e0012c271ac , #Component60db2134dfa2520012be1de3 , #Component60db2192d22b3e0012c271ba , #Component60db2253d22b3e0012c271cc , #Component60db22ed6dce08001263790b ,
#Component60db23bb6dce08001263791c , #Component60db2471d22b3e0012c271d6 , #Component60c320d564c868001a1a8ea8 , #Component60db2e24dfa2520012be1dfa , #Component60db2f486dce080012637948 , #Component60c32210ade6ce00195b9201 , #Component60db30d66dce08001263795c ,
#Component60db3206dfa2520012be1e17 , #Component60db327bd22b3e0012c27204 , #Component60c323533cadc30019422fbf ,  #Component60db34b0d22b3e0012c2721e , #Component60db36656dce08001263797e , #Component60db36cadfa2520012be1e29  , #Component60db37576dce08001263798c ,
#Component60db386bd22b3e0012c27239 , #Component60db1fef6dce0800126378f6 {
    min-height: 750px;
}


/*เมนูหลักทั้งหมด*/
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fa9e39!important;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
    text-shadow: 0 0 0 rgba(255,255,255,0%);
    font-size: 18px;
    padding: 15px 25px;
}
.dropdown-menu>li>a {
    color: #000 !important;
    font-size: 16px;
}
.itopplus-bgmain{
    background: #eeeff1;
}
.itopplus-banner {
    background: rgba(255,255,255,.0);
}
.navbar-default {
    background: transparent;
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form,.navbar-default .navbar-toggle {
    border-color: transparent;;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    background-color: transparent;
  color: #fa9e39;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
}

@media (max-width:768px) {
.navbar-default {
    background: #000;
}
.itopplus-banner {
    background: #000;
    position: inherit;
}
 .mahanakhon-menu1 {
    font-size: 34px;
    padding: 3% 0;
}
.mahanakhon-menu2 {
    font-size: 34px;
    padding: 3% 0 0;
}
}

/*เมนูมือถือ slidebar*/
@media (max-width:768px) {
  #Component60c197baed77520012fb5042 {
  	min-height: 350px;
  }
/*เมนูหลักทั้งหมด*/
.itopplus-sidebar-menu-single a:link {
    color: #fff !important;
}
/*เมนูย่อยแรก*/
.itopplus-sidebar-menu-single a:active {
    background-color: transparent;
    color: #fa9e39!important;
}
.itopplus-sidebar-menu-single {
    border-bottom: transparent;
}
/*เมนูย่อยถัดไป*/
.itopplus-sidebar-menu-parent a:active {
    background-color: transparent;
    color: #fa9e39!important;
}
.itopplus-sidebar-menu-parent a {
    color: white !important;
}
  /*slide
.no-js #slider60c17fa0a123310013393a09 , .no-js #Component60c1c082b958340012d1b91b,  .no-js #Component60c17ed657ce3b001268525a , .no-js #Component60c1ca5a5a03a50012bce9ed , .no-js #Component60c1e1f9323e5800124ee5e6 ,
.no-js #Component60c316c8cab2e7001a03fbe9 , .no-js #Component60c31b5098f87e0019c59903 , .no-js #Component60c31be1c9bd9000192efecf , .no-js #Component60c31c4a3cadc30019422f52 , .no-js #Component60c31d4898f87e0019c59953 ,
.no-js #Component60c31dc19371b30019ed2835 , .no-js #Component60c31e8998f87e0019c59967 , .no-js #Component60c341d9ade6ce00195b95c2 , .no-js #Component60c32210ade6ce00195b9203 , .no-js #Component60c3227fade6ce00195b920d ,
.no-js #Component60c322ef3cadc30019422fb3 , .no-js #Component60c342ff3cadc30019423250 , .no-js #Component60c323533cadc30019422fc1 , .no-js #Component60c33bcaade6ce00195b9470  ,  .no-js #Component60c33c2398f87e0019c59c19 ,
.no-js #Component60c33c99c9bd9000192f01ab , .no-js #Component60c33d119371b30019ed2aea , .no-js #Component60c33d7164c868001a1a91fe  , .no-js #Component60c31f4c9371b30019ed284b , .no-js #Component60c3205f98f87e0019c599a5 ,
.no-js  #Component60c320d564c868001a1a8eaa  , .no-js #Component60c32136ade6ce00195b91f7 , .no-js #Component60c321ba64c868001a1a8eca 
 {
    display: block;
  } */
}
 

  
/*เมนูมือถือ slidebar*/
@media only screen and (min-width: 769px){
.navbar-default.navbar-fixed .nav {
   display:none
}
.navbar-default {
   background: #000003 !important;
}
.itopplus-sidebar-menu-single a:link {
   color: #fff !important;
}
.itopplus-sidebar-menu-single a:active {
   background-color: transparent;
   color: #fa9e39!important;
}
.itopplus-sidebar-menu-single {
   border-bottom: transparent;
}
.itopplus-sidebar-menu-parent a {
   color: #fff !important;
}
.itopplus-sidebar-menu-parent a:active {
   background-color: transparent;
   color: #fa9e39!important;
}
  .itopplus-sidebar-menu-single a {
    color: white !important;
}
.text-bar {
   color: #fff!important;
}
.itopplus-banner {
   position: inherit;
}
.navbar-header {
   display: block !important;
}
.container.itopplus-search {
   display: none !important;
}
.navbar-header {
   float: right;
}
}

/*****************/
@media only screen and (min-width: 992px){
.navbar-default {
   background: transparent!important;
}
  .itopplus-banner {
   position: absolute !important;
}
.navbar-default.navbar-fixed .nav {
   display:block
}
 #itopplus-sticky-nav-bar {
   background: #fff;
}
.navbar-header {
   display: none !important;
}
}


/*เมนูชิดขวา*/
/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:right ;
}
.itopplus-menu {
    margin-top: 3%;
}
.itopplus-menu2 {
    padding-top: 3%;
}
li#menu60c0a14a13331a001a431179 .dropdown-menu , li#menu60c0a152e45ee0001909ab44 .dropdown-menu , li#menu60c0a15be45ee0001909ab52 .dropdown-menu , li#menu60c0a164e45ee0001909ab60 .dropdown-menu {
    display: none !important;
}
 .no-js  ul#slider60c17fa0a123310013393a09 {
    display: none;
}
/*slide
.no-js #slider60c17fa0a123310013393a09 , .no-js #Component60c1c082b958340012d1b91b,  .no-js #Component60c17ed657ce3b001268525a , .no-js #Component60c1ca5a5a03a50012bce9ed , .no-js #Component60c1e1f9323e5800124ee5e6 ,
.no-js #Component60c316c8cab2e7001a03fbe9 , .no-js #Component60c31b5098f87e0019c59903 , .no-js #Component60c31be1c9bd9000192efecf , .no-js #Component60c31c4a3cadc30019422f52 , .no-js #Component60c31d4898f87e0019c59953 ,
.no-js #Component60c31dc19371b30019ed2835 , .no-js #Component60c31e8998f87e0019c59967 , .no-js #Component60c341d9ade6ce00195b95c2 , .no-js #Component60c32210ade6ce00195b9203 , .no-js #Component60c3227fade6ce00195b920d ,
.no-js #Component60c322ef3cadc30019422fb3 , .no-js #Component60c342ff3cadc30019423250 , .no-js #Component60c323533cadc30019422fc1 , .no-js #Component60c33bcaade6ce00195b9470  ,  .no-js #Component60c33c2398f87e0019c59c19 ,
.no-js #Component60c33c99c9bd9000192f01ab , .no-js #Component60c33d119371b30019ed2aea , .no-js #Component60c33d7164c868001a1a91fe  , .no-js #Component60c31f4c9371b30019ed284b , .no-js #Component60c3205f98f87e0019c599a5 ,
.no-js  #Component60c320d564c868001a1a8eaa  , .no-js #Component60c32136ade6ce00195b91f7 , .no-js #Component60c321ba64c868001a1a8eca 
{
    display: none;
  } */
  .navbar-default {
   background: transparent!important;
}
.navbar-default.navbar-fixed .nav {
   display:block
}
 #itopplus-sticky-nav-bar {
   background: #fff;
}
.container.itopplus-search {
   display: inherit !important;
}
  .no-js #carousel60c095e313331a001a430ffa {
    display: none;
}
}
  

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:right ;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
   display: block;
   margin: 0;
 }
  .no-js #carousel60c095e313331a001a430ffa {
    display: block;
}
 .no-js  #carousel61036ba94a3481001242080e {
    display: none;
}
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {
.navbar-default .navbar-nav>li>a {
    font-size: 20px !important;
}
.mahanakhon-about1 {
    font-size: 18px !important;
}
.mahanakhon-contact {
    padding: 5% 7% 18% !important;
}
.mahanakhon-contact img {
    width: 80% !important;
    display: block;
    margin: 0 auto;
}
  .mahanakhon-paddetail {
    padding: 27.2% 0 !important;
}
  .mahanakhon-paddetail1 {
    padding: 5.6% 0 !important;
}
  .mahanakhon-paddetail2 {
    padding: 29.4% 0 !important;
}
  .mahanakhon-paddetail3 {
    padding: 36.4% 0 !important;
}
  .mahanakhon-paddetail4 {
    padding: 39.3% 0 !important;
}
  .mahanakhon-paddetail5 {
    padding: 30.3% 0 !important;
}
  .mahanakhon-paddetail6 {
    padding: 32.8% 0 !important;
}
  .mahanakhon-paddetail8 {
    padding: 9% 0 !important;
}
  .mahanakhon-paddetail9 {
    padding: 20.3% 0 !important;
}
  .mahanakhon-paddetail10 {
    padding: 6% 0 !important;
}
  .mahanakhon-paddetail11 {
    padding: 3.1% 0 !important;
}
  .mahanakhon-paddetail12 {
    padding: 25.7% 0 !important;
}
  .mahanakhon-paddetail13 {
    padding: 14.7% 0 !important;
}
  .mahanakhon-paddetail14 {
    padding: 16% 0 !important;
}
  .mahanakhon-paddetail15 {
    padding: 11% 0 !important;
}
  .mahanakhon-paddetail16 {
    padding: 13.4% 0 !important;
}
  .mahanakhon-paddetail17 {
    padding: 2.1% 0 !important;
}
.itopplus-menu {
    margin-top: 4%;
}
.itopplus-menu2 {
    padding-top: 3%;
}
  /***************************/
/*project*/
#Component60c17f7c57ce3b001268525f {
    min-height: 1140px !important;
}
/*project อื่นๆ*/
#Component60c1c082b958340012d1b919 , #Component60c33d7164c868001a1a91fa , #Component60c341d9ade6ce00195b95c0 ,#Component60c342ff3cadc3001942324e , #Component60c1cd705a03a50012bcea5e ,  #Component60c316c8cab2e7001a03fbe7 ,  #Component60c31b5098f87e0019c59901 ,
#Component60c31be1c9bd9000192efecd , #Component60ec1bbbeff55800122a8ac1 ,  #Component60c31d4898f87e0019c59951 , #Component60c31dc19371b30019ed2833 , #Component60db1bb76dce0800126378c8 , #Component60db1d01dfa2520012be1dc8 , #Component60db1db3d22b3e0012c27196 ,
#Component60db1e73dfa2520012be1dd3 , #Component60db1f256dce0800126378e7 , #Component60db20c9d22b3e0012c271ac , #Component60db2134dfa2520012be1de3 , #Component60db2192d22b3e0012c271ba , #Component60db2253d22b3e0012c271cc , #Component60db22ed6dce08001263790b ,
#Component60db23bb6dce08001263791c , #Component60db2471d22b3e0012c271d6 , #Component60c320d564c868001a1a8ea8 , #Component60db2e24dfa2520012be1dfa , #Component60db2f486dce080012637948 , #Component60c32210ade6ce00195b9201 , #Component60db30d66dce08001263795c ,
#Component60db3206dfa2520012be1e17 , #Component60db327bd22b3e0012c27204 , #Component60c323533cadc30019422fbf ,  #Component60db34b0d22b3e0012c2721e , #Component60db36656dce08001263797e , #Component60db36cadfa2520012be1e29  , #Component60db37576dce08001263798c ,
#Component60db386bd22b3e0012c27239 , #Component60db1fef6dce0800126378f6 {
    min-height: 1057px !important;
}
  #iframe60ffaaac47bfbc00197477dc iframe {
    height: 603px !important;
}
  #iframe610232134a3481001241e2a4 iframe {
    height: 520px !important;
}
    .no-js #carousel60c095e313331a001a430ffa {
    display: block;
}
     .no-js  #carousel61036ba94a3481001242080e {
    display: none;
}
}


/**********************/
/*---สไลด์ home---*/ 
.carousel-indicators.hidden {
   display: block!important;
   visibility: inherit!important;
   pointer-events: none;
}
.carousel-indicators .active {
   background-color: #fff;
 	border-color:#fff;
 	height:2.5px;
 	 margin: 0px;
 	  width: 5%;
}
.carousel-indicators li {
   background-color: #c1c1c1;
    border-color:#c1c1c1;
    height:2.5px;
     margin: 0px;
    width: 5%;
}
.carousel-control {
    text-shadow: 0 0 0 rgb(0 0 0 / 60%);
    opacity: .5;
}
.carousel-control:focus, .carousel-control:hover {
    opacity: .8;
}
.glyphicon-chevron-right:before {
    content: "\f105";
  font-family: FontAwesome;
   font-size: 38px;
   position: relative;
}
.glyphicon-chevron-left:before {
    content: "\f104";
  font-family: FontAwesome;
   font-size: 38px;
   position: relative;
}

/*---สไลด์ home---*/ 



.mahanakhon-menu {
    font-size: 34px;
    color: black;
    text-transform: uppercase;
}
table.tj2 {
   width:100%;
}
table.tj2 td {
    border: 0px solid #fff;
    border-right: 50px solid #eeeff1;
    padding: 15px 5px 10px 0;
    text-align: left;
    font-size: 17px;
    width: 25%;
    border-bottom: 1px solid #444;
    color: #444444;
    transition: 0.5s;
}


table.tj3 {
   width:100%;
}
table.tj3 td {
    border: 1px solid #ccc;
    padding: 15px 10px;
    text-align: left;
    font-size: 17px;
    color: #444444;
}
table.tj3 tr:hover{background-color: #f9f9f9;color: #000;}


.mahanakhon-menu1 {
    font-size: 34px;
    color: black;
    text-align:center;
    padding:1% 0;
    text-transform: uppercase;
}
.mahanakhon-menu2 {
    font-size: 34px;
    color: black;
    text-align:center;
    padding:1% 0;
    text-transform: uppercase;
}
.mahanakhon-menu1:hover {
    color: #fa9e39;
}
.mahanakhon-activity {
    font-size: 30px;
    text-align: right;
   
}
figure.effect-phoebe {
    background: transparent;
}
figure.effect-phoebe h2 {
     margin-top: 0em;
    -webkit-transform: translate3d(0,0px,0);
    transform: translate3d(0,0px,0);
    text-transform: capitalize;
    color: white;
    transition: 0.5s;
}
figure.effect-phoebe:hover h2 {
    color: #fa9e39;
}
.grid figure h2 {
    word-spacing: normal;
}
.grid figure h2 span {
    font-weight: 400;
}
figure.effect-phoebe img {
    opacity: 1;
    transition: 0.5s;
}



/**/
.mahanakhon-about1 {
    font-size: 16px;
    line-height: 1.7;
    padding: 2% 4%;
}
.mahanakhon-padabout1 {
    padding: 0 2%;
}
.mahanakhon-iconabout1 img {
    padding-bottom: 10px;
}
.mahanakhon-iconabout1 {
    font-size: 16px;
    text-align: center;
    padding: 1% 0;
    transition: 0.5s;
}
.mahanakhon-iconabout1:hover {
    transform: translateY(-10px);
    transition: 0.5s;
}


/**/
.carousel-inner p {
    display: none;
}
.mahanakhon-project1 {
    font-size: 18px;
    color: white;
    position: absolute;
    right: 5%;
    bottom: 10%;
    text-align: right;
    line-height: 1.2;
    text-transform: initial;
}
.mahanakhon-detailproject {
    font-size: 18px;
}
.mahanakhon-paddetail {
    padding: 27% 0;
}
.mahanakhon-paddetail1 {
    padding: 5.2% 0;
}
.mahanakhon-paddetail2 {
    padding: 29.2% 0;
}
.mahanakhon-paddetail3 {
    padding: 36% 0;
}
.mahanakhon-paddetail4 {
    padding: 39% 0;
}
.mahanakhon-paddetail5 {
    padding: 30.2% 0;
}
.mahanakhon-paddetail6 {
    padding: 32.6% 0;
}
.mahanakhon-paddetail7 {
    padding: 18.3% 0;
}
.mahanakhon-paddetail8 {
    padding: 8.6% 0;
}
.mahanakhon-paddetail9 {
    padding: 19.8% 0;
}
.mahanakhon-paddetail10 {
    padding: 5.6% 0;
}
.mahanakhon-paddetail11 {
    padding: 2.7% 0;
}
.mahanakhon-paddetail12 {
    padding: 25.5% 0;
}
.mahanakhon-paddetail13 {
    padding: 14.1% 0;
}
.mahanakhon-paddetail14 {
    padding: 15.2% 0;
}
.mahanakhon-paddetail15 {
    padding: 10.5% 0;
}
.mahanakhon-paddetail16 {
    padding: 13.1% 0;
}
.mahanakhon-paddetail17 {
    padding: 1.5% 0;
}
/*Supalai Prima Riva Rama 3 k'sunthee*/
#Component60c77ddbe9541800194890cf {
    padding: 0 30%;
}
figure.effect-jazz {
    background: transparent;
}
figure.effect-jazz figcaption::after {
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}

/**/
.mahanakhon-concept {
    font-size: 18px;
}


/**/
.mahanakhon-project2 {
    font-size: 34px;
    font-weight: 400;
}
.coming-soon {
    padding: 2% 5%;
}


/****/
.mahanakhon-roadmap {
    width: 50%;
    margin: 0 auto;
}
.mahanakhon-roadmap1 {
    font-size: 34px;
}
.mahanakhon-roadmap2 {
    font-size: 16px;
    padding: 0 0 15px;
}


/**/
.mahanakhon-contact {
    font-size: 16px;
    padding: 5% 7% 14.5%;
    line-height: 1.7;
    background-color: #f9f9f9;
}
.mahanakhon-padcontact {
    padding-top: 7px;
}




/*Contentmanager*/

.caption:hover {
    color: #fa9e39!important;
}
.Contentmanager .caption {
    height: 35px;
    overflow: hidden;
    font-size: 18px;
    margin-top: 3%;
  color: #000;
}
.page-header {
    display: none;
}
.landingpagemanager {
    display: none;
}
  img#myImage1626088656268 , img#myImage1626088663818  {
    width: 50px;
}


/*from Contact*/
.no-js #Component60ffaab747bfbc00197477e2 label {
    display: none!important;
}
.no-js #Component60ffaab747bfbc00197477e2 .col-md-6 {
    width: 100%;
    margin-left: auto;
    display: block;
    margin-right: auto;
    float: initial;
}
.no-js #Component60ffaab747bfbc00197477e2 .form-control {
    border: 1px solid #f9f9f9;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    font-size: 14px!important;
    padding: 22px;
    background: #f9f9f9;
    color: #000;
}
.no-js #Component60ffaab747bfbc00197477e2 .form-control:hover {
     border: 1px solid #000003;
}
.no-js #Component60ffaab747bfbc00197477e2 .form-control:focus {
     border: 1px solid #000003;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0);
  color: #000!important;
}
.no-js #Component60ffaab747bfbc00197477e2 .btn {
    background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);
    background-image: -o-linear-gradient(top,#111f39 0,#111f39 100%);
    background: linear-gradient(to right,#000003 0,#000003 25%,#000003 50%,#000003 75%,#000003 100%);
    color: #fff;
    background-repeat: repeat-x;
    border-color: #0000;
    border-radius: 0px;
    padding: 10px 30px;
    font-size: 14px;
    border: 0px solid transparent;
}
.no-js #Component60ffaab747bfbc00197477e2 .btn-default:active {
   background-color: #000003;
}
.no-js #Component60ffaab747bfbc00197477e2 .btn-default:hover,
.no-js #Component60ffaab747bfbc00197477e2 .btn-default:focus {
    background-position: 0 0px;
  background-color: #000003;
}
.no-js #Component60ffaab747bfbc00197477e2 span.label {
    font-size: 12px;
    font-weight: 400;
}
#iframe60ffaaac47bfbc00197477dc iframe {
    height: 475px;
}

/*from*/
.no-js #formdisplay6122721f143d5a00195b23e3 .form-control {
    border: 1px solid #f9f9f9;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    font-size: 14px!important;
    padding: 22px;
    background: #f9f9f9;
    color: #000;
}
.no-js #formdisplay6122721f143d5a00195b23e3 .form-control:hover {
     border: 1px solid #000003;
}
.no-js #formdisplay6122721f143d5a00195b23e3 .form-control:focus {
     border: 1px solid #000003;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0);
  color: #000!important;
}
.no-js #formdisplay6122721f143d5a00195b23e3 .btn {
    background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);
    background-image: -o-linear-gradient(top,#111f39 0,#111f39 100%);
    background: linear-gradient(to right,#000003 0,#000003 25%,#000003 50%,#000003 75%,#000003 100%);
    color: #fff;
    background-repeat: repeat-x;
    border-color: #0000;
    border-radius: 0px;
    padding: 10px 30px;
    font-size: 14px;
    border: 0px solid transparent;
}
.no-js #formdisplay6122721f143d5a00195b23e3 .btn-default:active {
   background-color: #000003;
}
.no-js #formdisplay6122721f143d5a00195b23e3 .btn-default:hover,
.no-js #formdisplay6122721f143d5a00195b23e3 .btn-default:focus {
    background-position: 0 0px;
  background-color: #000003;
}
.no-js #formdisplay6122721f143d5a00195b23e3 span.label {
    font-size: 12px;
    font-weight: 400;
}
#capcha0 {
    margin-left: -8px;
    margin-right: -45px;
}

#imagesControl60ec0004eff55800122a86d3{
      padding: 0px!important;
}
.nav-template7 li {
    padding: 10px 10px;
}
.nav-template7 li a {
    color: #000;
    font-size: 18px !important;
    text-align: left;
}
.nav-template7 li:hover a {
    text-decoration: none;
}
.nav-template7 .fa-plus:before {
    content: "\f101";
    color: #000;
}
.nav-template7 strong {
    font-weight: 600;
}
#contenttype71 {
    font-size: 17px;
    text-align: left;
}


#iframe610232134a3481001241e2a4 iframe {
    height: 365px;
}


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #000;
    border-color: #000;
}
.pagination>li>a, .pagination>li>span {
    color: #000;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #000;
    background-color: #f7f7f7;
}

/*search*/
#searchResultLanding .panel {
    margin: 6% 0;
}
#itp-shopcart-detail {
    padding-left: 0px !important;
}
.itopplus-search-image-flex-item {
    padding: 0px !important;
    width: 198px!important;
    min-height: 150px!important;
    max-height: 430px!important;
    background-color: #f9f9f9!important;
    box-shadow: none !important;
}
  .itopplus-search-image-flex-item img {
    width: 100%!important;
}
    .search_titleText {
    padding: 5px 0px;
    font-size: 16px;
}
    .search_text {
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
  .itopplus-slide {
    background-color: #eeeff1;
}



/********************max-width ipad 11 pro แนวนอน**********************/
@media only screen and (max-width:1191px) {
  .itopplus-banner {
   position: absolute !important;
}
.navbar-default {
    background-color: transparent!important;
    color: white;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-inline .text-bar {
    display: none;
}
.navbar-inline {
    padding-top: 7px;
}
.navbar-default.navbar-fixed .nav {
   display:block !important;
}
 #itopplus-sticky-nav-bar {
   background: #fff;
}
.itopplus-slide {
padding-top: 0px !important;
}
 .mahanakhon-iconabout1 img {
    width: 35% !important;
}
.mahanakhon-padcontact {
    padding-top: 0px;
}
  .mahanakhon-paddetail {
    padding: 26.5% 0;
}
  .mahanakhon-paddetail1 {
    padding: 4.9% 0;
}
  .mahanakhon-paddetail2 {
    padding: 29.1% 0;
}
  .mahanakhon-paddetail3 {
    padding: 35.8% 0;
}
  .mahanakhon-paddetail4 {
    padding: 38.5% 0;
}
  .mahanakhon-paddetail5 {
    padding: 30.1% 0;
}
.mahanakhon-paddetail9 {
    padding: 19.2% 0;
}
  .mahanakhon-paddetail10 {
    padding: 5.3% 0;
}
  .mahanakhon-paddetail13 {
    padding: 13.5% 0;
}
  .mahanakhon-paddetail14 {
    padding: 14.4% 0;
}
  .mahanakhon-paddetail15 {
    padding: 10.2% 0;
}
  .mahanakhon-paddetail16 {
    padding: 12.6% 0;
}
  .mahanakhon-paddetail17 {
    padding: 0.9% 0;
}
.no-js #carousel60ec0004eff55800122a86d3 {
    display: none;
}
}

@media only screen and (max-width:1024px) {
  .itopplus-banner {
   position: absolute !important;
}
  table.tj2 td {
    border-right: 20px solid #eeeff1;
    padding: 15px 5px 5px 0;
    font-size: 16px;
}
  .no-js #carousel60ec0004eff55800122a86d3 {
    display: block;
}
    /*project*/
#Component60c17f7c57ce3b001268525f {
       min-height: 615px;
}
/*project อื่นๆ*/
#Component60c1c082b958340012d1b919 , #Component60c33d7164c868001a1a91fa , #Component60c341d9ade6ce00195b95c0 ,#Component60c342ff3cadc3001942324e , #Component60c1cd705a03a50012bcea5e ,  #Component60c316c8cab2e7001a03fbe7 ,  #Component60c31b5098f87e0019c59901 ,
#Component60c31be1c9bd9000192efecd , #Component60ec1bbbeff55800122a8ac1 ,  #Component60c31d4898f87e0019c59951 , #Component60c31dc19371b30019ed2833 , #Component60db1bb76dce0800126378c8 , #Component60db1d01dfa2520012be1dc8 , #Component60db1db3d22b3e0012c27196 ,
#Component60db1e73dfa2520012be1dd3 , #Component60db1f256dce0800126378e7 , #Component60db20c9d22b3e0012c271ac , #Component60db2134dfa2520012be1de3 , #Component60db2192d22b3e0012c271ba , #Component60db2253d22b3e0012c271cc , #Component60db22ed6dce08001263790b ,
#Component60db23bb6dce08001263791c , #Component60db2471d22b3e0012c271d6 , #Component60c320d564c868001a1a8ea8 , #Component60db2e24dfa2520012be1dfa , #Component60db2f486dce080012637948 , #Component60c32210ade6ce00195b9201 , #Component60db30d66dce08001263795c ,
#Component60db3206dfa2520012be1e17 , #Component60db327bd22b3e0012c27204 , #Component60c323533cadc30019422fbf ,  #Component60db34b0d22b3e0012c2721e , #Component60db36656dce08001263797e , #Component60db36cadfa2520012be1e29  , #Component60db37576dce08001263798c ,
#Component60db386bd22b3e0012c27239 , #Component60db1fef6dce0800126378f6 {
    min-height: 550px;
}
  #iframe60ffaaac47bfbc00197477dc iframe {
    height: 420px;
}

}



/********************max-width ipad 12 pro แนวตั้ง**********************/
@media only screen and (max-width:900px) {
.itopplus-slide {
     padding-top: 54px !important;
}
  .itopplus-slide {
    background-color: #fff;
}
#imagesControl60c17fa0a123310013393a09 , #imagesControl60c1c082b958340012d1b91b , #imagesControl60c1cd705a03a50012bcea5e {
    padding: 0 !important;
  margin-bottom: -10px;
}
.table-responsive {
    border: 0px solid #ddd;
}
table.tj2 td {
    border-right: 10px solid #eeeff1;
    padding: 15px 0px 10px 0;
    font-size: 16px;
    width: 25%;
 }
.mahanakhon-roadmap {
    width: 75%;
    margin: 0 auto;
}
  .mahanakhon-menu {
    font-size: 28px;
}
  .mahanakhon-contact {
    font-size: 16px;
    padding: 5% 3% 5%;
}
  .itopplus-search-image-flex-item {
    width: 227px!important;
    min-height: 150px!important;
    max-height: 425px!important;
}
  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
 }
#controlBanner {
  margin-top: 0px;
}
.col-md-1.col-md-offset-0.col-sm-2.col-sm-offset-5.col-xs-4.col-xs-offset-4.padding {
  z-index: 101;
}
.navbar-brand {
float : right !important
}
#controlBanner {
  margin-top: 0px;
}
.navbar-brand {
float : right !important
}
#itpMenuSideBar {
  float: right !important;
}
.col-md-1.col-md-offset-0.col-sm-1.col-sm-offset-0.col-xs-2.col-xs-offset-0.padding {
  z-index: 101;
}
.navbar-header {
  margin-top: 15px;
}
.navbar-default {
   background: #000 !important;
}
#controlBanner {
   position: fixed;
   width: 7%;
}
.itopplus-sidebar-container {
  margin-top: 25px;
}
  .mahanakhon-paddetail {
    padding: 26.3% 0;
}
  .mahanakhon-paddetail1 {
    padding: 3.9% 0;
}
  .mahanakhon-paddetail2 {
    padding: 28.2% 0;
}
  .mahanakhon-paddetail3 {
    padding: 35.4% 0;
}
  .mahanakhon-paddetail4 {
    padding: 38.1% 0;
}
  .mahanakhon-paddetail5 {
    padding: 29.8% 0;
}
  .mahanakhon-paddetail6 {
    padding: 32.2% 0;
}
  .mahanakhon-paddetail8 {
    padding: 7.5% 0;
}
  .mahanakhon-paddetail9 {
    padding: 18.4% 0;
}
  .mahanakhon-paddetail10 {
    padding: 4.5% 0;
}
  .mahanakhon-paddetail11 {
    padding: 1.8% 0;
}
  .mahanakhon-paddetail12 {
    padding: 25.2% 0;
}
  .mahanakhon-paddetail13 {
    padding: 12.5% 0;
}
  .mahanakhon-paddetail14 {
    padding: 12.2% 0;
}
  .mahanakhon-paddetail15 {
    padding: 9.2% 0;
}
  .mahanakhon-paddetail16 {
    padding: 12.1% 0;
}
  .mahanakhon-paddetail17 {
    padding: 0.2% 0;
}
#imagesControl60c77f34e954180019489171 {
    padding: 10px 10px 10px 22px !important;
}
 #imagesControl60c7802de9541800194891cb {
    padding: 10px 19px 10px 10px !important;
}
#imagesControl60c785b5e9541800194893f5 {
    padding: 10px 19px 10px 10px !important;
}
#imagesControl60c77c68e95418001948909f , #imagesControl60c7866ce954180019489426 , #imagesControl60c788cce9541800194894fc , #imagesControl60c78946e95418001948952c {
    padding: 10px 20px 10px 10px !important;
}
   /*project*/
#Component60c17f7c57ce3b001268525f {
    min-height: 0;
}
/*project อื่นๆ*/
#Component60c1c082b958340012d1b919 , #Component60c33d7164c868001a1a91fa , #Component60c341d9ade6ce00195b95c0 ,#Component60c342ff3cadc3001942324e , #Component60c1cd705a03a50012bcea5e ,  #Component60c316c8cab2e7001a03fbe7 ,  #Component60c31b5098f87e0019c59901 ,
#Component60c31be1c9bd9000192efecd , #Component60ec1bbbeff55800122a8ac1 ,  #Component60c31d4898f87e0019c59951 , #Component60c31dc19371b30019ed2833 , #Component60db1bb76dce0800126378c8 , #Component60db1d01dfa2520012be1dc8 , #Component60db1db3d22b3e0012c27196 ,
#Component60db1e73dfa2520012be1dd3 , #Component60db1f256dce0800126378e7 , #Component60db20c9d22b3e0012c271ac , #Component60db2134dfa2520012be1de3 , #Component60db2192d22b3e0012c271ba , #Component60db2253d22b3e0012c271cc , #Component60db22ed6dce08001263790b ,
#Component60db23bb6dce08001263791c , #Component60db2471d22b3e0012c271d6 , #Component60c320d564c868001a1a8ea8 , #Component60db2e24dfa2520012be1dfa , #Component60db2f486dce080012637948 , #Component60c32210ade6ce00195b9201 , #Component60db30d66dce08001263795c ,
#Component60db3206dfa2520012be1e17 , #Component60db327bd22b3e0012c27204 , #Component60c323533cadc30019422fbf ,  #Component60db34b0d22b3e0012c2721e , #Component60db36656dce08001263797e , #Component60db36cadfa2520012be1e29  , #Component60db37576dce08001263798c ,
#Component60db386bd22b3e0012c27239 , #Component60db1fef6dce0800126378f6 {
    min-height: 430px;
}
  #iframe60ffaaac47bfbc00197477dc iframe {
    height: 335px;
}
.no-js #carousel60ec0004eff55800122a86d3 {
    display: block;
}
  #iframe610232134a3481001241e2a4 iframe {
    height: 230px;
}
  .Textmanager.font-inherit {
    font-size: 12px;
}
  /*slide home*/
  .no-js #carousel61036ba94a3481001242080e {
    display: none;
}
 /* .glyphicon-search-icon:before , .fa-search:before {
    content: "\f002";
    display: none;
}*/
  .fa-facebook-f:before {
    content: "\f39e";
    /*margin-left: 235%;*/
 }
  #itpsearchmobile {
    display: none!important;
}
  .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #fff !important;
}
}



/********************max-width iphone 12 pro max แนวตั้ง**********************/
@media only screen and (max-width:480px) {
#controlBanner {
   position: fixed;
   width: 13%;
}
#imagesControl60c095e313331a001a430ffa , #imagesControl60c33d7164c868001a1a91fa , #imagesControl60c341d9ade6ce00195b95c0 , #imagesControl60c342ff3cadc3001942324e , #imagesControl60c316c8cab2e7001a03fbe7 , #imagesControl60c1c082b958340012d1b919 ,
#imagesControl60c31b5098f87e0019c59901 , #imagesControl60c31be1c9bd9000192efecd , #imagesControl60c31c4a3cadc30019422f50 , #imagesControl60c31d4898f87e0019c59951 , #imagesControl60c31dc19371b30019ed2833 , #imagesControl60c31e8998f87e0019c59965 ,
#imagesControl60c31f4c9371b30019ed2849 , #imagesControl60c3205f98f87e0019c599a3 , #imagesControl60c320d564c868001a1a8ea8 , #imagesControl60c32136ade6ce00195b91f5 , #imagesControl60c321ba64c868001a1a8ec8 , #imagesControl60c32210ade6ce00195b9201 ,
#imagesControl60c3227fade6ce00195b920b , #imagesControl60c322ef3cadc30019422fb1 , #imagesControl60c323533cadc30019422fbf , #imagesControl60c33bcaade6ce00195b946e , #imagesControl60c33c2398f87e0019c59c17 , #imagesControl60c33c99c9bd9000192f01a9 , 
#imagesControl60c33d119371b30019ed2ae8 , #imagesControl60c820e30a1e5000193087d4 , #imagesControl60ec1bbbeff55800122a8ac1, #imagesControl60c17f7c57ce3b001268525f, #imagesControl60db1bb76dce0800126378c8, #imagesControl60db1db3d22b3e0012c27196,
 #imagesControl60db1e73dfa2520012be1dd3, #imagesControl60db1f256dce0800126378e7, #imagesControl60db2253d22b3e0012c271cc, #imagesControl60db20c9d22b3e0012c271ac, #imagesControl60db2134dfa2520012be1de3,
#imagesControl60db22ed6dce08001263790b, #imagesControl60db23bb6dce08001263791c, #imagesControl60db2471d22b3e0012c271d6, #imagesControl60db2e24dfa2520012be1dfa, #imagesControl60db2f486dce080012637948,  
#imagesControl60db30d66dce08001263795c, #imagesControl60db3206dfa2520012be1e17, #imagesControl60db327bd22b3e0012c27204, #imagesControl60db34b0d22b3e0012c2721e, #imagesControl60db36656dce08001263797e,
  #imagesControl60db36cadfa2520012be1e29, #imagesControl60db37576dce08001263798c, #imagesControl60db386bd22b3e0012c27239, #imagesControl60db1fef6dce0800126378f6, #imagesControl60db1d01dfa2520012be1dc8,#imagesControl60db2192d22b3e0012c271ba {
    padding: 0 !important;
      margin-bottom: -2%;
}
 #imagesControl60fff82047bfbc00197489a4, #imagesControl610508f9a5f64c00128e0c07 {
    margin-bottom: -20px;
} 
  #imagesControl60fff762a9777f0019bd6d93{
    margin-top: -20px;
} 
  
 .mahanakhon-iconabout1 {
    margin-bottom: 10%;
}
 table.tj2 td {
    border-right: 10px solid #eeeff1;
    padding: 15px 0px 10px 0;
    font-size: 16px;
    width: 50%;
    display: inline-block;
}
  .mahanakhon-roadmap {
    width: 100%;
    margin: 0 auto;
}
  .mahanakhon-roadmap1 {
        font-size: 17px;
    margin-top: -3px;
    margin-left: 30px;
}
  .mahanakhon-roadmap2 {
    font-size: 8px;
    text-align: left;
        margin-left: 10px;
}
  .mahanakhon-activity {
    font-size: 30px;
    text-align: right;
    
    position: absolute;
    top: 5%;
    right: 5%;
    color: white;
}
.mahanakhon-contact {
    width: 96%;
    margin: 0 auto;
}
  .mahanakhon-contact img {
    width: 65% !important;
    display: block;
    margin: 0 auto;
}
    .mahanakhon-paddetail {
    padding: 0% 0;
}
  .mahanakhon-paddetail1 {
    padding: 0% 0;
}
  .mahanakhon-paddetail2 {
    padding: 0% 0;
}
  .mahanakhon-paddetail3 {
    padding: 0% 0;
}
  .mahanakhon-paddetail4 {
    padding: 0% 0;
}
  .mahanakhon-paddetail5 {
    padding: 0% 0;
}
  .mahanakhon-paddetail6 {
    padding: 0% 0;
}
  .mahanakhon-paddetail8 {
    padding: 0% 0;
}
  .mahanakhon-paddetail9 {
    padding: 0% 0;
}
  .mahanakhon-paddetail10 {
    padding: 0% 0;
}
  .mahanakhon-paddetail11 {
    padding: 0% 0;
}
  .mahanakhon-paddetail12 {
    padding: 0% 0;
}
  .mahanakhon-paddetail13 {
    padding: 0% 0;
}
  .mahanakhon-paddetail14 {
    padding: 0% 0;
}
  .mahanakhon-paddetail15 {
    padding: 0% 0;
}
  .mahanakhon-paddetail16 {
    padding: 0% 0;
}
  .mahanakhon-paddetail17 {
    padding: 0% 0;
}
#imagesControl60c77f34e954180019489171 {
    padding: 10px 10px 10px 22px !important;
}
 #imagesControl60c7802de9541800194891cb {
    padding: 10px 10px 10px 10px !important;
}
#imagesControl60c785b5e9541800194893f5 {
    padding: 10px 10px 10px 10px !important;
}
#imagesControl60c77c68e95418001948909f , #imagesControl60c7866ce954180019489426 , #imagesControl60c788cce9541800194894fc , #imagesControl60c78946e95418001948952c {
    padding: 10px 10px 10px 10px !important;
}
.itopplus-search-image-flex-item {
    width: 100%!important;
    min-height: 150px!important;
    max-height: inherit!important;
}
  .itopplus-search-image-flex-item img {
    width: 100%!important;
}
  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
}
  .search_text {
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
 }
.mahanakhon-project1 {
    font-size: 14px;
}
  .mahanakhon-project2 {
    font-size: 20px;
}
  .mahanakhon-concept {
    font-size: 12px;
}
.mahanakhon-menu1 {
    font-size: 30px;
    padding: 3% 0 0;
}
  .mahanakhon-menu2 {
    font-size: 30px;
    padding: 3% 0 0;
}
  /*padding project*/
#contentnewmode60c6f36e5740270019ebc23f , #contentnewmode60c6f4635740270019ebc2b7 ,  #contentnewmode60c70533abaa3800191982aa ,  #contentnewmode60c70598d449a60019c2d954 , #contentnewmode60c70700d449a60019c2d9a0 ,
#contentnewmode60c70b78abaa38001919836e , #contentnewmode60c70e3cabaa3800191983e3 , #contentnewmode60c70edfabaa38001919841d , #contentnewmode60c71154e954180019487fe9 , #contentnewmode60c7131ae954180019488228 ,
#contentnewmode60c713d3e954180019488306 , #contentnewmode60c72429e9541800194885eb , #contentnewmode60c725ebe9541800194886f6 , #imagesControl60c31e8998f87e0019c59965 , #contentnewmode60c77ad4e954180019489033 , 
#contentnewmode60c77a30e954180019488fe8  , #contentnewmode60c78125e954180019489222 , #contentnewmode60c78235e95418001948927d , #contentnewmode60c7829ae9541800194892b1 ,#contentnewmode60c7839be954180019489321 ,
#contentnewmode60c783d9e95418001948933d  , #contentnewmode60c78488e954180019489392 , #contentnewmode60c784bfe9541800194893ab , #contentnewmode60c787b6e95418001948948a , #contentnewmode60c7884be9541800194894b6  {
    display: none;
}
  
.col-md-12.col-sm-12.col-xs-12 .thumbs {
    margin-bottom: 0px;
}
#imagesControl60c6f3575740270019ebc237 , #imagesControl60c7051ad449a60019c2d930 , #imagesControl60c706ded449a60019c2d98e , #imagesControl60c70e295740270019ebc4da ,  #imagesControl60c71051e954180019487f72 , #imagesControl60c712d4e9541800194881be ,
#imagesControl60c716e7e95418001948845a , #imagesControl60c779cbe954180019488fc5 , #imagesControl60c77f34e954180019489171 , #imagesControl60c78213e954180019489275 , #imagesControl60c78324e9541800194892f3 , #imagesControl60c78472e95418001948938a ,
#imagesControl60c7866ce954180019489426 , #imagesControl60c78797e954180019489482  {
    padding: 10px 10px 0px 10px !important;
    margin-bottom: -10px;
}
#imagesControl60c71051e954180019487f72  .thumbs , #imagesControl60c7106fe954180019487f9b  .thumbs  , #imagesControl60c77c68e95418001948909f .thumbs , #imagesControl60c77f34e954180019489171  .thumbs , #imagesControl60c780fee954180019489215 .thumbs  ,
#imagesControl60c33d7164c868001a1a91fe  .thumbs , #imagesControl60c1ca5a5a03a50012bce9ed .thumbs , #imagesControl60c17ed657ce3b001268525a .thumbs , #imagesControl60c7802de9541800194891cb  .thumbs , #imagesControl60c341d9ade6ce00195b95c2 .thumbs ,
#imagesControl60c342ff3cadc30019423250 .thumbs  , #imagesControl60c785b5e9541800194893f5 .thumbs , #imagesControl60c7866ce954180019489426 .thumbs , #imagesControl60c788cce9541800194894fc .thumbs , #imagesControl60c78946e95418001948952c .thumbs  {
    margin-bottom: 20px;
}
#Component60c77ddbe9541800194890cf {
    padding: 0 3%;
}
  #imagesControl60c77f34e954180019489171 {
    padding: 10px 10px 0px 10px !important;
}
  #imagesControl60daf6926dce080012637561 {
    padding: 0 !important;
    margin: -5px 0;
}
  .itopplus-footer {
    background-color: black;
    color: #fff;
}
  .mahanakhon-contact {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    padding: 5% 2% 5%;
}
  .mahanakhon-about1 {
    text-align: justify;
}
#formdisplay60db39e3d22b3e0012c27247 #display1 ,#formdisplay60db39e3d22b3e0012c27247 #display3 {
    margin-right: -20px;
}
  .panel-body.text-center {
    padding: 10px 15px 10px 5px;
}
  /*project*/
#Component60c17f7c57ce3b001268525f {
    min-height: 0;
}
/*project อื่นๆ*/
#Component60c1c082b958340012d1b919 , #Component60c33d7164c868001a1a91fa , #Component60c341d9ade6ce00195b95c0 ,#Component60c342ff3cadc3001942324e , #Component60c1cd705a03a50012bcea5e ,  #Component60c316c8cab2e7001a03fbe7 ,  #Component60c31b5098f87e0019c59901 ,
#Component60c31be1c9bd9000192efecd , #Component60ec1bbbeff55800122a8ac1 ,  #Component60c31d4898f87e0019c59951 , #Component60c31dc19371b30019ed2833 , #Component60db1bb76dce0800126378c8 , #Component60db1d01dfa2520012be1dc8 , #Component60db1db3d22b3e0012c27196 ,
#Component60db1e73dfa2520012be1dd3 , #Component60db1f256dce0800126378e7 , #Component60db20c9d22b3e0012c271ac , #Component60db2134dfa2520012be1de3 , #Component60db2192d22b3e0012c271ba , #Component60db2253d22b3e0012c271cc , #Component60db22ed6dce08001263790b ,
#Component60db23bb6dce08001263791c , #Component60db2471d22b3e0012c271d6 , #Component60c320d564c868001a1a8ea8 , #Component60db2e24dfa2520012be1dfa , #Component60db2f486dce080012637948 , #Component60c32210ade6ce00195b9201 , #Component60db30d66dce08001263795c ,
#Component60db3206dfa2520012be1e17 , #Component60db327bd22b3e0012c27204 , #Component60c323533cadc30019422fbf ,  #Component60db34b0d22b3e0012c2721e , #Component60db36656dce08001263797e , #Component60db36cadfa2520012be1e29  , #Component60db37576dce08001263798c ,
#Component60db386bd22b3e0012c27239 , #Component60db1fef6dce0800126378f6 {
    min-height: 200px;
}
#iframe60ffaaac47bfbc00197477dc iframe {
    height: 315px;
}
  #iframe610232134a3481001241e2a4 iframe {
    height: 215px;
}
 
  img#myImage1626088656268 , img#myImage1626088663818  {
    width: 12%;
}
.Textmanager.font-inherit {
    white-space: pre-line;
    font-size: 16px;
}
#Contentmanager  .col-md-12.text-justify {
    padding: 10px 5px;
}
}






#imagesControl60c197baed77520012fb5042 {
	min-height: 640px;
}

@media (max-width: 1024px) {
  .itopplus-footer {
  	display:none;
  }
}

/*#EffectView60c095e313331a001a430ffa1 img {
  -webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
   animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}

#EffectView60c1c082b958340012d1b9191 img {
		animation: fadeIn 4s;
  -webkit-animation: fadeIn 4s;
  -moz-animation: fadeIn 4s;
  -o-animation: fadeIn 4s;
  -ms-animation: fadeIn 4s;
}

#EffectView60c17f7c57ce3b001268525f1 img {
	animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}

#EffectView60c33d7164c868001a1a91fa1 img {
	animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}

#EffectView60c341d9ade6ce00195b95c01 img {
	animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}

#EffectView60c342ff3cadc3001942324e1 img {
	animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}*/